1.01M

Категория:

Интернет

Похожие презентации:

Introduction to HTML / CSS (part 6)

CSS Basics

CSS. Позиционирование блока

Understanding CSS. Essentials: layouts, managing text flow, managing the graphical interface

Использование CSS для макетирования

Introduction to HTML/CSS (part 3)

Bloklar

Part II. Cascading Style Sheets (CSS)

Chapter 4: CSS for Content Presentation

HTML. Урок №5

Он-лайн проект. Команда 20

1.

From: <Saved by Blink>
Snapshot-Content-Location: https://disk.yandex.ru/edit/d/kUUkZdpzP0GEEQhkkrRrSPegnqahzm72s0qoIz-cKg6WTR6dm1DYTNYUQ
Subject: =?utf-8?Q?=D0=9E=D0=BD=D0=BB=D0=B0=D0=B9=D0=BD=20=D0=BF=D1=80=D0=BE=D0?=
=?utf-8?Q?=B5=D0=BA=D1=82=20=D0=BA=D0=BE=D0=BC=D0=B0=D0=BD=D0=B4=D0=B0=20?=
=?utf-8?Q?20.pptx=20-=20=D0=AF=D0=BD=D0=B4=D0=B5=D0=BA=D1=81=20=D0=94=D0?=
=?utf-8?Q?=BE=D0=BA=D1=83=D0=BC=D0=B5=D0=BD=D1=82=D1=8B?=
Date: Tue, 5 Dec 2023 13:55:24 +0700
MIME-Version: 1.0
Content-Type: multipart/related;
type="text/html";
boundary="----MultipartBoundary-5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ----"
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/html
Content-ID: <[email protected]>
Content-Transfer-Encoding: binary
Content-Location: https://disk.yandex.ru/edit/d/kUUkZdpzP0GEEQhkkrRrSPegnqahzm72s0qoIz-cKg6WTR6dm1DYTNYUQ
<!DOCTYPE html><html lang="ru" class="mobile presentation Theme Theme_color_pslight Theme_root_ps-light"><head><meta http-equiv="Content-Type"
content="text/html; charset=UTF-8"><link rel="stylesheet" type="text/css"
href="cid:[email protected]" /><link
rel="stylesheet" type="text/css" href="cid:[email protected]" />
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link id="editor-favicon" rel="icon"
href="https://disk.yandex.ru/favicon-docs.png">
<link rel="icon" type="image/png"
href="https://yastatic.net/disk/_/_dLiDw0Ops4o7TpmL59j2LxNpCTj.png"
sizes="24x24">
<link rel="icon" type="image/png"
href="https://yastatic.net/disk/_/_2onFaQAK8wbPguoNvUo365LChdc.png"
sizes="32x32">
<link rel="icon" type="image/png"
href="https://yastatic.net/disk/_/_e5Lih-IUDMdP8msksc1dFYQqtLL.png"
sizes="64x64">
<title>Он-лайн проект команда 20.pptx - Яндекс Документы</title>
<link rel="stylesheet"
href="https://yastatic.net/s3/psf/editor/only_office.ecd198b366ea6f6056e3.css">
</head>
<body style="background-color: rgb(235, 240, 255); overscroll-behaviory: contain;" class="utilityfocus">
<div id="app">
<div id="editor"><button type="button" class="Button2
Button2_size_s Button2_view_clear share-button-mobile" autocomplete="off"><span
class="Button2-Text"><div class="share-button-mobile-image share-button-mobileimage_android"></div></span></button><div class="only-office-wrapper"><iframe
src="cid:[email protected]" width="100%"
height="100%" align="top" frameborder="0" name="frameEditor" allowfullscreen=""
allow="autoplay; camera; microphone; display-capture; clipboard-write;"
style="position: fixed; overflow: hidden;"></iframe></div><div

2.

class="notificationsContainer"></div></div>
</div>
</body></html>
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
.ufo-icon { display: inline-block; vertical-align: middle; }
.ufo-icon__bg-icon { display: block; width: 24px; height: 24px; }
.ufo-icon.icon::after { display: none; }
.ufo-icon svg { display: block; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
.overdraft-content { position: relative; background-color: var(--color-mgsurface-primary); }
.overdraft-content:not(.overdraft-content_mobile) { border-radius: 20px;
padding: 32px 40px 42px; min-width: 780px; min-height: 406px; height: 406px;
width: 780px; }
.overdraft-content_mobile { padding: 0px 24px; }
.overdraft-content__content { display: flex; flex-direction: column; alignitems: flex-start; height: 406px; }
.overdraft-content_mobile .overdraft-content__content { height: 100vh; }
.overdraft-content__close { position: absolute; color: var(--color-mg-typoprimary); }
.overdraft-content__close .Button2-Icon { opacity: 0.8; }
.overdraft-content:not(.overdraft-content_mobile) .overdraft-content__close
{ top: -13px; right: -13px; background: var(--color-mg-surface-elevated-lvl-1);
border-radius: 24px; box-shadow: var(--effect-mg-shadow-surface-elevated-lvl-1);
}
.overdraft-content_mobile .overdraft-content__close { z-index: 1; top: 16px;
right: 16px; color: rgb(147, 156, 176); }
.overdraft-content__title, .overdraft-content__text { text-align: left; maxwidth: 555px; }
.overdraft-content_lite .overdraft-content__title { max-width: unset; }
.overdraft-content__title { font-weight: 700; font-size: 40px; line-height:
48px; margin-bottom: 12px; }
.overdraft-content_mobile .overdraft-content__title { font-size: 22px; line-

3.

height: 26px; margin-bottom: 8px; padding-top: 265px; }
.overdraft-content__text { font-weight: 400; font-size: 18px; line-height: 24px;
}
.overdraft-content_mobile .overdraft-content__text { font-size: 16px; lineheight: 20px; }
.overdraft-content__about { color: var(--color-mg-typo-secondary); font-weight:
500; font-size: 18px; line-height: 22px; z-index: 1; margin-top: 2px; }
.overdraft-content__about .Button2-Text { margin: 0px; opacity: 0.8; }
.overdraft-content_mobile .overdraft-content__about { font-size: 16px; lineheight: 20px; }
.overdraft-content_mobile .overdraft-content__about .Button2-Text { opacity:
1; }
.overdraft-content__image-wrapper { position: absolute; right: 0px; bottom:
40px; }
.overdraft-content_hard .overdraft-content__image-wrapper { bottom: 17px; }
.overdraft-content_mobile.overdraft-content_lite .overdraft-content__imagewrapper { top: 21px; left: 24px; }
.overdraft-content_mobile.overdraft-content_hard .overdraft-content__imagewrapper { top: 13px; left: 0px; }
.overdraft-content__image { pointer-events: none; width: 320px; height: 320px; }
.overdraft-content_mobile .overdraft-content__image { width: 240px; height:
240px; }
.overdraft-content__buttons-wrapper { margin-top: auto; }
.overdraft-content_mobile .overdraft-content__buttons-wrapper { text-align:
center; padding-bottom: 16px; width: 100%; }
.overdraft-content__button-add-space, .overdraft-content__button-clean { height:
56px; line-height: 56px; font-size: 16px; font-weight: 500; }
.overdraft-content__button-add-space::before, .overdraft-content__buttonclean::before { border-radius: 12px; }
.overdraft-content__button-add-space .Button2-Text { margin: 0px 53px; }
.overdraft-content_mobile .overdraft-content__button-add-space { width: 100%; }
.overdraft-content__button-clean { margin-left: 8px; }
.overdraft-content__button-clean .Button2-Text { margin: 0px 24px; }
.overdraft-content_mobile .overdraft-content__button-clean { font-weight: 500;
font-size: 16px; line-height: 22px; color: rgb(147, 156, 176); }
@media screen and (orientation: landscape) {
.overdraft-content_mobile { display: flex; padding: 0px; height: 100vh; width:
100vw; }
.overdraft-content_mobile .overdraft-content__content { position: relative;
padding-left: 172px; margin: auto; height: auto; width: auto; }
.overdraft-content_mobile .overdraft-content__button-add-space, .overdraftcontent_mobile .overdraft-content__button-clean { height: 48px; line-height:

4.

48px; width: auto; }
.overdraft-content_mobile .overdraft-content__buttons-wrapper { text-align:
left; padding-bottom: 0px; }
.overdraft-content_mobile .overdraft-content__title, .overdraft-content_mobile
.overdraft-content__text { max-width: 420px; }
.overdraft-content_mobile.overdraft-content_lite .overdraftcontent__title, .overdraft-content_mobile.overdraft-content_hard .overdraftcontent__title { padding-top: 0px; }
.overdraft-content_mobile.overdraft-content_lite .overdraft-content__imagewrapper, .overdraft-content_mobile.overdraft-content_hard .overdraftcontent__image-wrapper { top: 0px; left: 0px; }
.overdraft-content_mobile.overdraft-content_lite .overdraftcontent__image, .overdraft-content_mobile.overdraft-content_hard .overdraftcontent__image { width: 160px; height: 160px; }
.overdraft-content_mobile .overdraft-content__button-add-space .Button2-Text {
margin: 0px 20px; }
.overdraft-content_mobile .overdraft-content__button-clean { margin-left:
19px; }
.overdraft-content_mobile .overdraft-content__button-clean .Button2-Text
{ margin: 0px; }
}
@media (max-width: 900px) {
.overdraft-content:not(.overdraft-content_mobile) { min-width: 640px; minheight: 539px; height: 539px; width: 640px; }
.overdraft-content:not(.overdraft-content_mobile) .overdraft-content__content
{ height: 539px; }
.overdraft-content:not(.overdraft-content_mobile) .overdraft-content__imagewrapper { top: 24px; left: 40px; }
.overdraft-content:not(.overdraft-content_mobile).overdraftcontent_hard .overdraft-content__image-wrapper { left: 12px; }
.overdraft-content:not(.overdraft-content_mobile) .overdraft-content__image
{ width: 240px; height: 240px; }
.overdraft-content:not(.overdraft-content_mobile) .overdraft-content__title
{ padding-top: 248px; font-size: 32px; line-height: 36px; }
}
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location:
https://yastatic.net/s3/psf/editor/only_office.ecd198b366ea6f6056e3.css
@charset "utf-8";
.Radiobox-Control, .Radiobox-Radio { cursor: pointer; }
.Radiobox-Radio_disabled, .Radiobox-Radio_disabled .Radiobox-Control { cursor:
default; }
.Radiobox-Radio { position: relative; touch-action: manipulation; }
.Radiobox { display: inline-block; font-family: var(--radiobox-font-family);
user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Radiobox-Radio_disabled { pointer-events: none; }
.Radiobox-Box { position: relative; display: inline-block; box-sizing: borderbox; }
.Radiobox-Control { position: absolute; opacity: 0; }
.Radiobox_size_m { font-size: var(--radiobox-size-m-fontSize); line-height:
var(--radiobox-size-m-lineHeight); }

5.

.Radiobox_size_m .Radiobox-Text { padding-left: var(--radiobox-size-mindentRight); }
.Radiobox_size_m .Radiobox-Box { top: var(--radiobox-size-m-positionTop); width:
var(--radiobox-size-m-size); height: var(--radiobox-size-m-size); }
.Radiobox_size_m .Radiobox-Box::after { top: calc(50% - var(--radiobox-size-mafter-size)/2); left: calc(50% - var(--radiobox-size-m-after-size)/2); width:
var(--radiobox-size-m-after-size); height: var(--radiobox-size-m-after-size); }
@media (min-width: 0) {
.Radiobox_theme_normal .Radiobox-Box::after, .Radiobox_theme_normal .RadioboxLabel { transition: opacity 0.1s ease-out 0s; }
.Radiobox_theme_normal .Radiobox-Box::before { transition: border-color 0.1s
ease-out 0s, border-width, background-color; }
.Radiobox_theme_normal .Radiobox-Radio_hovered .Radiobox-Box::before { bordercolor: rgba(0, 0, 0, 0.3); }
.Radiobox_theme_normal .Radiobox-Radio_hovered.RadioboxRadio_checked .Radiobox-Box::before { border-color: rgba(129, 103, 0, 0.6); }
.utilityfocus.utilityfocus .Radiobox_theme_normal .RadioboxRadio_focused .Radiobox-Box::before { border-width: 2px; border-color: rgb(255,
219, 77); }
}
@media (min-width: 0) {
.Radiobox_theme_pseudo .Radiobox-Box::after, .Radiobox_theme_pseudo .RadioboxLabel { transition: opacity 0.1s ease-out 0s; }
.Radiobox_theme_pseudo .Radiobox-Box::before { transition: border-color 0.1s
ease-out 0s, border-width, background-color; }
.Radiobox_theme_pseudo .Radiobox-Radio_hovered .Radiobox-Box::before { bordercolor: rgba(0, 0, 0, 0.3); }
.Radiobox_theme_pseudo .Radiobox-Radio_hovered.RadioboxRadio_checked .Radiobox-Box::before { border-color: rgba(118, 94, 0, 0.65); }
.utilityfocus.utilityfocus .Radiobox_theme_pseudo .RadioboxRadio_focused .Radiobox-Box::before { border-width: 2px; border-color: rgb(255,
219, 77); }
}
.Radiobox_view_default .Radiobox-Text { display: inline-block; color: var(-radiobox-view-default-typo-color-base); }
.Radiobox_view_default .Radiobox-Box { border-radius: var(--radioboxborderRadius); background-color: var(--radiobox-view-default-fill-color-base);
transition: background 0.1s linear 0s; }
.Radiobox_view_default .Radiobox-Box::after { position: absolute; content: "";
opacity: 0; border-radius: var(--radiobox-after-borderRadius); background-color:
var(--radiobox-view-default-dot-fill-color); transition: opacity 0.1s ease 0s,
transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s; transform: scale(0.1); }
.Radiobox_view_default .Radiobox-Radio_disabled .RadioboxBox, .Radiobox_view_default .Radiobox-Radio_disabled .Radiobox-Text { opacity:
var(--radiobox-disabled-opacity); }
.Radiobox_view_default .Radiobox-Radio_checked .Radiobox-Box[class]
{ background-color: var(--radiobox-view-default-fill-color-checked-base); }
.Radiobox_view_default .Radiobox-Radio_checked .Radiobox-Box[class]::after
{ opacity: 1; transform: scale(1); }
.Radiobox_view_default .Radiobox-Radio_hovered .Radiobox-Box[class]
{ background-color: var(--radiobox-view-default-fill-color-hovered); }
.Radiobox_view_default .Radiobox-Radio_hovered.Radiobox-Radio_checked .Radiobox-

6.

Box[class] { background-color: var(--radiobox-view-default-fill-color-checkedhovered); }
.utilityfocus .Radiobox_view_default .Radiobox-Radio_focused .Radiobox-Box
{ box-shadow: 0 0 0 2px var(--radiobox-view-default-outline-color); }
.Radiobox_view_outline .Radiobox-Radio_hovered .Radiobox-Box[class] { border:
2px solid var(--radiobox-view-default-fill-color-hovered); background-color:
var(--radiobox-type-outline-fill-color-hovered); }
.Radiobox_view_outline .Radiobox-Radio_hovered.Radiobox-Radio_checked .RadioboxBox[class] { border: 2px solid var(--radiobox-view-default-fill-color-checkedhovered); background-color: var(--radiobox-view-default-fill-color-checkedhovered); }
.utilityfocus .Radiobox_view_outline .Radiobox-Radio_focused .Radiobox-Box
{ box-shadow: 0 0 0 2px var(--radiobox-view-default-shadow-color); }
.ShareDialogAccessType { display: flex; padding: 16px; flex-grow: 1; }
.ShareDialogAccessType-TypeIcon { margin-right: 16px; display: flex; }
.ShareDialogAccessType-Text { display: flex; flex-direction: column; flex-grow:
1; }
.ShareDialogAccessType-Title { display: block; color: var(--color-mg-typoprimary); font-size: 16px; font-weight: 700; line-height: 20px; margin-bottom:
4px; }
.ShareDialogAccessType-Subtitle { display: block; color: var(--color-mg-typosecondary); font-size: 14px; line-height: 16px; }
.ShareDialogAccessType-AddonAfter { align-self: center; display: flex; marginleft: 14px; line-height: 0; }
.ShareDialogAccessType-Icon { width: 24px; height: 24px; }
.Button2 { cursor: pointer; }
.Button2[aria-disabled="true"], .Button2_disabled { cursor: default; }
.Button2 { position: relative; display: inline-block; overflow: visible; boxsizing: border-box; margin: 0px; padding: 0px; font-family: var(--button-fontfamily); font-weight: inherit; user-select: none; text-align: center; whitespace: nowrap; text-decoration: none; border-width: 0px; outline: 0px;
background: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touchaction: manipulation; }
.Button2[aria-busy="true"], .Button2[aria-disabled="true"] { pointer-events:
none; }
.Button2::before { border-radius: var(--button-borderRadius); }
.Button2::after, .Button2::before { position: absolute; z-index: -1; inset: 0px;
content: ""; }
.Button2::after { transform: scale(0); }
.Button2 .Button2-Icon { position: relative; pointer-events: none; }
.Button2 .Button2-Icon_side_left { position: absolute; top: 0px; left: 0px; }
.Button2 .Button2-Icon_side_right { position: absolute; top: 0px; right: 0px; }

7.

.Button2-Text { position: relative; display: inline-block; resize: none; whitespace: nowrap; pointer-events: none; }
.Button2.Button2.Button2_pin_circle-circle, .Button2.Button2.Button2_pin_circlecircle::before { border-radius: 100px; }
.Button2.Button2.Button2_pin_clear-round, .Button2.Button2.Button2_pin_clearround::before { border-left-width: 0px; border-top-left-radius: 0px; borderbottom-left-radius: 0px; }
.Button2_size_l { height: var(--button-size-l-height); font-size: var(--buttonsize-l-font); line-height: var(--button-size-l-lineHeight); }
.Button2_size_l .Button2-Text { margin: var(--button-size-l-text-indentAll); }
.Button2_size_l .Button2-Icon, .Button2_size_l .Button2-Icon.Icon_type_arrow
{ width: var(--button-size-l-icon-width); }
.Button2_size_l .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-l-icon-indentLeft); }
.Button2_size_l .Button2-Icon_side_right ~ .Button2-Text { margin-right: var(-button-size-l-icon-indentRight); }
.Button2_size_m { height: var(--button-size-m-height); font-size: var(--buttonsize-m-font); line-height: var(--button-size-m-lineHeight); }
.Button2_size_m .Button2-Text { margin: var(--button-size-m-text-indentAll); }
.Button2_size_m .Button2-Icon, .Button2_size_m .Button2-Icon.Icon_type_arrow
{ width: var(--button-size-m-icon-width); }
.Button2_size_m .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-m-icon-indentLeft); }
.Button2_size_m .Button2-Icon_side_right ~ .Button2-Text { margin-right: var(-button-size-m-icon-indentRight); }
.Button2_size_s { height: var(--button-size-s-height); font-size: var(--buttonsize-s-font); line-height: var(--button-size-s-lineHeight); }
.Button2_size_s .Button2-Text { margin: var(--button-size-s-text-indentAll); }
.Button2_size_s .Button2-Icon, .Button2_size_s .Button2-Icon.Icon_type_arrow
{ width: var(--button-size-s-icon-width); }
.Button2_size_s .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-s-icon-indentLeft); }
.Button2_size_s .Button2-Icon_side_right ~ .Button2-Text { margin-right: var(-button-size-s-icon-indentRight); }
.Button2_theme_action::before { transition: background-color 0.1s ease-out 0s; }
.Button2_theme_action.Button2_hovered::before, .Button2_theme_action:not([ariadisabled="true"]):hover::before { background-color: rgb(255, 214, 51); }
.utilityfocus .Button2_theme_action.Button2_focused::before, .utilityfocus .Butt
on2_theme_action:not([aria-disabled="true"]):focus::before { animation: 1s
linear 0s infinite normal none running button2-action-focus; }
@-webkit-keyframes button2-action-focus {
0%, 100% { background-color: rgb(255, 204, 0); }
40%, 60% { background-color: rgb(255, 224, 102); }

8.

}
@keyframes button2-action-focus {
0%, 100% { background-color: rgb(255, 204, 0); }
40%, 60% { background-color: rgb(255, 224, 102); }
}
.Button2_theme_clear::before { transition: background-color 0.1s ease-out 0s; }
.Button2_theme_clear .Button2-Icon, .Button2_theme_clear .Button2-Text
{ transition: opacity 0.1s ease-out 0s; }
.Button2_theme_clear:not([aria-disabled="true"]):hover .Button2Icon, .Button2_theme_clear:not([aria-disabled="true"]):hover .Button2-Text
{ opacity: 0.8; }
.utilityfocus .Button2_theme_clear.Button2_focused[class]::before, .utilityfocus
.Button2_theme_clear:focus::before { border: 2px solid rgb(255, 219, 77); }
.Button2_theme_normal { position: relative; z-index: 0; color: rgb(0, 0, 0);
border: none; outline: none; }
.Button2_theme_normal::before { border: var(--button-border-width)
solid rgba(0,0,0,.2); border-radius: 3px; background-color: rgb(255, 255, 255);
background-clip: padding-box; }
.Button2_theme_normal.Button2_pressed::before, .Button2_theme_normal:not([ariadisabled="true"]):active::before { background-color: rgb(243, 241, 237); }
.Button2_theme_normal.Button2_checked::before { border-color: rgba(153, 122, 0,
0.5); background-color: rgb(255, 235, 160); }
.Button2_theme_normal.Button2_checked.Button2_pressed::before, .Button2_theme_no
rmal.Button2_checked:not([aria-disabled="true"]):active::before { border-color:
rgba(129, 103, 0, 0.6); background-color: rgb(254, 228, 129); }
.Button2_theme_normal.Button2_disabled::before, .Button2_theme_normal[ariadisabled="true"]::before { border-color: rgba(0, 0, 0, 0.08); background-color:
rgba(0, 0, 0, 0.08); }
.Button2_theme_normal.Button2_disabled.Button2_checked::before, .Button2_theme_n
ormal[aria-disabled="true"].Button2_checked::before { border-color: rgba(0, 0,
0, 0.15); background-color: rgba(0, 0, 0, 0.15); }
.Button2_theme_normal.Button2_disabled .Button2Icon, .Button2_theme_normal.Button2_disabled .Button2Text, .Button2_theme_normal[aria-disabled="true"] .Button2Icon, .Button2_theme_normal[aria-disabled="true"] .Button2-Text { opacity:
0.5; }
.Button2_theme_normal::before { transition: border-color 0.1s ease-out 0s,
border-width, background-color; }
.Button2_theme_normal:not([aria-disabled="true"]):hover::before { border-color:
rgba(0, 0, 0, 0.3); }
.Button2_theme_normal.Button2_checked:not([aria-disabled="true"]):hover::before
{ border-color: rgba(129, 103, 0, 0.6); }
.utilityfocus.utilityfocus .Button2.Button2_theme_normal:focus::before { borderwidth: 2px; border-color: rgb(255, 219, 77); }
.Button2_theme_pseudo::before { transition: border-color 0.1s ease-out 0s,
border-width, background-color; }

9.

.Button2_theme_pseudo:not([aria-disabled="true"]):hover::before { border-color:
rgba(0, 0, 0, 0.3); }
.Button2_theme_pseudo.Button2_checked:not([aria-disabled="true"]):hover::before
{ border-color: rgba(118, 94, 0, 0.65); }
.utilityfocus.utilityfocus .Button2.Button2_theme_pseudo:focus::before { borderwidth: 2px; border-color: rgb(255, 219, 77); }
.Button2_theme_raised { position: relative; z-index: 0; color: rgb(0, 0, 0);
border: none; outline: none; background: transparent; }
.Button2_theme_raised::before { background-color: rgb(255, 255, 255); }
.Button2_theme_raised.Button2_disabled, .Button2_theme_raised[ariadisabled="true"] { opacity: 0.75; }
.Button2_theme_raised::before { box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
rgba(0, 0, 0, 0.05) 0px 1px 0px 1px, rgba(0, 0, 0, 0.05) 0px 4px 6px 0px; }
.Button2_theme_raised.Button2_pressed::before, .Button2_theme_raised:not([ariadisabled="true"]):active::before { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px
0px, rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }
.Button2_theme_raised:not([aria-disabled="true"]):hover::before { backgroundcolor: rgb(238, 238, 238); }
.Button2.Button2_theme_websearch:not([aria-disabled="true"]):hover .Button2-Text
{ border-color: rgb(255, 214, 51); background-color: rgb(255, 214, 51); }
.Button2_view_action { color: var(--button-view-action-typo-color-base);
transition: transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform
0.1s ease-out 0s; transform: scale(1); }
.Button2_view_action::before { background-color: var(--button-view-action-fillcolor-base); transition: background-color 0.15s linear 0s; }
.Button2_view_action.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_action.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_action[aria-disabled="true"] { color: var(--button-view-actiontypo-color-disabled); }
.Button2_view_action[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-action-fill-color-disabled); }
.Button2_view_action.Button2_checked { color: var(--button-view-action-typocolor-checked-base); }
.Button2_view_action.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-action-fill-color-checkedbase); }
.Button2_view_action.Button2_progress::before { background-image: repeatinglinear-gradient(-45deg,var(--button-view-action-fill-color-progress-base),var(-button-view-action-fill-color-progress-base) 4px,var(--button-view-action-fillcolor-progress-process) 0,var(--button-view-action-fill-color-progress-process)
8px); background-size: 34px 34px; animation-name: button-view-action-progress;
animation-duration: 0.5s; animation-timing-function: linear; animationiteration-count: infinite; }

10.

.Button2_view_action.Button2_progress { color: var(--button-view-action-typocolor-progress-base); }
.Button2_view_action:not([aria-disabled="true"]):hover { color: var(--buttonview-action-typo-color-hovered); }
.Button2_view_action:not([aria-disabled="true"]):hover::before { backgroundcolor: var(--button-view-action-fill-color-hovered); }
.Button2_view_action.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-action-typo-color-checked-hovered); }
.Button2_view_action.Button2_checked:not([aria-disabled="true"]):hover::before {
background-color: var(--button-view-action-fill-color-checked-hovered); }
.utilityfocus .Button2_view_action:focus::before { border: 2px solid var(-button-view-action-border-color-focused); }
.Button2_view_clear { color: var(--button-view-clear-typo-color-base); }
.Button2_view_clear .Button2-Icon, .Button2_view_clear .Button2-Text { opacity:
0.65; transition: opacity 0.1s ease-out 0s; }
.Button2_view_clear::before { transition: background-color 0.15s linear 0s; }
.Button2_view_clear.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_clear.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_clear[aria-disabled="true"] { color: var(--button-view-clear-typocolor-disabled); }
.Button2_view_clear[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-clear-fill-color-disabled); }
.Button2_view_clear[aria-disabled="true"] .Button2Icon, .Button2_view_clear[aria-disabled="true"] .Button2-Text { opacity: 1; }
.Button2_view_clear.Button2_checked { color: var(--button-view-clear-typo-colorchecked-base); }
.Button2_view_clear.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-clear-fill-color-checkedbase); }
.Button2_view_clear.Button2_checked .Button2Text, .Button2_view_clear:not([aria-disabled="true"]):hover .Button2Icon, .Button2_view_clear:not([aria-disabled="true"]):hover .Button2-Text
{ opacity: 1; }
.Button2_view_clear.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-clear-typo-color-checked-base); }
.Button2_view_clear.Button2_checked:not([aria-disabled="true"]):hover::before
{ background-color: var(--button-view-clear-fill-color-checked-hovered); }
.utilityfocus .Button2_view_clear:focus::before { border: 2px solid var(-button-view-clear-border-color-focused); }
.Button2_view_default { color: var(--button-view-default-typo-color-base);
transition: transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform
0.1s ease-out 0s; transform: scale(1); }

11.

.Button2_view_default::before { background-color: var(--button-view-defaultfill-color-base); transition: background-color 0.15s linear 0s; }
.Button2_view_default.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_default.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_default[aria-disabled="true"] { color: var(--button-view-defaulttypo-color-disabled); }
.Button2_view_default[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-default-fill-colordisabled); }
.Button2_view_default.Button2_checked { color: var(--button-view-default-typocolor-checked-base); }
.Button2_view_default.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-default-fill-color-checkedbase); }
.Button2_view_default:not([aria-disabled="true"]):hover { color: var(--buttonview-default-typo-color-hovered); }
.Button2_view_default:not([aria-disabled="true"]):hover::before { backgroundcolor: var(--button-view-default-fill-color-hovered); }
.Button2_view_default.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-default-typo-color-checked-hovered); }
.Button2_view_default.Button2_checked:not([aria-disabled="true"]):hover::before
{ background-color: var(--button-view-default-fill-color-checked-hovered); }
.utilityfocus .Button2_view_default:focus::before { border: 2px solid var(-button-view-default-border-color-focused); }
.Button2_view_link { color: var(--button-view-link-typo-color-base); transition:
transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform 0.1s easeout 0s; transform: scale(1); }
.Button2_view_link::before { border: var(--button-border-width) solid var(-button-view-link-border-color-base); background-color: var(--button-view-linkfill-color-base); transition: background-color 0.15s linear 0s; }
.Button2_view_link.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_link.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_link[aria-disabled="true"] { color: var(--button-view-link-typocolor-disabled); }
.Button2_view_link[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-link-fill-color-disabled); }
.Button2_view_link.Button2_checked { color: var(--button-view-link-typo-colorchecked-base); }
.Button2_view_link.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-link-fill-color-checked-base);
}
.Button2_view_link:not([aria-disabled="true"]):hover { color: var(--button-view-

12.

link-typo-color-base); }
.Button2_view_link:not([aria-disabled="true"]):hover::before { background-color:
var(--button-view-link-fill-color-hovered); }
.Button2_view_link.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-link-typo-color-checked-base); }
.Button2_view_link.Button2_checked:not([aria-disabled="true"]):hover::before
{ background-color: var(--button-view-link-fill-color-checked-hovered); }
.utilityfocus .Button2_view_link:focus::before { border: 2px solid var(--buttonview-link-border-color-focused); }
.Button2_view_pseudo { color: var(--button-view-pseudo-typo-color-base);
transition: transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform
0.1s ease-out 0s; transform: scale(1); }
.Button2_view_pseudo::before { border: var(--button-border-width) solid var(-button-view-pseudo-border-color-base); background-color: var(--colortransparent); transition: background-color 0.15s linear 0s; }
.Button2_view_pseudo.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_pseudo.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_pseudo[aria-disabled="true"] { color: var(--button-view-pseudotypo-color-disabled); }
.Button2_view_pseudo[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-pseudo-fill-color-disabled); }
.Button2_view_pseudo.Button2_checked { color: var(--button-view-pseudo-typocolor-checked-base); }
.Button2_view_pseudo.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-pseudo-fill-color-checkedbase); }
.Button2_view_pseudo:not([aria-disabled="true"]):hover { color: var(--buttonview-pseudo-typo-color-base); }
.Button2_view_pseudo:not([aria-disabled="true"]):hover::before { backgroundcolor: var(--button-view-pseudo-fill-color-hovered); }
.Button2_view_pseudo.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-link-typo-color-checked-base); }
.Button2_view_pseudo.Button2_checked:not([aria-disabled="true"]):hover::before {
background-color: var(--button-view-pseudo-fill-color-checked-hovered); }
.utilityfocus .Button2_view_pseudo:focus::before { border: 2px solid var(-button-view-pseudo-border-color-focused); }
.Button2_view_raised { color: var(--button-view-raised-typo-color-base);
transition: transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform
0.1s ease-out 0s; transform: scale(1); }
.Button2_view_raised::before { background-color: var(--button-view-raised-fillcolor-base); transition: background-color 0.15s linear 0s; }
.Button2_view_raised.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }

13.

.Button2_view_raised.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_raised[aria-disabled="true"] { color: var(--button-view-raisedtypo-color-disabled); }
.Button2_view_raised[aria-disabled="true"]::before { border-color: var(--colortransparent); background-color: var(--button-view-raised-fill-color-disabled); }
.Button2_view_raised.Button2_checked { color: var(--button-view-raised-typocolor-checked-base); }
.Button2_view_raised.Button2_checked::before { border-color: var(--colortransparent); background-color: var(--button-view-raised-fill-color-checkedbase); }
.Button2_view_raised.Button2_raised::before, .Button2_view_raised::before { boxshadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.05) 0px 1px 0px
1px, rgba(0, 0, 0, 0.05) 0px 4px 6px 0px; }
.Button2_view_raised { border-radius: var(--button-borderRadius); }
.Button2_view_raised.Button2_pressed, .Button2_view_raised.Button2_raised.Button
2_pressed { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1)
0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; }
.Button2_view_raised:not([aria-disabled="true"]):hover { color: var(--buttonview-raised-typo-color-base); }
.Button2_view_raised:not([aria-disabled="true"]):hover::before { backgroundcolor: var(--button-view-raised-fill-color-hovered); }
.Button2_view_raised.Button2_checked:not([aria-disabled="true"]):hover { color:
var(--button-view-raised-typo-color-checked-base); }
.Button2_view_raised.Button2_checked:not([aria-disabled="true"]):hover::before {
background-color: var(--button-view-raised-fill-color-checked-hovered); }
.utilityfocus .Button2_view_raised:focus::before { border: 2px solid var(-button-view-raised-border-color-focused); }
.Button2_width_max { width: 100%; }
.Button2_width_max.Button2_type_link { display: block; }
.Button2_width_max .Button2-Text { display: block; overflow: hidden; textoverflow: ellipsis; }
.Button2_size_xl { height: var(--button-size-xl-height); font-size: var(-button-size-xl-font-size); line-height: var(--button-size-xl-line-height); }
.Button2_size_xl .Button2-Text { margin: var(--button-size-xl-text-indentall); }
.Button2_size_xl .Button2-Icon { width: var(--button-size-xl-icon-width); }
.Button2_size_xl .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-xl-icon-indent-left); }
.Button2_size_xl .Button2-Icon_side_right ~ .Button2-Text { margin-right: var(-button-size-xl-icon-indent-right); }
.Button2_size_xxl { height: var(--button-size-xxl-height); font-size: var(-button-size-xxl-font-size); line-height: var(--button-size-xxl-line-height); }

14.

.Button2_size_xxl .Button2-Text { margin: var(--button-size-xxl-text-indentall); }
.Button2_size_xxl .Button2-Icon { width: var(--button-size-xxl-icon-width); }
.Button2_size_xxl .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-xxl-icon-indent-left); }
.Button2_size_xxl .Button2-Icon_side_right ~ .Button2-Text { margin-right:
var(--button-size-xxl-icon-indent-right); }
.Button2_view_brand { color: var(--button-view-brand-typo-color-base);
transform: scale(1); }
.Button2_view_brand::before { background-color: var(--button-view-brand-fillcolor-base); }
.Button2_view_brand:hover::before { background-color: var(--button-view-brandfill-color-hovered); }
.Button2_view_brand:active::before { background-color: var(--button-view-brandfill-color-pressed); }
@-webkit-keyframes Button_view_brand_button-view-brand-progress_nVgsl {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
@keyframes Button_view_brand_button-view-brand-progress_nVgsl {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
.Button2_view_brand.Button2_progress::before { background-image: repeatinglinear-gradient(-45deg, rgb(255, 100, 39), rgb(255, 100, 39) 4px, rgb(255, 72,
0) 0px, rgb(255, 72, 0) 8px); background-size: 34px 34px; animation: 0.3s linear
0s infinite normal none running Button_view_brand_button-view-brandprogress_nVgsl; }
.Button2_view_brand[aria-disabled="true"] { color: var(--button-view-brand-typocolor-disabled); }
.Button2_view_brand[aria-disabled="true"]::before { background-color: var(-button-view-brand-fill-color-disabled); }
.Button2_view_premium { color: var(--button-view-premium-typo-color-base);
transform: scale(1); }
.Button2_view_premium::before { background-color: var(--button-view-premiumfill-color-base); }
.Button2_view_premium .Button2-Text { z-index: 1; }
.Button_view_premium_background_nIWzt { position: absolute; inset: 0px; z-index:
1; overflow: hidden; border-radius: var(--button-borderRadius); }
.Button_view_premium_layer1_AtPT, .Button_view_premium_layer2_lmjBA, .Button_view_premium_layer3_fXqht, .Butt
on_view_premium_layerProgress_3bFh4 { position: absolute; inset: 0px; z-index:
1; transition: opacity 0.15s ease 0s; }
.Button_view_premium_layer1_A-tPT { background: linear-gradient(90deg, rgb(235,
28, 63), rgb(244, 36, 142) 99.86%), rgb(255, 100, 39); }

15.

.Button_view_premium_layer2_lmjBA { background: radial-gradient(42.12% 170.75%
at 50.37% 138.64%, rgb(255, 110, 62) 41.37%, rgba(255, 85, 37, 0) 100%), lineargradient(90deg, rgb(217, 12, 46), rgb(243, 0, 125) 99.86%), rgb(255, 100, 39); }
.Button_view_premium_layer3_fXqht { background: radial-gradient(47.7% 193.36% at
50% 116.02%, rgb(255, 113, 66) 49.28%, rgba(255, 85, 37, 0) 100%), lineargradient(90deg, rgb(235, 28, 63), rgb(244, 36, 142) 99.86%), rgb(255, 100,
39); }
.Button2_view_premium:active .Button_view_premium_layer2_lmjBA, .Button2_view_pr
emium:active .Button_view_premium_layer3_fXqht, .Button2_view_premium:hover .But
ton_view_premium_layer3_fXqht { opacity: 0; }
@-webkit-keyframes Button_view_premium_button-view-premium-progress_KHl-q {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
@keyframes Button_view_premium_button-view-premium-progress_KHl-q {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
.Button2_view_premium.Button2_progress .Button_view_premium_layerProgress_3bFh4
{ background-image: repeating-linear-gradient(-45deg, rgb(255, 100, 39),
rgb(255, 100, 39) 4px, rgb(255, 72, 0) 0px, rgb(255, 72, 0) 8px); backgroundsize: 34px 34px; animation: 0.3s linear 0s infinite normal none running
Button_view_premium_button-view-premium-progress_KHl-q; opacity: 0.5; }
.Button2_view_premium[aria-disabled="true"] { color: var(--button-view-defaulttypo-color-disabled); }
.Button2_view_premium[aria-disabled="true"]::before { background-color: var(-button-view-default-fill-color-base); }
.Button2_view_premium[aria-disabled="true"] .Button_view_premium_layer1_AtPT, .Button2_view_premium[ariadisabled="true"] .Button_view_premium_layer2_lmjBA, .Button2_view_premium[ariadisabled="true"] .Button_view_premium_layer3_fXqht { display: none; }
.MessageBox { position: relative; display: inline-block; font-family: var(-message-box-font-family); font-size: var(--message-box-fontSize); line-height:
var(--message-box-lineHeight); user-select:
none; -webkit-font-smoothing: antialiased; }
.MessageBox-Content { position: relative; box-sizing: border-box; padding:
var(--message-box-content-spaceAll); }
.MessageBox_layout_plain .MessageBox-Content { text-align: center; }
.MessageBox-Backdrop { position: absolute; inset: 0px; }
.MessageBox-Backdrop::before { display: block; width: 100%; height: 100%;
content: ""; }
.MessageBox-Background { position: absolute; inset: 0px; overflow: hidden; }
.MessageBox-TextLeft { margin-right: var(--message-box-text-indentRight); }
.MessageBox-TextRight { margin-left: var(--message-box-text-indentLeft); }
.MessageBox-TextWrap { display: flex; align-items: flex-start; }

16.

.MessageBox-Text { position: relative; }
.MessageBox-TextWrap .MessageBox-Text { width: 100%; }
.MessageBox-TextWrap_align_center { text-align: center; }
.MessageBox-TextWrap_align_left { text-align: left; }
.MessageBox-TextWrap_align_right { text-align: right; }
.MessageBox-Tail { position: absolute; }
.Popup2[data-popper-placement^="top"] .MessageBox-Tail { transform:
rotate(180deg); }
.Popup2[data-popper-placement^="left"] .MessageBox-Tail { left: 100%; transform:
rotate(90deg); }
.Popup2[data-popper-placement^="bottom"] .MessageBox-Tail { bottom: 100%; }
.Popup2[data-popper-placement^="right"] .MessageBox-Tail { right: 100%;
transform: rotate(-90deg); }
.MessageBox-Close { position: absolute; top: 9px; right: 9px; width: var(-message-box-close-width); height: var(--message-box-close-height); margin: 0px;
padding: 0px; cursor: pointer; border: 0px; outline: 0px; background: none;
transform: translateZ(0px); touch-action: manipulation; }
.MessageBox-Close svg { opacity: 0.25; transition: opacity 0.1s ease 0s; }
.MessageBox-Close:hover svg { opacity: 0.7; }
.MessageBox-Close::after { position: absolute; bottom: 100%; left: 9px; display:
none; margin-bottom: 13px; padding: 5px 10px; font-family: var(--control-fontfamily); font-size: var(--message-box-close-fontSize); line-height: var(-message-box-close-lineHeight); content: attr(aria-label); border-radius: var(-message-box-hint-borderRadius); transition: opacity 0.1s ease 0s; transform:
translateX(-50%); -webkit-font-smoothing: antialiased; }
.MessageBox-Close:hover::after { display: block; }
.MessageBox.MessageBox_hasClose .MessageBox-Content .MessageBoxTextWrap, .MessageBox.MessageBox_hasClose .MessageBox-Content :not(.MessageBoxTextWrap) .MessageBox-Text { margin-right: var(--message-box-close-indentRight);
}
.MessageBox-Buttons { display: flex; justify-content: flex-end; margin: var(-message-box-buttons-indentAll); }
.MessageBox-Buttons .Button2:last-child::before { border-radius: calc(var(-message-box-borderRadius) - 1px) 0; }
.MessageBox-Buttons .Button2 { margin-right: var(--message-box-buttonindentRight); }
.MessageBox-Buttons .Button2:last-child { margin-right: 0px; }
.MessageBox-Buttons .Button2:active { transform: scale(1); }
.Popup2 { position: absolute; z-index: 1400; }
.Popup2[data-popper-escaped], .Popup2[data-popper-reference-hidden]
{ visibility: hidden !important; margin: -9999px 0px 0px -9999px !important;
pointer-events: none !important; }

17.

.Popup2-Tail { width: 24px; height: 24px; pointer-events: none; }
.Popup2-TailSvg { display: block; }
.Popup2[data-popper-placement^="top"] .Popup2-Tail { top: 100%; transform:
rotate(180deg); }
.Popup2[data-popper-placement^="left"] .Popup2-Tail { left: 100%; transform:
rotate(90deg); }
.Popup2[data-popper-placement^="bottom"] .Popup2-Tail { bottom: 100%; }
.Popup2[data-popper-placement^="right"] .Popup2-Tail { right: 100%; transform:
rotate(-90deg); }
.Popup2_view_default { visibility: hidden; box-sizing: border-box; margin: 9999px 0px 0px -9999px; color: var(--popup-view-default-typo-color); borderradius: var(--popup-borderRadius); background-color: var(--popup-view-defaultfill-color); box-shadow: rgba(0, 0, 0, 0.3) 0px 11px 14px -7px; animationduration: 0.1s; animation-timing-function: ease-out; animation-fill-mode:
forwards; }
.Popup2_view_default::before { position: absolute; inset: 0px; content: "";
border-radius: inherit; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; }
.Popup2_view_default.Popup2_visible::before { z-index: -1; }
.Popup2_view_default.Popup2_visible { visibility: visible; margin: 0px; }
.Popup2_view_default .Popup2-TailFill { fill: var(--popup-view-default-fillcolor); }
.Popup2_view_default .Popup2-TailBorder { fill: rgba(0, 0, 0, 0.05); }
.Popup2.Popup2_view_default > :first-child { border-top-left-radius: inherit;
border-top-right-radius: inherit; }
.Popup2.Popup2_view_default > :last-child { border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit; }
.Popup2_view_default.Popup2[data-popper-placement^="bottom"] { animation-name:
popup2_view_default_bottom; }
.Popup2_view_default.Popup2[data-popper-placement^="bottom"].Popup2_visible
{ animation-name: popup2_view_default_bottom_visible; }
.Popup2_view_default.Popup2[data-popper-placement^="top"] { animation-name:
popup2_view_default_top; }
.Popup2_view_default.Popup2[data-popper-placement^="top"].Popup2_visible
{ animation-name: popup2_view_default_top_visible; }
.Popup2_view_default.Popup2[data-popper-placement^="right"] { animation-name:
popup2_view_default_right; }
.Popup2_view_default.Popup2[data-popper-placement^="right"].Popup2_visible
{ animation-name: popup2_view_default_right_visible; }
.Popup2_view_default.Popup2[data-popper-placement^="left"] { animation-name:
popup2_view_default_left; }
.Popup2_view_default.Popup2[data-popper-placement^="left"].Popup2_visible
{ animation-name: popup2_view_default_left_visible; }

18.

@-webkit-keyframes popup2_view_default_bottom {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateY(0px);
}
99% { margin: 0px; transform: translateY(10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@keyframes popup2_view_default_bottom {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateY(0px);
}
99% { margin: 0px; transform: translateY(10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@-webkit-keyframes popup2_view_default_bottom_visible {
0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes popup2_view_default_bottom_visible {
0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes popup2_view_default_top {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateY(0px);
}
99% { margin: 0px; transform: translateY(-10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@keyframes popup2_view_default_top {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateY(0px);
}
99% { margin: 0px; transform: translateY(-10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@-webkit-keyframes popup2_view_default_top_visible {
0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes popup2_view_default_top_visible {
0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes popup2_view_default_right {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateX(0px);
}
99% { margin: 0px; transform: translateX(10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@keyframes popup2_view_default_right {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateX(0px);
}
99% { margin: 0px; transform: translateX(10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@-webkit-keyframes popup2_view_default_right_visible {

19.

}
0% { opacity: 0; transform: translateX(10px); }
100% { opacity: 1; transform: translateX(0px); }
@keyframes popup2_view_default_right_visible {
0% { opacity: 0; transform: translateX(10px); }
100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes popup2_view_default_left {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateX(0px);
}
99% { margin: 0px; transform: translateX(-10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@keyframes popup2_view_default_left {
0% { visibility: visible; margin: 0px; opacity: 1; transform: translateX(0px);
}
99% { margin: 0px; transform: translateX(-10px); }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@-webkit-keyframes popup2_view_default_left_visible {
0% { opacity: 0; transform: translateX(-10px); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes popup2_view_default_left_visible {
0% { opacity: 0; transform: translateX(-10px); }
100% { opacity: 1; transform: translateX(0px); }
}
.Popup2.Popup2_nonvisual[class] { border: 0px; background: none; box-shadow:
none; }
.Popup2.Popup2_nonvisual[class]::before { content: none; box-shadow: none; }
.Popup2.Popup2_nonvisual .Popup2-TailBorder, .Popup2.Popup2_nonvisual .Popup2TailFill { fill: none; }
.MessageBox.MessageBox_size_m .MessageBox-Content { min-width: var(--messagebox-size-m-content-minWidth); max-width: var(--message-box-size-m-contentmaxWidth); }
.MessageBox_size_m .MessageBox-Tail { width: var(--message-box-size-m-tailsize); height: var(--message-box-size-m-tail-size); }
.MessageBox_size_m.MessageBox_layout_plain .MessageBox-Content { width: var(-message-box-size-m-content-maxWidth); }
.MessageBox_size_m.MessageBox_layout_functional .MessageBox-Content { width:
var(--message-box-size-m-content-functional-width); }
.MessageBox_size_m.MessageBox_layout_functional .MessageBoxContent, .MessageBox_size_m.MessageBox_layout_plain .MessageBox-Content
{ font-size: var(--message-box-size-m-fontSize); }
.MessageBox_size_m.MessageBox_layout_tooltip .MessageBox-Content { max-width:
var(--message-box-size-m-content-tooltip-maxWidth); padding: var(--message-boxsize-m-content-spaceAll); font-size: var(--message-box-size-m-tooltip-fontSize);
}
.MessageBox.MessageBox_size_m .MessageBox-

20.

Backdrop::before, .MessageBox.MessageBox_size_m .MessageBox-Background { borderradius: var(--message-box-size-m-border-radius); }
.MessageBox.MessageBox_size_m .MessageBox-Buttons .Button2:last-child::before
{ border-radius: calc(var(--message-box-size-m-border-radius) - 1px) 0; }
.MessageBox.MessageBox_size_m .MessageBox-Buttons .Button2_width_max:onlychild::before { border-radius: 0 0 var(--message-box-size-m-border-radius)
var(--message-box-size-m-border-radius); }
.MessageBox.MessageBox_size_s .MessageBox-Content { max-width: var(--messagebox-size-s-content-maxWidth); }
.MessageBox_size_s .MessageBox-Tail { width: var(--message-box-size-s-tailsize); height: var(--message-box-size-s-tail-size); }
.MessageBox_size_s.MessageBox_layout_tooltip .MessageBox-Content { max-width:
var(--message-box-size-s-type-text-content-maxWidth); padding: var(--messagebox-size-s-content-spaceAll); font-size: var(--message-box-size-s-tooltipfontSize); }
.MessageBox_size_s.MessageBox_layout_functional .MessageBoxContent, .MessageBox_size_s.MessageBox_layout_plain .MessageBox-Content { fontsize: var(--message-box-size-s-fontSize); }
.MessageBox_size_s.MessageBox_layout_functional .MessageBox-Content { width:
var(--message-box-size-s-content-functional-width); }
.MessageBox.MessageBox_size_s .MessageBoxBackdrop::before, .MessageBox.MessageBox_size_s .MessageBox-Background { borderradius: var(--message-box-size-s-border-radius); }
.MessageBox.MessageBox_size_s .MessageBox-Buttons .Button2:last-child::before
{ border-radius: calc(var(--message-box-size-s-border-radius) - 1px) 0; }
.MessageBox.MessageBox_size_s .MessageBox-Buttons .Button2_width_max:onlychild::before { border-radius: 0 0 var(--message-box-size-s-border-radius)
var(--message-box-size-s-border-radius); }
.MessageBox_view_default, .MessageBox_view_default .Button2_view_clear, .Message
Box_view_default .MessageBox-Close { color: var(--message-box-view-default-typocolor); }
.MessageBox_view_default .MessageBox-Tail { color: var(--message-box-viewdefault-fill-color); }
.MessageBox_view_default .MessageBox-Backdrop::before { box-shadow: var(-message-box-view-default-shadow); }
.MessageBox_view_default .MessageBoxBackdrop::before, .MessageBox_view_default .MessageBox-Close::after
{ background-color: var(--message-box-view-default-fill-color); }
.MessageBox_view_default:not(.MessageBox_opaque) .MessageBoxBackdrop, .MessageBox_view_default:not(.MessageBox_opaque) .MessageBoxClose:hover::after { opacity: 0.85; }
.MessageBox_view_inverse, .MessageBox_view_inverse .Button2_view_clear, .Message
Box_view_inverse .MessageBox-Close { color: var(--message-box-view-inverse-typocolor); }
.MessageBox_view_inverse .MessageBox-Tail { color: var(--message-box-viewinverse-fill-color); }

21.

.MessageBox_view_inverse .MessageBox-Backdrop::before { box-shadow: var(-message-box-view-inverse-shadow); }
.MessageBox_view_inverse .MessageBoxBackdrop::before, .MessageBox_view_inverse .MessageBox-Close::after
{ background-color: var(--message-box-view-inverse-fill-color); }
.MessageBox_view_inverse:not(.MessageBox_opaque) .MessageBoxBackdrop, .MessageBox_view_inverse:not(.MessageBox_opaque) .MessageBoxClose:hover::after { opacity: 0.85; }
.HoverTooltip-Wrap { display: flex; }
.Modal { z-index: 1300; display: none; }
.Modal, .Modal-Wrapper { position: fixed; top: 0px; left: 0px; width: 100%;
height: 100%; }
.Modal-Wrapper { overflow-y: auto; }
.Modal.Modal_visible { display: block; }
.Modal-Table { display: table; width: 100%; height: 100%; }
.Modal-Cell { display: table-cell; text-align: center; }
.Modal-Cell_align_top { vertical-align: top; }
.Modal-Cell_align_middle { vertical-align: middle; }
.Modal-Cell_align_bottom { vertical-align: bottom; }
.Modal-Content { position: relative; z-index: 1; display: inline-block; textalign: left; border-radius: var(--modal-border-radius); outline: none;
transform: translateZ(0px); }
.Modal-Overlay { position: fixed; top: 0px; left: 0px; width: 100%; height:
100%; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Modal_theme_normal .Modal-Content { margin: 5px; background-color: rgb(255,
255, 255); }
.Modal_theme_normal .Modal-Overlay { background-color: rgba(50, 50, 50, 0.2); }
.Modal.Modal_theme_normal { display: block; visibility: hidden; margin: -9999px
0px 0px -9999px; }
.Modal_theme_normal.Modal_visible { visibility: visible; margin: 0px; }
.Modal_theme_normal .Modal-Overlay, .Modal_theme_normal .Modal-Wrapper
{ visibility: hidden; margin: -9999px 0px 0px -9999px; }
.Modal_theme_normal .Modal-Content, .Modal_theme_normal .ModalOverlay, .Modal_theme_normal .Modal-Wrapper { animation-duration: 0.2s;
animation-timing-function: ease-in-out; }
.Modal_theme_normal.Modal_visible .ModalOverlay, .Modal_theme_normal.Modal_visible .Modal-Wrapper { visibility: visible;
margin: 0px; }
.Modal_theme_normal.Modal_hasAnimation .ModalOverlay, .Modal_theme_normal.Modal_hasAnimation .Modal-Wrapper { animation-name:
Modal_theme_normal; }

22.

.Modal_theme_normal.Modal_hasAnimation .Modal-Content { animation-name: ModalContent_theme_normal; }
.Modal_theme_normal.Modal_visible.Modal_hasAnimation .ModalOverlay, .Modal_theme_normal.Modal_visible.Modal_hasAnimation .Modal-Wrapper
{ animation-name: Modal_theme_normal_visible; }
.Modal_theme_normal.Modal_visible.Modal_hasAnimation .Modal-Content { animationname: Modal-Content_theme_normal_visible; }
@-webkit-keyframes Modal_theme_normal {
0% { visibility: visible; margin: 0px; opacity: 1; }
99% { margin: 0px; }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@keyframes Modal_theme_normal {
0% { visibility: visible; margin: 0px; opacity: 1; }
99% { margin: 0px; }
100% { visibility: hidden; margin: -9999px 0px 0px -9999px; opacity: 0; }
}
@-webkit-keyframes Modal_theme_normal_visible {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes Modal_theme_normal_visible {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-webkit-keyframes Modal-Content_theme_normal {
0% { transform: scale(1); }
100% { transform: scale(1.5); }
}
@keyframes Modal-Content_theme_normal {
0% { transform: scale(1); }
100% { transform: scale(1.5); }
}
@-webkit-keyframes Modal-Content_theme_normal_visible {
0% { transform: scale(0.75); }
100% { transform: scale(1); }
}
@keyframes Modal-Content_theme_normal_visible {
0% { transform: scale(0.75); }
100% { transform: scale(1); }
}
.Drawer[class] { position: fixed; top: 0px; left: 0px; display: none; overflow:
hidden; width: 100%; height: 100%; }
.Drawer.Drawer_visible { display: block; }
.Drawer-DragObserver { display: flex; height: inherit; }
.Drawer-Curtain { position: relative; display: flex; flex-direction: column;
max-height: 100%; will-change: transform; }
.Drawer-Content { position: relative; overflow: auto; }

23.

.Drawer-Overlay { position: fixed; inset: 0px; touch-action: none; -webkit-taphighlight-color: rgba(0, 0, 0, 0); will-change: opacity; }
.Drawer_view_default .Drawer-Content, .Drawer_view_default .Drawer-Title
{ background: rgb(255, 255, 255); }
.Drawer_view_default .Drawer-Overlay { background: rgba(0, 0, 0, 0.4); }
.Drawer_direction_bottom .Drawer-DragObserver { flex-direction: column; justifycontent: flex-end; }
.Drawer_direction_bottom.Drawer_view_default .Drawer-Curtain { max-height:
calc(100% - 32px); }
.Drawer_direction_bottom.Drawer_view_default .DrawerContent, .Drawer_direction_bottom.Drawer_view_default .Drawer-Title { borderradius: 16px 16px 0px 0px; }
.Drawer_direction_bottom.Drawer_view_default .Drawer-Title + .Drawer-Content
{ border-top-left-radius: 0px; border-top-right-radius: 0px; }
.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle { position:
absolute; top: -19px; left: 50%; width: 40px; margin-left: -36px; padding: 8px
16px; will-change: opacity; }
.Drawer_direction_bottom.Drawer_view_default .Drawer-Handle::before { display:
block; height: 3px; content: ""; border-radius: 100px; background: rgb(255, 255,
255); }
.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .Drawer-Handle { zindex: 1; top: 0px; }
.Drawer_direction_bottom.Drawer_view_default.Drawer_nested .DrawerHandle::before { background: rgba(0, 0, 0, 0.1); }
.Drawer.Drawer_view_default .DrawerContent, .Drawer.Drawer_view_default .Drawer-Title { background: var(--popupview-default-fill-color); }
.ShareDialog { color: var(--color-mg-typo-primary); }
.Dialog .Modal-Content { border-radius: 20px; }
@media screen and (max-width: 812px) {
.Dialog .Modal-Content { border-radius: 16px; margin: 8px; }
}
@media screen and (max-width: 480px) and (max-height: 812px) {
.Dialog .Modal-Content { margin-top: -8vh; }
}
.Dialog-Wrap { padding: 40px; }
.Dialog_bigTitle .Dialog-Wrap { padding: 0px 24px 24px; }
@media screen and (max-width: 812px) {
.Dialog:not(.Dialog_bigTitle) .Dialog-Wrap { padding: 24px; }
}
.Dialog-Title { margin: 0px 0px 16px; padding-right: 20px; font-size: 20px;
line-height: 24px; font-weight: 700; }
.Dialog-Close.Button2 { position: absolute; right: 10px; top: 11.5px; display:
flex; justify-content: center; }

24.

.Dialog_bigTitle .Dialog-Title { font-weight: 500; height: 64px; line-height:
64px; padding: 0px 36px 0px 0px; margin: 0px; overflow: hidden; white-space:
nowrap; text-overflow: ellipsis; }
.Dialog_bigTitle .Dialog-Close { right: 14px; top: 14px; }
.ConfirmDialog-Content { white-space: pre-line; max-width: 100%; font-size:
14px; line-height: 16px; }
@media screen and (min-width: 812px)
{
.ConfirmDialog .Dialog-Wrap { width: 388px; }
}
.ConfirmDialog-Footer { margin-top: 16px; text-align: right; }
@media screen and (max-width: 812px) {
.ConfirmDialog-Footer { display: flex; }
.ConfirmDialog-Button { flex-grow: 1; }
}
.ConfirmDialog-Button:not(:last-child) { margin-right: 26px; }
.OnyViewInfo-Icon { height: 24px; width: 24px; color: var(--color-mg-typosecondary); }
.OnyViewInfo-Tooltip { font-size: 14px; line-height: 18px; white-space: preline; text-align: left; }
.OnyViewInfo-TouchText { margin-right: 16px; }
.Tumbler { display: inline-flex; user-select: none; -webkit-tap-highlight-color:
rgba(0, 0, 0, 0); touch-action: manipulation; }
.Tumbler-Label { display: flex; align-items: center; cursor: pointer; }
.Tumbler-Button { position: relative; flex-shrink: 0; margin: 0px; padding: 0px;
cursor: pointer; border: none; outline: 0px; }
.Tumbler-Button::after { position: absolute; content: ""; }
.Tumbler_size_m { font-size: var(--tumbler-size-m-fontSize); line-height: var(-tumbler-size-m-lineHeight); }
.Tumbler_size_m .Tumbler-Label:first-child { margin-right: var(--tumblerLabelsize-m-indentRight); }
.Tumbler_size_m .Tumbler-Label:last-child { margin-left: var(--tumblerLabelsize-m-indentLeft); }
.Tumbler_view_default { font-family: var(--tumbler-font-family); }
.Tumbler_view_default .Tumbler-Label { color: var(--tumbler-view-default-typocolor-base); }
.Tumbler_view_default .Tumbler-Button { background-color: var(--tumbler-viewdefault-fill-color-base); transition: background-color 0.1s linear 0s; }
.Tumbler_view_default .Tumbler-Button::after { top: var(--tumbler-button-space);
left: var(--tumbler-button-space); background-color: var(--tumbler-view-defaultbutton-fill-color-base); transition: left 0.1s ease-out 0s, transform, margin,
width, -webkit-transform; }

25.

.Tumbler_view_default.Tumbler_size_s .Tumbler-Button { width: var(--tumblersize-s-width); height: var(--tumbler-size-s-height); border-radius: var(-tumbler-size-s-borderRadius); }
.Tumbler_view_default.Tumbler_size_m .Tumbler-Button { width: var(--tumblersize-m-width); height: var(--tumbler-size-m-height); border-radius: var(-tumbler-size-m-borderRadius); }
.Tumbler_view_default.Tumbler_size_l .Tumbler-Button { width: var(--tumblersize-l-width); height: var(--tumbler-size-l-height); border-radius: var(-tumbler-size-l-borderRadius); }
.Tumbler_view_default.Tumbler_size_s .Tumbler-Button::after { width: var(-tumbler-size-s-button-width); height: var(--tumbler-size-s-button-height);
border-radius: var(--tumbler-size-s-button-borderRadius); }
.Tumbler_view_default.Tumbler_size_m .Tumbler-Button::after { width: var(-tumbler-size-m-button-width); height: var(--tumbler-size-m-button-height);
border-radius: var(--tumbler-size-m-button-borderRadius); }
.Tumbler_view_default.Tumbler_size_l .Tumbler-Button::after { width: var(-tumbler-size-l-button-width); height: var(--tumbler-size-l-button-height);
border-radius: var(--tumbler-size-l-button-borderRadius); }
.Tumbler_view_default[class] .Tumbler-Button[aria-pressed="true"] { backgroundcolor: var(--tumbler-view-default-fill-color-checked-base); }
.Tumbler_view_default[class] .Tumbler-Button[aria-pressed="true"]::after { left:
100%; margin-left: -2px; transform: translateX(-100%); }
.Tumbler_view_default[aria-disabled="true"][class] { pointer-events: none; }
.Tumbler_view_default[aria-disabled="true"][class] .Tumbler-Label { color:
var(--tumbler-view-default-typo-color-disabled); }
.Tumbler_view_default[aria-disabled="true"][class] .Tumbler-Button { opacity:
var(--tumbler-button-opacity-disabled); background-color: var(--tumbler-viewdefault-fill-color-disabled); }
.Tumbler_view_default[aria-disabled="true"][class] .Tumbler-Button[ariapressed="true"] { opacity: var(--tumbler-button-opacity-disabled); backgroundcolor: var(--tumbler-view-default-fill-color-checked-disabled); }
.Tumbler_view_default.Tumbler_size_s .Tumbler-Button:active::after { width:
var(--tumbler-size-s-button-press-width); }
.Tumbler_view_default.Tumbler_size_m .Tumbler-Button:active::after { width:
var(--tumbler-size-m-button-press-width); }
.Tumbler_view_default.Tumbler_size_l .Tumbler-Button:active::after { width:
var(--tumbler-size-l-button-press-width); }
.NoFeatureStub-TooltipInner { text-align: left; }
.NoFeatureStub-TooltipButton.Button2 { margin-top: 8px; }
.Banner.Banner .Modal-Content.Modal-Content { box-sizing: border-box; margin:
0px; width: 100%; height: 100%; display: flex; justify-content: center; alignitems: center; border-radius: 0px; background-image:
url("https://yastatic.net/s3/psf/editor/c0d3e4cd31d84f562f19c9c06a8e1031.png");
background-size: cover; background-position: 50% center; color: var(--color-mgtypo-primary); }
.Banner.Banner_B2b .Modal-Content.Modal-Content { color: var(--color-typo-

26.

inverse); background-image:
url("https://yastatic.net/s3/psf/editor/009ad157dce0380020b7d84d4429a648.png");
}
.Banner-Close { position: absolute; right: 16px; top: 16px; }
.Banner_B2b .Banner-Close .Button2 { color: var(--color-typo-inverse); }
.Banner-Wrapper { box-sizing: border-box; flex: 1 1 0%; padding: 0px 24px; flexflow: column; }
.Banner-ImageWrapper, .Banner-Wrapper { display: flex; justify-content: center;
align-items: center; }
.Banner-Image { margin: 0px; width: 250px; height: 214px; background-image:
image-set(url("https://yastatic.net/s3/psf/editor/3fdd65dfc8d40e5537c7b3c382537d
94.png") 1x,
url("https://yastatic.net/s3/psf/editor/38daf50c22ab31b36f763b2b4f318e0f.png")
2x); background-size: 100%; }
.Banner-Content, .Banner-Image { display: flex; }
.Banner-Content { max-width: 312px; flex-flow: column; text-align: center;
align-items: center; justify-content: center; }
.Banner-ContentTitleText { margin-top: 80px; font-size: 20px; line-height: 24px;
font-weight: 700; }
.Banner-ContentMainText { font-size: 14px; line-height: 20px; }
.Banner-ContentButton { margin-top: 20px; }
@media (orientation: portrait) {
.Banner-ContentButton { margin-top: 44px; width: 100%; }
}
@media (orientation: landscape) {
.Banner-Wrapper { flex-direction: row; }
.Banner-Content { max-width: 312px; text-align: left; align-items: flex-start;
}
.Banner-ImageWrapper { margin-right: 12px; }
.Banner-ContentTitleText { margin-top: 0px; }
}
.OrganizationScope { display: flex; padding: 16px; flex-grow: 1; position:
relative; border-bottom-left-radius: var(--radius-mg-s-base); border-bottomright-radius: var(--radius-mg-s-base); align-items: center; }
.OrganizationScope_Stub { cursor: pointer; }
.OrganizationScope_Disabled { color: rgb(208, 212, 224); }
.OrganizationScope_Stub:hover { background-color: var(--color-mg-controldisabled-stroke); }
.OrganizationScope-TooltipContent { text-align: left; }
.OrganizationScope-IconContainer { margin-right: 16px; display: flex; alignitems: center; }
.OrganizationScope-Icon { width: 24px; height: 24px; }
.OrganizationScope-NoFeatureIcon { width: 24px; height: 24px; color: rgb(147,
151, 173); }

27.

.OrganizationScope-NoFeatureIcon_Black { color: rgb(0, 0, 0); }
.OrganizationScope-Text { display: flex; flex-direction: column; color: var(-contact-picker-suggest-item-typo-color-base); font-size: 16px; font-weight: 700;
justify-content: center; }
.OrganizationScope-Controls { margin-left: auto; align-items: center; }
.OrganizationScope-Controls_WithoutFeature { margin-left: 8px; }
.ToggleWarning-SmallIconContainer { display: flex; align-items: center; marginleft: auto; }
.ToggleWarning-SmallIcon { width: 16px; height: 16px; color: var(--color-mgstroke-default-base); }
.ShareDialogAccessAccordion { display: flex; flex-direction: column; borderradius: var(--radius-mg-s-base); background-color: var(--color-mg-tintsuperlight); margin-bottom: 16px; }
.ShareDialogAccessAccordion-AccessType_Expandable { cursor: pointer; }
.ShareDialogAccessAccordion .Radiobox { font-family: inherit; flex-grow: 1; }
.ShareDialogAccessAccordion .Radiobox-Radio { display: flex; }
.ShareDialogAccessAccordion .Radiobox-Box { order: 2; flex: 0 0 var(--radioboxsize-m-size); margin: 0px 17px; align-self: center; }
.ShareDialogAccessAccordion .Radiobox-Text[class] { order: 1; padding-left: 0px;
flex-grow: 1; }
.ShareDialogAccessAccordion-Icon { height: 24px; width: 24px; }
.ShareDialogButtons, .ShareDialogButtons-CopyButton.Button2 { display: flex;
align-items: center; }
.ShareDialogButtons-CopyButton.Button2 { justify-content: center; }
.ShareDialogButtons-CopyButton_removeLink.Button2 { width: 166px; }
.utilityfocus .ShareDialogButtons-CopyButton.Button2:focus::before { box-shadow:
rgba(147, 156, 176, 0.1) 0px 0px 2px, rgba(147, 156, 176, 0.3) 0px 2px 4px; }
.ShareDialogButtons-CopyButton.Button2 .Button2-Icon_side_left { position:
relative; }
.ShareDialogButtons-CopyButton.Button2 .Button2-Icon { width: auto; }
.ShareDialogButtons-CopyButton.Button2 .Button2-Text { margin: 0px; }
.ShareDialogButtons-CopyButton.Button2 .Button2-Icon_side_left ~ .Button2-Text {
margin-left: 8px; }
.ShareDialogButtons-Icon { height: 28px; width: 28px; }
.ShareDialogButtons-CopyIcon, .ShareDialogButtons-Icon { display: flex; justifycontent: center; align-items: center; }
.ShareDialogButtons-CopyIcon { height: 100%; }
.ShareDialogButtons-Button.Button2 { padding: 10px; margin-left: 12px; width:
48px; }

28.

.ShareDialogButtons-Button::before { border: 1px solid rgba(138, 146, 164, 0.3);
}
.ShareDialogButtons-RemoveLinkButton.Button2 { margin-left: auto; }
.ShareDialogButtons-RemoveLinkButton_touch.Button2 { margin-left: 22px; }
.QR { display: flex; margin-top: 16px; }
.QR-Image-Wrapper { background-color: rgb(255, 255, 255); border: 2px solid
var(--color-mg-button-secondary-fill-base); margin-right: 16px; border-radius:
8px; }
.QR-Image { flex-shrink: 0; height: 152px; width: 152px; margin: 8px;
background: 50% center no-repeat; border-radius:
8px; overflow: hidden; }
.QR-Buttons { display: flex; flex-flow: column wrap; align-content: center; }
.QR-Button { width: 80px; }
.QR-Button:not(:last-child) { margin-bottom: 8px; }
.Menu { display: inline-block; overflow: hidden auto; box-sizing: border-box;
font-family: var(--menu-font-family); user-select: none; outline: 0px; -webkittap-highlight-color: rgba(0, 0, 0, 0); }
.Menu-Item { white-space: nowrap; }
.Menu-Item_disabled, .Menu_disabled { cursor: default; pointer-events: none; }
.Menu::after, .Menu::before { display: block; content: ""; }
.Icon_hasGlyph { position: relative; }
.Icon_hasGlyph svg { position: absolute; top: 50%; left: 50%; transform:
translate(-50%, -50%); }
.Icon_hasGlyph svg, .Icon_hasGlyph svg * { fill: currentcolor; }
.Icon_glyph_type-check svg { width: 16px; height: 10px; }
.Icon { display: inline-block; background-repeat: no-repeat; backgroundposition: 50% center; }
.Icon::after { visibility: hidden; content: " "; }
.Menu_size_m { font-size: var(--menu-size-m-fontSize); line-height: var(--menusize-m-lineHeight); }
.Menu_size_m::after, .Menu_size_m::before { height: var(--menu-size-mspaceVert); }
.Menu_size_m .Menu-Item, .Menu_size_m .Menu-Title { padding: 0 var(--menu-sizem-item-spaceHor); }
.Menu_size_m .Menu-Item { background-position: var(--menu-size-m-item-spaceHor)
50%; }
.Menu_size_m .Icon.Icon_glyph_type-check { margin-right: var(--menu-size-m-itemicon-indentRight); }
.Menu_size_m .Menu-Group { padding: var(--menu-size-m-group-spaceVert) var(--

29.

menu-size-m-group-spaceHor); }
.Menu_size_m .Menu-Item + .Menu-Group { margin-top: var(--menu-size-m-itemindentBottom); }
.Menu_size_m .Menu-Group + .Menu-Item { margin-top: var(--menu-size-m-groupindentBottom); }
.Menu_size_m .Menu-Item_type_option > :first-child, .Menu_size_m .Menu-Title
~ .Menu-Item > :first-child { margin-left: var(--menu-size-m-titleSiblingindentLeft); }
.Menu_size_m .Menu-Title ~ .Menu-Item .Icon { margin-left: 0px; }
.Menu_size_m .Menu-Icon + .Menu-Text { margin-left: var(--menu-size-m-item-iconindentRight); }
.Menu_theme_normal .Menu-Item.Menu-Item_hovered, .Menu_theme_normal .MenuItem:hover { background-color: rgb(255, 235, 160); }
.Menu_view_default { color: var(--menu-view-default-typo-color-base);
background-color: var(--menu-view-default-fill-color-base); }
.Menu_view_default .Menu-Group { border-top: 1px solid var(--menu-view-defaultborder-color-base); }
.Menu_view_default .Menu-Group:first-child { padding-top: 0px; border-top: none;
}
.Menu_view_default .Menu-Group:last-child { padding-bottom: 0px; }
.Menu_view_default .Menu-Title { color: var(--menu-view-default-typo-colorsecondary); }
.Menu_view_default .Menu-Item { position: relative; cursor: pointer; }
.Menu_view_default .Menu-Item * { text-decoration: none; outline: none; }
.Menu_view_default .Menu-Item .Icon.Icon_glyph_type-check { visibility: hidden;
width: 16px; }
.Menu.Menu_view_default .Menu-Item .Icon.Icon_glyph_type-check[class] { marginleft: 0px; }
.Menu.Menu_view_default .Menu-Item.Menu-Item_checked .Icon_glyph_type-check
{ visibility: visible; }
.Menu_view_default .Menu-Item.MenuItem_disabled, .Menu_view_default.Menu_disabled .Menu-Item { opacity: 0.3;
color: var(--menu-view-default-typo-color-disabled); }
.Menu_view_default .Menu-Item.Menu-Item_hovered { color: var(--menu-viewdefault-typo-color-hovered); background-color: var(--menu-view-default-fillcolor-hovered); }
.Menu_size_l { font-size: var(--menu-size-l-font-size); line-height: var(--menusize-l-line-height); }
.Menu_size_l::after, .Menu_size_l::before { height: var(--menu-size-l-spacevertical); }
.Menu_size_l .Menu-Item, .Menu_size_l .Menu-Title { padding: 0 var(--menu-sizel-item-space-horizontal); }

30.

.Menu_size_l .Menu-Item { background-position: var(--menu-size-l-item-spacehorizontal) 50%; }
.Menu_size_l .Icon.Icon_glyph_type-check { margin-right: var(--menu-size-l-itemicon-indent-right); }
.Menu_size_l .Menu-Group { padding: var(--menu-size-l-group-space-vertical)
var(--menu-size-l-item-space-vertical); }
.Menu_size_l .Menu-Item + .Menu-Group { margin-top: var(--menu-size-l-itemindent-bottom); }
.Menu_size_l .Menu-Group + .Menu-Item { margin-top: var(--menu-size-l-groupindent-bottom); }
.Menu_size_l .Menu-Item_type_option > :first-child, .Menu_size_l .Menu-Title
~ .Menu-Item > :first-child { margin-left: var(--menu-size-l-title-siblingindent-left); }
.Menu_size_l .Menu-Title ~ .Menu-Item .Icon { margin-left: 0px; }
.Menu_size_l .Menu-Icon + .Menu-Text { margin-left: var(--menu-size-l-item-iconindent-right); }
.DateTimePickerPopup { --calendar-view-default-fill-color: transparent; }
.DateTimePickerPopup .Calendar { display: block; }
.DateTimePickerPopup .Calendar_size_s .Calendar-Body .Calendar-Grid { minheight: 218px; }
.DateTimePickerPopup .Calendar_size_s .Calendar-View_type_day .CalendarBody .Calendar-Grid { min-height: 182px; }
.DateTimePickerPopup-Row { margin: 0px 16px 24px; display: flex; gap: 8px; }
.DateTimePickerPopup-Row:last-child { margin-bottom: 24px; }
.DateTimePickerPopup-Column { display: inline-flex; flex-grow: 1; flex-basis:
50%; flex-direction: column; gap: 8px; }
.DateTimePickerPopup-Column label { font-size: 14px; line-height: 16px; }
.DateTimePickerPopup-Column .DateTimeField { width: 100%; }
.DateTimePickerPopup-ClockIcon { display: inline-flex; }
.DateTimePickerPopup-TimeField .DateTimeField-EditableSegment { cursor: text; }
.Calendar { position: relative; z-index: 0; font-family: var(--calendar-fontfamily); user-select: none; }
.Calendar, .Calendar-View { display: inline-flex; }
.Calendar-View { flex-direction: column; }
.Calendar-Body { z-index: 0; display: flex; flex: 1 0 auto; flex-direction:
column; box-sizing: border-box; }
.Calendar-View_type_day .Calendar-Grid, .Calendar-View_type_day .CalendarSection { flex-grow: 0; align-items: flex-start; }
.Calendar-Navigation { display: flex; }

31.

.Calendar-NavigationTitle { display: flex; flex: 1 0 auto; }
.Calendar-NavigationAction, .Calendar-NavigationTitle, .CalendarNavigationTitleButton { justify-content: center; align-items: center; }
.Calendar-NavigationAction, .Calendar-NavigationTitleButton { display: inlineflex; padding: 0px; font-family: inherit; font-size: inherit; cursor: pointer;
border: 0px; outline: 0px; background: 0px center; }
.Calendar-NavigationAction_hidden { visibility: hidden; }
.Calendar-NavigationAction_disabled, .Calendar-NavigationTitleButton_disabled
{ cursor: default; }
[dir="rtl"] .Calendar-NavigationAction { transform: scaleX(-1); }
.Calendar-Grid { align-items: stretch; }
.Calendar-Grid, .Calendar-GridSection { display: flex; flex: 1 0 auto; }
.Calendar-GridSection { flex-direction: column; justify-content: spacebetween; }
.Calendar-GridRow { display: flex; }
.Calendar-DateButton, .Calendar-GridCell { display: flex; flex: 1 0 auto;
justify-content: center; align-items: center; }
.Calendar-DateButton { position: relative; box-sizing: border-box; width: 100%;
height: 100%; margin: 0px; padding: 0px; font-size: inherit; line-height:
inherit; cursor: pointer; border: 0px; outline: none; background: none; }
.Calendar-Date { z-index: 0; }
.Calendar-DateButton::before { position: absolute; z-index: -1; inset: 0px;
content: ""; }
.Calendar-DateButton_disabled[class] { pointer-events: none; }
.Calendar-DateButton_hidden[class] { visibility: hidden; }
.Calendar-DateButton_rangePreview::after, .CalendarDateButton_rangeSelected::after { position: absolute; z-index: -2; inset: 0px;
content: ""; }
.Calendar_size_s { font-size: var(--calendar-size-s-font-size); line-height:
var(--calendar-size-s-line-height); }
.Calendar_size_s .Calendar-Header { padding: var(--calendar-size-s-header-spacetop) var(--calendar-size-s-space-horizontal) var(--calendar-size-s-header-spacebottom); }
.Calendar_size_s .Calendar-Body { padding: var(--calendar-size-s-body-space-top)
var(--calendar-size-s-space-horizontal) var(--calendar-size-s-body-spacebottom); }
.Calendar_size_s .Calendar-Body .Calendar-Grid { min-height: var(--calendarsize-s-min-height); }
.Calendar_size_s .Calendar-View_type_day .Calendar-Body .Calendar-Grid { minheight: calc(var(--calendar-size-s-min-height) - var(--calendar-size-s-cellwidth)); }
.Calendar_size_s .Calendar-GridSection_type_aside { margin-right: var(--

32.

calendar-size-s-aside-indent-right); }
.Calendar_size_s .Calendar-GridSection_type_body { min-width: var(--calendarsize-s-min-width); }
.Calendar_size_s .Calendar-GridCell { min-width: var(--calendar-size-s-cellwidth); min-height: var(--calendar-size-s-cell-width); }
.Calendar_size_s .Calendar-GridSection_type_aside .Calendar-GridCell { minwidth: var(--calendar-size-s-aside-min-width); }
.Calendar_size_s .Calendar-DateButton::before { margin: var(--calendar-size-scell-space); }
.Calendar_size_s .Calendar-DateButton::after { margin: var(--calendar-size-scell-space) 0; }
.Calendar_size_s .Calendar-DateButton.CalendarDateButton_rangePreviewStart::after, .Calendar_size_s .CalendarDateButton.Calendar-DateButton_selectionStart::after { margin-left: var(-calendar-size-s-cell-space); }
.Calendar_size_s .Calendar-DateButton.CalendarDateButton_rangePreviewEnd::after, .Calendar_size_s .CalendarDateButton.Calendar-DateButton_selectionEnd::after { margin-right: var(-calendar-size-s-cell-space); }
.Calendar_size_s .Calendar-NavigationAction { width: var(--calendar-size-s-navaction-width); height: var(--calendar-size-s-nav-action-height); }
.Calendar_size_m { font-size: var(--calendar-size-m-font-size); line-height:
var(--calendar-size-m-line-height); }
.Calendar_size_m .Calendar-Header { padding: var(--calendar-size-m-header-spacetop) var(--calendar-size-m-space-horizontal) var(--calendar-size-m-header-spacebottom); }
.Calendar_size_m .Calendar-Body { padding: var(--calendar-size-m-body-space-top)
var(--calendar-size-m-space-horizontal) var(--calendar-size-m-body-spacebottom); }
.Calendar_size_m .Calendar-Body .Calendar-Grid { min-height: var(--calendarsize-m-min-height); }
.Calendar_size_m .Calendar-View_type_day .Calendar-Body .Calendar-Grid { minheight: calc(var(--calendar-size-m-min-height) - var(--calendar-size-m-cellwidth)); }
.Calendar_size_m .Calendar-GridSection_type_aside { margin-right: var(-calendar-size-m-aside-indent-right); }
.Calendar_size_m .Calendar-GridSection_type_body { min-width: var(--calendarsize-m-min-width); }
.Calendar_size_m .Calendar-GridCell { min-width: var(--calendar-size-m-cellwidth); min-height: var(--calendar-size-m-cell-width); }
.Calendar_size_m .Calendar-GridSection_type_aside .Calendar-GridCell { minwidth: var(--calendar-size-m-aside-min-width); }
.Calendar_size_m .Calendar-DateButton::before { margin: var(--calendar-size-mcell-space); }
.Calendar_size_m .Calendar-DateButton::after { margin: var(--calendar-size-m-

33.

cell-space) 0; }
.Calendar_size_m .Calendar-DateButton.CalendarDateButton_rangePreviewStart::after, .Calendar_size_m .CalendarDateButton.Calendar-DateButton_selectionStart::after { margin-left: var(-calendar-size-m-cell-space); }
.Calendar_size_m .Calendar-DateButton.CalendarDateButton_rangePreviewEnd::after, .Calendar_size_m .CalendarDateButton.Calendar-DateButton_selectionEnd::after { margin-right: var(-calendar-size-m-cell-space); }
.Calendar_size_m .Calendar-NavigationAction { width: var(--calendar-size-m-navaction-width); height: var(--calendar-size-m-nav-action-height); }
.Calendar_size_l { font-size: var(--calendar-size-l-font-size); line-height:
var(--calendar-size-l-line-height); }
.Calendar_size_l .Calendar-Header { padding: var(--calendar-size-l-header-spacetop) var(--calendar-size-l-space-horizontal) var(--calendar-size-l-header-spacebottom); }
.Calendar_size_l .Calendar-Body { padding: var(--calendar-size-l-body-space-top)
var(--calendar-size-l-space-horizontal) var(--calendar-size-l-body-spacebottom); }
.Calendar_size_l .Calendar-Body .Calendar-Grid { min-height: var(--calendarsize-l-min-height); }
.Calendar_size_l .Calendar-View_type_day .Calendar-Body .Calendar-Grid { minheight: calc(var(--calendar-size-l-min-height) - var(--calendar-size-l-cellwidth)); }
.Calendar_size_l .Calendar-GridSection_type_aside { margin-right: var(-calendar-size-l-aside-indent-right); }
.Calendar_size_l .Calendar-GridSection_type_body { min-width: var(--calendarsize-l-min-width); }
.Calendar_size_l .Calendar-GridCell { min-width: var(--calendar-size-l-cellwidth); min-height: var(--calendar-size-l-cell-width); }
.Calendar_size_l .Calendar-GridSection_type_aside .Calendar-GridCell { minwidth: var(--calendar-size-l-aside-min-width); }
.Calendar_size_l .Calendar-DateButton::before { margin: var(--calendar-size-lcell-space); }
.Calendar_size_l .Calendar-DateButton::after { margin: var(--calendar-size-lcell-space) 0; }
.Calendar_size_l .Calendar-DateButton.CalendarDateButton_rangePreviewStart::after, .Calendar_size_l .CalendarDateButton.Calendar-DateButton_selectionStart::after { margin-left: var(-calendar-size-l-cell-space); }
.Calendar_size_l .Calendar-DateButton.CalendarDateButton_rangePreviewEnd::after, .Calendar_size_l .CalendarDateButton.Calendar-DateButton_selectionEnd::after { margin-right: var(-calendar-size-l-cell-space); }
.Calendar_size_l .Calendar-NavigationAction { width: var(--calendar-size-l-navaction-width); height: var(--calendar-size-l-nav-action-height); }

34.

.Calendar_view_default { background-color: var(--calendar-view-default-fillcolor); }
.Calendar_view_default .Calendar-Header { background-color: var(--calendar-viewdefault-header-fill-color); }
.Calendar_view_default .Calendar-Body .Calendar-GridSection_type_aside { borderradius: var(--calendar-view-default-aside-border-radius); background-color:
var(--calendar-view-default-aside-fill-color-base); }
.Calendar_view_default .Calendar-Body .CalendarGridSection_type_aside .Calendar-GridCell { color: var(--calendar-view-defaultaside-typo-color-base); }
.Calendar_view_default .Calendar-DayOfWeek { color: var(--calendar-view-defaultweekday-typo-color-base); }
.Calendar_view_default .Calendar-DayOfWeek_weekend[class] { color: var(-calendar-view-default-weekend-typo-color-base); }
.Calendar_view_default .Calendar-DateButton { color: var(--calendar-viewdefault-cell-typo-color-base); }
.Calendar_view_default .Calendar-DateButton::before { border-radius: var(-calendar-view-default-cell-border-radius); }
.Calendar_view_default .Calendar-DateButton_weekend[class] { color: var(-calendar-view-default-cell-typo-color-weekend); }
.Calendar_view_default .Calendar-DateButton_outside[class] { color: var(-calendar-view-default-cell-typo-color-disabled); }
.Calendar_view_default .Calendar-DateButton_selected[class] { color: var(-calendar-view-default-cell-typo-color-selected-base); }
.Calendar_view_default .Calendar-DateButton_disabled[class][class] { color:
var(--calendar-view-default-cell-typo-color-disabled); }
.Calendar_view_default .Calendar-DateButton:hover::before { background-color:
var(--calendar-view-default-cell-fill-color-hovered); }
.Calendar_view_default .Calendar-DateButton:active::before { background-color:
var(--calendar-view-default-cell-fill-color-pressed); }
.Calendar_view_default .Calendar-DateButton_rangeSelected[class]:hover::before {
background-color: var(--calendar-view-default-cell-fill-color-range-selectedhovered); }
.Calendar_view_default .Calendar-DateButton_rangeSelected[class]:active::before
{ background-color: var(--calendar-view-default-cell-fill-color-range-selectedpressed); }
.Calendar_view_default .Calendar-DateButton_selected[class]::before
{ background-color: var(--calendar-view-default-cell-fill-color-selectedbase); }
.Calendar_view_default .Calendar-DateButton_selected[class]:hover::before
{ background-color: var(--calendar-view-default-cell-fill-color-selectedhovered); }
.Calendar_view_default .Calendar-DateButton_selected[class]:active::before
{ background-color: var(--calendar-view-default-cell-fill-color-selectedpressed); }

35.

.Calendar_view_default .Calendar-DateButton_selected[class].CalendarDateButton_disabled::before { background-color: var(--calendar-view-defaultcell-fill-color-selected-disabled); }
.Calendar_view_default .Calendar-DateButton_rangeSelected::after { backgroundcolor: var(--calendar-view-default-cell-fill-color-range-selected-base); }
.Calendar_view_default .Calendar-DateButton_rangePreview::after { border-left: 0
dashed var(--calendar-view-default-cell-border-color-hovered); border-bottom:
var(--calendar-view-default-cell-border-width) dashed var(--calendar-viewdefault-cell-border-color-hovered); border-right: 0 dashed var(--calendar-viewdefault-cell-border-color-hovered); border-top: var(--calendar-view-defaultcell-border-width) dashed var(--calendar-view-default-cell-border-colorhovered); }
.Calendar_view_default .CalendarDateButton_rangePreviewStart::after, .Calendar_view_default .CalendarDateButton_selectionStart::after { border-left-width: var(--calendar-viewdefault-cell-border-width); border-top-left-radius: var(--calendar-view-defaultcell-border-radius); border-bottom-left-radius: var(--calendar-view-defaultcell-border-radius); }
.Calendar_view_default .CalendarDateButton_rangePreviewEnd::after, .Calendar_view_default .CalendarDateButton_selectionEnd::after { border-right-width: var(--calendar-viewdefault-cell-border-width); border-top-right-radius: var(--calendar-viewdefault-cell-border-radius); border-bottom-right-radius: var(--calendar-viewdefault-cell-border-radius); }
.Calendar_view_default .Calendar-DateButton_today::before { border: 1px solid
var(--calendar-view-default-cell-border-color-today); }
.Calendar_view_default .Calendar-DateButton_today .Calendar-Date { borderbottom: 1px solid var(--calendar-view-default-cell-underline-color-today); }
.Calendar_view_default .Calendar-DateButton_today.CalendarDateButton_disabled .Calendar-Date, .Calendar_view_default .CalendarDateButton_today.Calendar-DateButton_selected .Calendar-Date { border-color:
currentcolor; }
.utilityfocus .Calendar_view_default .Calendar-DateButton_focused[class]::before
{ box-shadow: 0 0 0 2px var(--calendar-view-default-cell-border-colorfocused); }
.utilityfocus .Calendar_view_default .Calendar-DateButton_focused.CalendarDateButton_today::before { border: none; }
.Calendar_view_default .Calendar-NavigationAction { color: var(--calendar-viewdefault-nav-action-typo-color-base); transition: color 0.1s ease-out 0s; }
.Calendar_view_default .Calendar-NavigationAction:hover:not(.CalendarNavigationAction_disabled) { color: var(--calendar-view-default-nav-action-typocolor-hovered); }
.Calendar_view_default .Calendar-NavigationAction:active:not(.CalendarNavigationAction_disabled) > svg { transition: none 0s ease 0s; transform:
scale(0.96); }
.Calendar_view_default .Calendar-NavigationAction.CalendarNavigationAction_disabled { color: var(--calendar-view-default-nav-action-typocolor-disabled); }
.Calendar_view_default .Calendar-NavigationTitleButton { color: var(--calendarview-default-nav-title-button-typo-color-base); transition: color 0.1s ease-out

36.

0s; }
.Calendar_view_default .Calendar-NavigationTitleButton:hover:not(.CalendarNavigationTitleButton_disabled) { color: var(--calendar-view-default-nav-titlebutton-typo-color-hovered); }
.utilityfocus .Calendar_view_default .CalendarNavigationAction:focus, .utilityfocus .Calendar_view_default .CalendarNavigationTitleButton:focus { box-shadow: 0 0 0 2px var(--calendar-view-defaultcell-border-color-focused); }
.Calendar_view_brand { background-color: var(--calendar-view-brand-fillcolor); }
.Calendar_view_brand .Calendar-Header { background-color: var(--calendar-viewbrand-header-fill-color); }
.Calendar_view_brand
.Calendar-Body .Calendar-GridSection_type_aside { border-radius: var(-calendar-view-brand-aside-border-radius); background-color: var(--calendar-viewbrand-aside-fill-color-base); }
.Calendar_view_brand .Calendar-Body .Calendar-GridSection_type_aside .CalendarGridCell { color: var(--calendar-view-brand-aside-typo-color-base); }
.Calendar_view_brand .Calendar-DayOfWeek { color: var(--calendar-view-brandweekday-typo-color-base); }
.Calendar_view_brand .Calendar-DayOfWeek_weekend[class] { color: var(--calendarview-brand-weekend-typo-color-base); }
.Calendar_view_brand .Calendar-DateButton { color: var(--calendar-view-brandcell-typo-color-base); }
.Calendar_view_brand .Calendar-DateButton::before { border-radius: var(-calendar-view-brand-cell-border-radius); }
.Calendar_view_brand .Calendar-DateButton_weekend[class] { color: var(-calendar-view-brand-cell-typo-color-weekend); }
.Calendar_view_brand .Calendar-DateButton_outside[class] { color: var(-calendar-view-brand-cell-typo-color-disabled); }
.Calendar_view_brand .Calendar-DateButton_selected[class] { color: var(-calendar-view-brand-cell-typo-color-selected-base); }
.Calendar_view_brand .Calendar-DateButton_disabled[class][class] { color: var(-calendar-view-brand-cell-typo-color-disabled); }
.Calendar_view_brand .Calendar-DateButton:hover::before { background-color:
var(--calendar-view-brand-cell-fill-color-hovered); }
.Calendar_view_brand .Calendar-DateButton:active::before { background-color:
var(--calendar-view-brand-cell-fill-color-pressed); }
.Calendar_view_brand .Calendar-DateButton_rangeSelected[class]:hover::before
{ background-color: var(--calendar-view-brand-cell-fill-color-range-selectedhovered); }
.Calendar_view_brand .Calendar-DateButton_rangeSelected[class]:active::before
{ background-color: var(--calendar-view-brand-cell-fill-color-range-selectedpressed); }
.Calendar_view_brand .Calendar-DateButton_selected[class]::before { background-

37.

color: var(--calendar-view-brand-cell-fill-color-selected-base); }
.Calendar_view_brand .Calendar-DateButton_selected[class]:hover::before
{ background-color: var(--calendar-view-brand-cell-fill-color-selected-hovered);
}
.Calendar_view_brand .Calendar-DateButton_selected[class]:active::before
{ background-color: var(--calendar-view-brand-cell-fill-color-selected-pressed);
}
.Calendar_view_brand .Calendar-DateButton_selected[class].CalendarDateButton_disabled::before { background-color: var(--calendar-view-brand-cellfill-color-selected-disabled); }
.Calendar_view_brand .Calendar-DateButton_rangeSelected::after { backgroundcolor: var(--calendar-view-brand-cell-fill-color-range-selected-base); }
.Calendar_view_brand .Calendar-DateButton_rangePreview::after { border-left: 0
dashed var(--calendar-view-brand-cell-border-color-hovered); border-bottom:
var(--calendar-view-brand-cell-border-width) dashed var(--calendar-view-brandcell-border-color-hovered); border-right: 0 dashed var(--calendar-view-brandcell-border-color-hovered); border-top: var(--calendar-view-brand-cell-borderwidth) dashed var(--calendar-view-brand-cell-border-color-hovered); }
.Calendar_view_brand .CalendarDateButton_rangePreviewStart::after, .Calendar_view_brand .CalendarDateButton_selectionStart::after { border-left-width: var(--calendar-view-brandcell-border-width); border-top-left-radius: var(--calendar-view-brand-cellborder-radius); border-bottom-left-radius: var(--calendar-view-brand-cellborder-radius); }
.Calendar_view_brand .CalendarDateButton_rangePreviewEnd::after, .Calendar_view_brand .CalendarDateButton_selectionEnd::after { border-right-width: var(--calendar-view-brandcell-border-width); border-top-right-radius: var(--calendar-view-brand-cellborder-radius); border-bottom-right-radius: var(--calendar-view-brand-cellborder-radius); }
.Calendar_view_brand .Calendar-DateButton_today::before { border: 1px solid
var(--calendar-view-brand-cell-border-color-today); }
.Calendar_view_brand .Calendar-DateButton_today .Calendar-Date { border-bottom:
1px solid var(--calendar-view-brand-cell-underline-color-today); }
.Calendar_view_brand .Calendar-DateButton_today.CalendarDateButton_disabled .Calendar-Date, .Calendar_view_brand .CalendarDateButton_today.Calendar-DateButton_selected .Calendar-Date { border-color:
currentcolor; }
.utilityfocus .Calendar_view_brand .Calendar-DateButton_focused[class]::before {
box-shadow: 0 0 0 2px var(--calendar-view-brand-cell-border-color-focused); }
.utilityfocus .Calendar_view_brand .Calendar-DateButton_focused.CalendarDateButton_today::before { border: none; }
.Calendar_view_brand .Calendar-NavigationAction { color: var(--calendar-viewbrand-nav-action-typo-color-base); transition: color 0.1s ease-out 0s; }
.Calendar_view_brand .Calendar-NavigationAction:hover:not(.CalendarNavigationAction_disabled) { color: var(--calendar-view-brand-nav-action-typocolor-hovered); }
.Calendar_view_brand .Calendar-NavigationAction:active:not(.CalendarNavigationAction_disabled) > svg { transition: none 0s ease 0s; transform:

38.

scale(0.96); }
.Calendar_view_brand .Calendar-NavigationAction.CalendarNavigationAction_disabled { color: var(--calendar-view-brand-nav-action-typocolor-disabled); }
.Calendar_view_brand .Calendar-NavigationTitleButton { color: var(--calendarview-brand-nav-title-button-typo-color-base); transition: color 0.1s ease-out
0s; }
.Calendar_view_brand .Calendar-NavigationTitleButton:hover:not(.CalendarNavigationTitleButton_disabled) { color: var(--calendar-view-brand-nav-titlebutton-typo-color-hovered); }
.utilityfocus .Calendar_view_brand .CalendarNavigationAction:focus, .utilityfocus .Calendar_view_brand .CalendarNavigationTitleButton:focus { box-shadow: 0 0 0 2px var(--calendar-view-brandcell-border-color-focused); }
.DateTimeField.DateTimeField_pin_brick-brick[class][class] .DateTimeField-Box
{ border-radius: 0px; }
.DateTimeField.DateTimeField_pin_brick-clear[class][class] .DateTimeField-Box
{ border-right-width: 0px; border-radius: 0px; }
.DateTimeField.DateTimeField_pin_brick-round[class][class] .DateTimeField-Box
{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.DateTimeField.DateTimeField_pin_clear-brick[class][class] .DateTimeField-Box
{ border-left-width: 0px; border-radius: 0px; }
.DateTimeField.DateTimeField_pin_clear-clear[class][class] .DateTimeField-Box
{ border-right-width: 0px; border-left-width: 0px; border-radius: 0px; }
.DateTimeField.DateTimeField_pin_clear-round[class][class] .DateTimeField-Box
{ border-left-width: 0px; border-top-left-radius: 0px; border-bottom-leftradius: 0px; }
.DateTimeField.DateTimeField_pin_round-brick[class][class] .DateTimeField-Box
{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.DateTimeField.DateTimeField_pin_round-clear[class][class] .DateTimeField-Box
{ border-right-width: 0px; border-top-right-radius: 0px; border-bottom-rightradius: 0px; }
.DateTimeField.DateTimeField_size_s { font-size: var(--datetimefield-size-sfont-size); line-height: var(--datetimefield-size-s-line-height); }
.DateTimeField.DateTimeField_size_s .DateTimeField-Wrapper { padding: 0 var(-datetimefield-size-s-space-horizontal); }
.DateTimeField.DateTimeField_size_s .DateTimeField-Slot + .DateTimeField-Slot
{ margin-left: var(--datetimefield-size-s-slots-gap); }
[dir="rtl"] .DateTimeField.DateTimeField_size_s.DateTimeField-Slot
+ .DateTimeField-Slot { margin-right: var(--datetimefield-size-s-slots-gap);
margin-left: 0px; }
.DateTimeField.DateTimeField_size_s .DateTimeField-Control { height: var(-datetimefield-size-s-height); }
.DateTimeField.DateTimeField_size_s .DateTimeField-RangeDash { margin: 0 var(-datetimefield-size-s-slots-gap); }

39.

.DateTimeField.DateTimeField_size_m { font-size: var(--datetimefield-size-mfont-size); line-height: var(--datetimefield-size-m-line-height); }
.DateTimeField.DateTimeField_size_m .DateTimeField-Wrapper { padding: 0 var(-datetimefield-size-m-space-horizontal); }
.DateTimeField.DateTimeField_size_m .DateTimeField-Slot + .DateTimeField-Slot
{ margin-left: var(--datetimefield-size-m-slots-gap); }
[dir="rtl"] .DateTimeField.DateTimeField_size_m .DateTimeField-Slot
+ .DateTimeField-Slot { margin-right: var(--datetimefield-size-m-slots-gap);
margin-left: 0px; }
.DateTimeField.DateTimeField_size_m .DateTimeField-Control { height: var(-datetimefield-size-m-height); }
.DateTimeField.DateTimeField_size_m .DateTimeField-RangeDash { margin: 0 var(-datetimefield-size-m-slots-gap); }
.DateTimeField_view_default .DateTimeField-Box { border: var(--datetimefieldview-default-border-width-base) solid var(--datetimefield-view-default-bordercolor-base); border-radius: var(--datetimefield-view-default-border-radius);
background-color: var(--datetimefield-view-default-fill-color-base); transition:
background-color 0.15s linear 0s; }
.DateTimeField_view_default:hover .DateTimeField-Box { border-color: var(-datetimefield-view-default-border-color-hovered); background-color: var(-datetimefield-view-default-fill-color-hovered); }
.DateTimeField_view_default.DateTimeField_focused .DateTimeField-Box { bordercolor: var(--datetimefield-view-default-border-color-focused); }
.DateTimeField_view_default.DateTimeField_disabled .DateTimeField-Box { bordercolor: var(--datetimefield-view-default-border-color-disabled); backgroundcolor: var(--datetimefield-view-default-fill-color-disabled); }
.DateTimeField_view_default .DateTimeField-LiteralSegment { color: var(-datetimefield-view-default-segment-typo-color-base); }
.DateTimeField_view_default.DateTimeField_disabled .DateTimeField-LiteralSegment
{ color: var(--datetimefield-view-default-segment-typo-color-disabled); }
.DateTimeField_view_default .DateTimeField-EditableSegment { color: var(-datetimefield-view-default-segment-typo-color-base); border-radius: 2px;
outline: none; }
.DateTimeField_view_default .DateTimeField-EditableSegment_placeholder,
.DateTimeField_view_default .DateTimeField-EditableSegment_placeholder
~ .DateTimeField-LiteralSegment { color: var(--datetimefield-view-defaultplaceholder-typo-color-base); }
.DateTimeField_view_default .DateTimeField-EditableSegment:focus { backgroundcolor: var(--datetimefield-view-default-segment-fill-color-focused); }
.DateTimeField_view_default .DateTimeField-EditableSegment.DateTimeFieldEditableSegment_invalid { color: var(--datetimefield-view-default-segment-typocolor-invalid); }
.DateTimeField_view_default .DateTimeField-EditableSegment_disabled[class]
{ color: var(--datetimefield-view-default-segment-typo-color-disabled); }
.DateTimeField_view_default .DateTimeField-RangeDash { color: var(-datetimefield-view-default-segment-typo-color-base); }

40.

.DateTimeField_view_default.DateTimeField_disabled .DateTimeField-RangeDash
{ color: var(--datetimefield-view-default-segment-typo-color-disabled); }
.DateTimeField { position: relative; display: inline-flex; height: min-content;
font-family: var(--datetimefield-font-family); font-size: 100%; outline: none; }
.DateTimeField-Box { position: absolute; z-index: 0; inset: 0px; box-sizing:
border-box; }
.DateTimeField-Wrapper { position: relative; z-index: 1; display: flex; flexwrap: nowrap; width: 100%; }
.DateTimeField-Slot { display: inline-flex; flex-wrap: nowrap; align-items:
center; }
.DateTimeField-Slot_name_control { flex: 1 0 auto; }
.DateTimeField-Control { display: flex; align-items: center; box-sizing: borderbox; width: 100%; }
.DateTimeField-LiteralSegment { white-space: pre; }
.DateTimeField-EditableSegment, .DateTimeField-LiteralSegment { user-select:
none; }
.DateTimeField-EditableSegment { padding: 0px 2px; caret-color: transparent;
border: none; background: none; }
.DateTimeField-RangeDash { display: block; }
.DateTimeField-RangeDash::before { display: block; content: "—"; }
.AvailableUntilDropdown-MenuItem { min-width: 242px; display: flex; font-size:
14px; }
.AvailableUntilDropdown-MenuItem_Right { margin-left: auto; color: var(--colormg-typo-secondary); }
.AvailableUntilDropdown-MenuItem_Custom { display: flex; align-items: center; }
.AvailableUntilDropdown-MenuItem_Icon { color: var(--color-mg-typo-primary);
line-height: 0; margin-right: 8px; transform: scale(0.6667); }
.AvailableUntilDropdown-Button { display: flex; align-items: center; lineheight: var(--datetimefield-size-s-line-height); }
.AvailableUntilDropdown-Button_Expanded .AvailableUntilDropdown-Arrow
{ transform: rotate(180deg); }
.AvailableUntilDropdown-Button .Button2-Text { margin-right: 2px; }
.AvailableUntilDropdown-Arrow { display: inline-flex; transition: opacity 0.1s
ease-out 0s; opacity: 0.65; }
.Button2:hover .AvailableUntilDropdown-Arrow { opacity: 1; }
.AvailableUntilDropdown-DateTimeInput { position: absolute; inset: 0px; width:
262px; box-sizing: border-box; opacity: 0; }
.AvailableUntilDropdown-DateText { white-space: normal; }
.Textinput { display: inline-block; }
.Textinput, .Textinput-Control { position: relative; box-sizing: border-box;

41.

width: 100%; vertical-align: top; }
.Textinput-Control { z-index: 2; margin: 0px; padding: 0px; font-family: var(-textinput-font-family); font-size: 100%; border: 0px solid transparent; outline:
0px; background: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Textinput_disabled .Textinput-Control { z-index: 3; cursor: default; userselect: none; }
.Textinput-Control::-webkit-search-decoration { appearance: none; }
.Textinput-Control::-webkit-search-cancel-button { display: none; }
.Textinput-Control.Textinput-Control:-webkit-autofill { border-top-width: 2px;
border-bottom-width: 2px; background-clip: content-box; box-shadow: rgb(255,
255, 255) 0px 0px 0px 50px inset; -webkit-text-fill-color: rgb(0, 0, 0); }
.Textinput-Control::-webkit-input-placeholder { opacity: 1; }
.Textinput-Control::placeholder { opacity: 1; }
.Textinput-Box { z-index: 1; inset: 0px; box-sizing: border-box; }
.Textinput-Box, .Textinput-Icon.Textinput-Icon { position: absolute; }
.Textinput-Icon { z-index: 3; top: 0px; }
.Textinput-Icon_side_left { left: 0px; }
.Textinput-Icon_side_right { right: 0px; }
.Textinput-Hint { display: inline-block; margin-top: 4px; font-family: var(-textinput-font-family); animation: 0.1s ease-in 0s 1 normal forwards running
Hint_show; }
.Textinput_size_s .Textinput-Hint { font-size: var(--textinput-hint-size-sfontSize); }
.Textinput_size_m .Textinput-Hint { font-size: var(--textinput-hint-size-mfontSize); }
.Textinput-Hint_leave { animation: 0.1s ease-out 0s 1 normal forwards running
Hint_leave; }
@-webkit-keyframes Hint_leave {
100% { opacity: 0; transform: translateY(-6px); }
0% { opacity: 1; transform: translateY(0px); }
}
@keyframes Hint_leave {
100% { opacity: 0; transform: translateY(-6px); }
0% { opacity: 1; transform: translateY(0px); }
}
@-webkit-keyframes Hint_show {
0% { opacity: 0; transform: translateY(-6px); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes Hint_show {
0% { opacity: 0; transform: translateY(-6px); }
100% { opacity: 1; transform: translateY(0px); }
}

42.

.Textinput .Textinput-Clear { right: 0px; display: none; visibility: hidden;
cursor: pointer; }
.Textinput-Clear.Textinput-Clear_visible { display: block; visibility:
visible; }
.Textinput_disabled .Textinput-Clear_visible { z-index: 0; cursor: default; }
.Icon_glyph_x-sign.Icon_size_xs, .Icon_glyph_x-sign.Icon_size_xs svg { width:
16px; height: 16px; }
.Icon_glyph_x-sign.Icon_size_s, .Icon_glyph_x-sign.Icon_size_s svg { width:
20px; height: 20px; }
.Icon_glyph_x-sign.Icon_size_m, .Icon_glyph_x-sign.Icon_size_m svg { width:
24px; height: 24px; }
.Icon_type_cross { background-image: url("<svg
xmlns=\"http:/www.w3.org/2000/svg\" width=\"14\" height=\"14\"><polygon
points=\"14,0.7 13.3,0 7,6.3 0.7,0 0,0.7 6.3,7 0,13.3 0.7,14 7,7.7 13.3,14
14,13.3 7.7,7\"></polygon></svg>"); }
.Icon_size_s.Icon_type_cross, .Icon_size_xs.Icon_type_cross { background-image:
url("<svg xmlns=\"http:/www.w3.org/2000/svg\" width=\"10\"
height=\"10\"><polygon points=\"10,0.7 9.3,0 5,4.3 0.7,0 0,0.7 4.3,5 0,9.3
0.7,10 5,5.7 9.3,10 10,9.3 5.7,5\"></polygon></svg>"); }
.Icon_type_cross-websearch { background-image: url("<svg
xmlns=\"http:/www.w3.org/2000/svg\" width=\"16\" height=\"16\"><path d=\"M6.586
8L.93 2.343 2.342.93 8 6.585 13.657.93l1.414 1.413L9.42 8l5.657 5.657-1.413
1.414L8 9.42l-5.657 5.65L.93 13.658 6.585 8z\"></path></svg>"); }
.Textinput_size_m .Textinput-Box, .Textinput_size_m .Textinput-Control { height:
var(--textinput-size-m-height); }
.Textinput_size_m .Textinput-Control { font-size: var(--textinput-size-mfontSize); border-width: var(--textinput-size-m-control-spaceAll); }
.Textinput.Textinput_size_m .Textinput-Icon_side_left ~ .Textinput-Control
{ border-left-width: var(--textinput-size-m-has-icon-spaceLeft); }
.Textinput.Textinput_size_m .Textinput-Icon_side_right ~ .TextinputControl, .Textinput_size_m.Textinput_hasClear .Textinput-Clear_visible
~ .Textinput-Control { border-right-width: var(--textinput-size-m-has-iconspaceRight); }
.Textinput_size_m.Textinput_hasClear .Textinput-Icon_side_right ~ .TextinputControl { border-right-width: calc(var(--textinput-size-m-has-iconspaceRight)*2); }
.Textinput_size_m.Textinput_iconRight .Textinput-Clear { right: var(--textinputsize-m-has-icon-spaceRight); }
.Textinput_size_m .Textinput-Icon.Icon { width: var(--textinput-size-m-iconwidth); height: var(--textinput-size-m-icon-height); }
.Textinput_size_s .Textinput-Box, .Textinput_size_s .Textinput-Control { height:
var(--textinput-size-s-height); }
.Textinput_size_s .Textinput-Control { font-size: var(--textinput-size-sfontSize); border-width: var(--textinput-size-s-control-spaceAll); }
.Textinput.Textinput_size_s .Textinput-Icon_side_left ~ .Textinput-Control
{ border-left-width: var(--textinput-size-s-has-icon-spaceLeft); }

43.

.Textinput.Textinput_size_s .Textinput-Icon_side_right ~ .TextinputControl, .Textinput_size_s.Textinput_hasClear .Textinput-Clear_visible
~ .Textinput-Control { border-right-width: var(--textinput-size-s-has-iconspaceRight); }
.Textinput_size_s.Textinput_hasClear .Textinput-Icon_side_right ~ .TextinputControl { border-right-width: calc(var(--textinput-size-s-has-iconspaceRight)*2); }
.Textinput_size_s.Textinput_iconRight .Textinput-Clear { right: var(--textinputsize-s-has-icon-spaceRight); }
.Textinput_size_s .Textinput-Icon.Icon { width: var(--textinput-size-s-iconwidth); height: var(--textinput-size-s-icon-height); }
.Textinput_theme_normal.Textinput_hovered .Textinput-Box { border-color: rgba(0,
0, 0, 0.3); }
.Textinput_theme_normal.Textinput_hovered.Textinput_state_error .Textinput-Box {
border-color: var(--color-control-bg-border-default-state-error-hovered); }
.Textinput.Textinput_theme_normal.Textinput_focused[class][class] .Textinput-Box
{ border: 2px solid rgb(255, 219, 77); }
.Textinput_theme_normal .Textinput-Clear_visible.TextinputClear:hover, .Textinput_theme_websearch .Textinput-Clear_visible.TextinputClear:hover { opacity: 1; }
.Textinput_view_default .Textinput-Box { border: var(--textinput-borderWidth)
solid var(--textinput-view-default-border-color-base); border-radius: var(-textinput-borderRadius); background-color: var(--textinput-view-default-fillcolor-base); transition: background-color 0.15s linear 0s; }
.Textinput_view_default.Textinput_state_error .Textinput-Box { border-color:
var(--textinput-view-default-border-color-state-error-base); }
.Textinput_view_default .Textinput-Control { color: var(--textinput-viewdefault-typo-color-base); }
.Textinput_view_default .Textinput-Control::-webkit-input-placeholder { color:
var(--textinput-view-default-placeholder-typo-color-base); }
.Textinput_view_default .Textinput-Control::placeholder { color: var(-textinput-view-default-placeholder-typo-color-base);
}
.Textinput_view_default .Textinput-Icon { color: var(--textinput-view-defaulticon-fill-color-base); }
.Textinput_view_default .Textinput-Clear { transition: color 0.15s linear 0s; }
.Textinput_view_default.Textinput_size_s .Textinput-Clear svg { width: 12px;
height: 12px; }
.Textinput_view_default.Textinput_size_m .Textinput-Clear svg { width: 14px;
height: 14px; }
.Textinput_view_default.Textinput_state_error .Textinput-Hint { color: var(-textinput-view-default-hint-typo-color-state-error-base); }
.Textinput_view_default.Textinput_disabled .Textinput-Control { color: var(-textinput-view-default-typo-color-disabled); }

44.

.Textinput_view_default.Textinput_disabled .Textinput-Control::-webkit-inputplaceholder { color: var(--textinput-view-default-placeholder-typo-colordisabled); }
.Textinput_view_default.Textinput_disabled .Textinput-Control::placeholder
{ color: var(--textinput-view-default-placeholder-typo-color-disabled); }
.Textinput_view_default.Textinput_disabled .Textinput-Box { border-color: var(-textinput-view-default-border-color-disabled); background-color: var(-textinput-view-default-fill-color-disabled); }
.Textinput.Textinput_view_default.Textinput_focused .Textinput-Box[class]
{ border-width: var(--textinput-borderWidth); border-color: var(--textinputview-default-border-color-focused); }
.Textinput_view_default .Textinput-Clear:hover { color: var(--textinput-viewdefault-clear-fill-color-hovered); }
.Textinput_view_default.Textinput_hovered .Textinput-Box[class] { border-color:
var(--textinput-view-default-border-color-hovered); background-color: var(-textinput-view-default-fill-color-hovered); }
.Textinput_view_default.Textinput_hovered.Textinput_state_error .Textinput-Box {
border-color: var(--textinput-view-default-border-color-state-error-hovered); }
.Textinput_variant_outlined:not(.Textinput_disabled):hover .Textinput-Box
{ border-color: var(--textinput-view-material-variant-outlined-border-colorfocused); }
.Textinput_view_material.Textinput_state_error:hover .TextinputBox, .Textinput_view_material.Textinput_state_error:hover .Textinput-Box::before
{ border-color: var(--textinput-view-material-border-color-state-error); }
.Textinput_size_l .Textinput-Box, .Textinput_size_l .Textinput-Control { height:
var(--textinput-size-l-height); }
.Textinput_size_l .Textinput-Control { font-size: var(--textinput-size-l-fontsize); border-width: var(--textinput-size-l-space-all); }
.Textinput.Textinput_size_l .Textinput-Icon_side_left ~ .Textinput-Control
{ border-left-width: var(--textinput-size-l-with-icon-space-left); }
.Textinput.Textinput_size_l .Textinput-Icon_side_right ~ .TextinputControl, .Textinput_size_l.Textinput_hasClear .Textinput-Clear_visible
~ .Textinput-Control { border-right-width: var(--textinput-size-l-with-iconspace-right); }
.Textinput_size_l.Textinput_hasClear .Textinput-Icon_side_right ~ .TextinputControl { border-right-width: calc(var(--textinput-size-l-with-icon-spaceright)*2); }
.Textinput_size_l.Textinput_iconRight .Textinput-Clear { right: var(--textinputsize-l-with-icon-space-right); }
.Textinput_size_l .Textinput-Icon.Icon { width: var(--textinput-size-l-iconwidth); height: var(--textinput-size-l-icon-height); }
.Textinput_view_share-menu { padding: 10px; background-color: var(--color-mgtint-superlight); border-radius: 8px; }
.Textinput_view_share-menu .Textinput-Control[class] { font-family: inherit;
font-size: 16px; line-height: 20px; height: 36px; color: var(--color-mg-typoprimary); }

45.

.Textinput_size_m.Textinput_view_share-menu .Textinput-Box { height: 52px; }
.Textinput.Textinput_size_m.Textinput_view_share-menu .Textinput-Control
{ border-left-width: 46px; }
.PasswordField-Icon { align-self: start; }
.PasswordField-Icon_withField { margin-top: 6px; }
.PasswordField-InputWrap { width: 220px; display: flex; align-items: center; }
.PasswordField-Input { margin-bottom: -16px; }
.PasswordField-Input .Textinput-Hint { color: var(--color-typo-secondary); lineheight: 18px; min-height: 36px; display: inline-flex; white-space: pre-line; }
.PasswordField-Right { align-self: start; }
.PasswordField-EditButton { height: 24px; line-height: 24px; margin-left: 8px; }
.PasswordField-EditButton .Button2-Icon { display: flex; align-items: center;
justify-content: center; color: var(--color-typo-secondary); }
.PasswordField-TouchInput { margin-top: 16px; }
.PasswordField-TouchSaveButton { width: 100%; }
.SecuritySettings { display: flex; flex-direction: column; border-radius: var(-radius-mg-s-base); background-color: var(--color-mg-tint-superlight); marginbottom: 16px; }
.SecuritySettings_stub { cursor: pointer; }
.SecuritySettings_stub:hover { background-color: var(--color-mg-controldisabled-stroke); }
.SecuritySettings-StubIcon { color: rgb(147, 151, 173); }
.SecuritySettings-StubIcon_Black { color: rgb(0, 0, 0); }
.SecuritySettings-Row { display: flex; margin: 16px; align-items: center;
position: relative; }
.SecuritySettings-Row_disabled { color: var(--color-mg-control-disabled-typoprimary); }
.SecuritySettings-Icon { margin-right: 16px; line-height: 0; }
.SecuritySettings-Text { font-size: 14px; }
.SecuritySettings-Right { margin-left: auto; }
.SecuritySettings-Right_WithoutFeature { margin-left: 8px; }
.SecuritySettings-Tooltip { text-align: left; }
.SecuritySettings-ForbidDownloadTumbler .Tumbler-Label { display: none; }
.ShareDialog .Dialog-Wrap { box-sizing: border-box; padding: 40px; width: 464px;
position: relative; }
.ShareDialog_showQR .Dialog-Wrap { width: 348px; }
.ShareDialog .Modal-Content { overflow-y: visible; max-height: none; }

46.

.ShareDialog_touch .Dialog-Wrap[class] { padding: 16px 16px 24px; width: 100vw;
max-width: 100%; }
.ShareDialog_touch.Drawer .Drawer-DragObserver { align-items: center; }
.ShareDialog_touch.Drawer .Drawer-Curtain { max-width: 480px; }
.ShareDialog .Dialog-Title { font-size: 20px; line-height: 24px; }
.ShareDialog-AccessAccordion, .ShareDialog-AccordionStub, .ShareDialogLinkField, .ShareDialog-LinkStub, .ShareDialog-SecuritySettingsStub { marginbottom: 16px; }
.ShareDialog-CloseButton { position: absolute; right: 20px; top: 20px; }
.ShareDialog-CrossIcon { width: 14px; height: 14px; }
.ShareDialog-AccordionStub { height: 88px; }
.ShareDialog-LinkStub { height: 56px; }
.ShareDialog-SecuritySettingsStub { height: 88px; }
.ShareDialog-SecuritySettingsStub_withFeature { height: 124px; }
.ShareDialog-CopyButtonStub { height: 48px; margin-right: 116px; }
.ShareDialog-AccordionStub, .ShareDialog-CopyButtonStub, .ShareDialogLinkStub, .ShareDialog-SecuritySettingsStub { background-image: ; backgroundposition-x: ; background-position-y: ; background-repeat-x: ; background-repeaty: ; background-attachment: ; background-origin: ; background-clip: ;
background-color: ; background-size: 200%; border-radius: var(--radius-mg-sbase); animation: 2s linear 0s infinite normal none running
ReceivingLinkAnimation; }
.ShareDialog-OnlyDisableTip { background-color: rgb(255, 230, 230); min-height:
34px; color: rgb(255, 77, 77); display: flex; align-items: center; justifycontent: center; border-radius: 8px; margin-bottom: 8px; padding: 0px 8px; }
.ShareDialog-TipIcon { display: inline-flex; margin-right: 10px; color: rgb(250,
53, 39); }
@-webkit-keyframes ReceivingLinkAnimation {
0% { background-position: 0px 0px; }
50% { background-position: 100% 0px; }
100% { background-position: 200% 0px; }
}
@keyframes ReceivingLinkAnimation {
0% { background-position: 0px 0px; }
50% { background-position: 100% 0px; }
100% { background-position: 200% 0px; }
}
.error-page { text-align: center; padding-top: 200px; line-height: 22px; }
.error-page__title { margin: 0px; font-size: 24px; }
.error-page__text { text-align: center; padding: 20px; }
.Button2_view_clear-inverse { color: var(--color-typo-inverse); }
.Button2_view_clear-inverse .Button2-Icon, .Button2_view_clear-inverse .Button2-

47.

Text { opacity: 0.9; }
.Button2_view_clear-inverse[aria-disabled="true"] .Button2Icon, .Button2_view_clear-inverse[aria-disabled="true"] .Button2-Text { opacity:
0.5; }
.Button2_view_clear-inverse.Button2_checked .Button2-Icon, .Button2_view_clearinverse.Button2_checked .Button2-Text, .Button2_view_clear-inverse:not([ariadisabled="true"]):hover .Button2-Icon, .Button2_view_clear-inverse:not([ariadisabled="true"]):hover .Button2-Text { opacity: 1; }
.utilityfocus .Button2_view_clear-inverse:focus::before { border: 2px solid
rgb(172, 172, 172); }
.Button2_view_dark { color: rgb(236, 239, 241); transition: transform 0.1s easeout 0s, color 0.15s linear 0s, -webkit-transform 0.1s ease-out 0s; transform:
scale(1); }
.Button2_view_dark::before { background-color: rgb(67, 88, 98); transition:
background-color 0.15s linear 0s; }
.Button2_view_dark.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_dark.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_dark[aria-disabled="true"] { color: rgb(137, 144, 148); }
@-webkit-keyframes button-view-action-progress {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
@keyframes button-view-action-progress {
0% { background-position: -12px 0px; }
100% { background-position: 0px 0px; }
}
.Button2_view_b2b-banner { color: rgb(255, 255, 255); transition: transform 0.1s
ease-out 0s, color 0.15s linear 0s, -webkit-transform 0.1s ease-out 0s;
transform: scale(1); }
.Button2_view_b2b-banner::before { background-color: rgb(3, 114, 224);
transition: background-color 0.15s linear 0s; }
.Button2_view_b2b-banner.Button2_pressed { transition: none 0s ease 0s;
transform: scale(0.96); }
.Button2_view_b2b-banner.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_b2b-banner[aria-disabled="true"] { color: rgb(122, 122, 122); }
.Button2_view_b2b-banner[aria-disabled="true"]::before
{ background-color: rgb(233, 233, 233); }
.Button2_view_b2b-banner:not([aria-disabled="true"]):hover::before { backgroundcolor: rgb(4, 125, 246); }
.Button2_view_tundora { color: var(--button-view-tundora-typo-color-base);
transition: transform 0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform
0.1s ease-out 0s; transform: scale(1); }
.Button2_view_tundora::before { background-color: var(--button-view-tundorafill-color-base); transition: background-color 0.15s linear 0s; }

48.

.Button2_view_tundora.Button2_pressed { transition: none 0s ease 0s; transform:
scale(0.96); }
.Button2_view_tundora.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_transparent { color: rgb(255, 255, 255); transition: transform
0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform 0.1s ease-out 0s;
transform: scale(1); }
.Button2_view_transparent::before { background-color: rgba(255, 255, 255, 0.25);
transition: background-color 0.15s linear 0s; }
.Button2_view_transparent.Button2_pressed { transition: none 0s ease 0s;
transform: scale(0.99); }
.Button2_view_transparent.Button2_pressed::after { transform: scale(1.01); }
.Button2_view_transparent.Button2_pressed:not([ariadisabled="true"])::before, .Button2_view_transparent.Button2_pressed:not([ariadisabled="true"]):hover::before { background-color: rgba(0, 0, 0, 0.15); }
.Button2_view_transparent[aria-disabled="true"] .Button2Icon, .Button2_view_transparent[aria-disabled="true"] .Button2-Text { opacity:
0.5; }
.Button2_view_transparent[aria-disabled="true"]::before { border-color: initial;
background-color: rgba(255, 255, 255, 0.1); }
.Button2_view_transparent.Button2_checked { color: rgb(255, 255, 255); }
.Button2_view_transparent.Button2_checked::before, .Button2_view_transparent.But
ton2_progress::before { background-color: rgba(0, 0, 0, 0.15); }
.Button2_view_transparent.Button2_progress, .Button2_view_transparent:not([ariadisabled="true"]):hover { color: rgb(255, 255, 255); }
.Button2_view_transparent:not([aria-disabled="true"]):hover::before
{ background-color: rgba(255, 255, 255, 0.35); }
.Button2_view_transparent.Button2_checked:not([ariadisabled="true"]):hover::before { background-color: rgba(0, 0, 0, 0.15); }
.utilityfocus .Button2_view_transparent:focus::before { border: 2px solid
rgb(172, 172, 172); }
.Button2_view_clear-black { position: relative; color: rgb(0, 0, 0); }
.Button2_view_clear-black .Button2-Icon, .Button2_view_clear-black .Button2-Text
{ opacity: 0.8; }
.Button2_view_clear-black.Button2_checked .Button2-Icon, .Button2_view_clearblack.Button2_checked .Button2-Text, .Button2_view_clear-black:hover .Button2Icon, .Button2_view_clear-black:hover .Button2-Text { opacity: 1; }
.utilityfocus .Button2_view_clear-black:focus::before { border-radius: 4px;
border: 2px solid rgb(172, 172, 172); }
.Button2_size_xxxl { height: 80px; line-height: 80px; }
.Button2_size_xxxl .Button2-Icon { width: 80px; }
.Button2_size_xxs { height: var(--button-size-xxs-height); font-size: var(-button-size-xxs-font-size); line-height: var(--button-size-xxs-line-height); }

49.

.Button2_size_xxs .Button2-Text { margin: var(--button-size-xxs-text-indentall); }
.Button2_size_xxs .Button2-Icon { width: var(--button-size-xxs-icon-width); }
.Button2_size_xxs .Button2-Icon_side_left ~ .Button2-Text { margin-left: var(-button-size-xxs-icon-indent-left); }
.Button2_size_xxs .Button2-Icon_side_right ~ .Button2-Text { margin-right:
var(--button-size-xxs-icon-indent-right); }
.Button2_view_pseudo-inverse { color: rgb(236, 239, 241); transition: transform
0.1s ease-out 0s, color 0.15s linear 0s, -webkit-transform 0.1s ease-out 0s;
transform: scale(1); }
.Button2_view_pseudo-inverse::before { border: 1px solid rgba(255, 255, 255,
0.2); transition: background-color 0.15s linear 0s; }
.Button2_view_pseudo-inverse.Button2_pressed { transition: none 0s ease 0s;
transform: scale(0.96); }
.Button2_view_pseudo-inverse.Button2_pressed::after { transform: scale(1.042); }
.Button2_view_pseudo-inverse[aria-disabled="true"] { color: rgb(137, 144,
148); }
.Button2.Button2_view_pseudo-inverse[aria-disabled="true"]::before { bordercolor: transparent; background-color: rgb(48, 63, 70); }
.Button2_view_pseudo-inverse.Button2_checked { color: rgb(38, 50, 56); }
.Button2.Button2_view_pseudo-inverse.Button2_checked::before { border-color:
transparent; background-color: rgb(236, 239, 241); }
.Button2_view_suggest { color: var(--button-view-suggest-typo-color-base);
transition: color 0.15s linear 0s; }
.Button2_view_suggest::before { background-color: var(--button-view-suggestfill-color-base); transition: background-color 0.15s linear 0s; }
.Button2_view_suggest[aria-disabled="true"] { color: var(--button-view-suggesttypo-color-disabled); }
.Button2_view_suggest[aria-disabled="true"]::before { background-color: var(-button-view-suggest-fill-color-disabled); }
.Button2_view_suggest.Button2_checked { color: var(--button-view-suggest-typocolor-checked); }
.Button2_view_suggest.Button2_checked::before { background-color: var(--buttonview-suggest-fill-color-checked); }
.Button2_view_suggest:not([aria-disabled="true"]):hover { color: var(--buttonview-suggest-typo-color-hovered); }
.Button2_view_suggest:not([aria-disabled="true"]):hover::before { backgroundcolor: var(--button-view-suggest-fill-color-hovered); }
.Button2_view_suggest.Button2_checked:not([aria-disabled="true"]):hover { color:
rgb(255, 255, 255); }
.utilityfocus .Button2_view_suggest:focus::before { border: 2px solid var(-button-view-suggest-border-color-focused); }

50.

.Button2_centeredIcon { --button-size-m-icon-indentLeft: 0 !important; --buttonsize-xxl-icon-indent-left: 0 !important; }
.Button2.Button2_centeredIcon .Button2-Icon_side_left { display: inline-flex;
position: static; }
.Button2 .Button2-Icon { height: 100%; }
.Button2 .Button2-Icon, .overdraft-error { display: flex; align-items: center;
justify-content: center; }
.overdraft-error { flex-direction: row; height: 100vh; }
.overdraft-error-mobile { position: fixed; height: 100%; background-color:
rgb(255, 255, 255); }
@media screen and (orientation: portrait) {
.overdraft-error-mobile .overdraft-content.overdraftcontent_mobile, .overdraft-error-mobile .overdraft-content.overdraftcontent_mobile .overdraft-content__content { height: 100%; }
.overdraft-error-mobile .overdraft-content.overdraftcontent_mobile .overdraft-content__buttons-wrapper { padding-bottom: 24px;
width: 100%; }
}
@media screen and (orientation: landscape) {
.overdraft-error-mobile .overdraft-content.overdraft-content_mobile { height:
100%; }
}
.notification { margin-top: 16px; }
.notificationBackground { width: 100%; height: 100%; }
.notificationBackground.info { background-color: rgb(51, 51, 51); }
.notificationBackground.error { background-color: rgb(255, 68, 68); }
.notificationBackground.success { background-color: rgb(55, 178, 77); }
.notificationTextWrapper { padding: 10px; }
.notification .MessageBox-Close:hover::after { display: none; }
.notificationsContainer { bottom: 8px; left: 8px; position: absolute; display:
flex; flex-direction: column-reverse; align-items: center; z-index: 1002; }
.EditStub-Header { height: 52px; background-color: rgb(75, 105, 145); }
.spreadsheet .EditStub-Header { background-color: rgb(82, 132, 95); }
.presentation .EditStub-Header { background-color: rgb(159, 87, 85); }
.EditStub-Toolbar { padding-bottom: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px
3px; }
.EditStub-Row { padding: 4px 9px; }
.EditStub-Row, .EditStub-RowSide { display: flex; }
.EditStub-RowSide { flex: 1 1 auto; }
.EditStub-RowSide_side_right { justify-content: flex-end; }

51.

.EditStub-Block { height: 28px; background: rgb(236, 238, 242); border-radius:
4px; flex: 0 1 auto; margin-right: 9px; }
.EditStub-Block_align_right { align-self: flex-end; margin-right: 0px; marginleft: 9px; }
.EditStub-Block_size_s { flex-basis: 26px; }
.EditStub-Block_size_m { flex-basis: 64px; }
.EditStub-Block_size_l { flex-basis: 121px; }
.EditStub-Block_size_xl { flex-basis: 289px; }
.EditStub-Dialog .Modal-Content { max-width: 480px; }
.Onboarding { cursor: default; }
.Onboarding.Modal[class] { display: flex; height: auto; bottom: 0px; right: 0px;
flex-direction: column; }
.Onboarding .Dialog-Wrap, .Onboarding .Modal-Cell, .Onboarding .ModalContent, .Onboarding .Modal-Table { display: flex; flex-direction: column; flexgrow: 1; }
.Onboarding .Modal-Content { border-radius: 0px; margin: 0px; background-color:
transparent; }
.Onboarding .Dialog-Wrap { background-image: linear-gradient(242deg, rgba(0, 0,
0, 0.9), rgba(10, 13, 36, 0.9) 16%); padding: 0px; }
.Onboarding__Close { position: absolute; top: 24px; right: 24px; cursor:
pointer; }
.Onboarding__Content { padding: 24px; box-sizing: border-box; display: flex;
justify-content: center; align-items: center; flex-direction: column; flex-grow:
1; }
.Onboarding__Image-wrapper { margin: 0px 50px 44px; }
.Onboarding__Image { max-width: 240px; }
.Onboarding__Title { font-size: 26px; line-height: 1.38; font-weight: 400;
margin: 0px 0px 8px; white-space: pre-wrap; }
.Onboarding__Text, .Onboarding__Title { color: rgb(255, 255, 255); position:
relative; z-index: 1; text-align: center; }
.Onboarding__Text { max-width: 766px; opacity: 0.5; font-size: 20px; lineheight: normal; margin-bottom: 48px; }
.Onboarding__Button-wrapper { position: relative; border-radius: 100%; }
.Onboarding__Button-wrapper .Button2 { display: block; border-radius: 12px;
overflow: hidden; height: 56px; line-height: 56px; }
.Onboarding__Button-wrapper::before { content: ""; display: block; position:
absolute; width: 80%; height: 95%; box-shadow: rgb(255, 204, 0) 0px 0px 60px;
left: 50%; top: 50%; transform: translate(-50%, -50%); }
.Onboarding__Button-text { display: block; padding: 21px 48px; font-size: 16px;
line-height:
14px; color: rgb(34, 34, 34); font-weight: 500; }

52.

.Onboarding.Onboarding_Mobile .Modal-Content { margin-top: -8vh; }
.Onboarding.Onboarding_Mobile .Onboarding__Close { top: 10vh; right: 12px; }
.Onboarding.Onboarding_Mobile .Onboarding__Image-wrapper { margin-top: auto;
margin-bottom: 30px; }
.Onboarding.Onboarding_Mobile .Onboarding__Image { width: 200px; }
.Onboarding.Onboarding_Mobile .Onboarding__Title { font-size: 20px; line-height:
24px; font-weight: 500; min-width: 280px; }
.Onboarding.Onboarding_Mobile .Onboarding__Text { max-width: 350px; marginbottom: auto; font-size: 16px; line-height: 20px; min-width: 280px; }
.Onboarding.Onboarding_Mobile .Onboarding__Button-wrapper { margin-top: 24px;
margin-bottom: 24px; }
@media screen and (orientation: landscape) {
.Onboarding.Onboarding_Mobile .Onboarding__Image-wrapper { display: none; }
.Onboarding.Onboarding_Mobile .Onboarding__Title { margin-top: auto; }
.Onboarding.Onboarding_Mobile .Onboarding__Button-wrapper { margin-bottom:
0px; }
}
.uxs-slide-back { z-index: 999998; height: 100%; position: fixed; opacity: 0;
overflow: visible; max-height: 100%; width: 0px; }
.uxs-slide-back.lowerLeft, .uxs-slide-back.lowerRight, .uxs-slideback.upperLeft, .uxs-slide-back.upperRight { opacity: 1; }
.uxs-slide-back.lowerLeft { left: 0px; bottom: 0px; }
.uxs-slide-back.upperRight { right: 0px; }
.uxs-slide-back.upperLeft { left: 0px; }
.uxs-slide-back.lowerRight { right: 0px; bottom: 0px; }
.uxs-slide-back { z-index: 10; }
.only-office-wrapper { height: 100%; }
.share-button { position: absolute; font-size: 13px; color: rgb(0, 0, 0);
background: linear-gradient(rgb(255, 220, 96), rgb(255, 234, 141)); line-height:
16px; height: 26px; right: 100px; top: 26px; border-radius: 4px; z-index: 1; }
.share-button::before, .share-button:not([aria-disabled="true"]):hover::before {
background: transparent; }
.share-button:hover { background: rgb(255, 220, 96); }
.share-button-mobile { position: fixed; bottom: 93px; right: 20px; backgroundcolor: rgb(75, 105, 145); width: 48px; border-radius: 24px; height: 48px; color:
rgb(255, 255, 255); z-index: 1; }
.spreadsheet .share-button-mobile { background-color: rgb(82, 132, 95); }
.presentation .share-button-mobile { background-color: rgb(159, 87, 85); }
.share-button-image { background:
url("https://yastatic.net/s3/psf/editor/ff64d2ea8eacd88f34f486609f6b7b7a.svg")
no-repeat; display: inline; width: 16px; height: 16px; padding-right: 20px; }

53.

.share-button-mobile-image { background:
url("https://yastatic.net/s3/psf/editor/53b29dcff0bf5f3544be0a53e9a470e3.svg")
no-repeat; margin-top: 9px; margin-left: -1px; width: 48px; height: 48px; }
.share-button-mobile-image_android { background:
url("https://yastatic.net/s3/psf/editor/6eb879fbf0e2f702e4132469712d135b.svg")
no-repeat; margin-left: -5px; margin-top: 10px; }
.share-button-mobile .Button2-Text { opacity: 1; }
.share-button .Button2-Text { margin: 0px 12px; }
.share-button:hover .Button2-Text { opacity: 1; }
@media screen and (max-width: 799px) {
.share-button { display: none; }
}
.Theme_color_ps-light { --color-base: #1a1a1a; --color-essential: #fff; --colorproject: #ffdc60; --color-phantom: #1a1a1a; --color-path: #07f; --color-success:
#32b343; --color-alert: red; --color-warning: #1a1a1a; --color-normal: #ebebeb;
--color-system: #999; --color-promo: #333; --color-hover: #ff3737; --colortransparent: transparent; --color-bg-brand: #ffdc60; --color-bg-inverse:
#222426; --color-bg-action: #ffdc60; --color-bg-selection: #ffedaf; --color-bghover: #f5f5f5; --color-bg-border: #d9d9d9; --color-bg-stripe: #d9d9d9; --colorbg-ghost: #f5f5f5; --color-bg-default: #fff; --color-bg-tone: #1a1a1a; --colorbg-soft: #fff; --color-bg-success: #32b343; --color-bg-alert: red; --color-bgwarning: #1a1a1a; --color-bg-normal: #ebebeb; --color-bg-system: #999; --colorbg-link: #07f; --color-bg-promo: #333; --color-typo-brand: #ffdc60; --colortypo-primary: #1a1a1a; --color-typo-inverse: #fff; --color-typo-promo: #333; -color-typo-secondary: #999; --color-typo-ghost: #999; --color-typo-disable:
#c2c2c2; --color-typo-success: #32b343; --color-typo-warning: #1a1a1a; --colortypo-alert: red; --color-link: #07f; --color-link-external: #07f; --color-linkminor: #07f; --color-link-hover: #ff3737; --color-control-bg-border-focus:
#ffdc60; --color-control-bg-border-prism: #ffdc60; --color-control-typo-primary:
#1a1a1a; --color-control-typo-secondary: #999; --color-control-typo-ghost: #999;
--color-control-typo-passive: #1a1a1a; --color-control-typo-faint: #fff; -color-control-typo-disable: #c2c2c2; --color-control-typo-link: #07f; --colorcontrol-typo-error: red; --color-control-bg-default: #ebebeb; --color-controlbg-default-hover: #e0e0e0; --color-control-bg-default-press: #e0e0e0; --colorcontrol-bg-default-disable: #ededed; --color-control-bg-border-default: #d9d9d9;
--color-control-bg-border-default-hover: #b3b3b3; --color-control-bg-borderdefault-press: #b3b3b3; --color-control-bg-border-default-disable: #e0e0e0; -color-control-bg-border-default-error: red; --color-control-bg-border-defaulterror-hover: red; --color-control-bg-pseudo: #fff; --color-control-bg-pseudohover: #f5f5f5; --color-control-bg-border-pseudo: #d9d9d9; --color-control-bgaction: #ffdc60; --color-control-bg-action-hover: #ffd21f; --color-control-bgaction-press: #ffd21f; --color-control-bg-passive: #fff; --color-control-bgprogress: #ffdc60; --color-control-bg-progress-process: #ffd21f; --colorcontrol-bg-blank: #fff; --color-control-bg-blank-hover: #fff; --color-controlbg-blank-disable: #ededed; --color-control-bg-border-blank: #d9d9d9; --colorcontrol-bg-border-blank-hover: #b3b3b3; --color-control-bg-border-blank-disable:
#e0e0e0; --color-control-bg-faint: #fff; --color-control-bg-faint-disable:
#ededed; --color-control-bg-check: #ffdc60; --color-control-bg-check-hover:
#ffd21f; --color-control-bg-check-press: #ffd21f; --color-control-bg-checkdisable: #ededed; --color-control-bg-border-check: transparent; --color-controlbg-border-check-hover: transparent; --color-control-bg-border-check-press:
transparent; --color-control-bg-link-default: #fff; --color-control-bg-linkdefault-hover: #fff; --color-control-bg-border-link-default: #07f; --colorcontrol-bg-border-link-default-hover: #07f; --color-control-typo-raised:
#1a1a1a; --color-control-typo-raised-disable: #757575; --color-control-bgraised: #fff; --color-control-bg-raised-hover: #f5f5f5; --color-control-bgraised-disable: #ededed; --color-control-bg-raised-check: #fff; --color-mg-typo-

54.

primary: #1a1a1a; --color-mg-typo-secondary: #999; --color-mg-accent-brand:
#ffdc60; --color-mg-accent-alert: red; --color-mg-accent-success: #32b343; -color-mg-tint-superlight: #f5f5f5; --color-mg-tint-light: #ebebeb; --color-mgtint-overlay: rgba(0,0,0,0.5); --color-mg-link-default-base: #07f; --color-mglink-default-hover: #ff3737; --color-mg-stroke-default-base: #d9d9d9; --colormg-stroke-default-hover: #b3b3b3; --color-mg-button-primary-fill-base: #ffdc60;
--color-mg-button-primary-fill-hover: #ffd21f; --color-mg-button-primary-typo:
#1a1a1a; --color-mg-button-secondary-fill-base: #ebebeb; --color-mg-buttonsecondary-fill-hover: #e0e0e0; --color-mg-button-secondary-typo: #1a1a1a; -color-mg-button-danger-fill-base: #ff3737; --color-mg-button-danger-fill-hover:
#f53535; --color-mg-button-danger-typo: #fff; --color-mg-surface-primary: #fff;
--color-mg-surface-submerged: #f5f5f5; --color-mg-surface-warning: #fee1e1; -color-mg-surface-elevated-lvl-1: #fff; --color-mg-surface-elevated-lvl-2: #fff;
--color-mg-surface-elevated-lvl-3: #fff; --color-mg-spectre-red: #ff3737; -color-mg-spectre-yellow: #ffdc60; --color-mg-spectre-green: #32b343; --color-mgspectre-blue: #07f; --color-mg-spectre-purple: #b079ff; --color-mg-controlchecked-fill-base: rgba(58,66,75,0.15); --color-mg-control-checked-fill-hover:
rgba(58,66,75,0.18); --color-mg-control-placeholder: #d6d6d6; --color-mgcontrol-disabled-typo-primary: #757575; --color-mg-control-disabled-typosecondary: #c2c2c2; --color-mg-control-disabled-stroke: #e0e0e0; --color-mgcontrol-disabled-fill: #ededed; --color-mg-control-focus-base: #ffdc60; --colormg-control-outlined-fill: #fff; --color-mg-promo-fill: #333; --color-mg-inversefill: #222426; --color-mg-inverse-typo: #fff; --attach-typo-color: #1a1a1a; -badge-border-color: #fff; --badge-fill-color: red; --badge-typo-color: #fff; -button-view-action-border-color-focused: #ffdc60; --button-view-action-fillcolor-base: #ffdc60; --button-view-action-fill-color-disabled: #ededed; -button-view-action-fill-color-hovered: #ffd21f; --button-view-action-fill-colorprogress-base: #ffdc60; --button-view-action-fill-color-progress-process:
#ffd21f; --button-view-action-fill-color-checked-base: rgba(58,66,75,0.15); -button-view-action-fill-color-checked-hovered: rgba(58,66,75,0.18); --buttonview-action-typo-color-base: #1a1a1a; --button-view-action-typo-color-disabled:
#c2c2c2; --button-view-action-typo-color-hovered: #1a1a1a; --button-view-actiontypo-color-progress-base: #1a1a1a; --button-view-action-typo-color-checked-base:
#1a1a1a; --button-view-action-typo-color-checked-hovered: #1a1a1a; --buttonview-clear-border-color-focused: #ffdc60; --button-view-clear-fill-colordisabled: transparent; --button-view-clear-fill-color-checked-base:
rgba(58,66,75,0.15); --button-view-clear-fill-color-checked-hovered:
rgba(58,66,75,0.18); --button-view-clear-typo-color-base: #1a1a1a; --buttonview-clear-typo-color-disabled: #c2c2c2; --button-view-clear-typo-color-checkedbase: #1a1a1a; --button-view-default-border-color-focused: #ffdc60; --buttonview-default-fill-color-base: #ebebeb; --button-view-default-fill-colordisabled: #ededed; --button-view-default-fill-color-hovered: #e0e0e0; --buttonview-default-fill-color-checked-base: rgba(58,66,75,0.15); --button-viewdefault-fill-color-checked-hovered:
rgba(58,66,75,0.18); --button-view-default-typo-color-base: #1a1a1a; --buttonview-default-typo-color-hovered: #1a1a1a; --button-view-default-typo-colordisabled: #c2c2c2; --button-view-default-typo-color-checked-base: #1a1a1a; -button-view-default-typo-color-checked-hovered: #1a1a1a; --button-view-linkborder-color-base: transparent; --button-view-link-border-color-focused:
#ffdc60; --button-view-link-fill-color-base: hsla(0,0%,100%,0.15); --buttonview-link-fill-color-disabled: hsla(0,0%,100%,0.07); --button-view-link-fillcolor-hovered: hsla(0,0%,100%,0.12); --button-view-link-fill-color-checked-base:
#fff; --button-view-link-fill-color-checked-hovered: hsla(0,0%,100%,0.9); -button-view-link-typo-color-base: hsla(0,0%,100%,0.9); --button-view-link-typocolor-disabled: hsla(0,0%,100%,0.3); --button-view-link-typo-color-checked-base:
#222426; --button-view-pseudo-border-color-base: #d9d9d9; --button-view-pseudoborder-color-focused: #ffdc60; --button-view-pseudo-fill-color-disabled:
#ededed; --button-view-pseudo-fill-color-hovered: #f5f5f5; --button-view-pseudofill-color-checked-base: rgba(58,66,75,0.15); --button-view-pseudo-fill-colorchecked-hovered: rgba(58,66,75,0.18); --button-view-pseudo-typo-color-base:
#1a1a1a; --button-view-pseudo-typo-color-disabled: #c2c2c2; --button-viewpseudo-typo-color-checked-base: #1a1a1a; --button-view-raised-border-colorfocused: #ffdc60; --button-view-raised-fill-color-base: #fff; --button-viewraised-fill-color-disabled: #ededed; --button-view-raised-fill-color-hovered:

55.

#f5f5f5; --button-view-raised-fill-color-checked-base: rgba(58,66,75,0.15); -button-view-raised-fill-color-checked-hovered: rgba(58,66,75,0.18); --buttonview-raised-typo-color-base: #1a1a1a; --button-view-raised-typo-color-disabled:
#c2c2c2; --button-view-raised-typo-color-checked-base: #1a1a1a; --button-viewbrand-border-color-focused: #ffdc60; --button-view-brand-fill-color-base:
#ff6427; --button-view-brand-fill-color-disabled: #ededed; --button-view-brandfill-color-checked-base: rgba(58,66,75,0.15); --button-view-brand-fill-colorchecked-hovered: rgba(58,66,75,0.18); --button-view-brand-fill-color-hovered:
#ff4800; --button-view-brand-fill-color-pressed: #f14400; --button-view-brandtypo-color-base: #fff; --button-view-brand-typo-color-hovered: #fff; --buttonview-brand-typo-color-disabled: #c2c2c2; --button-view-brand-typo-color-checkedbase: #1a1a1a; --button-view-brand-typo-color-checked-hovered: #1a1a1a; -button-view-premium-border-color-focused: #ffdc60; --button-view-premium-fillcolor-base: #ff6427; --button-view-premium-fill-color-disabled: #ededed; -button-view-premium-fill-color-checked-base: rgba(58,66,75,0.15); --button-viewpremium-fill-color-checked-hovered: rgba(58,66,75,0.18); --button-view-premiumtypo-color-base: #fff; --button-view-premium-typo-color-hovered: #fff; --buttonview-premium-typo-color-disabled: #c2c2c2; --button-view-premium-typo-colorchecked-base: #1a1a1a; --button-view-premium-typo-color-checked-hovered:
#1a1a1a; --button-view-tundora-typo-color-base: #fff; --button-view-tundorafill-color-base: #222426; --button-view-suggest-fill-color-base: #ebebeb; -button-view-suggest-fill-color-disabled: #b4b8cc; --button-view-suggest-fillcolor-hovered: #e0e0e0; --button-view-suggest-fill-color-checked: #e0e0e0; -button-view-suggest-typo-color-base: #1a1a1a; --button-view-suggest-typo-colordisabled: #c9cddb; --button-view-suggest-typo-color-hovered: #1a1a1a; --buttonview-suggest-typo-color-checked: #1a1a1a; --button-view-suggest-border-colorfocused: rgba(0,0,0,0.2); --checkbox-view-outline-border-color: #d9d9d9; -checkbox-view-outline-fill-color-base: #fff; --checkbox-view-outline-fill-colorhovered: #fff; --checkbox-view-default-outline-color: #ffdc60; --checkbox-viewdefault-fill-color-base: #ebebeb; --checkbox-view-default-fill-color-hovered:
#e0e0e0; --checkbox-view-default-fill-color-checked-base: #ffdc60; --checkboxview-default-fill-color-checked-hovered: #ffd21f; --checkbox-view-default-typocolor-base: #1a1a1a; --checkbox-view-default-typo-color-checked-base: #1a1a1a;
--divider-fill-color: #d9d9d9; --header-fill-color: #fff; --header-nav-linkcolor-base: #939cb0; --header-nav-link-color-hover: #222426; --header-nav-linkcolor-active: #d00; --header-search-fill-color-base: #ffdb4d; --header-searchfill-color-hover: #ffd633; --header-search-fill-color-active: #fc0; --headersearch-button-typo-color: #000; --header-search-textinput-typo-color: #000; -header-search-textinput-fill-color: #fff; --link-view-default-outline-color:
#ffdc60; --link-view-default-typo-color-base: #07f; --link-view-default-typocolor-disabled: #c2c2c2; --link-view-default-typo-color-hovered: #ff3737; -menu-view-default-border-color-base: #d9d9d9; --menu-view-default-fill-colorbase: #fff; --menu-view-default-fill-color-hovered: #f5f5f5; --menu-viewdefault-typo-color-base: #1a1a1a; --menu-view-default-typo-color-secondary:
#999; --menu-view-default-typo-color-disabled: #c2c2c2; --menu-view-defaulttypo-color-hovered: #1a1a1a; --message-box-view-default-typo-color: #fff; -message-box-view-default-fill-color: #222426; --message-box-view-promo-typocolor: #fff; --message-box-view-promo-fill-color: #333; --message-box-viewinverse-typo-color: #1a1a1a; --message-box-view-inverse-fill-color: #fff; -popup-view-default-typo-color: #1a1a1a; --popup-view-default-fill-color: #fff;
--progress-outer-fill-color: transparent; --progress-inner-fill-color: #ffdc60;
--radio-button-view-default-outline-color: #ffdc60; --radio-button-view-defaultfill-color-base: #ebebeb; --radio-button-view-default-fill-color-checked-base:
#fff; --radio-button-view-default-typo-color-base: #999; --radio-button-viewdefault-typo-color-hovered: #1a1a1a; --radio-button-view-default-typo-colorchecked-base: #1a1a1a; --radiobox-view-default-dot-fill-color: #fff; --radioboxview-default-outline-color: #ffdc60; --radiobox-view-default-fill-color-base:
#ebebeb; --radiobox-view-default-fill-color-hovered: #e0e0e0; --radiobox-viewdefault-fill-color-checked-base: #ffdc60; --radiobox-view-default-fill-colorchecked-hovered: #ffd21f; --radiobox-view-default-typo-color-base: #1a1a1a; -radiobox-view-outline-border-color: #d9d9d9; --radiobox-view-outline-fill-colorbase: transparent; --radiobox-view-outline-fill-color-hovered: #b3b3b3; -radiobox-view-listtile-radio-fill-color-base: #ebebeb; --radiobox-view-listtileradio-fill-color-hovered: #e0e0e0; --radiobox-view-listtile-radio-fill-color-

56.

checked-base: #ffdc60; --radiobox-view-listtile-radio-fill-color-checkedhovered: #ffd21f; --radiobox-view-listtile-radio-dot-fill-color: #fff; -radiobox-view-listtile-radio-outline-color: #ffdc60; --slider-view-default-typocolor-base: #1a1a1a; --slider-view-default-track-fill-color-base: #ebebeb; -slider-view-default-track-fill-color-hovered: #e0e0e0; --slider-view-defaultrange-fill-color-base: #ffdc60; --slider-view-default-range-fill-color-hovered:
#ffd21f; --slider-view-default-range-fill-color-disabled: #ededed; --sliderview-default-thumb-fill-color-base: #fff; --slider-view-default-thumb-fillcolor-disabled: #ededed; --slider-view-default-tick-fill-color-base: #fff; -spin-view-default-border-color: #ffdc60; --spin-view-dark-border-color: #eceff1;
--tabs-menu-view-default-outline-color: #ffdc60; --tabs-menu-view-defaultactive-line-fill-color-active: #ffdc60; --tabs-menu-view-default-typo-colorbase: #1a1a1a; --textarea-view-default-fill-color-base: #fff; --textarea-viewdefault-fill-color-disabled: #ededed; --textarea-view-default-fill-colorhovered: #fff; --textarea-view-default-typo-color-base: #1a1a1a; --textareaview-default-typo-color-disabled: #c2c2c2; --textarea-view-default-placeholdertypo-color-base: #999; --textarea-view-default-placeholder-typo-color-disabled:
#c2c2c2; --textarea-view-default-icon-fill-color-base: #999; --textarea-viewdefault-clear-fill-color-base: #999; --textarea-view-default-clear-fill-colorhovered: #1a1a1a; --textarea-view-default-hint-typo-color-state-error-base: red;
--textarea-view-default-border-color-base: #d9d9d9; --textarea-view-defaultborder-color-disabled: transparent; --textarea-view-default-border-colorfocused: #ffdc60; --textarea-view-default-border-color-hovered: #b3b3b3; -textarea-view-default-border-color-state-error-base: red; --textarea-viewdefault-border-color-state-error-hovered: red; --textinput-view-material-typocolor-base: #1a1a1a; --textinput-view-material-typo-color-disabled: #c2c2c2; -textinput-view-material-border-color-base: #d9d9d9; --textinput-view-materialborder-color-state-error: #ff3737; --textinput-view-material-icon-fill-colorbase: #999; --textinput-view-material-icon-fill-color-disabled: #c2c2c2; -textinput-view-material-hint-typo-color-base: #999; --textinput-view-materialhint-typo-color-state-error: #ff3737; --textinput-view-material-caret-colorbase: #1a1a1a; --textinput-view-material-caret-color-state-error: #1a1a1a; -textinput-view-material-placeholder-typo-color-base: #d6d6d6; --textinput-viewmaterial-label-color-base: #999; --textinput-view-material-label-color-stateerror: #ff3737; --textinput-view-material-label-color-floated-base: #999; -textinput-view-material-variant-filled-border-color-focused: #ffdc60; -textinput-view-material-variant-filled-fill-color: #ebebeb; --textinput-viewmaterial-variant-filled-label-color-floated: #999; --textinput-view-materialvariant-outlined-border-color-base: #d9d9d9; --textinput-view-material-variantoutlined-border-color-focused: #ffdc60; --textinput-view-material-variantoutlined-label-color-floated: #999; --textinput-view-default-fill-color-base:
#fff; --textinput-view-default-fill-color-disabled: #ededed; --textinput-viewdefault-fill-color-hovered: #fff; --textinput-view-default-typo-color-base:
#1a1a1a; --textinput-view-default-typo-color-disabled: #c2c2c2; --textinputview-default-placeholder-typo-color-base:
#999; --textinput-view-default-placeholder-typo-color-disabled: #c2c2c2; -textinput-view-default-icon-fill-color-base: #999; --textinput-view-defaultclear-fill-color-base: #999; --textinput-view-default-clear-fill-color-hovered:
#1a1a1a; --textinput-view-default-hint-typo-color-state-error-base: red; -textinput-view-default-border-color-base: #d9d9d9; --textinput-view-defaultborder-color-disabled: transparent; --textinput-view-default-border-colorfocused: #ffdc60; --textinput-view-default-border-color-hovered: #b3b3b3; -textinput-view-default-border-color-state-error-base: red; --textinput-viewdefault-border-color-state-error-hovered: red; --textinput-view-search-fillcolor-base: rgba(0,0,0,0.04); --textinput-view-search-fill-color-disabled:
#e9e9e9; --textinput-view-search-fill-color-hovered: #fff; --textinput-viewsearch-fill-color-focused: #fff; --textinput-view-search-typo-color-base: #000;
--textinput-view-search-typo-color-disabled: #7a7a7a; --textinput-view-searchplaceholder-typo-color-base: rgba(0,0,0,0.3); --textinput-view-searchplaceholder-typo-color-disabled: #b7b7b7; --textinput-view-search-icon-fillcolor-base: rgba(0,0,0,0.3); --textinput-view-search-clear-fill-color-base:
#999; --textinput-view-search-clear-fill-color-hovered: #000; --textinput-viewsearch-hint-typo-color-state-error-base: red; --textinput-view-search-bordercolor-base: rgba(0,0,0,0.03); --textinput-view-search-border-color-disabled:

57.

rgba(0,0,0,0.03); --textinput-view-search-border-color-focused: transparent; -textinput-view-search-border-color-hovered: transparent; --textinput-viewsearch-border-color-state-error-base: red; --textinput-view-search-border-colorstate-error-hovered: red; --textinput-view-suggest-ps-header-light-fill-colorbase: transparent; --textinput-view-suggest-ps-header-light-fill-color-disabled:
transparent; --textinput-view-suggest-ps-header-light-fill-color-hovered:
transparent; --textinput-view-suggest-ps-header-light-fill-color-focused:
transparent; --textinput-view-suggest-ps-header-light-typo-color-base: #1a1a1a;
--textinput-view-suggest-ps-header-light-typo-color-disabled: #c9cddb; -textinput-view-suggest-ps-header-light-placeholder-typo-color-base: #999; -textinput-view-suggest-ps-header-light-placeholder-typo-color-disabled: #c9cddb;
--textinput-view-suggest-ps-header-light-icon-fill-color-base: #999; -textinput-view-suggest-ps-header-light-clear-fill-color-base: #999; --textinputview-suggest-ps-header-light-clear-fill-color-hovered: #222; --textinput-viewsuggest-ps-header-light-hint-typo-color-state-error-base: red; --textinput-viewsuggest-ps-header-light-border-color-base: transparent; --textinput-viewsuggest-ps-header-light-border-color-disabled: transparent; --textinput-viewsuggest-ps-header-light-border-color-focused: transparent; --textinput-viewsuggest-ps-header-light-border-color-hovered: transparent; --textinput-viewsuggest-ps-header-light-border-color-state-error-base: red; --textinput-viewsuggest-ps-header-light-border-color-state-error-hovered: red; --textinput-viewnote-fill-color-base: transparent; --textinput-view-note-fill-color-disabled:
rgba(0,0,0,0.08); --textinput-view-note-fill-color-hovered: #fff; --textinputview-note-typo-color-base: #1a1a1a; --textinput-view-note-typo-color-disabled:
#aaa; --textinput-view-note-placeholder-typo-color-base: #999; --textinput-viewnote-placeholder-typo-color-disabled: #aaa; --textinput-view-note-border-colorbase: transparent; --textinput-view-note-border-color-disabled: transparent; -textinput-view-note-border-color-focused: transparent; --textinput-view-noteborder-color-hovered: transparent; --tooltip-view-default-fill-color-base: #fff;
--tooltip-view-default-fill-color-state-success: #32b343; --tooltip-viewdefault-fill-color-state-warning: #222426; --tooltip-view-default-fill-colorstate-alert: red; --tooltip-view-default-typo-color-state-success: #fff; -tooltip-view-default-typo-color-state-warning: #fff; --tooltip-view-defaulttypo-color-state-alert: #fff; --tumbler-view-default-outline-color: #ffdc60; -tumbler-view-default-fill-color-base: #ebebeb; --tumbler-view-default-fillcolor-disabled: #ededed; --tumbler-view-default-fill-color-hovered: #e0e0e0; -tumbler-view-default-fill-color-checked-base: #ffdc60; --tumbler-view-defaultfill-color-checked-disabled: #ededed; --tumbler-view-default-fill-color-checkedhovered: #ffd21f; --tumbler-view-default-button-fill-color-base: #fff; -tumbler-view-default-typo-color-base: #1a1a1a; --tumbler-view-default-typocolor-disabled: #c2c2c2; --calendar-view-default-fill-color: #fff; --calendarview-default-header-fill-color: transparent; --calendar-view-default-aside-typocolor-base: #999; --calendar-view-default-aside-fill-color-base: #ebebeb; -calendar-view-default-weekday-typo-color-base: #1a1a1a; --calendar-view-defaultweekend-typo-color-base: #ff3737; --calendar-view-default-cell-border-colorhovered: #d9d9d9; --calendar-view-default-cell-border-color-focused: #ffdc60; -calendar-view-default-cell-border-color-today: #d9d9d9; --calendar-view-defaultcell-underline-color-today: #ff3737; --calendar-view-default-cell-typo-colorbase: #1a1a1a; --calendar-view-default-cell-typo-color-disabled: #999; -calendar-view-default-cell-typo-color-selected-base: #fff; --calendar-viewdefault-cell-typo-color-weekend: #ff3737; --calendar-view-default-cell-fillcolor-hovered: #ebebeb; --calendar-view-default-cell-fill-color-pressed:
#e0e0e0; --calendar-view-default-cell-fill-color-range-selected-base: #ebebeb;
--calendar-view-default-cell-fill-color-range-selected-hovered: #e0e0e0; -calendar-view-default-cell-fill-color-range-selected-pressed: #ebebeb; -calendar-view-default-cell-fill-color-selected-base: #ff3737; --calendar-viewdefault-cell-fill-color-selected-hovered: #ff3737; --calendar-view-default-cellfill-color-selected-pressed: #ff3737; --calendar-view-default-cell-fill-colorselected-disabled: #ededed; --calendar-view-default-nav-action-typo-color-base:
#1a1a1a; --calendar-view-default-nav-action-typo-color-hovered: #999; -calendar-view-default-nav-action-typo-color-disabled: #ededed; --calendar-viewdefault-nav-title-button-typo-color-base: #1a1a1a; --calendar-view-default-navtitle-button-typo-color-hovered: #999; --calendar-view-brand-fill-color: #fff;
--calendar-view-brand-header-fill-color: #1a1a1a; --calendar-view-brand-aside-

58.

typo-color-base: rgba(0,0,0,0.6); --calendar-view-brand-aside-fill-color-base:
rgba(0,0,0,0.05); --calendar-view-brand-weekday-typo-color-base: #fff; -calendar-view-brand-weekend-typo-color-base: hsla(0,0%,100%,0.75); --calendarview-brand-cell-border-color-hovered: rgba(0,0,0,0.1); --calendar-view-brandcell-border-color-focused: #fdb100; --calendar-view-brand-cell-border-colortoday: rgba(0,0,0,0.05); --calendar-view-brand-cell-underline-color-today:
#ff3737; --calendar-view-brand-cell-typo-color-base: rgba(0,0,0,0.8); -calendar-view-brand-cell-typo-color-disabled: rgba(0,0,0,0.45); --calendar-viewbrand-cell-typo-color-selected-base: #fff; --calendar-view-brand-cell-typocolor-weekend: #ff3737; --calendar-view-brand-cell-fill-color-hovered: #f2f2f2;
--calendar-view-brand-cell-fill-color-pressed: #e5e5e5; --calendar-view-brandcell-fill-color-range-selected-base: #f2f2f2; --calendar-view-brand-cell-fillcolor-range-selected-hovered: #e6e6e6; --calendar-view-brand-cell-fill-colorrange-selected-pressed: #d9d9d9; --calendar-view-brand-cell-fill-color-selectedbase: #f33; --calendar-view-brand-cell-fill-color-selected-hovered: red; -calendar-view-brand-cell-fill-color-selected-pressed: #f20008; --calendar-viewbrand-cell-fill-color-selected-disabled: #f7f8fa; --calendar-view-brand-navaction-typo-color-base: hsla(0,0%,100%,0.65); --calendar-view-brand-nav-actiontypo-color-hovered: #fff; --calendar-view-brand-nav-action-typo-color-disabled:
hsla(0,0%,100%,0.4); --calendar-view-brand-nav-title-button-typo-color-base:
#fff; --calendar-view-brand-nav-title-button-typo-color-hovered:
hsla(0,0%,100%,0.65); --datetimefield-view-default-fill-color-base: #fff; -datetimefield-view-default-fill-color-disabled: #ededed; --datetimefield-viewdefault-fill-color-hovered: #fff; --datetimefield-view-default-border-colorbase: #d9d9d9; --datetimefield-view-default-border-color-disabled: #e0e0e0; -datetimefield-view-default-border-color-focused: #ffdc60; --datetimefield-viewdefault-border-color-hovered: #b3b3b3; --datetimefield-view-default-segmentfill-color-focused: #e0e0e0; --datetimefield-view-default-segment-typo-colorbase: #1a1a1a; --datetimefield-view-default-segment-typo-color-disabled:
#c2c2c2; --datetimefield-view-default-segment-typo-color-invalid: red; -datetimefield-view-default-placeholder-typo-color-base: #999; --datetimefieldview-default-placeholder-typo-color-disabled: #c2c2c2; --fbadge-border-color:
#fff; --fbadge-fill-color: red; }
.Theme_root_ps-light { --space-3-xs: 2px; --space-2-xs: 4px; --space-xs: 8px; -space-s: 12px; --space-m: 16px; --space-l: 20px; --space-xl: 24px; --space-2-xl:
32px; --space-3-xl: 40px; --space-4-xl: 48px; --space-5-xl: 72px; --space-6-xl:
96px; --typography-font-family: "YS Text","Helvetica Neue",Helvetica,Arial,sansserif; --typography-font-weight-light: 300; --typography-font-weight-regular:
400; --typography-font-weight-medium: 500; --typography-font-weight-bold: 700;
--control-font-family: "YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; -typography-controls-size-s-font-size: 14px; --typography-controls-size-m-fontsize: 14px; --typography-controls-size-l-font-size: 16px; --typography-controlssize-xl-font-size: 16px; --typography-controls-size-xxl-font-size: 16px; -attach-font-family: "YS Text Medium","Helvetica Neue",Helvetica,Arial,sansserif; --attach-reset-width: 16px; --attach-reset-height: 16px; --attach-resetindentLeft: 6px; --attach-iconFile-indentRight: 6px; --attach-size-s-fontSize:
14px; --attach-size-s-lineHeight: 32px; --attach-size-s-holder-indentLeft: 8px;
--attach-size-m-fontSize: 14px; --attach-size-m-lineHeight: 36px; --attach-sizem-holder-indentLeft: 8px; --attach-size-l-fontSize: 16px; --attach-size-llineHeight: 44px; --attach-size-l-holder-indentLeft: 12px; --badge-font-family:
"YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; --badge-size-small: 10px;
--badge-size-large: 16px; --badge-font-size: 12px; --badge-border-radius: 8px;
--badge-border-width: 2px; --button-font-family: "YS Text Medium","Helvetica
Neue",Helvetica,Arial,sans-serif; --button-border-width: 1px; --buttonborderRadius: 8px; --button-size-s-font: 14px; --button-size-s-lineHeight: 32px;
--button-size-s-height: 32px; --button-size-s-icon-width: 32px; --button-size-sicon-indentLeft: 30px; --button-size-s-icon-indentRight: 30px; --button-size-stext-indentAll: 0 12px; --button-size-m-font: 14px; --button-size-m-lineHeight:
36px; --button-size-m-height: 36px; --button-size-m-icon-width: 36px; --buttonsize-m-icon-indentLeft: 32px; --button-size-m-icon-indentRight: 32px; --buttonsize-m-text-indentAll: 0 16px; --button-size-l-font: 16px; --button-size-llineHeight: 44px; --button-size-l-height: 44px; --button-size-l-icon-width:
44px; --button-size-l-icon-indentLeft: 40px; --button-size-l-icon-indentRight:

59.

40px; --button-size-l-text-indentAll: 0 20px; --button-size-xl-font-size: 16px;
--button-size-xl-line-height: 48px; --button-size-xl-height: 48px; --buttonsize-xl-icon-width: 48px; --button-size-xl-icon-indent-left: 44px; --buttonsize-xl-icon-indent-right: 44px; --button-size-xl-text-indent-all: 0 20px; -button-size-xxl-font-size: 16px; --button-size-xxl-line-height: 56px; --buttonsize-xxl-height: 56px; --button-size-xxl-icon-width: 56px; --button-size-xxlicon-indent-left: 48px; --button-size-xxl-icon-indent-right: 48px; --buttonsize-xxl-text-indent-all: 0 24px; --button-size-xxs-font-size: 13px; --buttonsize-xxs-line-height: 24px; --button-size-xxs-height: 24px; --button-size-xxsicon-width: 24px; --button-size-xxs-icon-indent-left: 24px; --button-size-xxsicon-indent-right: 24px; --button-size-xxs-text-indent-all: 0 13px; --buttongroup-gap-s: 1px; --button-group-gap-m: 4px; --button-group-gap-l: 6px; -button-group-gap-xl: 8px; --button-group-pin-circle-border-radius: 100px; -button-group-pin-round-border-radius: 8px; --checkbox-view-outline-disabledopacity: 0.4; --checkbox-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --checkbox-borderRadius: 4px; --checkbox-sizes-fontSize: 14px; --checkbox-size-s-indentLeft: 6px; --checkbox-size-s-width:
16px; --checkbox-size-s-height: 16px; --checkbox-size-s-tick-width: 12px; -checkbox-size-s-tick-height: 12px; --checkbox-size-m-fontSize: 16px; --checkboxsize-m-indentLeft: 8px; --checkbox-size-m-width: 20px; --checkbox-size-m-height:
20px; --checkbox-size-m-tick-width: 16px; --checkbox-size-m-tick-height: 16px;
--checkbox-disabled-opacity: 0.6; --divider-indent-all: 16px; --header-fontfamily: "YS Text",arial,sans-serif; --header-shadow: none; --header-space-all: 0
20px; --header-z-index: auto; --header-content-height: 60px; --header-contentwidth: auto; --header-content-indent-right: auto; --header-content-max-width:
1400px; --header-content-space-all: 0; --header-logo-height: 32px; --headerlogo-indent-right: 29px; --header-logo-circle-indent-top: -3px; --headerlogoaas-height: 32px; --header-logoaas-indent: -5px auto 5px auto; --headericon-width: 20px; --header-icon-height: 20px; --header-icon-indent-right: 8px;
--header-actions-gap: 14px; --header-actions-space-left: 24px; --header-navindent: 0; --header-nav-space-all: 0; --header-nav-link-font-size: 16px; -header-nav-link-font-weight: 500; --header-nav-link-line-height: 21px; --headernav-link-space-all: 8px 2px; --header-nav-link-border: 2px solid transparent; -header-nav-link-gap: 12px; --header-search-font-family: Arial,sans-serif; -header-search-min-width: 220px; --header-search-max-width: 470px; --headersearch-width: 470px; --header-search-indent-left: 29px; --header-search-buttonfont-size: 16px; --header-search-button-line-height: 36px; --header-searchbutton-width: 88px; --header-search-button-indent-right: 9px; --header-searchbutton-space-left: 5px; --header-search-button-before-border-width: 22px 0 22px
11px; --header-search-button-before-top: -4px; --header-search-button-beforeright: -9px; --header-search-textinput-height: 36px; --header-search-textinputborder-radius: 4px; --header-search-textinput-control-font-size: 18px; --headersearch-textinput-control-border-width: 0 30px 0 13px; --header-search-textinputbox-border-width: 2px 0 2px 2px; --link-icon-indent: 5px; --menu-font-family:
"YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; --menu-group-borderWidth:
1px; --menu-size-s-fontSize: 14px; --menu-size-s-lineHeight: 32px; --menu-sizes-spaceVert: 8px; --menu-size-s-group-spaceVert: 8px; --menu-size-s-groupspaceHor: 0; --menu-size-s-group-indentBottom: 4px; --menu-size-s-itemspaceVert: 3px; --menu-size-s-item-spaceHor: 9px; --menu-size-s-itemindentBottom: 4px; --menu-size-s-item-icon-indentRight: 8px; --menu-size-stitleSibling-indentLeft: 20px; --menu-size-m-fontSize: 14px; --menu-size-mlineHeight: 36px; --menu-size-m-spaceVert: 8px; --menu-size-m-group-spaceVert:
8px; --menu-size-m-group-spaceHor: 0; --menu-size-m-group-indentBottom: 5px; -menu-size-m-item-spaceVert: 4px; --menu-size-m-item-spaceHor: 15px; --menu-sizem-item-indentBottom: 5px; --menu-size-m-item-icon-indentRight: 12px; --menusize-m-titleSibling-indentLeft: 20px; --menu-size-l-font-size: 16px; --menusize-l-line-height: 44px; --menu-size-l-space-vertical: 5px; --menu-size-lgroup-space-vertical: 8px; --menu-size-l-group-space-horizontal: 0; --menu-sizel-group-indent-bottom: 5px; --menu-size-l-item-space-vertical: 4px; --menu-sizel-item-space-horizontal: 15px; --menu-size-l-item-indent-bottom: 5px; --menusize-l-item-icon-indent-right: 6px; --menu-size-l-title-sibling-indent-left:
20px; --message-box-fontSize: 14px; --message-box-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --message-box-lineHeight:
18px; --message-box-hint-borderRadius: 8px; --message-box-close-lineHeight:

60.

16px; --message-box-close-fontSize: 14px; --message-box-close-indentRight: 8px;
--message-box-close-width: 16px; --message-box-close-height: 16px; --messagebox-text-indentLeft: 20px; --message-box-text-indentRight: 20px; --message-boxcontent-spaceAll: 20px; --message-box-content-max-width: 180px; --message-boxsize-s-tail-size: 20px; --message-box-size-s-tooltip-fontSize: 14px; --messagebox-size-s-fontSize: 14px; --message-box-size-s-border-radius: 8px; --messagebox-size-s-content-maxWidth: 260px; --message-box-size-s-content-spaceAll: 6px;
--message-box-size-s-content-functional-width: 180px; --message-box-size-m-tailsize: 20px; --message-box-size-m-tooltip-fontSize: 14px; --message-box-size-mfontSize: 14px; --message-box-size-m-border-radius: 12px; --message-box-size-mcontent-spaceAll: 8px; --message-box-size-m-content-minWidth: 200px; --messagebox-size-m-content-maxWidth: 280px; --message-box-size-m-content-tooltipmaxWidth: 320px; --message-box-size-m-content-functional-width: 280px; -message-box-size-l-tail-size: 20px; --message-box-size-l-functional-fontSize:
16px; --message-box-size-l-functional-lineHeight: 20px; --message-box-size-lfontSize: 16px; --message-box-size-l-border-radius: 16px; --message-box-size-lcontent-spaceAll: 10px; --message-box-size-l-content-minWidth: 300px; --messagebox-size-l-content-maxWidth: 380px; --message-box-size-l-content-width: 380px;
--message-box-size-l-content-functional-width: 380px; --message-box-buttonindentRight: 0; --message-box-buttons-indentAll: 0; --message-box-view-defaultshadow: 0px 0px 2px hsla(0,0%,60%,0.1),0px 8px 28px hsla(0,0%,60%,0.3); -message-box-view-promo-shadow: 0px 0px 2px hsla(0,0%,60%,0.1),0px 8px 28px
hsla(0,0%,60%,0.3); --message-box-view-inverse-shadow: 0px 0px 2px
hsla(0,0%,60%,0.1),0px 8px 28px hsla(0,0%,60%,0.3); --modal-border-radius: 16px;
--popup-borderRadius: 12px; --progressbar-height: 2px; --progress-border-radius:
0; --radio-button-font-family: "YS Text Medium","Helvetica
Neue",Helvetica,Arial,sans-serif; --radioButton-indent: 4px; --radioButtonborderRadius: 8px; --radioButton-after-borderRadius: 6px; --radioButton-size-sfontSize: 14px; --radioButton-size-s-lineHeight: 32px; --radioButton-size-sspace: 0 12px; --radioButton-size-m-fontSize: 14px; --radioButton-size-mlineHeight: 36px; --radioButton-size-m-space: 0 16px; --radioButton-size-lfontSize: 14px; --radioButton-size-l-lineHeight: 44px; --radioButton-size-lspace: 0 20px; --radiobox-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --radiobox-view-outline-disabled-opacity: 0.4;
--radiobox-borderRadius: 50%; --radiobox-after-borderRadius: 50%; --radioboxsize-s-fontSize: 14px; --radiobox-size-s-lineHeight: 28px; --radiobox-size-ssize: 16px; --radiobox-size-s-positionTop: 2px; --radiobox-size-s-indentRight:
6px; --radiobox-size-s-after-size: 6px; --radiobox-size-m-fontSize: 16px; -radiobox-size-m-lineHeight: 32px; --radiobox-size-m-size: 20px; --radiobox-sizem-positionTop: 3px; --radiobox-size-m-indentRight: 8px; --radiobox-size-m-aftersize: 8px; --radiobox-disabled-opacity: 0.4; --slider-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --slider-view-default-height:
32px; --slider-view-default-track-border-radius: 2px; --slider-view-defaulttrack-height: 2px; --slider-view-default-thumb-width: 24px; --slider-viewdefault-thumb-height: 24px; --slider-view-default-thumb-border-radius: 50%; -slider-view-default-tick-width: 4px; --slider-view-default-tick-height: 2px; -slider-view-default-tick-label-font-size: 14px; --slider-view-default-ticklabel-line-height: 16px; --spin-size-xxs: 16px; --spin-size-xs:
24px; --spin-size-s: 28px; --spin-size-m: 32px; --spin-size-l: 38px; --tabsmenu-font-family: "YS Text Medium","Helvetica Neue",Helvetica,Arial,sans-serif;
--tabsMenu-size-s-font: 14px; --tabsMenu-size-s-lineHeight: 36px; --tabsMenusize-m-font: 16px; --tabsMenu-size-m-lineHeight: 40px; --text-display-size-xlfont-size: 3.5rem; --text-display-size-xl-line-height: 4rem; --text-displaysize-xl-letter-spacing: normal; --text-display-size-xl-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --text-display-size-l-fontsize: 3rem; --text-display-size-l-line-height: 3.5rem; --text-display-size-lletter-spacing: 0.0065em; --text-display-size-l-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --text-display-size-m-fontsize: 2.5rem; --text-display-size-m-line-height: 3rem; --text-display-size-mletter-spacing: 0.0065em; --text-display-size-m-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --text-display-size-s-fontsize: 2.125rem; --text-display-size-s-line-height: 2.5rem; --text-display-sizes-letter-spacing: 0.0065em; --text-display-size-s-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --text-headline-size-xl-font-

61.

size: 3.5rem; --text-headline-size-xl-line-height: 3.75rem; --text-headlinesize-xl-letter-spacing: 0em; --text-headline-size-xl-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --text-headline-size-l-fontsize: 3rem; --text-headline-size-l-line-height: 3.25rem; --text-headline-size-lletter-spacing: 0em; --text-headline-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-headline-size-m-font-size: 2.5rem; -text-headline-size-m-line-height: 2.75rem; --text-headline-size-m-letterspacing: 0em; --text-headline-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-headline-size-s-font-size: 2.125rem; -text-headline-size-s-line-height: 2.5rem; --text-headline-size-s-letter-spacing:
0em; --text-headline-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-headline-size-xs-font-size: 1.75rem; -text-headline-size-xs-line-height: 2rem; --text-headline-size-xs-letter-spacing:
0em; --text-headline-size-xs-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-subheader-size-xl-font-size: 1.75rem;
--text-subheader-size-xl-line-height: 2rem; --text-subheader-size-xl-letterspacing: 0em; --text-subheader-size-xl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-subheader-size-l-font-size: 1.5rem; -text-subheader-size-l-line-height: 1.75rem; --text-subheader-size-l-letterspacing: 0em; --text-subheader-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-subheader-size-m-font-size: 1.25rem; -text-subheader-size-m-line-height: 1.5rem; --text-subheader-size-m-letterspacing: 0em; --text-subheader-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-subheader-size-s-font-size: 1.125rem;
--text-subheader-size-s-line-height: 1.375rem; --text-subheader-size-s-letterspacing: 0em; --text-subheader-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-long-size-xl-font-size: 1.125rem;
--text-body-long-size-xl-line-height: 1.5rem; --text-body-long-size-xl-letterspacing: 0em; --text-body-long-size-xl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-long-size-l-font-size: 1rem; -text-body-long-size-l-line-height: 1.375rem; --text-body-long-size-l-letterspacing: 0em; --text-body-long-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-long-size-m-font-size: 0.875rem;
--text-body-long-size-m-line-height: 1.25rem; --text-body-long-size-m-letterspacing: 0em; --text-body-long-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-long-size-s-font-size: 0,8125rem;
--text-body-long-size-s-line-height: 1.125rem; --text-body-long-size-s-letterspacing: 0em; --text-body-long-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-short-size-xl-font-size: 1.125rem;
--text-body-short-size-xl-line-height: 1.375rem; --text-body-short-size-xlletter-spacing: 0em; --text-body-short-size-xl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-short-size-l-font-size: 1rem; -text-body-short-size-l-line-height: 1.25rem; --text-body-short-size-l-letterspacing: 0em; --text-body-short-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-short-size-m-font-size: 0.875rem;
--text-body-short-size-m-line-height: 1.125rem; --text-body-short-size-m-letterspacing: 0em; --text-body-short-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-body-short-size-s-font-size: 0.8125rem;
--text-body-short-size-s-line-height: 1rem; --text-body-short-size-s-letterspacing: 0em; --text-body-short-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-caption-size-xl-font-size: 0.8125rem;
--text-caption-size-xl-line-height: 1rem; --text-caption-size-xl-letter-spacing:
0.0065em; --text-caption-size-xl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-caption-size-l-font-size: 0.75rem; -text-caption-size-l-line-height: 0.875rem; --text-caption-size-l-letter-spacing:
0.0065em; --text-caption-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-caption-size-m-font-size: 0.6875rem; -text-caption-size-m-line-height: 0.875rem; --text-caption-size-m-letter-spacing:
0.0065em; --text-caption-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-overline-size-l-font-size: 0.75rem; -text-overline-size-l-line-height: 0.875rem; --text-overline-size-l-letterspacing: 0.0065em; --text-overline-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-overline-size-m-font-size: 0.6875rem;
--text-overline-size-m-line-height: 0.875rem; --text-overline-size-m-letter-

62.

spacing: 0.0065em; --text-overline-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-overline-size-s-font-size: 0.625rem; -text-overline-size-s-line-height: 0.75rem; --text-overline-size-s-letterspacing: 0.0065em; --text-overline-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-xxl-font-size: 1.125rem;
--text-control-size-xxl-line-height: 1.5rem; --text-control-size-xxl-letterspacing: 0.0065em; --text-control-size-xxl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-xl-font-size: 1rem; -text-control-size-xl-line-height: 1.25rem; --text-control-size-xl-letterspacing: 0.0065em; --text-control-size-xl-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-l-font-size: 0.9375rem; -text-control-size-l-line-height: 1.25rem; --text-control-size-l-letter-spacing:
0.0065em; --text-control-size-l-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-m-font-size: 0.875rem; -text-control-size-m-line-height: 1rem; --text-control-size-m-letter-spacing:
0.0065em; --text-control-size-m-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-s-font-size: 0.875rem; -text-control-size-s-line-height: 1rem; --text-control-size-s-letter-spacing:
0.0065em; --text-control-size-s-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-xs-font-size: 0.75rem; -text-control-size-xs-line-height: 1rem; --text-control-size-xs-letter-spacing:
0.0065em; --text-control-size-xs-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --text-control-size-xxs-font-size: 0.6875rem;
--text-control-size-xxs-line-height: 1rem; --text-control-size-xxs-letterspacing: 0.0065em; --text-control-size-xxs-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --textarea-font-family: "YS Text","Helvetica
Neue",Helvetica,Arial,sans-serif; --textarea-borderWidth: 2px; --textareaborderRadius: 8px; --textarea-size-s-fontSize: 14px; --textarea-size-s-spaceAll:
6px 12px; --textarea-size-s-minWidth: 180px; --textarea-size-s-minHeight: 32px;
--textarea-size-s-clear-width: 32px; --textarea-size-s-clear-height: 32px; -textarea-hint-size-s-fontSize: 14px; --textarea-size-m-fontSize: 14px; -textarea-size-m-spaceAll: 8px 16px; --textarea-size-m-minWidth: 200px; -textarea-size-m-minHeight: 36px; --textarea-size-m-clear-width: 36px; -textarea-size-m-clear-height: 36px; --textarea-hint-size-m-fontSize: 14px; -textinput-font-family: "YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; -textinput-borderWidth: 2px; --textinput-borderRadius: 8px; --textinput-size-sfontSize: 14px; --textinput-size-s-height: 32px; --textinput-size-s-controlspaceAll: 6px 12px; --textinput-size-s-has-icon-spaceRight: 32px; --textinputsize-s-has-icon-spaceLeft: 32px; --textinput-size-s-icon-width: 32px; -textinput-size-s-icon-height: 32px; --textinput-hint-size-s-fontSize: 14px; -textinput-size-m-fontSize: 14px; --textinput-size-m-height: 36px; --textinputsize-m-control-spaceAll: 8px 16px; --textinput-size-m-has-icon-spaceRight: 36px;
--textinput-size-m-has-icon-spaceLeft: 36px; --textinput-size-m-icon-width:
40px; --textinput-size-m-icon-height: 36px; --textinput-hint-size-m-fontSize:
14px; --textinput-size-l-font-size: 16px; --textinput-size-l-height: 44px; -textinput-size-l-space-all: 12px 20px; --textinput-size-l-with-icon-space-right:
52px; --textinput-size-l-with-icon-space-left: 52px; --textinput-size-l-iconwidth: 44px; --textinput-size-l-icon-height: 56px; --textinput-size-l-hint-fontsize: 13px; --textinput-size-note-font-size: 24px; --textinput-size-note-height:
32px; --textinput-size-note-space-all: 0 10px; --textinput-size-note-hint-fontsize: 24px;
--textinput-view-material-font-size: 1rem; --textinput-view-material-space-all:
12px 0 10px; --textinput-view-material-space-left: 16px; --textinput-viewmaterial-space-right: 16px; --textinput-view-material-space-top: 16px; -textinput-view-material-icon-width: 24px; --textinput-view-material-icon-height:
24px; --textinput-view-material-hint-font-size: 0.75rem; --tooltip-font-family:
"YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; --tooltip-borderRadius:
8px; --tooltip-size-s-fontSize: 14px; --tooltip-size-s-lineHeight: 18px; -tooltip-size-s-content-spaceAll: 7px 12px; --tooltip-size-s-tail-size: 16px; -tooltip-size-m-fontSize: 16px; --tooltip-size-m-lineHeight: 20px; --tooltipsize-m-content-spaceAll: 12px 16px; --tooltip-size-m-tail-size: 16px; --tooltipsize-l-fontSize: 16px; --tooltip-size-l-lineHeight: 20px; --tooltip-size-lcontent-spaceAll: 16px 24px; --tooltip-size-l-tail-size: 20px; --tooltip-viewdefault-shadow: 0px 0px 2px hsla(0,0%,60%,0.1),0px 8px 28px hsla(0,0%,60%,0.3);

63.

--tumbler-font-family: "YS Text","Helvetica Neue",Helvetica,Arial,sans-serif; -tumbler-button-space: 2px; --tumbler-button-opacity-disabled: 1; --tumbler-sizes-fontSize: 14px; --tumbler-size-s-lineHeight: 18px; --tumbler-size-sborderRadius: 10px; --tumbler-size-s-width: 32px; --tumbler-size-s-height: 18px;
--tumbler-size-s-button-borderRadius: 8px; --tumbler-size-s-button-width: 14px;
--tumbler-size-s-button-height: 14px; --tumbler-size-s-button-press-width: 14px;
--tumblerLabel-size-s-indentRight: 8px; --tumblerLabel-size-s-indentLeft: 8px;
--tumbler-size-m-fontSize: 16px; --tumbler-size-m-lineHeight: 20px; --tumblersize-m-borderRadius: 12px; --tumbler-size-m-width: 42px; --tumbler-size-mheight: 24px; --tumbler-size-m-button-borderRadius: 12px; --tumbler-size-mbutton-width: 20px; --tumbler-size-m-button-height: 20px; --tumbler-size-mbutton-press-width: 18px; --tumblerLabel-size-m-indentRight: 12px; -tumblerLabel-size-m-indentLeft: 12px; --tumbler-size-l-fontSize: 16px; -tumbler-size-l-lineHeight: 24px; --tumbler-size-l-borderRadius: 14px; --tumblersize-l-width: 56px; --tumbler-size-l-height: 28px; --tumbler-size-l-buttonborderRadius: 12px; --tumbler-size-l-button-width: 24px; --tumbler-size-lbutton-height: 24px; --tumbler-size-l-button-press-width: 26px; --tumblerLabelsize-l-indentRight: 16px; --tumblerLabel-size-l-indentLeft: 16px; --user-picsize-m-size: 42px; --user-pic-size-m-size-plus: 52px; --user-pic-size-s-size:
24px; --user-pic-size-s-size-plus: 30px; --calendar-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --calendar-size-s-min-width:
252px; --calendar-size-s-min-height: 252px; --calendar-size-s-line-height: 1rem;
--calendar-size-s-font-size: 0.875rem; --calendar-size-s-space-horizontal: 16px;
--calendar-size-s-header-space-top: 8px; --calendar-size-s-header-space-bottom:
8px; --calendar-size-s-nav-action-width: 32px; --calendar-size-s-nav-actionheight: 32px; --calendar-size-s-body-space-top: 8px; --calendar-size-s-bodyspace-bottom: 24px; --calendar-size-s-aside-min-width: 28px; --calendar-size-saside-indent-right: 8px; --calendar-size-s-cell-width: 36px; --calendar-size-scell-space: 2px; --calendar-size-m-min-width: 308px; --calendar-size-m-minheight: 308px; --calendar-size-m-line-height: 1rem; --calendar-size-m-font-size:
0.875rem; --calendar-size-m-space-horizontal: 24px; --calendar-size-m-headerspace-top: 12px; --calendar-size-m-header-space-bottom: 12px; --calendar-size-mnav-action-width: 36px; --calendar-size-m-nav-action-height: 36px; --calendarsize-m-body-space-top: 12px; --calendar-size-m-body-space-bottom: 32px; -calendar-size-m-aside-min-width: 32px; --calendar-size-m-aside-indent-right:
12px; --calendar-size-m-cell-width: 44px; --calendar-size-m-cell-space: 4px; -calendar-size-l-min-width: 378px; --calendar-size-l-min-height: 378px; -calendar-size-l-line-height: 1.25rem; --calendar-size-l-font-size: 0.9375rem; -calendar-size-l-space-horizontal: 32px; --calendar-size-l-header-space-top:
16px; --calendar-size-l-header-space-bottom: 16px; --calendar-size-l-nav-actionwidth: 42px; --calendar-size-l-nav-action-height: 42px; --calendar-size-l-bodyspace-top: 16px; --calendar-size-l-body-space-bottom: 40px; --calendar-size-laside-min-width: 36px; --calendar-size-l-aside-indent-right: 16px; --calendarsize-l-cell-width: 54px; --calendar-size-l-cell-space: 6px; --calendar-viewdefault-aside-border-radius: 8px; --calendar-view-default-cell-border-width:
1px; --calendar-view-default-cell-border-radius: 100px; --calendar-view-brandaside-border-radius: 8px; --calendar-view-brand-cell-border-width: 1px; -calendar-view-brand-cell-border-radius: 100px; --datetimefield-font-family: "YS
Text","Helvetica Neue",Helvetica,Arial,sans-serif; --datetimefield-size-s-fontsize: 14px; --datetimefield-size-s-line-height: 18px; --datetimefield-size-sheight: 32px; --datetimefield-size-s-space-horizontal: 8px; --datetimefieldsize-s-slots-gap: 4px; --datetimefield-size-m-font-size: 14px; --datetimefieldsize-m-line-height: 20px; --datetimefield-size-m-height: 36px; --datetimefieldsize-m-space-horizontal: 10px; --datetimefield-size-m-slots-gap: 6px; -datetimefield-view-default-border-width-base: 2px; --datetimefield-view-defaultborder-radius: 8px; --fbadge-font-family: "YS Text Medium","Helvetica
Neue",Helvetica,Arial,sans-serif; --fbadge-typo-color: #fff; --effect-mg-shadowsurface-elevated-lvl-05: 0px 0px 2px hsla(0,0%,60%,0.1),0px 2px 4px
hsla(0,0%,60%,0.3); --effect-mg-shadow-surface-elevated-lvl-1: 0px 0px 2px
hsla(0,0%,60%,0.1),0px 4px 12px hsla(0,0%,60%,0.3); --effect-mg-shadow-surfaceelevated-lvl-2: 0px 0px 2px hsla(0,0%,60%,0.1),0px 6px 20px hsla(0,0%,60%,0.3);
--effect-mg-shadow-surface-elevated-lvl-3: 0px 0px 2px hsla(0,0%,60%,0.1),0px
8px 28px hsla(0,0%,60%,0.3); --effect-mg-shadow-from-top: 0px 8px 20px
rgba(51,51,51,0.1); --effect-mg-shadow-from-bottom: 0px -4px 20px

64.

rgba(51,51,51,0.1); --radius-mg-s-base: 8px; --radius-mg-s-inner: 6px; --radiusmg-m-base: 12px; --radius-mg-m-inner: 10px; --radius-mg-l-base: 16px; --radiusmg-l-inner: 14px; --radius-mg-tooltip: 8px; --radius-mg-popup: 12px; --radiusmg-modal: 16px; --layout-header-height: 68px; --layout-outer-margin: 20px; -layout-left-column-width: 272px; }
@font-face { font-family: "YS Text"; src:
url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/text-regular.woff2")
format("woff2"), url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/textregular.woff") format("woff"); font-weight: 400; font-style: normal; fontstretch: normal; }
@font-face { font-family: "YS Text"; src:
url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/text-medium.woff2")
format("woff2"), url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/textmedium.woff") format("woff"); font-weight: 500; font-style: normal; fontstretch: normal; }
@font-face { font-family: "YS Text"; src:
url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/text-bold.woff2")
format("woff2"), url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/textbold.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch:
normal; }
@font-face { font-family: "YS Text Medium"; src: url("//yastatic.net/s3/psf/mgtheme/fonts/YS%20Text/text-medium.woff2") format("woff2"),
url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/text-medium.woff")
format("woff"); font-weight: 500; font-style: normal; font-stretch: normal; }
@font-face { font-family: "YS Text Bold"; src: url("//yastatic.net/s3/psf/mgtheme/fonts/YS%20Text/text-bold.woff2") format("woff2"),
url("//yastatic.net/s3/psf/mg-theme/fonts/YS%20Text/text-bold.woff")
format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }
body, html { height: 100%; }
html.mobile, html.mobile body { height: 100vh; }
body { margin: 0px; padding: 0px; font-family: var(--typography-font-family); }
#app { font-size: 14px; }
#app, #editor { height: 100%; }
.loading__text { text-align: center; padding: 200px 20px 20px; }
.link { color: rgb(34, 34, 204); cursor: pointer; transition: color 0.15s easeout 0s; text-decoration: none; }
.link:hover { color: rgb(221, 0, 0); }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: image/svg+xml
Content-Transfer-Encoding: binary
Content-Location:
https://yastatic.net/s3/psf/editor/6eb879fbf0e2f702e4132469712d135b.svg
<svg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"><path
fill-rule="evenodd" clip-rule="evenodd" d="M24.5 5.834a3.5 3.5 0 0 1-5.605
2.797l-8.431 4.864a3.54 3.54 0 0 1-.025 1.16l8.299 4.842a3.5 3.5 0 1 1-1.176
2.015l-8.3-4.84a3.5 3.5 0 1 1-.03-5.366l8.36-4.671a3.5 3.5 0 1 1 6.908-.8z"
fill="#fff"/></svg>
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/html

65.

Content-ID: <[email protected]>
Content-Transfer-Encoding: binary
Content-Location:
https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffice.dis
k.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/
index_loader.html?_dc=7.4.0-112&lang=ru&customer=%D0%AF%D0%BD%D0%B4%D0%B5%D0%BA
%D1%81.%D0%94%D0%B8%D1%81%D0%BA&headerlogo=https%3A%2F%2Fyastatic.net
%2Fs3%2Feditor%2F_%2Feditor_docs_icon_ru_v1.svg&frameEditorId=only-officeapp&parentOrigin=https://disk.yandex.ru
<!DOCTYPE html><html class="md device-pixel-ratio-3 device-android
phone"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF8"><link rel="stylesheet" type="text/css" href="cid:[email protected]" /><link rel="stylesheet" type="text/css"
href="cid:[email protected]" /><link
rel="stylesheet" type="text/css" href="cid:[email protected]" /><link rel="stylesheet" type="text/css"
href="cid:[email protected]" /><link
rel="stylesheet" type="text/css" href="cid:[email protected]" /><meta name="viewport" content="width=devicewidth,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimalui,viewport-fit=cover"><meta name="theme-color" content="#007aff"><meta
name="format-detection" content="telephone=no"><meta name="msapplication-taphighlight" content="no"><title>Р7-Офис</title><meta name="apple-mobile-web-appcapable" content="yes"><meta name="apple-mobile-web-app-status-bar-style"
content="black-translucent"><link rel="apple-touch-icon"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/static/
icons/apple-touch-icon.png"><link rel="icon"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/static/
icons/favicon.png"><link
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/css/
framework7.css" rel="stylesheet"><link rel="stylesheet" type="text/css"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/css/
612.css"></head><body class="slide-editor pixel-ratio__2_5 theme-typelight"><div id="app" style="height: 100%;"><div id="framework7-root" class="applayout framework7-root"><div class="safe-areas view view-main"><div
class="editor page page-current page-with-subnavbar" data-name="home"><div
id="editor-navbar" class="main-navbar navbar"><div class="navbar-bg"></div><div
class="navbar-inner sliding"><div class="subnavbar"><div class="subnavbarinner"><div class="left"></div><div class="right"><a class="disabled link icononly"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/
index_loader.html?_dc=7.4.0-112&lang=ru&customer=%D0%AF%D0%BD
%D0%B4%D0%B5%D0%BA%D1%81.%D0%94%D0%B8%D1%81%D0%BA&headerlogo=https%3A%2F
%2Fyastatic.net%2Fs3%2Feditor%2F_
%2Feditor_docs_icon_ru_v1.svg&frameEditorId=only-officeapp&parentOrigin=https://disk.yandex.ru#"><i class="icon
icon-undo"></i></a><a class="disabled link icon-only"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/
index_loader.html?_dc=7.4.0-112&lang=ru&customer=%D0%AF%D0%BD
%D0%B4%D0%B5%D0%BA%D1%81.%D0%94%D0%B8%D1%81%D0%BA&headerlogo=https%3A%2F
%2Fyastatic.net%2Fs3%2Feditor%2F_
%2Feditor_docs_icon_ru_v1.svg&frameEditorId=only-officeapp&parentOrigin=https://disk.yandex.ru#"><i class="icon
icon-redo"></i></a><a class="link icon-only"><i class="icon
icon-play"></i></a><a id="btn-edit" class="link icon-only"><i class="icon iconedit-settings"></i></a><a id="btn-add" class="link icon-only"><i class="icon
icon-plus"></i></a><a id="btn-settings" class="link icon-only"><i class="icon

66.

icon-settings"></i></a></div><form class="searchbar searchbar-expandable"><div
class="searchbar-inner"><div class="buttons-row searchbar-inner__left"><a
id="idx-btn-search-settings" class="link icon-only no-fastclick"><i class="icon
icon-settings"></i></a></div><div class="searchbar-inner__center"><div
class="searchbar-input-wrap"><input class="searchbar-input" type="search"
maxlength="255" value="" placeholder="Поиск"><span class="input-clearbutton"></span></div><div class="searchbar-input-wrap" style="display:
none;"><input type="text" maxlength="255" id="idx-replace-val" value=""
placeholder="Заменить"><span class="input-clear-button"></span></div></div><div
class="buttons-row searchbar-inner__right"><div class="buttons-row buttons-rowreplace"></div><div class="buttons-row"><a class="link icon-only prev nofastclick disabled"><i class="icon icon-prev"></i></a><a class="link icon-only
next no-fastclick disabled"><i class="icon
icon-next"></i></a></div></div></div></form></div></div></div></div><div
class="page-content"><div id="editor_sdk" class="view" style="touch-action:
none; background-color: rgb(238, 238, 238); user-select: none;"><div
id="id_panel_thumbnails" class="block_elem" style="touch-action: none;
background-color: rgb(244, 244, 244); display: block; left: 0px; top: 0px;
width: 117px; height: 606px; z-index: 11;">
<div id="id_panel_thumbnails_split" class="block_elem"
style="pointer-events: none; background-color: rgb(244, 244, 244); display:
block; left: 117px; top: 0px; width: 4px; height: 606px;"></div>
<canvas id="id_thumbnails_background" class="block_elem" style="user-select:
none; z-index: 1; left: 0px; top: 0px; width: 107px; height: 606px;" width="321"
height="1818"></canvas>
<canvas
id="id_thumbnails" class="block_elem" style="user-select: none; z-index: 2;
left: 0px; top: 0px; width: 107px; height: 606px;" width="321"
height="1818"></canvas>
<div
id="id_vertical_scroll_thmbnl" style="left: 107px; top: 0px; width: 10px;
overflow: hidden; position: absolute; display: none; height: 606px;">
</div>
<div style="position: absolute; z-index: 0; margin: 0px; padding: 0px; -webkittap-highlight-color: rgba(0, 0, 0, 0); width: 1px; display: block; transform:
translate(0px, 0px) translateZ(0px); touch-action: none; user-select: none;
text-size-adjust: none; height: 523px;" id="scroller_id_thumbnails"></div><div
class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute;
z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;
transform: translateZ(0px); transition-duration: 0ms; opacity: 0;"><div
class="iScrollIndicator" style="box-sizing: border-box; position: absolute;
background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 3px; width: 100%; transition-duration: 0ms; display: none;
height: 598px; transform: translate(0px, 0px) translateZ(0px);"></div></div><div
class="iScrollHorizontalScrollbar iScrollLoneScrollbar" style="position:
absolute; z-index: 9999; height: 7px; left: 2px; right: 2px; bottom: 0px;
overflow: hidden; transform: translateZ(0px); transition-duration: 0ms; opacity:
0;"><div class="iScrollIndicator" style="box-sizing: border-box; position:
absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255,
0.9); border-radius: 3px; height: 100%; transition-duration: 0ms; display: none;
width: 109px; transform: translate(0px, 0px)
translateZ(0px);"></div></div></div>
<div
id="id_main_parent" class="block_elem" style="touch-action: none; user-select:
none; overflow: hidden; border-left: 1px solid rgb(203, 203, 203); left: 121px;
top: 0px; width: 238px; height: 606px;" unselectable="on">
<div id="id_main" class="block_elem" style="z-index: 5; user-select: none;
background-color: rgb(238, 238, 238); overflow: hidden; left: 0px; top: 0px;
width: 237px; height: 606px; display: block;" unselectable="on">
<div id="id_panel_left" class="block_elem"
style="display: none; left: 0px; top: 0px; width: 19px; height: 606px;">
<canvas id="id_buttonTabs"
class="block_elem" width="57" height="57" style="left: 0px; top: 3px; width:
19px; height: 19px; display: none;"></canvas>
<canvas id="id_vert_ruler" class="block_elem" width="57"
height="1740" style="left: 0px; top: 26px; width: 19px; height:
580px;"></canvas>
</div>

67.

<div id="id_panel_top" class="block_elem" style="display: none; left: 19px; top:
0px; width: 218px; height: 26px;">
<canvas id="id_hor_ruler" class="block_elem" width="654" height="78"
style="left: 0px; top: 0px; width: 218px; height: 26px;"></canvas>
</div>
<div id="id_main_view" class="block_elem"
style="overflow: hidden; left: 0px; top: 0px; width: 237px; height: 606px;">
<canvas id="id_viewer" class="block_elem" style="user-select: none; backgroundcolor: rgb(238, 238, 238); z-index: 6; left: 0px; top: 0px; width: 237px;
height: 606px;" width="711" height="1818"></canvas>
<canvas id="id_viewer_overlay" class="block_elem" style="user-select: none; zindex: 7; display: block; left: 0px; top: 0px; width: 237px; height: 606px;"
width="711" height="1818"></canvas>
<div
id="id_target_cursor" class="block_elem" width="1" height="1" style="userselect: none; width: 2px; height: 0px; display: none; z-index: 9; pointerevents: none; transform-origin: left top; background-color: rgb(0, 0, 0); left:
0px; top: 0px; transform: matrix(1, 0, 0, 1, 15, 245);"></div>
<div style="position: absolute; z-index: 0; margin: 0px; padding: 0px; -webkittap-highlight-color: rgba(0, 0, 0, 0); width: 237px; display: block; transform:
translate(0px, 0px) translateZ(0px); touch-action: none; user-select: none;
text-size-adjust: none; height: 606px;" id="mobile_scroller_id"></div><div
class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position:
absolute;
z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;
transform: translateZ(0px); transition-duration: 0ms; opacity: 0;"><div
class="iScrollIndicator" style="box-sizing: border-box; position: absolute;
background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 3px; width: 100%; transition-duration: 0ms; display: none;
height: 598px; transform: translate(0px, 0px) translateZ(0px);"></div></div><div
class="iScrollHorizontalScrollbar iScrollLoneScrollbar" style="position:
absolute; z-index: 9999; height: 7px; left: 2px; right: 2px; bottom: 0px;
overflow: hidden; transform: translateZ(0px); transition-duration: 0ms; opacity:
0;"><div class="iScrollIndicator" style="box-sizing: border-box; position:
absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255,
0.9); border-radius: 3px; height: 100%; transition-duration: 0ms; display: none;
width: 229px; transform: translate(0px, 0px)
translateZ(0px);"></div></div></div>
<div id="id_panel_right" class="block_elem" style="margin-right: 1px;
background-color: rgb(238, 238, 238); z-index: 0; left: 223px; top: 0px; width:
14px; height: 592px;">
<div
id="id_buttonRulers" class="block_elem buttonRuler" style="display: none; left:
0px; top: 0px; width: 14px; height: 14px;"></div>
<div id="id_vertical_scroll" style="left: 0px; top: 0px;
width: 14px; overflow: hidden; position: absolute; height: 592px;">
<canvas height="1776" width="42"
style="width: 100%; height: 100%; z-index: 100; position: absolute; top: 0px;
user-select: none;"></canvas></div>
<div id="id_buttonPrevPage" class="block_elem buttonPrevPage" style="display:
none; left: 0px; top: 564px; width: 14px; height: 14px;"></div>
<div id="id_buttonNextPage" class="block_elem
buttonNextPage" style="display: none; left: 0px; top: 578px; width: 14px;
height: 14px;"></div>
</div>
<div id="id_horscrollpanel" class="block_elem" style="margin-bottom: 1px;
background-color: rgb(238, 238, 238); left: 0px; top: 592px; width: 223px;
height: 14px; display: none;">
<div
id="id_horizontal_scroll"
style="left:0;top:0;height:14px;overflow:hidden;position:absolute;width:100%;">
<canvas height="42" width="0" style="width: 100%; height: 100%; z-index: 100;
position: absolute; top: 0px; user-select: none;"></canvas></div>
</div>
</div><div id="id_bottom_pannels_container"
class="block_elem" style="user-select: none; overflow: hidden; background-color:
rgb(238, 238, 238); border-top: 1px solid rgb(203, 203, 203); left: 0px; top:
606px; width: 238px; height: 0px;">
<div
id="id_panel_notes" class="block_elem" style="user-select: none; overflow:
hidden; background-color: rgb(238, 238, 238); left: 0px; top: 0px; width: 237px;

68.

height: 0px; display: block;">
<canvas
id="id_notes" class="block_elem" style="user-select: none; background-color:
rgb(238, 238, 238); z-index: 6; display: none; left: 0px; top: 0px; width:
223px; height: 0px;" width="669" height="0"></canvas>
<canvas id="id_notes_overlay" class="block_elem" style="user-select: none; zindex: 7; left: 0px; top: 0px; width: 223px; height: 0px;" width="669"
height="0"></canvas>
<div
id="id_vertical_scroll_notes" style="left: 223px; top: 0px; width: 14px;
overflow: hidden; position: absolute; display: none; height: 0px;">
<div id="panel_right_scroll_notes" class="block_elem"
style="left:0;top:0;width:1px;height:1px;"></div>
</div>
</div>
<div
id="id_panel_animation" class="block_elem" style="user-select: none; overflow:
hidden; background-color: rgb(238, 238, 238); display: none; border-top: 1px
solid rgb(203, 203, 203); left: 0px; top: 0px; width: 238px; height: 0px;">
<div id="id_anim_header"
class="block_elem" style="left: 0px; top: 0px; width: 238px; height: 45px;">
<canvas
id="id_anim_header_canvas" class="block_elem" style="user-select: none;
background-color: rgb(238, 238, 238); z-index: 8; left: 0px; top: 0px; width:
238px; height: 45px;" width="714" height="135"></canvas>
</div>
<div id="id_anim_list_container" class="block_elem" style="left: 14px;
top: 45px; width: 201px; height: 0px;">
<canvas id="id_anim_list_canvas" class="block_elem" width="603"
height="0" style="left: 0px; top: 0px; width: 201px; height: 0px;"></canvas>
<div id="id_anim_list_scroll"
style="left: 187px; top: 0px; width: 14px; overflow: hidden; position: absolute;
height: 0px;">
<div
id="id_pane_anim_list_scroll" class="block_elem"
style="left:0;top:0;width:1px;height:1px;"></div>
</div>
</div>
<div id="id_anim_timeline_container"
class="block_elem" style="left: 0px; top: -35px; width: 238px; height: 36px;">
<canvas
id="id_anim_timeline_canvas" class="block_elem" width="714" height="108"
style="left: 0px; top: 0px; width: 238px; height: 36px;"></canvas>
</div>
</div>
</div>
</div><div id="area_id_main" style="background: transparent; border: none;
position: absolute; padding: 0px; margin: 0px; z-index: 10; left: 121px; top:
0px; width: 238px; height: 606px; overflow: hidden;"><div id="area_id_parent"
style="background: transparent; border: none; position: fixed; z-index: 10;
width: auto; height: auto; overflow: hidden; box-sizing: content-box; inset: 1000px 0px -100px;"><textarea id="area_id" style="inset: 0px; color:
transparent; caret-color: transparent; background: transparent; font-size: 8px;
border: none; position: absolute; text-shadow: rgb(0, 0, 0) 0px 0px 0px;
outline: none; width: 100%; height: 100%; overflow: hidden; padding: 0px;
margin: 0px; font-family: arial; resize: none; font-weight: normal; box-sizing:
content-box; touch-action: none;" spellcheck="false" autocapitalize="none"
autocomplete="extremely_off" autocorrect="off"></textarea></div></div><div
id="idx-context-menu-target" style="position: absolute; left: -10000px; top: 10000px;"></div></div><div id="idx-search-settings" class="search-settings-popup
popup"><div class="view"><div class="page page-current"><div class="navbar"><div
class="navbar-bg"></div><div class="navbar-inner sliding"><div
class="title">Поиск и замена</div><div class="right"><a class="link popup-close"
href="https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffi
ce.disk.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/
index_loader.html?_dc=7.4.0-112&lang=ru&customer=%D0%AF%D0%BD
%D0%B4%D0%B5%D0%BA%D1%81.%D0%94%D0%B8%D1%81%D0%BA&headerlogo=https%3A%2F
%2Fyastatic.net%2Fs3%2Feditor%2F_
%2Feditor_docs_icon_ru_v1.svg&frameEditorId=only-officeapp&parentOrigin=https://disk.yandex.ru#" data-popup=".search-settingspopup">Готово</a></div></div></div><div class="page-content"><div

69.

class="list"><ul><li class=""><label class="item-content item-radio"><input
name="find-replace-checkbox" type="radio" value="" checked=""><i class="icon
icon-radio"></i><div class="item-inner"><div
class="item-title">Поиск</div></div></label></li><li class=""><label
class="item-content item-radio"><input name="find-replace-checkbox" type="radio"
value=""><i class="icon icon-radio"></i><div class="item-inner"><div
class="item-title">Поиск и замена</div></div></label></li><li class=""><label
class="item-content item-radio"><input name="find-replace-checkbox" type="radio"
value=""><i class="icon icon-radio"></i><div class="item-inner"><div
class="item-title">Найти и заменить все</div></div></label></li></ul></div><div
class="list"><ul><li class=""><div class="item-content"><div class="iteminner"><div class="item-title">С учетом регистра</div><div class="itemafter"><label class="toggle toggle-case-sensitive"><input type="checkbox"
value=""><span
class="toggle-icon"></span></label></div></div></div></li></ul></div></div></
div></div></div><div id="idx-context-menu-popover" class="document-menu
popover"><div class="popover-angle"></div><div class="popover-inner"><div
class="list-block list"></div></div></div><div class="actions-modal"><div
class="actions-group"></div><div class="actions-group"><div class="actionsbutton"><div class="actions-button-text">Отмена</div></div></div></div></div></
div></div><div class="framework7-modals"></div><div
class="popup-backdrop"></div><div class="dialog-backdrop"></div><div
class="actions-backdrop"></div></div></div></body></html>
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
body { margin: 0px; }
body.theme-type-light { --background-navbar-ios: #ffffff; --background-navbarword: #446995; --background-navbar-cell: #40865c; --background-navbar-slide:
#aa5252; }
body.theme-type-dark { --background-navbar-ios: #232323; --background-navbarword: #232323; --background-navbar-cell: #232323; --background-navbar-slide:
#232323; }
.skl-navbar { --box-logo-height: 0; --skl-navbar-height: 44px; --skl-pixelratio: 1; }
.skl-navbar--md { --skl-navbar-height: 56px; }
.skl-pixel-ratio--2 { --skl-pixel-ratio: 2; }
.skl-navbar { height: calc(var(--skl-navbar-height) + var(--box-logo-height));
width: 100%; position: relative; }
.navbar.main-navbar { height: 0px; }
.skl-navbar.skl-navbar--md { }
.skl-navbar.skl-navbar--ios { background-color: var(--background-navbar-ios,
#f7f7f8); }
.skl-navbar.skl-navbar--word.skl-navbar--md { background-color: var(-background-navbar-word, #446995); }
.skl-navbar.skl-navbar--cell.skl-navbar--md { background-color: var(-background-navbar-cell, #40865c); }
.skl-navbar.skl-navbar--slide.skl-navbar--md { background-color: var(--

70.

background-navbar-slide, #aa5252); }
.skl-navbar::before { content: ""; position: absolute; width: 100%; }
.skl-navbar:not(.skl-navbar--md)::before { background-color: rgba(0, 0, 0,
0.25); display: block; z-index: 15; inset: auto auto 0px 0px; height: 1px;
transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--skl-pixel-ratio)));
}
.skl-navbar.skl-navbar--md::before { right: 0px; width: 100%; top: 100%; bottom:
auto; height: 8px; pointer-events: none; background-image: lineargradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.08) 40%, rgba(0, 0, 0, 0.04)
50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); }
.skl-lines { display: none; }
.skl-line { height: 15px; margin: 30px; background: rgb(226, 226, 226);
overflow: hidden; position: relative; animation: 2s ease-in-out 0s infinite
normal none running flickerAnimation; }
.framework7-initializing .page-content { display: none; }
@keyframes flickerAnimation {
0% { opacity: 0.1; }
50% { opacity: 1; }
100% { opacity: 0.1; }
}
@-webkit-keyframes flickerAnimation {
0% { opacity: 0.1; }
50% { opacity: 1; }
100% { opacity: 0.1; }
}
.md .navbar.navbar-with-logo { height: 34px; }
.ios .navbar.navbar-with-logo { height: 26px; }
:root .theme-type-dark { --f7-navbar-bg-color: #232323; --f7-bars-bg-color-rgb:
35,35,35; --f7-subnavbar-bg-color: #232323; --f7-bars-translucent-opacity: 1; }
.md .word-editor { --f7-navbar-bg-color: var(--background-navbar-word, #446995);
--f7-subnavbar-bg-color: var(--background-navbar-word, #446995); --f7-subnavbarheight: 56px; }
.md .cell-editor { --f7-navbar-bg-color: var(--background-navbar-cell, #40865c);
--f7-subnavbar-bg-color: var(--background-navbar-cell, #40865c); --f7-subnavbarheight: 56px; }
.md .slide-editor { --f7-navbar-bg-color: var(--background-navbar-slide,
#aa5252); --f7-subnavbar-bg-color: var(--background-navbar-slide, #aa5252); -f7-subnavbar-height: 56px; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
.block_elem { position: absolute; padding: 0px; margin: 0px; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]

71.

@charset "utf-8";
.buttonTabs { background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAA5CAMAAADjueCuAAAABGdBT
UEAALGPC/
xhBQAAAEhQTFRFAAAAWFhYZWVlSEhIY2NjV1dXQ0NDYWFhYmJiTk5OVlZWYGBgVFRUS0tLbGxsRERETE
xMZmZmVVVVXl5eR0dHa2trPj4+u77CpAZQrwAAAAF0Uk5TAEDm2GYAAABwSURBVDjL1dHHDoAgEEVR7N
Lr4P//qQm6EMaFxtje8oTF5ELIpU35Fstf3GegsPEBG+uwSYpNB1qNKreoDeNw/r6dLr/
tnFpbbNZj8wKbk8W/1d6ZPjfrhdHx9c4fbA9wzMYWm3OFhbQmbC2ue6z9DCH/Exf/
mU3YAAAAAElFTkSuQmCC"); background-position: 0px 0px; background-repeat: norepeat; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
.buttonPrevPage { background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABgBAMAAADm/+
+TAAAABGdBTUEAALGPC/xhBQAAABJQTFRFAAAA////
UVNVu77Cenp62Nrc3x8hMQAAAAF0Uk5TAEDm2GYAAABySURBVCjPY2AgETDBGEoKUAElJcJSxANjKGAw
DQWDYAKMIBhDSRXCCFJSIixF0GS4M+AMExcwcCbAcIQxBEUgDEdBQcJSBE2GO4PU6IJHASxS4NGER4p2
8YWIAlikwKMJjxTt4gsRBbBIgUcTHini4wsAwMmIvYZODL0AAAAASUVORK5CYII="); backgroundposition: 0px 0px; background-repeat: no-repeat; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location: cid:[email protected]
@charset "utf-8";
.buttonNextPage { background-image:
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABgBAMAAADm/+
+TAAAABGdBTUEAALGPC/xhBQAAABJQTFRFAAAA////
UVNVu77Cenp62Nrc3x8hMQAAAAF0Uk5TAEDm2GYAAABySURBVCjPY2AgETDBGEoKUAElJcJSxANjKGAw
DQWDYAKMIBhDSRXCCFJSIixF0GS4M+AMExcwcCbAcIQxBEUgDEdBQcJSBE2GO4PU6IJHASxS4NGER4p2
8YWIAlikwKMJjxTt4gsRBbBIgUcTHini4wsAwMmIvYZODL0AAAAASUVORK5CYII="); backgroundposition: 0px -48px; background-repeat: no-repeat; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location:
https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffice.dis
k.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/css/
framework7.css
@charset "utf-8";
:root { --f7-theme-color: #007aff; --f7-theme-color-rgb: 0,122,255; --f7-themecolor-shade: #0066d6; --f7-theme-color-tint: #298fff; --f7-safe-area-left: 0px;
--f7-safe-area-right: 0px; --f7-safe-area-top: 0px; --f7-safe-area-bottom: 0px;
--f7-safe-area-outer-left: 0px; --f7-safe-area-outer-right: 0px; --f7-devicepixel-ratio: 1; }
@supports (left:env(safe-area-inset-left)) {
:root { --f7-safe-area-top: env(safe-area-inset-top); --f7-safe-area-bottom:
env(safe-area-inset-bottom); }
:root .ios-edges, :root .ios-left-edge, :root .panel-left, :root .popup, :root
.safe-area-left, :root .safe-areas, :root .sheet-modal { --f7-safe-area-left:
env(safe-area-inset-left); --f7-safe-area-outer-left: env(safe-area-inset-left);
}
:root .ios-edges, :root .ios-right-edge, :root .panel-

72.

right, :root .popup, :root .safe-area-right, :root .safe-areas, :root .sheetmodal { --f7-safe-area-right: env(safe-area-inset-right); --f7-safe-area-outerright: env(safe-area-inset-right); }
:root .no-ios-edges, :root .no-ios-left-edge, :root .no-safe-arealeft, :root .no-safe-areas { --f7-safe-area-left: 0px; --f7-safe-area-outerleft: 0px; }
:root .no-ios-edges, :root .no-ios-right-edge, :root .no-safe-arearight, :root .no-safe-areas { --f7-safe-area-right: 0px; --f7-safe-area-outerright: 0px; }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
:root { --f7-device-pixel-ratio: 2; }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
:root { --f7-device-pixel-ratio: 3; }
}
:root { --f7-font-size: 14px; --f7-bars-bg-image: none; --f7-bars-translucentopacity: 0.8; --f7-bars-translucent-blur: 20px; --f7-bars-shadow-bottom-image:
linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.04)
50%,transparent 90%,transparent); --f7-bars-shadow-top-image: lineargradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 40%,rgba(0,0,0,.04)
50%,transparent 90%,transparent); --f7-bars-text-color: #000; --f7-bars-bgcolor: #f7f7f8; --f7-bars-bg-color-rgb: 247,247,248; }
:root .dark, :root.dark { --f7-bars-text-color: #fff; }
.ios { --f7-font-family: -apple-system,SF Pro Text,SF UI Text,systemui,Helvetica Neue,Helvetica,Arial,sans-serif; --f7-line-height: 1.4; --f7-textcolor: #000; --f7-bars-border-color: rgba(0,0,0,.25); }
.ios .dark, .ios.dark { --f7-text-color: #fff; --f7-bars-bg-color: #121212; -f7-bars-bg-color-rgb: 22,22,22; --f7-bars-border-color: hsla(0,0%,100%,.16); }
.md { --f7-font-family: Roboto,system-ui,Noto,Helvetica,Arial,sans-serif; --f7line-height: 1.5; --f7-bars-border-color: transparent; --f7-text-color: #212121;
}
.md .dark, .md.dark { --f7-text-color: hsla(0,0%,100%,.87); --f7-bars-bg-color:
#202020; }
.aurora { --f7-font-family: -apple-system,system-ui,Helvetica,Arial,sans-serif;
--f7-line-height: 1.5; --f7-text-color: #000; --f7-bars-border-color:
rgba(0,0,0,.2); }
.aurora .dark, .aurora.dark { --f7-text-color: #fff; --f7-bars-bg-color:
#202020; --f7-bars-border-color: hsla(0,0%,100%,.1); }
.text-color-primary { --f7-theme-color-text-color: var(--f7-theme-color); }
.bg-color-primary { --f7-theme-color-bg-color: var(--f7-theme-color); }
.border-color-primary { --f7-theme-color-border-color: var(--f7-theme-color); }
.ripple-color-primary { --f7-theme-color-ripple-color: rgba(var(--f7-themecolor-rgb),0.3); }
:root { --f7-color-red: #ff3b30; --f7-color-red-rgb: 255,59,48; --f7-color-redshade: #ff1407; --f7-color-red-tint: #ff6259; --f7-color-green: #4cd964; --f7color-green-rgb: 76,217,100; --f7-color-green-shade: #2cd048; --f7-color-greentint: #6ee081; --f7-color-blue: #2196f3; --f7-color-blue-rgb: 33,150,243; --f7color-blue-shade: #0c82df; --f7-color-blue-tint: #48a8f5; --f7-color-pink:

73.

#ff2d55; --f7-color-pink-rgb: 255,45,85; --f7-color-pink-shade: #ff0434; --f7color-pink-tint: #ff5676; --f7-color-yellow: #fc0; --f7-color-yellow-rgb:
255,204,0; --f7-color-yellow-shade: #d6ab00; --f7-color-yellow-tint: #ffd429; -f7-color-orange: #ff9500; --f7-color-orange-rgb: 255,149,0; --f7-color-orangeshade: #d67d00; --f7-color-orange-tint: #ffa629; --f7-color-purple: #9c27b0; -f7-color-purple-rgb: 156,39,176; --f7-color-purple-shade: #7e208f; --f7-colorpurple-tint: #b92fd1; --f7-color-deeppurple: #673ab7; --f7-color-deeppurple-rgb:
103,58,183; --f7-color-deeppurple-shade: #563098; --f7-color-deeppurple-tint:
#7c52c8; --f7-color-lightblue: #5ac8fa; --f7-color-lightblue-rgb: 90,200,250; -f7-color-lightblue-shade: #32bbf9; --f7-color-lightblue-tint: #82d5fb; --f7color-teal: #009688; --f7-color-teal-rgb: 0,150,136; --f7-color-teal-shade:
#006d63; --f7-color-teal-tint: #00bfad; --f7-color-lime: #cddc39; --f7-colorlime-rgb: 205,220,57; --f7-color-lime-shade: #bac923; --f7-color-lime-tint:
#d6e25c; --f7-color-deeporange: #ff6b22; --f7-color-deeporange-rgb: 255,107,34;
--f7-color-deeporange-shade: #f85200; --f7-color-deeporange-tint: #ff864b; --f7color-gray: #8e8e93; --f7-color-gray-rgb: 142,142,147; --f7-color-gray-shade:
#79797f; --f7-color-gray-tint: #a3a3a7; --f7-color-white: #fff; --f7-colorwhite-rgb: 255,255,255; --f7-color-white-shade: #ebebeb; --f7-color-white-tint:
#fff; --f7-color-black: #000; --f7-color-black-rgb: 0,0,0; --f7-color-blackshade: #000; --f7-color-black-tint: #141414; }
.color-theme-red { --f7-theme-color: #ff3b30; --f7-theme-color-rgb: 255,59,48;
--f7-theme-color-shade: #ff1407; --f7-theme-color-tint: #ff6259; }
.color-theme-green { --f7-theme-color: #4cd964; --f7-theme-color-rgb:
76,217,100; --f7-theme-color-shade: #2cd048; --f7-theme-color-tint: #6ee081; }
.color-theme-blue { --f7-theme-color: #2196f3; --f7-theme-color-rgb: 33,150,243;
--f7-theme-color-shade: #0c82df; --f7-theme-color-tint: #48a8f5; }
.color-theme-pink { --f7-theme-color: #ff2d55; --f7-theme-color-rgb: 255,45,85;
--f7-theme-color-shade: #ff0434; --f7-theme-color-tint: #ff5676; }
.color-theme-yellow { --f7-theme-color: #fc0; --f7-theme-color-rgb: 255,204,0;
--f7-theme-color-shade: #d6ab00; --f7-theme-color-tint: #ffd429; }
.color-theme-orange { --f7-theme-color: #ff9500; --f7-theme-color-rgb:
255,149,0; --f7-theme-color-shade: #d67d00; --f7-theme-color-tint: #ffa629; }
.color-theme-purple { --f7-theme-color: #9c27b0; --f7-theme-color-rgb:
156,39,176; --f7-theme-color-shade: #7e208f; --f7-theme-color-tint: #b92fd1; }
.color-theme-deeppurple { --f7-theme-color: #673ab7; --f7-theme-color-rgb:
103,58,183; --f7-theme-color-shade: #563098; --f7-theme-color-tint: #7c52c8; }
.color-theme-lightblue { --f7-theme-color: #5ac8fa; --f7-theme-color-rgb:
90,200,250; --f7-theme-color-shade: #32bbf9; --f7-theme-color-tint: #82d5fb; }
.color-theme-teal { --f7-theme-color: #009688; --f7-theme-color-rgb: 0,150,136;
--f7-theme-color-shade: #006d63; --f7-theme-color-tint: #00bfad; }
.color-theme-lime { --f7-theme-color: #cddc39; --f7-theme-color-rgb: 205,220,57;
--f7-theme-color-shade: #bac923; --f7-theme-color-tint: #d6e25c; }
.color-theme-deeporange { --f7-theme-color: #ff6b22; --f7-theme-color-rgb:
255,107,34; --f7-theme-color-shade: #f85200; --f7-theme-color-tint: #ff864b; }
.color-theme-gray { --f7-theme-color: #8e8e93; --f7-theme-color-rgb:
142,142,147; --f7-theme-color-shade: #79797f; --f7-theme-color-tint: #a3a3a7; }
.color-theme-white { --f7-theme-color: #fff; --f7-theme-color-rgb: 255,255,255;
--f7-theme-color-shade: #ebebeb; --f7-theme-color-tint: #fff; }
.color-theme-black { --f7-theme-color: #000; --f7-theme-color-rgb: 0,0,0; --f7-

74.

theme-color-shade: #000; --f7-theme-color-tint: #141414; }
.color-red { --f7-theme-color: #ff3b30; --f7-theme-color-rgb: 255,59,48; --f7theme-color-shade: #ff1407; --f7-theme-color-tint: #ff6259; }
.text-color-red { --f7-theme-color-text-color: #ff3b30; }
.bg-color-red { --f7-theme-color-bg-color: #ff3b30; }
.border-color-red { --f7-theme-color-border-color: #ff3b30; }
.ripple-color-red, .ripple-red { --f7-theme-color-ripple-color:
rgba(255,59,48,.3); }
.color-green { --f7-theme-color: #4cd964; --f7-theme-color-rgb: 76,217,100; -f7-theme-color-shade: #2cd048; --f7-theme-color-tint: #6ee081; }
.text-color-green { --f7-theme-color-text-color: #4cd964; }
.bg-color-green { --f7-theme-color-bg-color: #4cd964; }
.border-color-green { --f7-theme-color-border-color: #4cd964; }
.ripple-color-green, .ripple-green { --f7-theme-color-ripple-color:
rgba(76,217,100,.3); }
.color-blue { --f7-theme-color: #2196f3; --f7-theme-color-rgb: 33,150,243; --f7theme-color-shade: #0c82df; --f7-theme-color-tint: #48a8f5; }
.text-color-blue { --f7-theme-color-text-color: #2196f3; }
.bg-color-blue { --f7-theme-color-bg-color: #2196f3; }
.border-color-blue { --f7-theme-color-border-color: #2196f3; }
.ripple-blue, .ripple-color-blue { --f7-theme-color-ripple-color:
rgba(33,150,243,.3); }
.color-pink { --f7-theme-color: #ff2d55; --f7-theme-color-rgb: 255,45,85; --f7theme-color-shade: #ff0434; --f7-theme-color-tint: #ff5676; }
.text-color-pink { --f7-theme-color-text-color: #ff2d55; }
.bg-color-pink { --f7-theme-color-bg-color: #ff2d55; }
.border-color-pink { --f7-theme-color-border-color: #ff2d55; }
.ripple-color-pink, .ripple-pink { --f7-theme-color-ripple-color:
rgba(255,45,85,.3); }
.color-yellow { --f7-theme-color: #fc0; --f7-theme-color-rgb: 255,204,0; --f7theme-color-shade: #d6ab00; --f7-theme-color-tint: #ffd429; }
.text-color-yellow { --f7-theme-color-text-color: #fc0; }
.bg-color-yellow { --f7-theme-color-bg-color: #fc0; }
.border-color-yellow { --f7-theme-color-border-color: #fc0; }
.ripple-color-yellow, .ripple-yellow { --f7-theme-color-ripple-color:
rgba(255,204,0,.3); }
.color-orange { --f7-theme-color: #ff9500; --f7-theme-color-rgb: 255,149,0; -f7-theme-color-shade: #d67d00; --f7-theme-color-tint: #ffa629; }

75.

.text-color-orange { --f7-theme-color-text-color: #ff9500; }
.bg-color-orange { --f7-theme-color-bg-color: #ff9500; }
.border-color-orange { --f7-theme-color-border-color: #ff9500; }
.ripple-color-orange,
.ripple-orange { --f7-theme-color-ripple-color: rgba(255,149,0,.3); }
.color-purple { --f7-theme-color: #9c27b0; --f7-theme-color-rgb: 156,39,176; -f7-theme-color-shade: #7e208f; --f7-theme-color-tint: #b92fd1; }
.text-color-purple { --f7-theme-color-text-color: #9c27b0; }
.bg-color-purple { --f7-theme-color-bg-color: #9c27b0; }
.border-color-purple { --f7-theme-color-border-color: #9c27b0; }
.ripple-color-purple, .ripple-purple { --f7-theme-color-ripple-color:
rgba(156,39,176,.3); }
.color-deeppurple { --f7-theme-color: #673ab7; --f7-theme-color-rgb: 103,58,183;
--f7-theme-color-shade: #563098; --f7-theme-color-tint: #7c52c8; }
.text-color-deeppurple { --f7-theme-color-text-color: #673ab7; }
.bg-color-deeppurple { --f7-theme-color-bg-color: #673ab7; }
.border-color-deeppurple { --f7-theme-color-border-color: #673ab7; }
.ripple-color-deeppurple, .ripple-deeppurple { --f7-theme-color-ripple-color:
rgba(103,58,183,.3); }
.color-lightblue { --f7-theme-color: #5ac8fa; --f7-theme-color-rgb: 90,200,250;
--f7-theme-color-shade: #32bbf9; --f7-theme-color-tint: #82d5fb; }
.text-color-lightblue { --f7-theme-color-text-color: #5ac8fa; }
.bg-color-lightblue { --f7-theme-color-bg-color: #5ac8fa; }
.border-color-lightblue { --f7-theme-color-border-color: #5ac8fa; }
.ripple-color-lightblue, .ripple-lightblue { --f7-theme-color-ripple-color:
rgba(90,200,250,.3); }
.color-teal { --f7-theme-color: #009688; --f7-theme-color-rgb: 0,150,136; --f7theme-color-shade: #006d63; --f7-theme-color-tint: #00bfad; }
.text-color-teal { --f7-theme-color-text-color: #009688; }
.bg-color-teal { --f7-theme-color-bg-color: #009688; }
.border-color-teal { --f7-theme-color-border-color: #009688; }
.ripple-color-teal, .ripple-teal { --f7-theme-color-ripple-color:
rgba(0,150,136,.3); }
.color-lime { --f7-theme-color: #cddc39; --f7-theme-color-rgb: 205,220,57; --f7theme-color-shade: #bac923; --f7-theme-color-tint: #d6e25c; }
.text-color-lime { --f7-theme-color-text-color: #cddc39; }
.bg-color-lime { --f7-theme-color-bg-color: #cddc39; }

76.

.border-color-lime { --f7-theme-color-border-color: #cddc39; }
.ripple-color-lime, .ripple-lime { --f7-theme-color-ripple-color:
rgba(205,220,57,.3); }
.color-deeporange { --f7-theme-color: #ff6b22; --f7-theme-color-rgb: 255,107,34;
--f7-theme-color-shade: #f85200; --f7-theme-color-tint: #ff864b; }
.text-color-deeporange { --f7-theme-color-text-color: #ff6b22; }
.bg-color-deeporange { --f7-theme-color-bg-color: #ff6b22; }
.border-color-deeporange { --f7-theme-color-border-color: #ff6b22; }
.ripple-color-deeporange, .ripple-deeporange { --f7-theme-color-ripple-color:
rgba(255,107,34,.3); }
.color-gray { --f7-theme-color: #8e8e93; --f7-theme-color-rgb: 142,142,147; -f7-theme-color-shade: #79797f; --f7-theme-color-tint: #a3a3a7; }
.text-color-gray { --f7-theme-color-text-color: #8e8e93; }
.bg-color-gray { --f7-theme-color-bg-color: #8e8e93; }
.border-color-gray { --f7-theme-color-border-color: #8e8e93; }
.ripple-color-gray, .ripple-gray { --f7-theme-color-ripple-color:
hsla(240,2%,57%,.3); }
.color-white { --f7-theme-color: #fff; --f7-theme-color-rgb: 255,255,255; --f7theme-color-shade: #ebebeb; --f7-theme-color-tint: #fff; }
.text-color-white { --f7-theme-color-text-color: #fff; }
.bg-color-white { --f7-theme-color-bg-color: #fff; }
.border-color-white { --f7-theme-color-border-color: #fff; }
.ripple-color-white, .ripple-white { --f7-theme-color-ripple-color:
hsla(0,0%,100%,.3); }
.color-black { --f7-theme-color: #000; --f7-theme-color-rgb: 0,0,0; --f7-themecolor-shade: #000; --f7-theme-color-tint: #141414; }
.text-color-black { --f7-theme-color-text-color: #000; }
.bg-color-black { --f7-theme-color-bg-color: #000; }
.border-color-black { --f7-theme-color-border-color: #000; }
.ripple-black, .ripple-color-black { --f7-theme-color-ripple-color:
rgba(0,0,0,.3); }
@font-face { font-family: framework7-core-icons; font-style: normal; fontweight: 400; src: url("data:application/font-woff;charset=utf-8;base64,
d09GRgABAAAAAA0IABAAAAAAGKAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABsAAAAc
lii2wEdERUYAAAGIAAAAIwAAACQAewBXR1BPUwAAAawAAAAuAAAANuAY7+xHU1VCAAAB3AAAAZ4AAAP6
ALYH7k9TLzIAAAN8AAAASgAAAGBRKF+WY21hcAAAA8gAAACJAAABYt6F0cBjdnQgAAAEVAAAAAQAAAAE
ABEBRGdhc3AAAARYAAAACAAAAAj//
wADZ2x5ZgAABGAAAASqAAAJ8AsEnQxoZWFkAAAJDAAAADEAAAA2Hc2QaGhoZWEAAAlAAAAAIAAAACQHg
QM7aG10eAAACWAAAABfAAABHC0k//
lsb2NhAAAJwAAAAJAAAACQQnRFAG1heHAAAApQAAAAHwAAACAAjQBMbmFtZQAACnAAAAFRAAAC2VqmSi
xwb3N0AAALxAAAAUIAAAJaVPgZiHicY2BgYGQAgts30q6A6Lsa6l+h9DcAUgAHMgB4nGNgZGBg4AFiGS

77.

BmAkJmBk0GRgYtBjcgmwUsxgAADWAA0wB4nGNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/
PAJJhLM6sSoWKfWCAAwDAjgbRAAB4nHVTW07CQBQ9Q2vAJwhVGwW0UJEgvt+Kb+XDT3dAYjQmxA9DXID
LMC7CLz9dg3EJfrkLPDMF+pg0TTPTe84998ydWwgAIyiiDtFudZ6QgskIul1IRLQfH1qMwfsiZqo1BWF
8IAkLL4lO4scwDddowGC8iia2kYbDp4gKd5Ncy3yKyPMrjxyuMBHAHdiYxgwZHrqK8QA6xxpTAyyNBdz
gGW/4wq8wRUU0xb14Fe/
iU3yLP9a2qGRhUeUXIuoZuCrucHdGtTDTrxTk7Wq8nHJWiPCOeM4wz8V8hLOscYLubMZKWCcvzpfHuNA
Y0Q6ucI3TkPh+D89iVt3OUsTnBm8grsI5xrRcz9dmD9GrNjSk38M1jGpq0uEBZ1LvppyvGu//
kh4tpV7mm1Ycl6zcwMsxd3EMqX+C4RAuY3K6t3hKOa02fdt0lVF7z0GWfKltDarIjFP2qkx92UF/
an18h5UyVJeRfnyI/ajSwy3ucMh8S+VmeeLwPdTYhSDmZdeVdz8qvV+zMzLHn5I9/
p39iHe6JHOy3BXYSQelf3GmQG8AAHicY2Bh/MI4gYGVgYHRhzGNgYHBHUp/
ZZBkaGFgYGJgZWaAAUYGJBCQ5prC0MCgwFDFeOD/
AQY9ps+MxTA1jAfAShQYxABDtQxkAAB4nGNgYGBmgGAZBkYGEIgB8hjBfBYGByDNw8DBwARkKzDoMlgy
xDNU/f8PFAXxDIC8xP///z/+f/3/1f8b/
q+HmgAHjGwMcCFGJiDBxICmAGI1HLAwMLCysXNwcnHz8PIxEAP4GQQEhYRFRMXEJSSlpGVk5eQVFJWUV
VTV1DU0iTKA1gAAxH4T6AAAAAARAUQAAAAB//
8AAnic7VXdTyNVFD9nSnsHuu3M9GMmFrPSMu2QqF1h2g4u5SPC+kCUNQYUeQFW0xfRSAw18aHlDbKR1B
g2BLJvJJroEx9Rsw/A+sJmYzUhmhizT/hgYvCJB91kmXruTKuU/Q/MJvfOvfd37z333N/
5nTsggAIA6zgBHmCQ3kK4kt9mLfBnz5bP+yC/7RGoC1seDns5vM18+Ci/
jRw3FVMxTKVTWf6oUMAJ+ysFTbKGVA6cSj2lm/efYE+w/
z0mnMM8hL4oODC0UG3F13CKMkyCMEQBQglfRO3JZVI9asSXSGXQMphmfDmez4/
nb8+Njs6NYrZ9vr08j0P58f7+8TdGOWg/fPqD9rfnwT2/
dhdNOiAEkExIArcyiEYqk+t5BlU0EPE3f4fq39/3q3H/sbQtCMd+tcO/t8/RY8n1t/
Y7HuDn9AY8RVY0ZmQNX2eC21CjEaYluIfkKQ4tphZZevDa7OzNG13s65mRkZnhlcVUOcq6Zm/
Ozl4bSLPhmeHhGccvSMEe3dULEGZk0torFvWNDcw5TcP3U9zAFRDp1GicL9IYbtj3Knq1qld+zbhtfS0
E8Dt8h9uzUEPDqqCk29WKPlFvAWsPiYtniQt6y6zcIJL7EQk1Tu0VTHmRbk533tvj9z+WfkTPMeeExi4
T/IwIHLo+W+SMYR1u6uWy/
g19S8nm+Sy5qrH6dLJU1h0e7ZWWgnAKftDoRhRKplkamTGEDl2QQ3pHS0gWhKHD3GGj9Nk/
2Gdra+jBHvSsrf1xaDWmrEcP/oXtM77scc44YfT2WrjBeTI/
PeAN9hKBDc5GsRdzINPAJcNhwtEGBlhEFr8VI+KrLKiyPkyLcoTGNFSDrK+
+fw5fwhTfD827rRxmgmyZqVSDqriwIGIqyAccC7KFBebwAVNYpf38nwL9GI96s/
EoVm0Tq6emuW6aFLO/
4S34CZ+HIABFTFMlDCKdYuW00Zk2WW57zxv2XQ0EpUuffCa1+aUvRGRD0qVA0PVvGl8m+1xjpB5mbDoB
wZTTgKttUHGEYhbg+UZBO6dsX13XJ5PhSf0Fa2zs/
bGtyYGByYHFN8OTl2k0ZnVfHeRIMxdcWZRcjqwYT7gmItTgWoOGYpGwZj9JDaQJ18/
pTb1U0p38WxEKeEoshQEyMjkn+xJI92koaNfe3bWhFisUGmUIYWenBju4fg5s5EkBPyQNAjKHFOdILFQ
qeqPg9XMDikHN3hdOhAOIAXgVhxvFGuCJw9BnJAxMU7x7NOzVM8nvQ5lwKGTfj8ZiYft+CMOhbOhd4SS
WTMbOIlU+zvBZIYy5kEkr6zq6DHfwBucu52rov+S80yybtCwukyaXRVl1VQSORnpRxDzfHyaBUAQdhah
ch38p/iWfv41dD0g+xTv4sR+7/
fLPrWxaCngF3ysHyoW3iL8yBr1A+sICTlFTLNZ1UpsSqkIKWrlOKAYmD0JnInwui49Wbx0d3VpdLeVKV
Mr8+xx2HR3Zvxzh7bJVKlll53sxT50z49m4UeX5ad/
D3gqu8G7GyVMP908wyT+eJxQ3JetmCq+CeVZ1K7GWWXTKRU5lV448P93Hn4S4xNiS6EoQX3+M038AL0/
eSgAAeJxjYGRgYADi8z/9HsTz23xl4GZiAIG7GupfofS3/z/
+9bKkMX0GcjkYwNIAehAN0wAAAHicY2BkYGD6/
K+XQY8l7f8PBgaWNAagCApwBwCRUwXDeJxj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAM
SBmSYOKWwCxExCfBYqf/f+D0Q3IdoGKAdlMIHVAzPTm/3+G3UA2w/
8fIDOZzkL0MxkD9QHFAYb+GDQAAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAyg
DUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3AH+AigCOgJQAmICgg
KSAqIC1ALqAwoDKgM8A1oDbAOQA64DvgPkA/
4ELgROBG4EgASoBL4E2AT4eJxjYGRgYHBnkGZgYQABJiBmZACJOTDogQQADZsA2gB4nK2QvW7CMBSFj/
mT2qHqUHaPgEjkZEEwFomFpeqQPQ0pWJAYmUgI9WW6devYrU/RpVP3vkVPjCt1YOhApCt/
OT7XPtcArvAKgePXw71ngS5ePDdwiQ/
PTUTi1nMLXfHsuY1r8em5g26jS6doXfDvznXVLDDAk+cGbvDuuYkHfHluYSAqz21I8ea5Q/
0bUxhscYCFxhIrVJDMnKHPNYZiRRiSE2yQYkFXwbJU5nSnpFoveIZ2u5ia7cHq5aqSvawvYxVHQ5ls0o
UutJXzVWo3abHVCzof2Vy35tgzhMUaIwS8uuacpB2X2NFq0yLfG7seBZmxeaAzU1I+6f1rmDmxcqvlfL
mbKuRcEhPW/yMc/
THGVGvP79tgZspqZuwyl3Go5ESejEo9HgejoH6Ocwye0Ge5r51PMotiltCt9WxIcrvTppRKRaFSSp7h0
h8wQYYLAAAAeJxtUIlOwkAUnAGVW4rch36M8b7v2zSlLdIIXbJdxL/
HhbaBJm6yyb6ZebPzHlJYnvkcxH/
nWF8ihTQMVFFDHQ000UIbHXTRwz4OcIgjrTvBKc5wjgtc4grXuMEt7nCPBzziCc94wSve8I4PfDLFNDe
4yS1mmGWOeRZYZInbLNNghTusssY6G2yyxTY77LLHXe7lA9eS9tD0RFCxh+6PFL4pva+hWiC5iBw75Zg
buQOl65IlpZjFVUGz9ndf/
Oq3kVBqk1LCtrhON3yhvIFnW8rTiD0SgbvoKIfmfaGUGGvLnLQcTyyYatztiJlvWlMppJUJhFRRxDBEi
Odj7XRSiuYIicqKiJDium3ZcUeuck0ppr6z+D2q9dATJc0w23qW5aArozCDFhjJferVJJy1Yjs0i/
nschKN15Kdofcf+xC0ZgAA") format("woff"); }

78.

.framework7-root, body, html { height: 100%; overflow-x: hidden; position:
relative; width: 100%; }
body { text-size-adjust: 100%; -webkit-font-smoothing: antialiased; background:
rgb(255, 255, 255); color: var(--f7-text-color); font-family: var(--f7-fontfamily); font-size: var(--f7-font-size); line-height: var(--f7-line-height);
margin: 0px; overflow: hidden; padding: 0px; width: 100%; }
.dark body, body.dark { background: rgb(0, 0, 0); }
.dark { color: var(--f7-text-color); }
.framework7-root { box-sizing: border-box; overflow: hidden; }
.framework7-initializing *, .framework7-initializing ::after, .framework7initializing ::before { transition-duration: 0ms !important; }
.device-android, .device-ios { cursor: pointer; }
.device-ios { touch-action: manipulation; }
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
.framework7-root, body, html { height: 671px; }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
.framework7-root, body, html { height: 672px; }
}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
a, input, select, textarea { outline: 0px; }
a { color: var(--f7-theme-color); text-decoration: none; }
.item-link, .link, a { cursor: pointer; }
p { margin: 1em 0px; }
.disabled { opacity: 0.55 !important; pointer-events: none !important; }
html.device-full-viewport, html.device-full-viewport body { height: 100vh;
}
.ios .aurora-only, .ios .if-aurora, .ios .if-md, .ios .if-not-ios, .ios .mdonly, .ios .not-ios { display: none !important; }
@media (width: 1024px) and (height: 691px) and (orientation: landscape) {
.ios, .ios .framework7-root, .ios body { height: 671px; }
}
@media (width: 1024px) and (height: 692px) and (orientation: landscape) {
.ios, .ios .framework7-root, .ios body { height: 672px; }
}
.aurora .if-ios, .aurora .if-md, .aurora .if-not-aurora, .aurora .iosonly, .aurora .md-only, .aurora .not-aurora, .md .aurora-only, .md .ifaurora, .md .if-ios, .md .if-not-md, .md .ios-only, .md .not-md { display:
none !important; }
.view, .views { box-sizing: border-box; height: 100%; overflow: hidden;
position: relative; z-index: 5000; }

79.

.framework7-root > .view, .framework7-root > .views { height: calc(100% - var(-f7-appbar-app-offset, 0px)); }
.view-resize-handler { cursor: col-resize; display: none; height: 100%; left:
var(--f7-page-master-width); margin-left: -3px; position: absolute; top: 0px;
width: 6px; z-index: 1000; }
.view-master-detail .view-resize-handler { display: block; }
:root { --f7-page-master-width: 320px; --f7-page-master-border-color:
rgba(0,0,0,.1); --f7-page-master-border-width: 1px; --f7-page-swipebacktransition-duration: 300ms; --f7-page-parallax-transition-duration: 500ms; --f7page-cover-transition-duration: 450ms; --f7-page-dive-transition-duration:
500ms; --f7-page-fade-transition-duration: 500ms; --f7-page-flip-transitionduration: 700ms; --f7-page-push-transition-duration: 500ms; --f7-page-titleline-height: 1.2; --f7-page-title-text-color: inherit; --f7-page-title-paddingleft: 16px; --f7-page-title-padding-right: 16px; }
.ios { --f7-page-transition-duration: 400ms; --f7-page-title-font-size: 34px; -f7-page-title-font-weight: 700; --f7-page-title-letter-spacing: -0.03em; --f7page-title-padding-vertical: 6px; --f7-page-bg-color: #efeff4; }
.ios .dark, .ios.dark { --f7-page-bg-color: #000; }
.md { --f7-page-transition-duration: 250ms; --f7-page-title-font-size: 34px; -f7-page-title-font-weight: 500; --f7-page-title-letter-spacing: 0; --f7-pagetitle-padding-vertical: 8px; --f7-page-bg-color: #fff; }
.md .dark, .md.dark { --f7-page-bg-color: #121212; }
.aurora { --f7-page-transition-duration: 250ms; --f7-page-title-font-size: 28px;
--f7-page-title-font-weight: bold; --f7-page-title-letter-spacing: 0; --f7-pagetitle-padding-vertical: 7px; --f7-page-bg-color: #f3f4f6; }
.aurora .dark, .aurora.dark { --f7-page-bg-color: #121212; }
.dark { --f7-page-master-border-color: hsla(0,0%,100%,.2); }
.pages { overflow: hidden; position: relative; }
.page, .pages { height: 100%; width: 100%; }
.page { background-color: var(--f7-page-bg-color); box-sizing: border-box; left:
0px; position: absolute; top: 0px; transform: none; z-index: 1; }
.page.stacked { display: none; }
.page-with-navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; }
.page-previous { pointer-events: none; }
.page-content { box-sizing: border-box; height: 100%; overflow: auto; paddingbottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-areabottom) + var(--f7-page-content-extra-padding-bottom, 0px)); padding-top:
calc(var(--f7-page-navbar-offset, 0px) + var(--f7-page-toolbar-top-offset, 0px)
+ var(--f7-page-subnavbar-offset, 0px) + var(--f7-page-searchbar-offset, 0px) +
var(--f7-page-content-extra-padding-top, 0px)); position: relative; z-index:
1; }
.page-transitioning, .page-transitioning .page-opacity-effect, .pagetransitioning .page-shadow-effect { transition-duration: var(--f7-pagetransition-duration); }
.page-transitioning-swipeback, .page-transitioning-swipeback .page-opacity-

80.

effect, .page-transitioning-swipeback .page-shadow-effect { transition-duration:
var(--f7-page-swipeback-transition-duration); }
.router-transition-backward .page-current, .router-transition-backward .pagenext, .router-transition-backward .page-previous:not(.stacked), .routertransition-forward .page-current, .router-transition-forward .pagenext, .router-transition-forward .page-previous:not(.stacked) { pointer-events:
none; }
.page-shadow-effect { background: linear-gradient(90deg, transparent 0px,
transparent 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2)); right: 100%;
width: 16px; z-index: -1; }
.page-opacity-effect, .page-shadow-effect { bottom: 0px; content: ""; opacity:
0; position: absolute; top: 0px; }
.page-opacity-effect { background: rgba(0, 0, 0, 0.1); left: 0px; width: 100%;
z-index: 10000; }
.ios .page-previous { transform: translate3d(-20%, 0px, 0px); }
.ios .page-next { transform: translate3d(100%, 0px, 0px); }
.ios .page-current .page-shadow-effect, .ios .page-previous .page-opacityeffect, .ios .page-previous::after { opacity: 1; }
.ios .router-transition-forward .page-next { animation: ios-page-next-to-current
var(--f7-page-transition-duration) forwards; }
.ios .router-transition-forward .page-next::before { animation: ios-pageelement-fade-in var(--f7-page-transition-duration) forwards; background: lineargradient(90deg, transparent 0px, transparent 10%, rgba(0, 0, 0, 0.01) 50%,
rgba(0, 0, 0, 0.2)); bottom: 0px; content: ""; opacity: 0; position: absolute;
right: 100%; top: 0px; width: 16px; z-index: -1; }
.ios .router-transition-forward .page-current { animation: ios-page-current-toprevious var(--f7-page-transition-duration) forwards; }
.ios .router-transition-forward .page-current::after { animation: ios-pageelement-fade-in var(--f7-page-transition-duration) forwards; background: rgba(0,
0, 0, 0.1); bottom: 0px; content: ""; left: 0px; opacity: 0; position: absolute;
top: 0px; width: 100%; z-index: 10000; }
.ios .router-transition-backward .page-previous { animation: ios-page-previousto-current var(--f7-page-transition-duration) forwards; }
.ios .router-transition-backward .page-previous::after { animation: ios-pageelement-fade-out var(--f7-page-transition-duration) forwards; background:
rgba(0, 0, 0, 0.1); bottom: 0px; content: ""; left: 0px; opacity: 0; position:
absolute; top: 0px; width: 100%; z-index: 10000; }
.ios .router-transition-backward .page-current { animation: ios-page-current-tonext var(--f7-page-transition-duration) forwards; }
.ios .router-transition-backward .page-current::before { animation: ios-pageelement-fade-out var(--f7-page-transition-duration) forwards; background:
linear-gradient(90deg, transparent 0px, transparent 10%, rgba(0, 0, 0, 0.01)
50%, rgba(0, 0, 0, 0.2)); bottom: 0px; content: ""; opacity: 0; position:
absolute; right: 100%; top: 0px; width: 16px; z-index: -1; }
@keyframes ios-page-next-to-current {
0% { transform: translate3d(100%, 0px, 0px); }
100% { transform: translateZ(0px); }
}

81.

@keyframes ios-page-previous-to-current {
0% { transform: translate3d(-20%, 0px, 0px); }
100% { transform: translateZ(0px); }
}
@keyframes ios-page-current-to-previous {
0% { transform: translateZ(0px); }
100% { transform: translate3d(-20%, 0px, 0px); }
}
@keyframes ios-page-current-to-next {
0% { transform: translateZ(0px); }
100% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes ios-page-element-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes ios-page-element-fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
.md .page-next { opacity: 0; pointer-events: none; transform: translate3d(0px,
56px, 0px); }
.md .page-next.page-next-on-right { transform: translate3d(100%, 0px, 0px); }
.md .router-transition-forward .page-next { animation: md-page-next-to-current
var(--f7-page-transition-duration) forwards; }
.md .router-transition-forward .page-current { animation: auto ease 0s 1 normal
none running none; }
.md .router-transition-backward .page-current { animation: md-page-current-tonext var(--f7-page-transition-duration) forwards; }
.md .router-transition-backward .page-previous { animation: auto ease 0s 1
normal none running none; }
@keyframes md-page-next-to-current {
0% { opacity: 0; transform: translate3d(0px, 56px, 0px); }
100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes md-page-current-to-next {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0; transform: translate3d(0px, 56px, 0px); }
}
.aurora .page-next { opacity: 0; pointer-events: none; transform:
translateZ(0px); }
.aurora .page-next.page-next-on-right { transform: translate3d(100%, 0px,
0px); }
.aurora .router-transition-forward .page-next { animation: aurora-page-next-tocurrent var(--f7-page-transition-duration) forwards; }
.aurora .router-transition-forward .page-current { animation: auto ease 0s 1
normal none running none; }

82.

.aurora .router-transition-backward .page-current { animation: aurora-pagecurrent-to-next var(--f7-page-transition-duration) forwards; }
.aurora .router-transition-backward .page-previous { animation: auto ease 0s 1
normal none running none; }
@keyframes aurora-page-next-to-current {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes aurora-page-current-to-next {
0% { opacity: 1; }
100% { opacity: 0; }
}
.view:not(.view-master-detail) .navbar-master-stacked, .view:not(.view-masterdetail) .page-master-stacked { display: none; }
.view-master-detail .navbar-master, .view-master-detail .page-master { --f7safe-area-right: 0px; --f7-safe-area-outer-right: 0px; border-right: var(--f7page-master-border-width) solid var(--f7-page-master-border-color); width:
var(--f7-page-master-width); }
.view-master-detail .navbar-master-detail, .view-master-detail .page-masterdetail { --f7-safe-area-left: 0px; --f7-safe-area-outer-left: 0px; left: var(-f7-page-master-width); width: calc(100% - var(--f7-page-master-width)); }
.view-master-detail .page-master-detail > .navbar-master-detail { left: 0px;
right: 0px; width: 100%; }
.view-master-detail .page-master { pointer-events: auto; transform: none; zindex: 2; }
.view-master-detail
.page-master::after, .view-master-detail .page-master::before { display:
none; }
.view-master-detail.router-transition .page-master { animation: auto ease 0s 1
normal none running none; }
.aurora .router-transition-custom .page-next, .aurora .router-transitioncustom .page-previous, .ios .router-transition-custom .page-next, .ios .routertransition-custom .page-previous, .md .router-transition-custom .pagenext, .md .router-transition-custom .page-previous { opacity: 1; transform:
none; }
.aurora .router-transition-custom.view-master-detail .page-master, .ios .routertransition-custom.view-master-detail .page-master, .md .router-transitioncustom.view-master-detail .page-master { animation: auto ease 0s 1 normal none
running none; }
.page-title { box-sizing: border-box; color: var(--f7-page-title-text-color);
font-size: var(--f7-page-title-font-size); font-weight: var(--f7-page-titlefont-weight); letter-spacing: var(--f7-page-title-letter-spacing); line-height:
var(--f7-page-title-line-height); overflow: hidden; padding: var(--f7-pagetitle-padding-vertical) calc(var(--f7-page-title-padding-right) + var(--f7-safearea-right)) var(--f7-page-title-padding-vertical) calc(var(--f7-page-titlepadding-left) + var(--f7-safe-area-left)); position: relative; text-overflow:
ellipsis; white-space: nowrap; width: 100%; z-index: 10; }
.router-transition-f7-circle-backward::after, .router-transition-f7-circleforward::after { background: var(--f7-page-bg-color); content: ""; height:

83.

100vmax; left: 50%; margin-left: -50vmax; margin-top: -50vmax; position:
absolute; top: 50%; width: 100vmax; z-index: 100; }
.router-transition-f7-circle-forward::after { animation: 0.4s ease 0s 1 normal
forwards running f7-circle-circle-in; border-radius: 50%; transform: scale(0); }
.router-transition-f7-circle-forward .page-next { animation: 0.3s ease 0.3s 1
normal forwards running f7-circle-next-to-current; z-index: 150; opacity: 0 !
important; transform: scale(0.9) !important; }
.router-transition-f7-circle-backward::after { animation: 0.3s ease 0.35s 1
normal forwards running f7-circle-circle-out; }
.router-transition-f7-circle-backward .page-current { animation: 0.7s ease 0s 1
normal forwards running f7-circle-current-to-next; z-index: 150; }
@keyframes f7-circle-circle-in {
0% { border-radius: 50%; transform: scale(0); }
50% { border-radius: 50%; }
100% { border-radius: 0px; transform: scale(1); }
}
@keyframes f7-circle-circle-out {
0% { border-radius: 0px; transform: scale(1); }
50% { border-radius: 50%; }
100% { border-radius: 50%; transform: scale(0); }
}
@keyframes f7-circle-next-to-current {
0% { opacity: 0; transform: scale(0.9); }
40% { opacity: 1; transform: scale(1.035); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes f7-circle-current-to-next {
0% { opacity: 1; transform: scale(1); }
34% { opacity: 1; transform: scale(1.035); }
57% { opacity: 0; transform: scale(0.9); }
100% { opacity: 0; transform: scale(0.9); }
}
.router-transition-f7-cover-v-backward, .router-transition-f7-cover-v-forward
{ background: rgb(0, 0, 0); perspective: 1200px; }
.router-transition-f7-cover-v-forward .page-next { animation: f7-cover-v-nextto-current var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-v-forward .page-current { animation: f7-cover-vcurrent-to-prev var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-v-backward .page-current { animation: f7-cover-vcurrent-to-next var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-v-backward .page-previous { animation: f7-cover-vprev-to-current var(--f7-page-cover-transition-duration) forwards; }
@keyframes f7-cover-v-next-to-current {
0% { transform: translateY(100%); }
100% { transform: translateY(0px); }
}
@keyframes f7-cover-v-current-to-next {
0% { transform: translateY(0px); }
100% { transform: translateY(100%); }

84.

}
@keyframes f7-cover-v-current-to-prev {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0.5; transform: translateZ(-300px); }
}
@keyframes f7-cover-v-prev-to-current {
0% { opacity: 0.5; transform: translateZ(-300px); }
100% { opacity: 1; transform: translateZ(0px); }
}
.router-transition-f7-cover-backward, .router-transition-f7-cover-forward
{ background: rgb(0, 0, 0); perspective: 1200px; }
.router-transition-f7-cover-forward .page-next { animation: f7-cover-next-tocurrent var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-forward .page-current { animation: f7-cover-currentto-prev var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-backward .page-current { animation: f7-covercurrent-to-next var(--f7-page-cover-transition-duration) forwards; }
.router-transition-f7-cover-backward .page-previous { animation: f7-cover-prevto-current var(--f7-page-cover-transition-duration) forwards; }
@keyframes f7-cover-next-to-current {
0% { transform: translateX(100%); }
100% { transform: translateX(0px); }
}
@keyframes f7-cover-current-to-next {
0% { transform: translateX(0px); }
100% { transform: translateX(100%); }
}
@keyframes f7-cover-current-to-prev {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0.5; transform: translateZ(-300px); }
}
@keyframes f7-cover-prev-to-current {
0% { opacity: 0.5; transform: translateZ(-300px); }
100% { opacity: 1; transform: translateZ(0px); }
}
.router-transition-f7-dive-backward, .router-transition-f7-dive-forward
{ background: var(--f7-page-bg-color); perspective: 1200px; }
.router-transition-f7-dive-forward .page-next { animation: f7-dive-next-tocurrent var(--f7-page-dive-transition-duration) forwards; }
.router-transition-f7-dive-forward .page-current { animation: f7-dive-currentto-prev var(--f7-page-dive-transition-duration) forwards; }
.router-transition-f7-dive-backward .page-current { animation: f7-dive-currentto-next var(--f7-page-dive-transition-duration) forwards; }
.router-transition-f7-dive-backward .page-previous { animation: f7-dive-prev-tocurrent var(--f7-page-dive-transition-duration) forwards; }
@keyframes f7-dive-next-to-current {
0% { opacity: 0; transform: translateZ(-150px); }

85.

}
50% { opacity: 0; }
100% { opacity: 1; transform: translateZ(0px); }
@keyframes f7-dive-current-to-next {
0% { opacity: 1; transform: translateZ(0px); }
50% { opacity: 0; }
100% { opacity: 0; transform: translateZ(-150px); }
}
@keyframes f7-dive-current-to-prev {
0% { opacity: 1; transform: translateZ(0px); }
50% { opacity: 0; }
100% { opacity: 0; transform: translateZ(150px); }
}
@keyframes f7-dive-prev-to-current {
0% { opacity: 0; transform: translateZ(150px); }
50% { opacity: 0; }
100% { opacity: 1; transform: translateZ(0px); }
}
.router-transition-f7-fade-backward, .router-transition-f7-fade-forward
{ background: var(--f7-page-bg-color); }
.router-transition-f7-fade-forward .page-next { animation: f7-fade-in var(--f7page-fade-transition-duration) forwards; opacity: 0 !important; }
.router-transition-f7-fade-backward .page-current, .router-transition-f7-fadeforward .page-current { animation: f7-fade-out var(--f7-page-fade-transitionduration) forwards; }
.router-transition-f7-fade-backward .page-previous { animation: f7-fade-in
var(--f7-page-fade-transition-duration) forwards; }
@keyframes f7-fade-in {
0% { opacity: 0; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes f7-fade-out {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 0; }
}
.router-transition-f7-flip-backward, .router-transition-f7-flip-forward
{ background: rgb(0, 0, 0); perspective: 1200px; }
.router-transition-f7-flip-backward .page, .router-transition-f7-flipforward .page { backface-visibility: hidden; }
.router-transition-f7-flip-forward .page-next { animation: f7-flip-next-tocurrent var(--f7-page-flip-transition-duration) forwards; }
.router-transition-f7-flip-forward .page-current { animation: f7-flip-currentto-prev var(--f7-page-flip-transition-duration) forwards; }
.router-transition-f7-flip-backward .page-current { animation: f7-flip-currentto-next var(--f7-page-flip-transition-duration) forwards; }
.router-transition-f7-flip-backward .page-previous { animation: f7-flip-prev-tocurrent var(--f7-page-flip-transition-duration) forwards; }

86.

@keyframes f7-flip-next-to-current {
0% { border-radius: 30px; transform: translateZ(-100vmax) rotateY(180deg); }
100% { border-radius: 0px; transform: translateZ(0px) rotateY(0deg); }
}
@keyframes f7-flip-current-to-next {
0% { border-radius: 0px; transform: translateZ(0px) rotateY(0deg); }
100% { border-radius: 30px; transform: translateZ(-100vmax) rotateY(180deg); }
}
@keyframes f7-flip-current-to-prev {
0% { border-radius: 0px; transform: translateZ(0px) rotateY(0deg); }
100% { border-radius: 30px; transform: translateZ(-100vmax) rotateY(180deg); }
}
@keyframes f7-flip-prev-to-current {
0% { border-radius: 30px; transform: translateZ(-100vmax) rotateY(-180deg); }
100% { border-radius: 0px; transform: translateZ(0px) rotateY(0deg); }
}
.router-transition-f7-parallax-forward .page-next { animation: f7-parallax-nextto-current var(--f7-page-parallax-transition-duration) forwards; }
.router-transition-f7-parallax-forward .page-current { animation: f7-parallaxcurrent-to-prev var(--f7-page-parallax-transition-duration) forwards; }
.router-transition-f7-parallax-backward .page-current { animation: f7-parallaxcurrent-to-next var(--f7-page-parallax-transition-duration) forwards; }
.router-transition-f7-parallax-backward .page-previous { animation: f7-parallaxprev-to-current var(--f7-page-parallax-transition-duration) forwards; }
@keyframes f7-parallax-next-to-current {
0% { transform: translateX(100%); }
100% { transform: translateX(0px); }
}
@keyframes
f7-parallax-current-to-next {
0% { transform: translateX(0px); }
100% { transform: translateX(100%); }
}
@keyframes f7-parallax-current-to-prev {
0% { transform: translateX(0px); }
100% { transform: translateX(-20%); }
}
@keyframes f7-parallax-prev-to-current {
0% { transform: translateX(-20%); }
100% { transform: translateX(0px); }
}
.router-transition-f7-push-forward .page-next { animation: f7-push-next-tocurrent var(--f7-page-push-transition-duration) forwards; }
.router-transition-f7-push-forward .page-current { animation: f7-push-currentto-prev var(--f7-page-push-transition-duration) forwards; }
.router-transition-f7-push-backward .page-current { animation: f7-push-currentto-next var(--f7-page-push-transition-duration) forwards; }

87.

.router-transition-f7-push-backward .page-previous { animation: f7-push-prev-tocurrent var(--f7-page-push-transition-duration) forwards; }
@keyframes f7-push-next-to-current {
0% { transform: translateX(100%); }
100% { transform: translateX(0px); }
}
@keyframes f7-push-current-to-next {
0% { transform: translateX(0px); }
100% { transform: translateX(100%); }
}
@keyframes f7-push-current-to-prev {
0% { transform: translateX(0px); }
100% { transform: translateX(-100%); }
}
@keyframes f7-push-prev-to-current {
0% { transform: translateX(-100%); }
100% { transform: translateX(0px); }
}
:root { --f7-link-highlight-black: rgba(0,0,0,.1); --f7-link-highlight-white:
hsla(0,0%,100%,.15); --f7-link-highlight-color: rgba(var(--f7-theme-colorrgb),0.15); }
.aurora, .ios { --f7-link-pressed-opacity: 0.3; }
.aurora { --f7-link-hover-opacity: 0.65; }
.link, .tab-link { --f7-touch-ripple-color: var(--f7-link-touch-ripplecolor,rgba(var(--f7-theme-color-rgb),0.25)); place-content: center; align-items:
center; box-sizing: border-box; display: inline-flex; position: relative; zindex: 1; }
.link i + i, .link i + span, .link span + i, .link span + span { margin-left:
4px; }
.ios .link { transition: opacity 0.3s ease 0s; }
.ios .link.active-state { opacity: var(--f7-link-pressed-opacity); transitionduration: 0ms; }
.aurora .link { transition: opacity 0.3s ease 0s; }
.aurora .link.active-state { opacity: var(--f7-link-pressed-opacity);
transition-duration: 0ms; }
.aurora.device-desktop .link:not(.active-state):not(.no-hover):hover { opacity:
var(--f7-link-hover-opacity); transition-duration: 0ms; }
:root { --f7-navbar-hide-show-transition-duration: 400ms; --f7-navbar-titleline-height: 1.2; --f7-navbar-title-font-size: inherit; --f7-navbar-subtitletext-align: inherit; --f7-navbar-large-title-line-height: 1.2; --f7-navbarlarge-title-text-color: inherit; --f7-navbar-large-title-padding-left: 16px; -f7-navbar-large-title-padding-right: 16px; }
.ios { --f7-navbar-height: 44px; --f7-navbar-tablet-height: 44px; --f7-navbarfont-size: 17px; --f7-navbar-inner-padding-left: 8px; --f7-navbar-inner-paddingright: 8px; --f7-navbar-title-font-weight: 600; --f7-navbar-title-margin-left:
0; --f7-navbar-title-margin-right: 0; --f7-navbar-title-text-align: center; -f7-navbar-subtitle-font-size: 10px; --f7-navbar-subtitle-line-height: 1; --f7navbar-shadow-image: none; --f7-navbar-large-title-height: 52px; --f7-navbar-

88.

large-title-font-size: 34px; --f7-navbar-large-title-font-weight: 700; --f7navbar-large-title-letter-spacing: -0.03em; --f7-navbar-large-title-paddingvertical: 6px; --f7-navbar-subtitle-text-color: rgba(0,0,0,.55); }
.ios .dark, .ios.dark { --f7-navbar-subtitle-text-color: hsla(0,0%,100%,.55); }
.md { --f7-navbar-height: 56px; --f7-navbar-tablet-height: 64px; --f7-navbarfont-size: 20px; --f7-navbar-inner-padding-left: 4px; --f7-navbar-inner-paddingright: 4px; --f7-navbar-title-font-weight: 500; --f7-navbar-title-margin-left:
20px; --f7-navbar-title-margin-right: 16px; --f7-navbar-title-text-align: left;
--f7-navbar-subtitle-font-size: 14px; --f7-navbar-subtitle-line-height: 1.2; -f7-navbar-shadow-image: var(--f7-bars-shadow-bottom-image); --f7-navbar-largetitle-font-size: 34px; --f7-navbar-large-title-height: 56px; --f7-navbar-largetitle-font-weight: 500; --f7-navbar-large-title-letter-spacing: 0; --f7-navbarlarge-title-padding-vertical: 8px; --f7-navbar-link-height: 48px; --f7-navbarlink-line-height: 48px; --f7-navbar-subtitle-text-color: rgba(0,0,0,.85); }
.md .dark, .md.dark { --f7-navbar-subtitle-text-color: hsla(0,0%,100%,.85); }
.aurora { --f7-navbar-height: 56px; --f7-navbar-tablet-height: 56px; --f7navbar-font-size: 18px; --f7-navbar-inner-padding-left: 16px; --f7-navbar-innerpadding-right: 16px; --f7-navbar-title-font-weight: bold; --f7-navbar-titlemargin-left: 0; --f7-navbar-title-margin-right: 0; --f7-navbar-title-text-align:
center; --f7-navbar-subtitle-font-size: 14px; --f7-navbar-subtitle-line-height:
1; --f7-navbar-shadow-image: none; --f7-navbar-large-title-height: 48px; --f7navbar-large-title-font-size: 28px; --f7-navbar-large-title-font-weight: bold;
--f7-navbar-large-title-letter-spacing: 0; --f7-navbar-large-title-paddingvertical: 7px; --f7-navbar-link-height: auto; --f7-navbar-link-line-height:
inherit; --f7-navbar-subtitle-text-color: rgba(0,0,0,.6); }
.aurora .dark, .aurora.dark { --f7-navbar-subtitle-text-color:
hsla(0,0%,100%,.5); }
.navbar, .navbars { left: 0px; top: 0px; width: 100%; z-index: 500; }
.navbars { position: absolute; }
.navbars .navbar { z-index: auto; }
.navbars .navbar-transitioning { z-index: 500; }
.navbar { --f7-navbar-large-collapse-progress: 0; backface-visibility: hidden;
box-sizing: border-box; color: var(--f7-navbar-text-color,var(--f7-bars-textcolor)); font-size: var(--f7-navbar-font-size); height: calc(var(--f7-navbarheight) + var(--f7-safe-area-top)); margin: 0px; position: relative; }
.navbar.stacked { display: none; }
.navbar b { font-weight: 500; }
.navbar a { color: var(--f7-navbar-link-color,var(--f7-bars-link-color,var(--f7theme-color))); }
.navbar a.link { display: flex; height: var(--f7-navbar-link-height,var(--f7navbar-height)); justify-content: flex-start; line-height: var(--f7-navbar-linkline-height,var(--f7-navbar-height)); }
.navbar .left, .navbar .right, .navbar .title { position: relative; z-index: 10;
}
.navbar .title { display: inline-block; flex-shrink: 10; font-size: var(--f7navbar-title-font-size); font-weight: var(--f7-navbar-title-font-weight); lineheight: var(--f7-navbar-title-line-height); margin-left: var(--f7-navbar-titlemargin-left); margin-right: var(--f7-navbar-title-margin-left); overflow:

89.

hidden; position: relative; text-align: var(--f7-navbar-title-text-align); textoverflow: ellipsis; white-space: nowrap; }
.navbar .subtitle { color: var(--f7-navbar-subtitle-text-color); display: block;
font-size: var(--f7-navbar-subtitle-font-size); font-weight: 400; line-height:
var(--f7-navbar-subtitle-line-height); text-align: var(--f7-navbar-subtitletext-align); }
.navbar .left, .navbar .right { align-items: center; display: flex; flex-shrink:
0; justify-content: flex-start; }
.navbar .right:first-child { height: 100%; position: absolute; }
.navbar .no-border .navbar-bg::after, .navbar .no-border .titlelarge::after, .navbar .no-hairline .navbar-bg::after, .navbar .nohairline .title-large::after, .navbar .no-shadow .navbar-bg::before, .navbar.noborder .navbar-bg::after, .navbar.no-border .title-large::after, .navbar.nohairline .navbar-bg::after, .navbar.no-hairline .title-large::after, .navbar.noshadow .navbar-bg::before { display: none !important; }
.navbar-hidden .navbar .navbar-bg::before, .navbar.navbar-hidden .navbarbg::before { opacity: 0 !important; }
.navbar-bg { background-position-x: ; background-position-y: ; backgroundsize: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ;
background-origin: ; background-clip: ; background-color: var(--f7-navbar-bgcolor,var(--f7-bars-bg-color)); background-image: var(--f7-navbar-bgimage,var(--f7-bars-bg-image)); height: 100%; left: 0px; pointer-events: none;
position: absolute; top: 0px; transition-property: transform; width: 100%; zindex: 0; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .navbar-bg { backdrop-filter: saturate(180%) blur(var(-f7-bars-translucent-blur)); background-color: rgba(var(--f7-navbar-bg-colorrgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity)); }
}
.navbar-bg::after, .navbar-bg::before { backface-visibility: hidden; }
.navbar-bg::after { background-color: var(--f7-navbar-border-color,var(--f7bars-border-color)); inset: auto auto 0px 0px; display: block; height: 1px;
transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50%
100%; z-index: 15; }
.navbar-bg::after, .navbar-bg::before { content: ""; position: absolute; width:
100%; }
.navbar-bg::before { background: var(--f7-navbar-shadow-image); bottom: auto;
height: 8px; pointer-events: none; right: 0px; top: 100%; }
.navbar-bg::after { z-index: 1; }
@media (min-width: 768px) and (min-height: 600px) {
:root { --f7-navbar-height: var(--f7-navbar-tablet-height); }
}
.navbar-transitioning, .navbar-transitioning .left, .navbartransitioning .navbar-bg, .navbar-transitioning .navbar-bg::before, .navbartransitioning .right, .navbar-transitioning .subnavbar, .navbartransitioning .title, .navbar-transitioning .title-large-text { transitionduration: var(--f7-navbar-hide-show-transition-duration); }
.navbar-page-transitioning, .navbar-page-transitioning .navbar-bg, .navbar-page-

90.

transitioning .title-large-text { transition-duration: var(--f7-page-swipebacktransition-duration) !important; }
.navbar-hidden { transform: translate3d(0,calc(var(--f7-navbar-height)*-1),0); }
.navbar-hidden .navbar-inner { pointer-events: none; }
.navbar-hidden .navbar-inner > .left, .navbar-hidden .navbar-inner
> .right, .navbar-hidden .navbar-inner > .title { opacity: 0 !important; }
.navbar-hidden
.subnavbar { pointer-events: auto; }
.navbar-hidden-statusbar { transform: translate3d(0,calc(var(--f7-navbarheight)*-1 - var(--f7-safe-area-top)),0); }
.navbar-large-hidden .navbar-large { --f7-navbar-large-collapse-progress: 1; }
.navbar-inner { align-items: center; bottom: 0px; box-sizing: border-box;
display: flex; height: 100%; left: 0px; padding: var(--f7-safe-area-top)
calc(var(--f7-navbar-inner-padding-right) + var(--f7-safe-area-right)) 0
calc(var(--f7-navbar-inner-padding-left) + var(--f7-safe-area-left)); transform:
translateZ(0px); width: 100%; z-index: 10; }
.navbar-inner, .navbars > .navbar, .page > .navbar, .view > .navbar, .views
> .navbar { position: absolute; }
.navbar-transparent:not(.navbar-large):not(.navbar-transparentvisible):not(.with-searchbar-expandable-enabled) .navbar-bg, .navbartransparent:not(.navbar-large):not(.navbar-transparent-visible):not(.withsearchbar-expandable-enabled) .title { opacity: 0; }
.navbar-large .navbar-bg { height: calc(100% + var(--f7-navbar-large-titleheight)); transform: translate3d(0,calc(var(--f7-navbar-large-collapseprogress)*-1*var(--f7-navbar-large-title-height)),0); }
.navbar-large-transparent .navbar-bg, .navbar-large.navbar-transparent .navbarbg { height: 100%; opacity: var(--f7-navbar-large-collapse-progress); transform:
none; }
.ios .router-navbar-transition-from-large .navbar-bg, .ios .router-navbartransition-to-large .navbar-bg, .navbar-bg.ios-swipeback-navbar-bglarge, .navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bglarge, .navbar-large.navbar-transparent .navbar-bg.ios-swipeback-navbar-bg-large
{ height: calc(100% + var(--f7-navbar-large-title-height)); transform:
translate3d(0,calc(var(--f7-navbar-large-collapse-progress)*-1*var(--f7-navbarlarge-title-height)),0); }
.ios .navbar:not(.navbar-large) .navbar-bg { --f7-navbar-large-collapseprogress: 1; }
.navbar-large .title { opacity: var(--f7-navbar-large-collapse-progress); }
.navbar-large-collapsed { --f7-navbar-large-collapse-progress: 1; }
.navbar-large-collapsed .title-large { pointer-events: none; }
.navbar .title-large { align-items: flex-end; display: flex; height: var(--f7navbar-large-title-height); left: 0px; position: absolute; right: 0px; top:
100%; z-index: 5; }
.navbar .title-large, .navbar .title-large-text { box-sizing: border-box;
overflow: hidden; white-space: nowrap; }

91.

.navbar .title-large-text { color: var(--f7-navbar-large-title-text-color);
font-size: var(--f7-navbar-large-title-font-size); font-weight: var(--f7-navbarlarge-title-font-weight); letter-spacing: var(--f7-navbar-large-title-letterspacing); line-height: var(--f7-navbar-large-title-line-height); padding: var(-f7-navbar-large-title-padding-vertical) calc(var(--f7-navbar-large-titlepadding-right) + var(--f7-safe-area-right)) var(--f7-navbar-large-title-paddingvertical) calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-arealeft)); text-overflow: ellipsis; transform: translate3d(0,calc(var(--f7-navbarlarge-collapse-progress)*-1*var(--f7-navbar-large-title-height)),0); transformorigin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-arealeft)) center; width: 100%; }
.navbar-no-title-large-transition .title-large-text { transition-duration:
0ms; }
.navbars ~ *, .navbar ~ * { --f7-page-navbar-offset: calc(var(--f7-navbarheight) + var(--f7-safe-area-top)); }
.navbars ~ * .page-with-navbar-large, .navbars ~ .page-with-navbarlarge, .navbar ~ * .page-with-navbar-large, .navbar ~ .page-with-navbarlarge, .page-with-navbar-large .navbar ~ * { --f7-page-navbar-offset:
calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7safe-area-top)); }
.page.no-navbar, .page.no-navbar .navbar ~ * { --f7-page-navbar-offset: var(-f7-safe-area-top); }
.ios { --f7-navbarLeftTextOffset: calc(16px + var(--f7-navbar-inner-paddingleft)); --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left);
--f7-navbar-large-transparent-bg-center: translateX(0); --f7-navbar-large-bgcenter-top: translateX(0) translateY(calc(var(--f7-navbar-large-title-height)*1)); --f7-navbar-large-bg-center-bottom: translateX(0) translateY(0); --f7navbar-large-transparent-bg-left: translateX(-100%); --f7-navbar-large-bg-lefttop: translateX(-100%) translateY(calc(var(--f7-navbar-large-title-height)*-1));
--f7-navbar-large-bg-left-bottom: translateX(-100%) translateY(0); --f7-navbarlarge-bg-right-top: translateX(100%) translateY(calc(var(--f7-navbar-largetitle-height)*-1)); --f7-navbar-large-bg-right-bottom: translateX(100%)
translateY(0); }
.ios .navbar a.icon-only { justify-content: center; margin: 0px; width: 44px; }
.ios .navbar .left a + a, .ios .navbar .right a + a { margin-left: 16px; }
.ios .navbar b { font-weight: 600; }
.ios .navbar .left { margin-right: 10px; }
.ios .navbar .right { margin-left: 10px; }
.ios .navbar .right:first-child { right: calc(8px + var(--f7-safe-arearight)); }
.ios .navbar-inner { justify-content: space-between; }
.ios .navbar-inner-left-title { justify-content: flex-start; }
.ios .navbar-inner-left-title .right { margin-left: auto; }
.ios .navbar-inner-left-title .title { margin-right: 10px; text-align: left; }
.ios .navbar-next .fading, .ios .navbar-next .left, .ios .navbarnext .right, .ios .navbar-next .subnavbar, .ios .navbar-next .title, .ios .viewmaster-detail .navbar-previous:not(.navbar-master) .fading, .ios .view-masterdetail .navbar-previous:not(.navbar-master) .left, .ios .view-master-

92.

detail .navbar-previous:not(.navbar-master) .right, .ios .view-masterdetail .navbar-previous:not(.navbar-master) .subnavbar, .ios .view-master-detail
.navbar-previous:not(.navbar-master) .title, .ios .view:not(.view-master-detail)
.navbar-previous .fading, .ios .view:not(.view-master-detail) .navbarprevious .left, .ios .view:not(.view-master-detail) .navbarprevious .right, .ios .view:not(.view-master-detail) .navbarprevious .subnavbar, .ios .view:not(.view-master-detail) .navbar-previous .title
{ opacity: 0; }
.ios .view-master-detail .navbar-previous:not(.navbarmaster), .ios .view:not(.view-master-detail) .navbar-previous { pointer-events:
none; }
.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large, .ios
.view:not(.view-master-detail) .navbar-previous .title-large { opacity: 0;
transition-duration: 0ms; }
.ios .view-master-detail .navbar-previous:not(.navbar-master) .titlelarge .title-large-text, .ios .view:not(.view-master-detail) .navbarprevious .title-large .title-large-text { transform: scale(0.5); transitionduration: 0ms; }
.ios .view-master-detail .navbar-previous:not(.navbarmaster) .sliding .subnavbar, .ios .view-master-detail .navbarprevious:not(.navbar-master) .subnavbar.sliding, .ios .view:not(.view-masterdetail) .navbar-previous .sliding .subnavbar, .ios .view:not(.view-masterdetail) .navbar-previous .subnavbar.sliding { opacity: 1; transform:
translate3d(-100%, 0px, 0px); }
.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbarbg, .ios .view:not(.view-master-detail) .navbar-previous .navbar-bg { transform:
translateX(-100%); }
.ios .navbar-next { pointer-events: none; }
.ios .navbar-next .navbar-bg { transform: translateX(100%); }
.ios .navbar-next .title-large .title-large-text { transform: translateX(100%)
translateY(calc(var(--f7-navbar-large-title-height)*-1)); transition-duration:
0ms; }
.ios .navbar-next .sliding .subnavbar, .ios .navbar-next .subnavbar.sliding
{ opacity: 1; transform: translate3d(100%, 0px, 0px); }
.ios .router-transition .navbar, .ios .router-transition .navbar-bg
{ transition-duration: var(--f7-page-transition-duration); }
.ios .router-transition .navbar-bg { animation-duration: var(--f7-pagetransition-duration); animation-fill-mode: forwards; }
.ios .router-transition .title-large, .ios .router-transition .title-large-text
{ transition-duration: 0ms; }
.ios .router-transition .navbar-current .left, .ios .router-transition .navbarcurrent .right, .ios .router-transition .navbarcurrent .subnavbar, .ios .router-transition .navbar-current .title { animation:
ios-navbar-element-fade-out var(--f7-page-transition-duration) forwards; }
.ios .router-transition .navbar-current .sliding .left, .ios .routertransition .navbar-current .sliding .left .icon + span, .ios .routertransition .navbar-current .sliding .right, .ios .router-transition .navbarcurrent .sliding .title, .ios .router-transition .navbarcurrent .sliding.left, .ios .router-transition .navbarcurrent .sliding.left .icon + span, .ios .router-transition .navbar-

93.

current .sliding.right, .ios .router-transition .navbar-current .sliding.title {
animation: auto ease 0s 1 normal none running none; transition-duration: var(-f7-page-transition-duration); opacity: 0 !important; }
.ios .router-transition .navbar-current .sliding .subnavbar, .ios .routertransition .navbar-current .sliding.subnavbar { animation: auto ease 0s 1 normal
none running none; opacity: 1; transition-duration: var(--f7-page-transitionduration); }
.ios .router-transition-backward .navbar-previous .left, .ios .routertransition-backward .navbar-previous .right, .ios .router-transitionbackward .navbar-previous .subnavbar, .ios .router-transition-backward .navbarprevious .title, .ios .router-transition-forward .navbarnext .left, .ios .router-transition-forward .navbar-next .right, .ios .routertransition-forward .navbar-next .subnavbar, .ios .router-transitionforward .navbar-next .title { animation: ios-navbar-element-fade-in var(--f7page-transition-duration) forwards; }
.ios .router-transition-backward .navbar-previous .sliding .left, .ios .routertransition-backward .navbar-previous .sliding .left .icon + span, .ios .routertransition-backward .navbar-previous .sliding .right, .ios .router-transitionbackward .navbar-previous .sliding .subnavbar, .ios .router-transitionbackward .navbar-previous
.sliding .title, .ios .router-transition-backward .navbarprevious .sliding.left, .ios .router-transition-backward .navbarprevious .sliding.left .icon + span, .ios .router-transition-backward .navbarprevious .sliding.right, .ios .router-transition-backward .navbarprevious .sliding.title, .ios .router-transition-forward .navbarnext .sliding .left, .ios .router-transition-forward .navbar-next .sliding .left
.icon + span, .ios .router-transition-forward .navbar-next .sliding .right, .ios
.router-transition-forward .navbar-next .sliding .subnavbar, .ios .routertransition-forward .navbar-next .sliding .title, .ios .router-transition-forward
.navbar-next .sliding.left, .ios .router-transition-forward .navbarnext .sliding.left .icon + span, .ios .router-transition-forward .navbarnext .sliding.right, .ios .router-transition-forward .navbar-next .sliding.title
{ animation: auto ease 0s 1 normal none running none; transition-duration:
var(--f7-page-transition-duration); opacity: 1 !important; transform:
translateZ(0px) !important; }
.ios .router-transition-backward .navbar-previous.navbartransparent:not(.navbar-large):not(.navbar-transparentvisible) .title, .ios .router-transition-forward .navbar-next.navbartransparent:not(.navbar-large):not(.navbar-transparent-visible) .title
{ animation: auto ease 0s 1 normal none running none; }
.ios .router-transition-backward .navbar-previous.navbartransparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,
.ios .router-transition-backward .navbar-previous.navbartransparent:not(.navbar-large):not(.navbar-transparentvisible) .sliding.title, .ios .router-transition-forward .navbar-next.navbartransparent:not(.navbar-large):not(.navbar-transparent-visible) .sliding .title,
.ios .router-transition-forward .navbar-next.navbar-transparent:not(.navbarlarge):not(.navbar-transparent-visible) .sliding.title { opacity: 0 !
important; }
.ios .router-transition-backward .navbar-previous.with-searchbar-expandableenabled .left, .ios .router-transition-backward .navbar-previous.with-searchbarexpandable-enabled .right, .ios .router-transition-backward .navbarprevious.with-searchbar-expandable-enabled .subnavbar, .ios .router-transitionbackward .navbar-previous.with-searchbar-expandableenabled .title, .ios .router-transition-backward .navbar-previous.withsearchbar-expandable-enabled-no-transition .left, .ios .router-transitionbackward .navbar-previous.with-searchbar-expandable-enabled-notransition .right, .ios .router-transition-backward .navbar-previous.with-

94.

searchbar-expandable-enabled-no-transition .subnavbar, .ios .router-transitionbackward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title
{ animation: auto ease 0s 1 normal none running none; }
.ios .router-transition-forward .navbar-current.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large, .ios .router-transitionforward .navbar-current.router-navbar-transition-from-large:not(.router-navbartransition-to-large) .title-large { overflow: visible; }
.ios .router-transition-forward .navbar-current.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large .title-largetext, .ios .router-transition-forward .navbar-current.router-navbar-transitionfrom-large:not(.router-navbar-transition-to-large) .title-large .title-largetext { animation: ios-navbar-large-title-text-slide-up var(--f7-page-transitionduration) forwards,ios-navbar-large-title-text-fade-out var(--f7-pagetransition-duration) forwards; }
.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large
.left .back span { animation: ios-navbar-back-text-next-to-current var(--f7page-transition-duration) forwards; transform-origin: left center; transition:
none 0s ease 0s; }
.ios .router-transition-forward .navbar-next.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large { overflow: visible; }
.ios .router-transition-forward .navbar-next.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large .title-largetext, .ios .router-transition-forward .navbar-next.router-navbar-transition-tolarge:not(.router-navbar-transition-from-large) .title-large .title-large-text {
animation: ios-navbar-large-title-text-slide-left var(--f7-page-transitionduration) forwards; }
.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-largecollapsed) .title, .ios .router-transition-forward .navbar-next.navbarlarge:not(.navbar-large-collapsed) .title { animation: auto ease 0s 1 normal
none running none; opacity: 0 !important; }
.ios .router-transition-backward .navbar-current.router-navbar-transition-tolarge .left .back span { animation: ios-navbar-back-text-current-to-previous
var(--f7-page-transition-duration) forwards; transform-origin: left center;
transition: none 0s ease 0s; }
.ios .router-transition-backward .navbar-current.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large { overflow: visible; }
.ios .router-transition-backward .navbar-current.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large .title-largetext, .ios .router-transition-backward .navbar-current.router-navbar-transitionfrom-large:not(.router-navbar-transition-to-large) .title-large .title-largetext { animation: ios-navbar-large-title-text-slide-right var(--f7-pagetransition-duration) forwards; }
.ios .router-transition-backward .navbar-current.router-navbar-transition-tolarge:not(.router-navbar-transition-from-large) .title-large { opacity: 0; }
.ios .router-transition-backward .navbar-previous.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large, .ios .router-transitionbackward .navbar-previous.router-navbar-transition-to-large:not(.router-navbartransition-from-large) .title-large { opacity: 1; overflow: visible; }
.ios .router-transition-backward .navbar-previous.router-navbar-transition-fromlarge.router-navbar-transition-to-large .title-large .title-largetext, .ios .router-transition-backward .navbar-previous.router-navbartransition-to-large:not(.router-navbar-transition-from-large) .title-

95.

large .title-large-text { animation: ios-navbar-large-title-text-slide-down
var(--f7-page-transition-duration) forwards,ios-navbar-large-title-text-fade-in
var(--f7-page-transition-duration) forwards; }
.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-largecollapsed) .title, .ios .router-transition-backward .navbar-previous.navbarlarge:not(.navbar-large-collapsed) .title { animation: auto ease 0s 1 normal
none running none; opacity: 0 !important; }
.ios .router-transition-forward .navbar-current .navbar-bg, .ios .routertransition-forward .navbar-current.router-navbar-transition-from-large.routernavbar-transition-to-large .navbar-bg { animation-name: ios-navbar-bg-from-cbto-lb; }
.ios .router-transition-forward .navbar-current.router-navbar-transition-fromlarge:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: iosnavbar-bg-from-cb-to-lt; }
.ios .router-transition-forward .navbar-current:not(.router-navbar-transitionfrom-large).router-navbar-transition-to-large .navbar-bg { animation-name: iosnavbar-bg-from-ct-to-lb; }
.ios .router-transition-forward .navbar-current.navbar-largecollapsed:not(.router-navbar-transition-to-large) .navbar-bg { animation-name:
ios-navbar-bg-from-ct-to-lt; }
.ios .router-transition-forward .navbar-current.navbar-large-collapsed.navbarlarge-transparent:not(.router-navbar-transition-to-large) .navbarbg, .ios .router-transition-forward .navbar-current.navbar-largecollapsed.navbar-large.navbar-transparent:not(.router-navbar-transition-tolarge) .navbar-bg { animation-name: ios-navbar-transparent-bg-from-c-to-l; }
.ios .router-transition-forward .navbar-next .navbar-bg, .ios .routertransition-forward .navbar-next.router-navbar-transition-from-large.routernavbar-transition-to-large .navbar-bg { animation-name: ios-navbar-bg-from-rbto-cb; }
.ios .router-transition-forward .navbar-next.router-navbar-transition-fromlarge:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: iosnavbar-bg-from-rb-to-ct; }
.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-fromlarge).router-navbar-transition-to-large .navbar-bg { animation-name: iosnavbar-bg-from-rt-to-cb; }
.ios .router-transition-backward .navbar-current .navbar-bg { animation-name:
ios-navbar-bg-from-cb-to-rb; }
.ios .router-transition-backward .navbar-current:not(.router-navbar-transitionfrom-large).router-navbar-transition-to-large .navbar-bg { animation-name: iosnavbar-bg-from-ct-to-rb; }
.ios .router-transition-backward .navbar-current.router-navbar-transition-fromlarge:not(.router-navbar-transition-to-large) .navbar-bg { animation-name: iosnavbar-bg-from-cb-to-rt; }
.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbarbg { animation-name: ios-navbar-bg-from-ct-to-rt; }
.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbarlarge-transparent .navbar-bg, .ios .router-transition-backward .navbarcurrent.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg
{ animation-name: ios-navbar-bg-from-cb-to-rb; }

96.

.ios .router-transition-backward .navbar-current.navbar-large-collapsed.routernavbar-transition-to-large .navbar-bg { animation-name: ios-navbar-bg-from-ctto-rb; }
.ios .router-transition-backward .navbar-previous .navbar-bg { animation-name:
ios-navbar-bg-from-lb-to-cb; }
.ios .router-transition-backward .navbar-previous:not(.router-navbar-transitionfrom-large).router-navbar-transition-to-large .navbar-bg { animation-name: iosnavbar-bg-from-lt-to-cb; }
.ios .router-transition-backward .navbar-previous.router-navbar-transition-fromlarge:not(.router-navbar-transition-to-large)
.navbar-bg { animation-name: ios-navbar-bg-from-lb-to-ct; }
.ios .router-transition-backward .navbar-previous.navbar-largecollapsed .navbar-bg { animation-name: ios-navbar-bg-from-lt-to-ct; }
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbarlarge-transparent .navbar-bg, .ios .router-transition-backward .navbarprevious.navbar-large-collapsed.navbar-large.navbar-transparent .navbar-bg
{ animation-name: ios-navbar-transparent-bg-from-l-to-c; }
.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbarlarge-transparent.router-navbar-transition-from-large .navbar-bg, .ios .routertransition-backward .navbar-previous.navbar-large-collapsed.navbar-large.navbartransparent.router-navbar-transition-from-large .navbar-bg { animation-name:
ios-navbar-bg-from-lb-to-ct; }
.view-master-detail .navbars { z-index: auto; }
.view-master-detail .page-master { z-index: 525; }
.view-master-detail .navbar-master .navbar-bg, .view-master-detail .navbarmaster .navbar-inner { z-index: 550; }
.view-master-detail .navbar-master-detail .navbar-bg, .view-masterdetail .navbar-master-detail .navbar-inner { z-index: 500; }
.view-master-detail .navbar-master.navbar-previous { pointer-events: auto; }
.view-master-detail .navbar-master.navbar-previous .left, .view-masterdetail .navbar-master.navbar-previous .right, .view-master-detail .navbarmaster.navbar-previous .subnavbar, .view-master-detail .navbar-master.navbarprevious:not(.navbar-large) .title { opacity: 1; }
.view-master-detail.router-transition .navbar-master .fading, .view-masterdetail.router-transition .navbar-master .left, .view-master-detail.routertransition .navbar-master .left .icon + span, .view-master-detail.routertransition .navbar-master .right, .view-master-detail.router-transition .navbarmaster .subnavbar, .view-master-detail.router-transition .navbarmaster:not(.navbar-large) .title { transition-duration: 0ms; animation: auto
ease 0s 1 normal none running none !important; opacity: 1 !important; transform:
none !important; }
.view-master-detail.router-transition .navbar-master .navbar-bg { transitionduration: 0ms; animation: auto ease 0s 1 normal none running none !important; }
.view-master-detail.router-transition .navbar-master.navbar-large .title
{ transition-duration: 0ms; animation: auto ease 0s 1 normal none running none !
important; opacity: calc(-1 + var(--f7-navbar-large-collapse-progress)*2) !
important; transform: none !important; }
.view-master-detail.router-transition .navbar-master.navbar-large .title-

97.

large, .view-master-detail.router-transition .navbar-master.navbar-large .titlelarge-text { transition-duration: 0ms; animation: auto ease 0s 1 normal none
running none !important; }
.view-master-detail.router-transition .navbar-master.navbar-largetransparent .navbar-bg, .view-master-detail.router-transition .navbarmaster.navbar-large.navbar-transparent .navbar-bg { height: 100% !important;
opacity: var(--f7-navbar-large-collapse-progress) !important; }
@keyframes ios-navbar-element-fade-in {
0% { opacity: 0; }
25% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes ios-navbar-element-fade-out {
0% { opacity: 1; }
75% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes ios-navbar-large-title-text-slide-up {
0% { transform: translateX(0px) translateY(0px) scale(1); }
100% { transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7navbarTitleLargeOffset))) translateY(calc(var(--f7-navbar-large-title-height)*-1
+ var(--f7-navbar-large-title-padding-vertical))) scale(.5); }
}
@keyframes ios-navbar-large-title-text-slide-down {
0% { transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7navbarTitleLargeOffset))) translateY(calc(var(--f7-navbar-large-title-height)*-1
+ var(--f7-navbar-large-title-padding-vertical)/2)) scale(.5); }
100% { transform: translateX(0px) translateY(0px) scale(1); }
}
@keyframes ios-navbar-large-title-text-slide-left {
0% { transform: translateX(100%); }
100% { transform: translateX(0px); }
}
@keyframes ios-navbar-large-title-text-slide-right {
0% { transform: translateX(0px); }
100% { transform: translateX(100%); }
}
@keyframes ios-navbar-large-title-text-fade-out {
0% { opacity: 1; }
80% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes ios-navbar-large-title-text-fade-in {
0% { opacity: 0; }
20% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes ios-navbar-back-text-current-to-previous {
0% { opacity: 1; transform: translateY(0px) translateX(0px) scale(1); }
80% { opacity: 0; }
100% { opacity: 0; transform: translateX(calc(var(--f7-navbarTitleLargeOffset)
- var(--f7-navbarLeftTextOffset))) translateY(calc(var(--f7-navbar-large-titleheight)*1 - var(--f7-navbar-large-title-padding-vertical)/2)) scale(2); }
}

98.

@keyframes ios-navbar-back-text-next-to-current {
0% { opacity: 0; transform: translateX(calc(var(--f7-navbarTitleLargeOffset) var(--f7-navbarLeftTextOffset))) translateY(calc(var(--f7-navbar-large-titleheight)*1 + var(--f7-navbar-large-title-padding-vertical)/2)) scale(2); }
20% { opacity: 0; }
100% { opacity: 1; transform: translateX(0px) translateY(0px) scale(1); }
}
@keyframes ios-navbar-bg-from-cb-to-lb {
0% { transform: var(--f7-navbar-large-bg-center-bottom); }
100% { transform: var(--f7-navbar-large-bg-left-bottom); }
}
@keyframes ios-navbar-bg-from-cb-to-lt {
0% { transform: var(--f7-navbar-large-bg-center-bottom); }
100% { transform: var(--f7-navbar-large-bg-left-top); }
}
@keyframes ios-navbar-bg-from-ct-to-lb {
0% { transform: var(--f7-navbar-large-bg-center-top); }
100% { transform: var(--f7-navbar-large-bg-left-bottom); }
}
@keyframes ios-navbar-bg-from-ct-to-lt {
0% { transform: var(--f7-navbar-large-bg-center-top); }
100% { transform: var(--f7-navbar-large-bg-left-top); }
}
@keyframes ios-navbar-bg-from-rb-to-cb {
0% { transform: var(--f7-navbar-large-bg-right-bottom); }
100% { transform: var(--f7-navbar-large-bg-center-bottom); }
}
@keyframes ios-navbar-bg-from-rb-to-ct {
0% { transform: var(--f7-navbar-large-bg-right-bottom); }
100% { transform: var(--f7-navbar-large-bg-center-top); }
}
@keyframes ios-navbar-bg-from-rt-to-cb {
0% { transform: var(--f7-navbar-large-bg-right-top); }
100% { transform: var(--f7-navbar-large-bg-center-bottom); }
}
@keyframes ios-navbar-bg-from-cb-to-rb {
0% { transform: var(--f7-navbar-large-bg-center-bottom); }
100% { transform: var(--f7-navbar-large-bg-right-bottom); }
}
@keyframes ios-navbar-bg-from-ct-to-rb {
0% { transform: var(--f7-navbar-large-bg-center-top); }
100% { transform: var(--f7-navbar-large-bg-right-bottom); }
}
@keyframes ios-navbar-bg-from-cb-to-rt {
0% { transform: var(--f7-navbar-large-bg-center-bottom); }
100% { transform: var(--f7-navbar-large-bg-right-top); }
}
@keyframes ios-navbar-bg-from-ct-to-rt {
0% { transform: var(--f7-navbar-large-bg-center-top); }
100% { transform: var(--f7-navbar-large-bg-right-top); }
}

99.

@keyframes ios-navbar-bg-from-lb-to-cb {
0% { transform: var(--f7-navbar-large-bg-left-bottom); }
100% { transform: var(--f7-navbar-large-bg-center-bottom); }
}
@keyframes ios-navbar-bg-from-lt-to-cb {
0% { transform: var(--f7-navbar-large-bg-left-top); }
100% { transform: var(--f7-navbar-large-bg-center-bottom); }
}
@keyframes ios-navbar-bg-from-lb-to-ct {
0% { transform: var(--f7-navbar-large-bg-left-bottom); }
100% { transform: var(--f7-navbar-large-bg-center-top); }
}
@keyframes ios-navbar-bg-from-lt-to-ct {
0% { transform: var(--f7-navbar-large-bg-left-top); }
100% { transform: var(--f7-navbar-large-bg-center-top); }
}
@keyframes ios-navbar-transparent-bg-from-l-to-c {
0% { transform: var(--f7-navbar-large-transparent-bg-left); }
100% { transform: var(--f7-navbar-large-transparent-bg-center); }
}
@keyframes ios-navbar-transparent-bg-from-c-to-l {
0% { transform: var(--f7-navbar-large-transparent-bg-center); }
100% { transform: var(--f7-navbar-large-transparent-bg-left); }
}
.md .navbar a.link { min-width: 48px; padding: 0px 12px; }
.md .navbar a.link::before { background-image: radial-gradient(circle at
center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); backgroundposition: 50% center; background-repeat: no-repeat; background-size: 100% 100%;
content: ""; height: 152%; left: -26%; opacity: 0; pointer-events: none;
position: absolute; top: -26%; transition-duration: 0.3s; transition-property:
opacity; width: 152%; }
.md .navbar a.link.icon-only::before, .md .navbar a.link.input-clearbutton::before, .md .navbar a.link.notification-closebutton::before, .md .navbar a.link.ripple-inset::before, .md .navbar
a.link.searchbar-disable-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 71%,hsla(0,0%,100%,0)
71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md .navbar a.link.active-state::before { opacity: 1; transition-duration:
0.15s; }
.md .navbar a.icon-only { flex-shrink: 0; min-width: 0px; width: 48px; }
.md .navbar .right { margin-left: auto; }
.md .navbar .right:first-child { right: var(--f7-safe-area-right); }
.md .navbar-inner { justify-content: flex-start; overflow: hidden; }
.md .navbar-large:not(.navbar-large-collapsed) .navbar-inner, .md .page.pagewith-subnavbar .navbar-inner { overflow: visible; }
.md .navbar-inner-centered-title { justify-content: space-between; }
.md .navbar-inner-centered-title .right { margin-left: 0px; }

100.

.md .navbar-inner-centered-title .title { text-align: center; }
.aurora .navbar a.icon-only { justify-content: center; margin: 0px; }
.aurora .navbar .left a + a, .aurora .navbar .right a + a { margin-left: 10px; }
.aurora .navbar b { font-weight: 700; }
.aurora .navbar .left { margin-right: 16px; }
.aurora .navbar .right { margin-left: 16px; }
.aurora .navbar .right:first-child
{ right: calc(16px + var(--f7-safe-area-right)); }
.aurora .navbar-inner { justify-content: space-between; }
.aurora .navbar-inner-left-title { justify-content: flex-start; }
.aurora .navbar-inner-left-title .right { margin-left: auto; }
.aurora .navbar-inner-left-title .title { margin-right: 16px; text-align:
left; }
:root { --f7-tabbar-link-active-bg-color: transparent; --f7-tabbar-label-texttransform: none; --f7-toolbar-hide-show-transition-duration: 400ms; }
.ios { --f7-toolbar-height: 44px; --f7-toolbar-font-size: 17px; --f7-toolbarinner-padding-left: 8px; --f7-toolbar-inner-padding-right: 8px; --f7-tabbarlabels-height: 50px; --f7-tabbar-labels-tablet-height: 50px; --f7-toolbar-topshadow-image: none; --f7-toolbar-bottom-shadow-image: none; --f7-tabbar-iconsize: 28px; --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight:
400; --f7-tabbar-link-letter-spacing: 0; --f7-tabbar-label-font-size: 12px; -f7-tabbar-label-tablet-font-size: 14px; --f7-tabbar-label-font-weight: 500; -f7-tabbar-label-letter-spacing: 0.01; --f7-tabbar-link-inactive-color:
rgba(0,0,0,.4); }
.ios .dark, .ios.dark { --f7-tabbar-link-inactive-color: hsla(0,0%,100%,.54); }
.md { --f7-toolbar-height: 48px; --f7-toolbar-font-size: 14px; --f7-toolbarinner-padding-left: 0px; --f7-toolbar-inner-padding-right: 0px; --f7-tabbarlabels-height: 56px; --f7-tabbar-labels-tablet-height: 56px; --f7-toolbar-topshadow-image: var(--f7-bars-shadow-bottom-image); --f7-toolbar-bottom-shadowimage: var(--f7-bars-shadow-top-image); --f7-tabbar-icon-size: 24px; --f7tabbar-link-text-transform: uppercase; --f7-tabbar-link-font-weight: 500; --f7tabbar-link-letter-spacing: 0.05em; --f7-tabbar-label-font-size: 14px; --f7tabbar-label-tablet-font-size: 14px; --f7-tabbar-label-font-weight: 400; --f7tabbar-label-letter-spacing: 0; --f7-tabbar-link-inactive-color:
rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-tabbar-link-inactive-color: hsla(0,0%,100%,.54); }
.aurora { --f7-toolbar-height: 48px; --f7-toolbar-font-size: 16px; --f7-toolbarinner-padding-left: 16px; --f7-toolbar-inner-padding-right: 16px; --f7-toolbarlink-height: auto; --f7-toolbar-link-line-height: inherit; --f7-tabbar-labelsheight: 52px; --f7-tabbar-labels-tablet-height: 52px; --f7-toolbar-top-shadowimage: none; --f7-toolbar-bottom-shadow-image: none; --f7-tabbar-icon-size:
24px; --f7-tabbar-link-text-transform: none; --f7-tabbar-link-font-weight: 500;
--f7-tabbar-link-letter-spacing: 0; --f7-tabbar-label-font-size: 14px; --f7tabbar-label-tablet-font-size: 14px; --f7-tabbar-label-font-weight: 500; --f7tabbar-label-letter-spacing: 0; --f7-tabbar-link-inactive-color: rgba(0,0,0,.5);
}
.aurora .dark, .aurora.dark { --f7-tabbar-link-inactive-color:

101.

hsla(0,0%,100%,.5); }
.toolbar { backface-visibility: hidden; background-color: var(--f7-toolbar-bgcolor,var(--f7-bars-bg-color)); background-image: var(--f7-toolbar-bgimage,var(--f7-bars-bg-image)); box-sizing: border-box; color: var(--f7-toolbartext-color,var(--f7-bars-text-color)); font-size: var(--f7-toolbar-font-size);
height: var(--f7-toolbar-height); left: 0px; margin: 0px; position: relative;
transform: translateZ(0px); width: 100%; z-index: 600; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .toolbar { backdrop-filter: saturate(180%) blur(var(-f7-bars-translucent-blur)); background-color: rgba(var(--f7-toolbar-bg-colorrgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity)); }
}
.toolbar b { font-weight: 600; }
.toolbar a { box-sizing: border-box; color: var(--f7-toolbar-link-color,var(-f7-bars-link-color,var(--f7-theme-color))); flex-shrink: 1; position: relative;
text-overflow: ellipsis; white-space: nowrap; }
.toolbar .link { display: flex; height: var(--f7-toolbar-link-height,var(--f7toolbar-height)); line-height: var(--f7-toolbar-link-line-height,var(--f7toolbar-height)); }
.toolbar i.icon { display: block; }
.toolbar::after, .toolbar::before { backface-visibility: hidden; }
.page > .toolbar, .view > .toolbar, .views > .toolbar { position: absolute; }
.aurora .toolbar-top-aurora, .ios .toolbar-top-ios, .md .toolbar-topmd, .toolbar-top { top: 0px; }
.aurora .toolbar-top-aurora .tab-link-highlight, .ios .toolbar-top-ios .tablink-highlight, .md .toolbar-top-md .tab-link-highlight, .toolbar-top .tab-linkhighlight { bottom: 0px; }
.aurora .toolbar-top-aurora.no-border::after, .aurora .toolbar-top-aurora.nohairline::after, .aurora .toolbar-top-aurora.noshadow::before, .aurora .toolbar-top-aurora.toolbarhidden::before, .ios .toolbar-top-ios.no-border::after, .ios .toolbar-topios.no-hairline::after, .ios .toolbar-top-ios.no-shadow::before, .ios .toolbartop-ios.toolbar-hidden::before, .md .toolbar-top-md.noborder::after, .md .toolbar-top-md.no-hairline::after, .md .toolbar-top-md.noshadow::before, .md .toolbar-top-md.toolbar-hidden::before, .toolbar-top.noborder::after, .toolbar-top.no-hairline::after, .toolbar-top.noshadow::before, .toolbar-top.toolbar-hidden::before { display: none !
important; }
.aurora .toolbar-top-aurora::after, .aurora .toolbar-topaurora::before, .ios .toolbar-top-ios::after, .ios .toolbar-top-ios::before, .md
.toolbar-top-md::after, .md .toolbar-top-md::before, .toolbartop::after, .toolbar-top::before { backface-visibility: hidden; }
.aurora .toolbar-top-aurora::after, .ios .toolbar-top-ios::after, .md .toolbartop-md::after, .toolbar-top::after { background-color: var(--f7-toolbar-bordercolor,var(--f7-bars-border-color)); inset: auto auto 0px 0px; content: "";
display: block; height: 1px; position: absolute; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 100%; width: 100%; z-index:
15; }
.aurora .toolbar-top-aurora::before, .ios .toolbar-top-

102.

ios::before, .md .toolbar-top-md::before, .toolbar-top::before { background:
var(--f7-toolbar-top-shadow-image); bottom: auto; content: ""; height: 8px;
pointer-events: none; position: absolute; right: 0px; top: 100%; width: 100%; }
.aurora .toolbar-bottom-aurora, .ios .toolbar-bottom-ios, .md .toolbar-bottommd, .toolbar-bottom { bottom: 0px; height: calc(var(--f7-toolbar-height) +
var(--f7-safe-area-bottom)); }
.aurora .toolbar-bottom-aurora .tab-link-highlight, .ios .toolbar-bottomios .tab-link-highlight, .md .toolbar-bottom-md .tab-link-highlight, .toolbarbottom .tab-link-highlight { top: 0px; }
.aurora .toolbar-bottom-aurora .toolbar-inner, .ios .toolbar-bottomios .toolbar-inner, .md .toolbar-bottom-md .toolbar-inner, .toolbarbottom .toolbar-inner { bottom: var(--f7-safe-area-bottom); height: auto; top:
0px; }
.aurora .toolbar-bottom-aurora.no-border::before, .aurora .toolbar-bottomaurora.no-hairline::before, .aurora .toolbar-bottom-aurora.noshadow::after, .aurora .toolbar-bottom-aurora.toolbarhidden::after, .ios .toolbar-bottom-ios.no-border::before, .ios .toolbar-bottomios.no-hairline::before, .ios .toolbar-bottom-ios.noshadow::after, .ios .toolbar-bottom-ios.toolbar-hidden::after, .md .toolbarbottom-md.no-border::before, .md .toolbar-bottom-md.nohairline::before, .md .toolbar-bottom-md.no-shadow::after, .md .toolbar-bottommd.toolbar-hidden::after, .toolbar-bottom.no-border::before, .toolbar-bottom.nohairline::before, .toolbar-bottom.no-shadow::after, .toolbar-bottom.toolbarhidden::after { display: none !important; }
.aurora .toolbar-bottom-aurora::before, .ios .toolbar-bottomios::before, .md .toolbar-bottom-md::before, .toolbar-bottom::before
{ background-color: var(--f7-toolbar-border-color,var(--f7-bars-border-color));
inset: 0px auto auto 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 0px; width: 100%; z-index: 15; }
.aurora .toolbar-bottom-aurora::after, .ios .toolbar-bottomios::after, .md .toolbar-bottom-md::after, .toolbar-bottom::after { background:
var(--f7-toolbar-bottom-shadow-image); bottom: 100%; content: ""; height: 8px;
pointer-events: none; position: absolute; right: 0px; top: auto; transform:
translateZ(0px); width: 100%; }
.toolbar-inner { place-content: center space-between; align-items: center; boxsizing: border-box; display: flex; height: 100%; left: 0px; overflow: hidden;
padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-arearight)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left));
position: absolute; top: 0px; width: 100%; }
.views > .tabbar, .views > .tabbar-labels { z-index: 5001; }
.tabbar a, .tabbar-labels a { color: var(--f7-tabbar-link-inactive-color); }
.tabbar .link, .tabbar-labels .link { line-height: 1.4; }
.tabbar .link, .tabbar .tab-link, .tabbar-labels .link, .tabbar-labels .tab-link
{ align-items: center; box-sizing: border-box; display: flex; flex-direction:
column; font-weight: var(--f7-tabbar-link-font-weight); height: 100%; justifycontent: center; letter-spacing: var(--f7-tabbar-link-letter-spacing); overflow:
hidden; text-transform: var(--f7-tabbar-link-text-transform); width: 100%; }
.tabbar .tab-link-active, .tabbar-labels .tab-link-active { background-color:
var(--f7-tabbar-link-active-bg-color,transparent); color: var(--f7-tabbar-linkactive-color,var(--f7-theme-color)); }

103.

.tabbar i.icon, .tabbar-labels i.icon { font-size: var(--f7-tabbar-icon-size);
height: var(--f7-tabbar-icon-size); line-height: var(--f7-tabbar-icon-size); }
.tabbar .tab-link-highlight, .tabbar-labels .tab-link-highlight { background:
var(--f7-tabbar-link-active-border-color,var(--f7-theme-color)); height: 2px;
left: 0px; position: absolute; transition-duration: 0.3s; }
.tabbar-labels { --f7-toolbar-height: var(--f7-tabbar-labels-height); }
.tabbar-labels .link, .tabbar-labels .tab-link { align-items: center; height:
100%; justify-content: space-between; }
.tabbar-labels .tabbar-label { display: block; font-size: var(--f7-tabbar-labelfont-size);
font-weight: var(--f7-tabbar-label-font-weight); letter-spacing: var(--f7tabbar-label-letter-spacing); line-height: 1; margin: 0px; position: relative;
text-overflow: ellipsis; text-transform: var(--f7-tabbar-label-text-transform);
white-space: nowrap; }
@media (min-width: 768px) and (min-height: 600px) {
:root { --f7-tabbar-labels-height: var(--f7-tabbar-labels-tablet-height); -f7-tabbar-label-font-size: var(--f7-tabbar-label-tablet-font-size); }
}
.tabbar-scrollable .toolbar-inner { justify-content: flex-start; overflow: auto;
}
.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { appearance: none;
display: none !important; height: 0px !important; opacity: 0 !important; width:
0px !important; }
.tabbar-scrollable .link, .tabbar-scrollable .tab-link { flex-shrink: 0; width:
auto; }
.navbar-transitioning + .toolbar, .navbar-transitioning ~ * .toolbar, .toolbartransitioning { transition-duration: var(--f7-toolbar-hide-show-transitionduration); }
.aurora .toolbar-bottom-aurora ~ *, .ios .toolbar-bottom-ios ~ *, .md .toolbarbottom-md ~ *, .toolbar-bottom ~ * { --f7-page-toolbar-bottom-offset: var(--f7toolbar-height); }
.aurora .toolbar-bottom-aurora.tabbar-labels ~ *, .ios .toolbar-bottomios.tabbar-labels ~ *, .md .toolbar-bottom-md.tabbar-labels ~ *, .toolbarbottom.tabbar-labels ~ * { --f7-page-toolbar-bottom-offset: var(--f7-tabbarlabels-height); }
.aurora .toolbar-bottom-aurora.toolbar-hidden, .ios .toolbar-bottom-ios.toolbarhidden, .md .toolbar-bottom-md.toolbar-hidden, .toolbar-bottom.toolbar-hidden
{ transform: translate3d(0px, 100%, 0px); }
.aurora .toolbar-top-aurora ~ *, .ios .toolbar-top-ios ~ *, .md .toolbar-top-md
~ *, .toolbar-top ~ * { --f7-page-toolbar-top-offset: var(--f7-toolbarheight); }
.aurora .toolbar-top-aurora.tabbar-labels ~ *, .ios .toolbar-top-ios.tabbarlabels ~ *, .md .toolbar-top-md.tabbar-labels ~ *, .toolbar-top.tabbar-labels ~
* { --f7-page-toolbar-top-offset: var(--f7-tabbar-labels-height); }
.aurora .toolbar-top-aurora.toolbar-hidden, .ios .toolbar-top-ios.toolbarhidden, .md .toolbar-top-md.toolbar-hidden, .toolbar-top.toolbar-hidden
{ transform: translate3d(0px, -100%, 0px); }
.aurora .navbar ~ * .toolbar-top-aurora, .aurora .navbar ~ .page:not(.no-navbar)

104.

.toolbar-top-aurora, .aurora .navbar ~ .toolbar-top-aurora, .ios .navbars ~
* .toolbar-top-ios, .ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios, .ios
.navbars ~ .toolbar-top-ios, .ios .navbar ~ * .toolbar-top-ios, .ios .navbar
~ .page:not(.no-navbar) .toolbar-top-ios, .ios .navbar ~ .toolbar-topios, .md .navbar ~ * .toolbar-top-md, .md .navbar ~ .page:not(.nonavbar) .toolbar-top-md, .md .navbar ~ .toolbar-top-md, .navbars ~ * .toolbartop, .navbars ~ .page:not(.no-navbar) .toolbar-top, .navbars ~ .toolbartop, .navbar ~ * .toolbar-top, .navbar ~ .page:not(.no-navbar) .toolbartop, .navbar ~ .toolbar-top { top: calc(var(--f7-navbar-height) + var(--f7-safearea-top)); }
.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden, .aurora .navbar
~ .page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden, .aurora .navbar
~ .toolbar-top-aurora.toolbar-hidden, .ios .navbars ~ * .toolbar-topios.toolbar-hidden, .ios .navbars ~ .page:not(.no-navbar) .toolbar-topios.toolbar-hidden, .ios .navbars ~ .toolbar-top-ios.toolbarhidden, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden, .ios .navbar
~ .page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, .ios .navbar
~ .toolbar-top-ios.toolbar-hidden, .md .navbar ~ * .toolbar-top-md.toolbarhidden, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbarhidden, .md .navbar ~ .toolbar-top-md.toolbar-hidden, .navbars ~ * .toolbartop.toolbar-hidden, .navbars ~ .page:not(.no-navbar) .toolbar-top.toolbarhidden, .navbars ~ .toolbar-top.toolbar-hidden, .navbar ~ * .toolbartop.toolbar-hidden, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden,
.navbar ~ .toolbar-top.toolbar-hidden { transform: translate3d(0,calc((var(--f7navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))*-1),0); }
.aurora .navbar ~ * .toolbar-top-aurora.toolbar-hidden.tabbarlabels, .aurora .navbar ~ .page:not(.no-navbar) .toolbar-top-aurora.toolbarhidden.tabbar-labels, .aurora .navbar ~ .toolbar-top-aurora.toolbarhidden.tabbar-labels, .ios .navbars ~ * .toolbar-top-ios.toolbar-hidden.tabbarlabels, .ios .navbars ~ .page:not(.no-navbar) .toolbar-top-ios.toolbarhidden.tabbar-labels, .ios .navbars ~ .toolbar-top-ios.toolbar-hidden.tabbarlabels, .ios .navbar ~ * .toolbar-top-ios.toolbar-hidden.tabbarlabels, .ios .navbar ~ .page:not(.no-navbar) .toolbar-top-ios.toolbarhidden.tabbar-labels, .ios .navbar ~ .toolbar-top-ios.toolbar-hidden.tabbarlabels, .md .navbar ~ * .toolbar-top-md.toolbar-hidden.tabbarlabels, .md .navbar ~ .page:not(.no-navbar) .toolbar-top-md.toolbarhidden.tabbar-labels, .md .navbar ~ .toolbar-top-md.toolbar-hidden.tabbarlabels, .navbars ~ * .toolbar-top.toolbar-hidden.tabbar-labels, .navbars
~ .page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, .navbars
~ .toolbar-top.toolbar-hidden.tabbar-labels, .navbar ~ * .toolbar-top.toolbarhidden.tabbar-labels, .navbar ~ .page:not(.no-navbar) .toolbar-top.toolbarhidden.tabbar-labels, .navbar ~ .toolbar-top.toolbar-hidden.tabbar-labels
{ transform: translate3d(0,calc((var(--f7-navbar-height) + var(--f7-tabbarlabels-height) + var(--f7-safe-area-top))*-1),0); }
.aurora .navbar-hidden + .toolbar-top-aurora:not(.toolbarhidden), .aurora .navbar-hidden ~ * .toolbar-top-aurora:not(.toolbarhidden), .ios .navbar-hidden + .toolbar-top-ios:not(.toolbarhidden), .ios .navbar-hidden ~ * .toolbar-top-ios:not(.toolbarhidden), .md .navbar-hidden + .toolbar-top-md:not(.toolbar-hidden), .md .navbarhidden ~ * .toolbar-top-md:not(.toolbar-hidden), .navbar-hidden + .toolbartop:not(.toolbar-hidden), .navbar-hidden ~ * .toolbar-top:not(.toolbar-hidden) {
transform: translate3d(0,calc(0px - var(--f7-navbar-height)),0); }
.aurora .navbar-large-hidden ~ * .toolbar-top-aurora:not(.toolbarhidden), .ios .navbar-large-hidden + .toolbar-top-ios:not(.toolbar-hidden), .ios
.navbar-large-hidden ~ * .toolbar-top-ios:not(.toolbar-hidden), .md .navbarlarge-hidden + .toolbar-top-md:not(.toolbar-hidden), .md .navbar-large-hidden ~
* .toolbar-top-md:not(.toolbar-hidden), .navbar-large-hidden + .toolbartop:not(.toolbar-hidden), .navbar-large-hidden ~ * .toolbar-top:not(.toolbarhidden) { transform: translate3d(0,calc(0px - var(--f7-navbar-height) - var(-f7-navbar-large-title-height)),0); }

105.

.ios .toolbar a.icon-only { align-items: center; display: flex; justify-content:
center; margin: 0px; min-height: var(--f7-toolbar-height); min-width: 44px; }
.ios .tabbar-labels .link, .ios .tabbar-labels .tab-link { padding-bottom: 4px;
padding-top: 4px; }
.ios .tabbar-labels .link i + span, .ios .tabbar-labels .tab-link i + span
{ margin: 0px; }
@media (min-width: 768px) and (min-height: 600px) {
.ios .tabbar .link, .ios .tabbar .tab-link, .ios .tabbarlabels .link, .ios .tabbar-labels .tab-link { flex-direction: row; justifycontent: center; }
.ios .tabbar .link i + span, .ios .tabbar .tab-link i + span, .ios .tabbarlabels .link i + span, .ios .tabbar-labels .tab-link i + span { margin-left:
5px; }
}
.ios .tabbar-scrollable .toolbar-inner { justify-content: flex-start; }
.ios .tabbar-scrollable .link, .ios .tabbar-scrollable .tab-link { padding: 0px
8px; }
.md .toolbar .link { justify-content: center; min-width: 48px; padding: 0px
12px; }
.md .toolbar .link::before { background-image: radial-gradient(circle at
center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); backgroundposition: 50% center; background-repeat: no-repeat; background-size: 100% 100%;
content: ""; height: 152%; left: -26%; opacity: 0; pointer-events: none;
position: absolute; top: -26%; transition-duration: 0.3s; transition-property:
opacity; width: 152%; }
.md .toolbar .link.icon-only::before, .md .toolbar .link.input-clearbutton::before, .md .toolbar .link.notification-closebutton::before, .md .toolbar .link.rippleinset::before, .md .toolbar .link.searchbar-disable-button::before { backgroundimage: radial-gradient(circle at center,var(--f7-link-highlight-color)
71%,hsla(0,0%,100%,0) 71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md .toolbar .link.active-state::before { opacity: 1; transition-duration:
0.15s; }
.md .toolbar a.icon-only { flex-shrink: 0; min-width: 0px; }
.md .tabbar .link, .md .tabbar .tab-link, .md .tabbar-labels .link, .md .tabbarlabels .tab-link { padding-left: 0px; padding-right: 0px; }
.md .tabbar a.icon-only, .md .tabbar-labels a.icon-only { flex-shrink: 1; }
.md .tabbar .tab-link, .md .tabbar-labels .tab-link { overflow: hidden;
position: relative; transition-duration: 0.3s; }
.md .tabbar-labels .link, .md .tabbar-labels .tab-link { padding-bottom: 7px;
padding-top: 7px; }
.md .tabbar-label { line-height: 1.2; max-width: 100%; overflow: hidden; }
.md .tabbar-scrollable .toolbar-inner { overflow: auto; }
.md .tabbar-scrollable .link, .md .tabbar-scrollable .tab-link { padding: 0px
12px; }

106.

.aurora .toolbar a.icon-only { align-items: center; display: flex; justifycontent: center; margin: 0px; min-height: var(--f7-toolbar-height); }
.aurora .tabbar .toolbar-inner, .aurora .tabbar-labels .toolbar-inner { paddingleft: 0px; padding-right: 0px; }
.aurora .tabbar .link, .aurora .tabbar .tab-link, .aurora .tabbarlabels .link, .aurora .tabbar-labels .tab-link { transition-duration: 0.2s; }
.aurora .tabbar-labels .link, .aurora .tabbar-labels .tab-link { padding-bottom:
5px; padding-top: 5px; }
.aurora .tabbar-labels .link i + span, .aurora .tabbar-labels .tab-link i + span
{ margin: 0px; }
.aurora .tabbar-scrollable .toolbar-inner { justify-content: flex-start; }
.aurora .tabbar-scrollable .link, .aurora .tabbar-scrollable .tab-link
{ padding: 0px 16px; }
:root { --f7-subnavbar-title-line-height:
1.2; }
.ios { --f7-subnavbar-height: 44px; --f7-subnavbar-inner-padding-left: 8px; -f7-subnavbar-inner-padding-right: 8px; --f7-subnavbar-title-font-size: 34px; -f7-subnavbar-title-font-weight: 700; --f7-subnavbar-title-letter-spacing: 0.03em; --f7-subnavbar-title-margin-left: 8px; --f7-subnavbar-shadow-image:
none; }
.md { --f7-subnavbar-height: 48px; --f7-subnavbar-inner-padding-left: 16px; -f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 20px; -f7-subnavbar-title-font-weight: 500; --f7-subnavbar-title-letter-spacing: 0; -f7-subnavbar-title-margin-left: 0px; --f7-subnavbar-shadow-image: var(--f7-barsshadow-bottom-image); }
.aurora { --f7-subnavbar-height: 48px; --f7-subnavbar-inner-padding-left: 16px;
--f7-subnavbar-inner-padding-right: 16px; --f7-subnavbar-title-font-size: 28px;
--f7-subnavbar-title-font-weight: bold; --f7-subnavbar-title-letter-spacing:
0em; --f7-subnavbar-title-margin-left: 0px; --f7-subnavbar-shadow-image: none;
--f7-subnavbar-link-height: auto; --f7-subnavbar-link-line-height: inherit; }
.subnavbar { align-items: center; background-color: var(--f7-subnavbar-bgcolor,var(--f7-bars-bg-color)); background-image: var(--f7-subnavbar-bgimage,var(--f7-bars-bg-image)); box-sizing: border-box; color: var(--f7subnavbar-text-color,var(--f7-bars-text-color)); display: flex; justify-content:
space-between; left: 0px; position: absolute; top: 0px; width: 100%; z-index:
600; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .subnavbar { backdrop-filter: saturate(180%) blur(var(-f7-bars-translucent-blur)); background-color: rgba(var(--f7-subnavbar-bg-colorrgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity)); }
}
.subnavbar .subnavbar-title { display: inline-block; font-size: var(--f7subnavbar-title-font-size); font-weight: var(--f7-subnavbar-title-font-weight);
letter-spacing: var(--f7-subnavbar-title-letter-spacing); line-height: var(--f7subnavbar-title-line-height); margin-left: var(--f7-subnavbar-title-marginleft); overflow: hidden; position: relative; text-align: left; white-space:
nowrap; }
.subnavbar .left, .subnavbar .right { align-items: center; display: flex; flexshrink: 0; justify-content: flex-start; }

107.

.subnavbar .right:first-child { height: 100%; position: absolute; }
.subnavbar a { color: var(--f7-subnavbar-link-color,var(--f7-bars-linkcolor,var(--f7-theme-color))); }
.subnavbar a.link { height: var(--f7-subnavbar-link-height,var(--f7-subnavbarheight)); line-height: var(--f7-subnavbar-link-line-height,var(--f7-subnavbarheight)); }
.subnavbar a.icon-only { min-width: var(--f7-subnavbar-height); }
.subnavbar.navbar-hidden::before, .subnavbar.no-border::after, .subnavbar.nohairline::after, .subnavbar.no-shadow::before { display: none !important; }
.subnavbar::after, .subnavbar::before { backface-visibility: hidden; }
.subnavbar::after { background-color: var(--f7-subnavbar-border-color,var(--f7bars-border-color)); inset: auto auto 0px 0px; display: block; height: 1px;
transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50%
100%; z-index: 15; }
.subnavbar::after, .subnavbar::before { content: ""; position: absolute; width:
100%; }
.subnavbar::before { background: var(--f7-subnavbar-shadow-image); bottom: auto;
height: 8px; pointer-events: none; right: 0px; top: 100%; }
.subnavbar-inner { align-items: center; box-sizing: border-box; display: flex;
height: 100%; justify-content: space-between; overflow: hidden; padding: 0
calc(var(--f7-subnavbar-inner-padding-left) + var(--f7-safe-area-right)) 0
calc(var(--f7-subnavbar-inner-padding-right) + var(--f7-safe-area-left)); width:
100%; }
.subnavbar-inner.stacked { display: none; }
.navbar .subnavbar { top: 100%; }
.page > .subnavbar, .view > .subnavbar, .views > .subnavbar { position:
absolute; }
.navbars ~ * .subnavbar, .navbars ~ .page-with-subnavbar:not(.nonavbar) .subnavbar, .navbars ~ .subnavbar, .navbar ~ * .subnavbar, .navbar
~ .page-with-subnavbar:not(.no-navbar) .subnavbar, .navbar ~ .subnavbar, .pagewith-subnavbar .navbar ~ * .subnavbar, .page-with-subnavbar .navbar ~ .subnavbar
{ top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); }
.navbar .title-large ~ .subnavbar, .navbars ~ .page-with-navbar-large:not(.nonavbar) .subnavbar, .navbar ~ .page-with-navbar-large:not(.nonavbar) .subnavbar, .page-with-subnavbar.page-with-navbar-large .navbar ~
* .subnavbar, .page-with-subnavbar.page-with-navbar-large .navbar ~ .subnavbar {
top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(-f7-safe-area-top)); transform: translate3d(0,calc(var(--f7-navbar-largecollapse-progress)*-1*var(--f7-navbar-large-title-height)),0); }
.page-with-subnavbar, .subnavbar ~ * { --f7-page-subnavbar-offset: var(--f7subnavbar-height); }
.ios .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); margin-top: 1px; padding-top: 1px; }
.ios .subnavbar .title { align-self: flex-start; flex-shrink: 10; }
.ios .subnavbar .left a + a, .ios .subnavbar .right a + a { margin-left: 16px; }

108.

.ios .subnavbar .left { margin-right: 10px; }
.ios .subnavbar .right { margin-left: 10px; }
.ios .subnavbar .right:first-child { right: 8px; }
.ios .subnavbar a.link { justify-content: flex-start; }
.ios .subnavbar a.icon-only { justify-content: center; margin: 0px; }
.md .subnavbar { height: var(--f7-subnavbar-height); }
.md .subnavbar .right { margin-left: auto; }
.md .subnavbar .right:first-child { right: 16px; }
.md .subnavbar a.link { justify-content: center; padding: 0px 12px; }
.md .subnavbar a.link::before { background-image: radial-gradient(circle at
center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); backgroundposition: 50% center; background-repeat: no-repeat; background-size: 100% 100%;
content: ""; height: 152%; left: -26%; opacity: 0; pointer-events: none;
position: absolute; top: -26%; transition-duration: 0.3s; transition-property:
opacity; width: 152%; }
.md .subnavbar a.link.icon-only::before, .md .subnavbar a.link.input-clearbutton::before, .md .subnavbar a.link.notification-closebutton::before, .md .subnavbar a.link.ripple-inset::before, .md .subnavbar
a.link.searchbar-disable-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 71%,hsla(0,0%,100%,0)
71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md .subnavbar a.link.active-state::before { opacity: 1; transition-duration:
0.15s; }
.md .subnavbar a.icon-only { flex-shrink: 0; padding: 0px 12px; }
.md .subnavbar-inner > a.link:first-child { margin-left: calc(var(--f7subnavbar-inner-padding-left)*-1); }
.md .subnavbar-inner > a.link:last-child { margin-right: calc(var(--f7subnavbar-inner-padding-right)*-1); }
.aurora .subnavbar { height: calc(var(--f7-subnavbar-height) + 1px); margin-top:
-1px; padding-top: 1px; }
.aurora .subnavbar .title { align-self: flex-start; flex-shrink: 10; }
.aurora .subnavbar .left a + a, .aurora .subnavbar .right a + a { margin-left:
10px; }
.aurora .subnavbar .left { margin-right: 10px; }
.aurora .subnavbar .right { margin-left: 10px; }
.aurora .subnavbar .right:first-child { right: 16px; }
.aurora .subnavbar a.link { justify-content: flex-start; }
.aurora .subnavbar a.icon-only { justify-content: center; margin: 0px; }
:root { --f7-block-padding-horizontal: 16px; --f7-block-padding-vertical: 16px;
--f7-block-font-size: inherit; --f7-block-text-color: inherit; --f7-block-

109.

header-margin: 10px; --f7-block-footer-margin: 10px; --f7-block-header-fontsize: 14px; --f7-block-footer-font-size: 14px; --f7-block-title-text-transform:
none; --f7-block-title-white-space: nowrap; --f7-block-title-medium-texttransform: none; --f7-block-title-large-text-transform: none; --f7-block-insetside-margin: 16px; --f7-block-title-medium-text-color: #000; --f7-block-titlelarge-text-color: #000; --f7-block-strong-bg-color: #fff; }
:root .dark, :root.dark { --f7-block-title-text-color: #fff; --f7-block-strongborder-color: hsla(0,0%,100%,.15); --f7-block-title-medium-text-color: #fff; -f7-block-title-large-text-color: #fff; --f7-block-strong-bg-color: #1c1c1d; }
.ios { --f7-block-margin-vertical: 35px; --f7-block-strong-border-color:
rgba(0,0,0,.22); --f7-block-title-text-color: #000; --f7-block-title-font-size:
16px; --f7-block-title-font-weight: 600; --f7-block-title-line-height: 20px; -f7-block-title-margin-bottom: 10px; --f7-block-title-medium-font-size: 22px; -f7-block-title-medium-font-weight: bold; --f7-block-title-medium-line-height:
1.4; --f7-block-title-large-font-size: 30px; --f7-block-title-large-font-weight:
bold; --f7-block-title-large-line-height: 1.3; --f7-block-inset-border-radius:
8px; --f7-block-strong-text-color: #000; --f7-block-header-text-color:
rgba(0,0,0,.45); --f7-block-footer-text-color: rgba(0,0,0,.45); }
.ios .dark, .ios.dark { --f7-block-header-text-color: hsla(0,0%,100%,.55); --f7block-footer-text-color: hsla(0,0%,100%,.55); --f7-block-strong-text-color:
#fff; }
.md { --f7-block-margin-vertical: 32px; --f7-block-strong-text-color: inherit;
--f7-block-strong-border-color: rgba(0,0,0,.12); --f7-block-title-font-size:
inherit; --f7-block-title-text-color: rgba(0,0,0,.54); --f7-block-title-fontweight: 500; --f7-block-title-line-height: 16px; --f7-block-title-margin-bottom:
16px; --f7-block-title-medium-font-size: 24px; --f7-block-title-medium-fontweight: 500; --f7-block-title-medium-line-height: 1.3; --f7-block-title-largefont-size: 34px; --f7-block-title-large-font-weight: 500; --f7-block-titlelarge-line-height: 1.2; --f7-block-inset-border-radius: 4px; --f7-block-headertext-color: rgba(0,0,0,.54); --f7-block-footer-text-color: rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-block-header-text-color: hsla(0,0%,100%,.54); --f7block-footer-text-color: hsla(0,0%,100%,.54); }
.aurora {
--f7-block-margin-vertical: 32px; --f7-block-strong-border-color:
rgba(0,0,0,.12); --f7-block-title-font-size: 16px; --f7-block-title-text-color:
#000; --f7-block-title-font-weight: 600; --f7-block-title-line-height: 1.5; -f7-block-title-margin-bottom: 10px; --f7-block-title-medium-font-size: 22px; -f7-block-title-medium-font-weight: bold; --f7-block-title-medium-line-height:
1.4; --f7-block-title-large-font-size: 28px; --f7-block-title-large-font-weight:
bold; --f7-block-title-large-line-height: 1.3; --f7-block-inset-border-radius:
8px; --f7-block-strong-text-color: inherit; --f7-block-header-text-color:
rgba(0,0,0,.6); --f7-block-footer-text-color: rgba(0,0,0,.6); }
.aurora .dark, .aurora.dark { --f7-block-header-text-color: hsla(0,0%,100%,.54);
--f7-block-footer-text-color: hsla(0,0%,100%,.54); --f7-block-strong-text-color:
#fff; }
.block { box-sizing: border-box; color: var(--f7-block-text-color); font-size:
var(--f7-block-font-size); margin: var(--f7-block-margin-vertical) 0; paddingbottom: 0px; padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7safe-area-left)); padding-right: calc(var(--f7-block-padding-horizontal) +
var(--f7-safe-area-right)); padding-top: 0px; position: relative; z-index: 1; }
.aurora .block.no-hairline-bottom-aurora ul::after, .aurora .block.no-hairlinebottom-aurora::after, .aurora .block.no-hairline-top-aurora
ul::before, .aurora .block.no-hairline-top-aurora::before, .aurora .block.nohairlines-aurora ul::after, .aurora .block.no-hairlines-aurora
ul::before, .aurora .block.no-hairlines-aurora::after, .aurora .block.no-

110.

hairlines-aurora::before, .block.no-hairline-bottom ul::after, .block.nohairline-bottom::after, .block.no-hairline-top ul::before, .block.no-hairlinetop::before, .block.no-hairlines ul::after, .block.no-hairlines
ul::before, .block.no-hairlines::after, .block.nohairlines::before, .ios .block.no-hairline-bottom-ios ul::after, .ios .block.nohairline-bottom-ios::after, .ios .block.no-hairline-top-ios
ul::before, .ios .block.no-hairline-top-ios::before, .ios .block.no-hairlinesios ul::after, .ios .block.no-hairlines-ios ul::before, .ios .block.nohairlines-ios::after, .ios .block.no-hairlines-ios::before, .md .block.nohairline-bottom-md ul::after, .md .block.no-hairline-bottommd::after, .md .block.no-hairline-top-md ul::before, .md .block.no-hairline-topmd::before, .md .block.no-hairlines-md ul::after, .md .block.no-hairlines-md
ul::before, .md .block.no-hairlines-md::after, .md .block.no-hairlinesmd::before { display: none !important; }
.block > h1:first-child, .block > h2:first-child, .block > h3:firstchild, .block > h4:first-child, .block > p:first-child { margin-top: 0px; }
.block > h1:last-child, .block > h2:last-child, .block > h3:last-child, .block >
h4:last-child, .block > p:last-child { margin-bottom: 0px; }
.block-strong { background-color: var(--f7-block-strong-bg-color); color: var(-f7-block-strong-text-color); padding-bottom: var(--f7-block-padding-vertical);
padding-top: var(--f7-block-padding-vertical); }
.block-strong::before { bottom: auto; top: 0px; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 0px; }
.block-strong::after, .block-strong::before { background-color: var(--f7-blockstrong-border-color); content: ""; display: block; height: 1px; left: 0px;
position: absolute; right: auto; width: 100%; z-index: 15; }
.block-strong::after { bottom: 0px; top: auto; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 100%; }
.block-title { color: var(--f7-block-title-text-color); font-size: var(--f7block-title-font-size,inherit); font-weight: var(--f7-block-title-font-weight);
line-height: var(--f7-block-title-line-height); margin: var(--f7-block-marginvertical) calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right))
var(--f7-block-title-margin-bottom) calc(var(--f7-block-padding-horizontal) +
var(--f7-safe-area-left)); overflow: hidden; position: relative; text-overflow:
ellipsis; text-transform: var(--f7-block-title-text-transform); white-space:
var(--f7-block-title-white-space); }
.block-title + .block, .block-title + .block-header, .block-title
+ .card, .block-title + .list, .block-title + .timeline { margin-top: 0px; }
.block-title-medium { color: var(--f7-block-title-medium-text-color); font-size:
var(--f7-block-title-medium-font-size); font-weight: var(--f7-block-titlemedium-font-weight); line-height: var(--f7-block-title-medium-line-height);
text-transform: var(--f7-block-title-medium-text-transform); }
.block-title-large { color: var(--f7-block-title-large-text-color); font-size:
var(--f7-block-title-large-font-size); font-weight: var(--f7-block-title-largefont-weight); line-height: var(--f7-block-title-large-line-height); texttransform: var(--f7-block-title-large-text-transform); }
.block > .block-title:first-child, .list > .block-title:first-child { marginleft: 0px; margin-right: 0px; margin-top: 0px; }
.block-header { color: var(--f7-block-header-text-color); font-size: var(--f7block-header-font-size); margin-bottom: var(--f7-block-header-margin); margintop: var(--f7-block-margin-vertical); }

111.

.block-header + .block, .block-header + .card, .block-header + .list, .blockheader + .timeline { margin-top: var(--f7-block-header-margin); }
.block-footer { color: var(--f7-block-footer-text-color); font-size: var(--f7block-footer-font-size); margin-bottom: var(--f7-block-margin-vertical); margintop: var(--f7-block-footer-margin); }
.block-footer, .block-header { padding-bottom: 0px; padding-left: calc(var(--f7block-padding-horizontal) + var(--f7-safe-area-left)); padding-right:
calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); paddingtop: 0px; }
.block-footer h1:first-child, .block-footer h2:first-child, .block-footer
h3:first-child, .block-footer h4:first-child, .block-footer p:firstchild, .block-footer ul:first-child, .block-header h1:first-child, .block-header
h2:first-child, .block-header h3:first-child, .block-header h4:firstchild, .block-header p:first-child, .block-header ul:first-child { margin-top:
0px; }
.block-footer h1:last-child, .block-footer h2:last-child, .block-footer h3:lastchild, .block-footer h4:last-child, .block-footer p:last-child, .block-footer
ul:last-child, .block-header h1:last-child, .block-header h2:last-child, .blockheader h3:last-child, .block-header h4:last-child, .block-header p:lastchild, .block-header ul:last-child { margin-bottom: 0px; }
.block-footer h1:first-child:last-child, .block-footer h2:first-child:lastchild, .block-footer h3:first-child:last-child, .block-footer h4:firstchild:last-child, .block-footer p:first-child:last-child, .block-footer
ul:first-child:last-child, .block-header h1:first-child:last-child, .blockheader h2:first-child:last-child, .block-header h3:first-child:lastchild, .block-header h4:first-child:last-child, .block-header p:firstchild:last-child, .block-header ul:first-child:last-child { margin-bottom: 0px;
margin-top: 0px; }
.block .block-header, .card .block-header, .list .blockheader, .timeline .block-header { margin-top: 0px; }
.block .block-footer, .card .block-footer, .list .blockfooter, .timeline .block-footer { margin-bottom: 0px; }
.block + .block-footer, .card + .block-footer, .list + .block-footer, .timeline
+ .block-footer { margin-top: calc((var(--f7-block-margin-vertical) - var(--f7block-footer-margin))*-1); }
.block + .block-footer { margin-bottom: var(--f7-block-margin-vertical); }
.block .block-footer, .block .block-header { padding: 0px; }
.block.inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px; borderradius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7-blockinset-side-margin) + var(--f7-safe-area-outer-left)); margin-right: calc(var(-f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.inset::after, .block-strong.inset::before { display: none !
important; }
@media (min-width: 480px) {
.block.xsmall-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7block-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.xsmall-inset::after, .block-strong.xsmall-inset::before
{ display: none !important; }
}

112.

@media (min-width: 568px) {
.block.small-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7block-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.small-inset::after, .block-strong.small-inset::before { display:
none !important; }
}
@media (min-width: 768px) {
.block.medium-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7block-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.medium-inset::after, .block-strong.medium-inset::before
{ display: none !important; }
}
@media (min-width: 1024px) {
.block.large-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7block-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.large-inset::after, .block-strong.large-inset::before { display:
none !important; }
}
@media (min-width: 1200px) {
.block.xlarge-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-block-inset-border-radius); margin-left: calc(var(--f7block-inset-side-margin)
+ var(--f7-safe-area-outer-left)); margin-right: calc(var(--f7-block-insetside-margin) + var(--f7-safe-area-outer-right)); }
.block-strong.xlarge-inset::after, .block-strong.xlarge-inset::before
{ display: none !important; }
}
:root { --f7-list-inset-side-margin: 16px; --f7-list-item-cell-margin: 16px; -f7-list-item-padding-horizontal: 16px; --f7-list-item-padding-vertical: 8px; -f7-list-media-item-padding-horizontal: 16px; --f7-list-item-text-max-lines: 2;
--f7-list-chevron-icon-font-size: 20px; --f7-list-item-media-margin: 16px; --f7list-item-title-font-size: inherit; --f7-list-item-title-font-weight: 400; --f7list-item-title-text-color: inherit; --f7-list-item-title-line-height: inherit;
--f7-list-item-title-white-space: nowrap; --f7-list-item-subtitle-font-weight:
400; --f7-list-item-subtitle-text-color: inherit; --f7-list-item-subtitle-lineheight: inherit; --f7-list-item-text-font-weight: 400; --f7-list-item-afterfont-weight: 400; --f7-list-item-after-line-height: inherit; --f7-list-itemheader-text-color: inherit; --f7-list-item-header-font-size: 12px; --f7-listitem-header-font-weight: 400; --f7-list-item-header-line-height: 1.2; --f7-listitem-footer-font-size: 12px; --f7-list-item-footer-font-weight: 400; --f7-listitem-footer-line-height: 1.2; --f7-list-button-font-size: inherit; --f7-listbutton-font-weight: 400; --f7-list-button-text-align: center; --f7-list-itemdivider-line-height: inherit; --f7-list-item-divider-font-weight: 400; --f7list-group-title-line-height: inherit; --f7-menu-list-offset: 8px; --f7-menulist-border-radius: 8px; --f7-menu-list-font-size: 14px; --f7-menu-list-itemtitle-font-size: 14px; --f7-menu-list-item-title-font-weight: 500; --f7-menulist-item-subtitle-font-size: 14px; --f7-menu-list-item-text-font-size: 14px; -f7-menu-list-item-after-font-size: 14px; --f7-list-bg-color: #fff; --f7-listchevron-icon-color: rgba(0,0,0,.2); --f7-menu-list-selected-text-color: var(-f7-theme-color); --f7-menu-list-selected-bg-color: rgba(var(--f7-theme-colorrgb),0.15); }
:root .dark, :root.dark { --f7-list-button-border-color: hsla(0,0%,100%,.15); --

113.

f7-list-bg-color: #1c1c1d; --f7-list-border-color: hsla(0,0%,100%,.15); --f7list-item-border-color: hsla(0,0%,100%,.15); --f7-list-item-divider-bordercolor: hsla(0,0%,100%,.15); --f7-list-item-divider-bg-color: #232323; --f7-listgroup-title-bg-color: #232323; --f7-list-chevron-icon-color: hsla(0,0%,100%,.3);
--f7-menu-list-selected-text-color: inherit; --f7-menu-list-selected-bg-color:
var(--f7-theme-color); }
.ios { --f7-list-in-list-padding-left: 30px; --f7-list-inset-border-radius: 8px;
--f7-list-margin-vertical: 35px; --f7-list-font-size: 17px; --f7-list-chevronicon-area: 20px; --f7-list-border-color: rgba(0,0,0,.22); --f7-list-item-bordercolor: rgba(0,0,0,.22); --f7-list-link-pressed-bg-color: rgba(0,0,0,.15); --f7list-item-subtitle-font-size: 15px; --f7-list-item-text-font-size: 15px; --f7list-item-text-line-height: 21px; --f7-list-item-after-font-size: inherit; --f7list-item-after-padding: 5px; --f7-list-item-min-height: 44px; --f7-list-itemmedia-icons-margin: 5px; --f7-list-media-item-padding-vertical: 10px; --f7-listmedia-item-title-font-weight: 600; --f7-list-button-border-color:
rgba(0,0,0,.22); --f7-list-item-divider-height: 31px; --f7-list-item-dividerfont-size: inherit; --f7-list-item-divider-bg-color: rgba(0,0,0,.03); --f7-listitem-divider-border-color: rgba(0,0,0,.22); --f7-list-group-title-height: 31px;
--f7-list-group-title-font-size: inherit; --f7-list-group-title-font-weight:
400; --f7-list-group-title-bg-color: #f7f7f7; --f7-list-item-after-text-color:
rgba(0,0,0,.45); --f7-list-item-footer-text-color: rgba(0,0,0,.45); --f7-listitem-text-text-color: rgba(0,0,0,.45); --f7-list-item-divider-text-color:
rgba(0,0,0,.45); --f7-list-group-title-text-color: rgba(0,0,0,.45); }
.ios .dark, .ios.dark { --f7-list-item-after-text-color: hsla(0,0%,100%,.55); -f7-list-item-header-text-color: hsla(0,0%,100%,.55); --f7-list-item-footer-textcolor: hsla(0,0%,100%,.55); --f7-list-item-text-text-color: hsla(0,0%,100%,.55);
--f7-list-item-divider-text-color: hsla(0,0%,100%,.55); --f7-list-group-titletext-color: hsla(0,0%,100%,.55); --f7-list-link-pressed-bg-color:
hsla(0,0%,100%,.08); }
.md { --f7-list-in-list-padding-left: 40px; --f7-list-inset-border-radius: 4px;
--f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; --f7-list-chevronicon-area: 26px; --f7-list-border-color: rgba(0,0,0,.12); --f7-list-item-bordercolor: rgba(0,0,0,.12); --f7-list-item-subtitle-font-size: 14px; --f7-list-itemtext-font-size: 14px; --f7-list-item-text-line-height: 20px; --f7-list-itemafter-font-size: 14px; --f7-list-item-after-padding: 8px; --f7-list-item-minheight: 48px; --f7-list-item-media-icons-margin: 8px; --f7-list-media-itempadding-vertical: 14px; --f7-list-button-border-color: transparent; --f7-listitem-divider-height: 48px; --f7-list-item-divider-font-size: 14px; --f7-listitem-divider-bg-color: #f4f4f4; --f7-list-item-divider-border-color:
transparent; --f7-list-group-title-height: 48px; --f7-list-group-title-fontsize: 14px; --f7-list-group-title-font-weight: 400; --f7-list-group-title-bgcolor: #f4f4f4; --f7-menu-list-border-radius: 4px; --f7-list-link-pressed-bgcolor: rgba(0,0,0,.1); --f7-list-item-text-text-color: rgba(0,0,0,.54); --f7list-item-after-text-color: rgba(0,0,0,.54); --f7-list-item-footer-text-color:
rgba(0,0,0,.5); --f7-list-item-divider-text-color: rgba(0,0,0,.54); --f7-listgroup-title-text-color: rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-list-item-divider-text-color: #fff; --f7-list-grouptitle-text-color: #fff; --f7-list-link-pressed-bg-color: hsla(0,0%,100%,.05); -f7-list-item-text-text-color: hsla(0,0%,100%,.54); --f7-list-item-after-textcolor: hsla(0,0%,100%,.54); --f7-list-item-footer-text-color:
hsla(0,0%,100%,.54); }
.aurora { --f7-list-in-list-padding-left: 16px; --f7-list-inset-border-radius:
8px; --f7-list-margin-vertical: 32px; --f7-list-font-size: 16px; --f7-listchevron-icon-area: 20px; --f7-list-border-color: rgba(0,0,0,.12); --f7-listitem-border-color: rgba(0,0,0,.12); --f7-list-item-subtitle-font-size: 14px; -f7-list-item-text-font-size: 14px; --f7-list-item-text-line-height: 20px; --f7list-item-after-font-size: 14px; --f7-list-item-after-padding: 8px; --f7-listitem-min-height: 48px; --f7-list-item-media-icons-margin: 8px; --f7-list-mediaitem-padding-vertical: 16px; --f7-list-media-item-title-font-weight: 600; --f7-

114.

list-button-border-color: rgba(0,0,0,.12); --f7-list-button-font-weight: 500; -f7-list-item-divider-height: 32px; --f7-list-item-divider-font-size: 14px; --f7list-item-divider-bg-color: rgba(0,0,0,.03); --f7-list-item-divider-bordercolor: transparent; --f7-list-group-title-height: 32px; --f7-list-group-titlefont-size: 14px; --f7-list-group-title-font-weight: 500; --f7-list-group-titlebg-color: #f7f7f7; --f7-list-link-pressed-bg-color: rgba(0,0,0,.1); --f7-listlink-hover-bg-color: rgba(0,0,0,.03); --f7-list-item-text-text-color:
rgba(0,0,0,.6); --f7-list-item-after-text-color: rgba(0,0,0,.5); --f7-list-itemfooter-text-color: rgba(0,0,0,.6); --f7-list-button-hover-bg-color:
rgba(0,0,0,.03); --f7-list-item-divider-text-color: rgba(0,0,0,.6); --f7-listgroup-title-text-color: rgba(0,0,0,.6); }
.aurora .dark, .aurora.dark { --f7-list-item-text-text-color:
hsla(0,0%,100%,.54); --f7-list-item-after-text-color: hsla(0,0%,100%,.54); --f7list-item-footer-text-color: hsla(0,0%,100%,.54); --f7-list-item-divider-textcolor: hsla(0,0%,100%,.6); --f7-list-group-title-text-color: hsla(0,0%,100%,.6);
--f7-list-link-pressed-bg-color: hsla(0,0%,100%,.05); --f7-list-link-hover-bgcolor: hsla(0,0%,100%,.03); --f7-list-button-hover-bg-color:
hsla(0,0%,100%,.03); }
:root { --f7-list-chevron-icon-left: "chevron_left"; --f7-list-chevron-iconright: "chevron_right"; }
.list { --menu-list-offset: 0px; font-size: var(--f7-list-font-size); margin:
var(--f7-list-margin-vertical) 0; z-index: 1; }
.list, .list ul { position: relative; }
.list ul { background: var(--f7-list-bg-color); list-style: none; margin: 0px;
padding: 0px; }
.list ul::before { bottom: auto; top: 0px; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 0px; }
.list ul::after, .list ul::before { background-color: var(--f7-list-bordercolor); content: ""; display: block; height: 1px; left: 0px; position: absolute;
right: auto; width: 100%; z-index: 15; }
.list ul::after { bottom: 0px; top: auto; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 100%; }
.list ul ul { padding-left: calc(var(--f7-list-item-padding-horizontal) + var(-f7-list-in-list-padding-left)); }
.list ul ul::after, .list ul ul::before { display: none !important; }
.list li { box-sizing: border-box; position: relative; }
.list .item-media { align-items: center; box-sizing: border-box; display: flex;
flex-shrink: 0; flex-wrap: nowrap; padding-bottom: var(--f7-list-item-paddingvertical); padding-top: var(--f7-list-item-padding-vertical); }
.list .item-media + .item-inner { margin-left: var(--f7-list-item-media-margin);
}
.list .item-media i + i, .list .item-media i + img { margin-left: var(--f7-listitem-media-icons-margin); }
.list .item-after { padding-left: var(--f7-list-item-after-padding); }
.list .item-inner { align-items: center; align-self: stretch; box-sizing:
border-box; display: flex; justify-content: space-between; min-height:
calc(var(--f7-list-item-min-height) - var(--menu-list-offset)); min-width: 0px;
padding-bottom: var(--f7-list-item-padding-vertical); padding-right: calc(var(--

115.

f7-list-item-padding-horizontal) + var(--f7-safe-area-right) - var(--menu-listoffset)); padding-top: var(--f7-list-item-padding-vertical); position: relative;
width: 100%; }
.list .item-title { color: var(--f7-list-item-title-text-color); flex-shrink: 1;
font-size: var(--f7-list-item-title-font-size);
font-weight: var(--f7-list-item-title-font-weight); line-height: var(--f7-listitem-title-line-height); max-width: 100%; min-width: 0px; overflow: hidden;
position: relative; text-overflow: ellipsis; white-space: var(--f7-list-itemtitle-white-space); }
.list .item-after { color: var(--f7-list-item-after-text-color); display: flex;
flex-shrink: 0; font-size: var(--f7-list-item-after-font-size); font-weight:
var(--f7-list-item-after-font-weight); line-height: var(--f7-list-item-afterline-height); margin-left: auto; white-space: nowrap; }
.list .item-footer, .list .item-header { white-space: normal; }
.list .item-header { color: var(--f7-list-item-header-text-color); font-size:
var(--f7-list-item-header-font-size); font-weight: var(--f7-list-item-headerfont-weight); line-height: var(--f7-list-item-header-line-height); }
.list .item-footer { color: var(--f7-list-item-footer-text-color); font-size:
var(--f7-list-item-footer-font-size); font-weight: var(--f7-list-item-footerfont-weight); line-height: var(--f7-list-item-footer-line-height); }
.list .item-link, .list .list-button { display: block; overflow: hidden;
position: relative; transition-duration: 0.3s; transition-property: backgroundcolor, color; z-index: 0; }
.list .item-link { color: inherit; }
.list .item-link.active-state { background-color: var(--f7-list-link-pressed-bgcolor); }
.list .item-link .item-inner { padding-right: calc(var(--f7-list-chevron-iconarea) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right) var(--menu-list-offset)); }
.list .item-content { align-items: center; box-sizing: border-box; display:
flex; justify-content: space-between; min-height: calc(var(--f7-list-item-minheight) - var(--menu-list-offset)); padding-left: calc(var(--f7-list-itempadding-horizontal) + var(--f7-safe-area-left) - var(--menu-list-offset)); }
.list .item-subtitle { color: var(--f7-list-item-subtitle-text-color); fontsize: var(--f7-list-item-subtitle-font-size); font-weight: var(--f7-list-itemsubtitle-font-weight); line-height: var(--f7-list-item-subtitle-line-height);
max-width: 100%; white-space: nowrap; }
.list .item-subtitle, .list .item-text { overflow: hidden; position: relative;
text-overflow: ellipsis; }
.list .item-text { -webkit-line-clamp: var(--f7-list-item-text-max-lines); webkit-box-orient: vertical; color: var(--f7-list-item-text-text-color);
display: -webkit-box; font-size: var(--f7-list-item-text-font-size); fontweight: var(--f7-list-item-text-font-weight); line-height: var(--f7-list-itemtext-line-height); max-height: calc(var(--f7-list-item-text-line-height)*var(-f7-list-item-text-max-lines)); }
.list .item-title-row { box-sizing: border-box; display: flex; justify-content:
space-between; position: relative; }
.list .item-title-row .item-after { align-self: center; }

116.

.list .item-row { box-sizing: border-box; display: flex; justify-content: spacebetween; }
.list .item-cell { align-self: center; box-sizing: border-box; display: block;
flex-shrink: 1; margin-left: var(--f7-list-item-cell-margin); min-width: 0px;
width: 100%; }
.list .item-cell:first-child, .list .ripple-wave + .item-cell { margin-left:
0px; }
.list li:last-child .list-button::after, .list li:last-child li:last-child
> .item-content > .item-inner::after, .list li:last-child li:last-child > .iteminner::after, .list li:last-child li:last-child > .item-link > .item-content
> .item-inner::after, .list li:last-child li:last-child > .swipeout-content
> .item-content > .item-inner::after, .list li:last-child > .item-content
> .item-inner::after, .list li:last-child > .item-inner::after, .list li:lastchild > .item-link > .item-content > .item-inner::after, .list li:last-child
> .swipeout-content > .item-content > .item-inner::after { display: none !
important; }
.list li li:last-child .item-inner::after, .list li:last-child li .iteminner::after { background-color: var(--f7-list-item-border-color); inset: auto
auto 0px 0px; content: ""; display: block; height: 1px; position: absolute;
transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50%
100%; width: 100%; z-index: 15; }
.aurora .list.no-hairline-bottom-aurora ul::after, .aurora .list.no-hairlinebottom-aurora::after, .aurora .list.no-hairline-top-aurora
ul::before, .aurora .list.no-hairline-top-aurora::before, .aurora .list.nohairlines-aurora ul::after, .aurora .list.no-hairlines-aurora
ul::before, .aurora .list.no-hairlines-aurora::after, .aurora .list.nohairlines-aurora::before, .aurora .list.no-hairlines-between-aurora .itemdivider::after, .aurora .list.no-hairlines-between-aurora .iteminner::after, .aurora .list.no-hairlines-between-aurora .listbutton::after, .aurora .list.no-hairlines-between-aurora .list-grouptitle::after, .aurora .list.no-hairlines-between-aurora.links-list
a::after, .aurora .list.no-hairlines-between-aurora.simple-list
li::after, .ios .list.no-hairline-bottom-ios ul::after, .ios .list.no-hairlinebottom-ios::after, .ios .list.no-hairline-top-ios ul::before, .ios .list.nohairline-top-ios::before, .ios .list.no-hairlines-between-ios .itemdivider::after, .ios .list.no-hairlines-between-ios .iteminner::after, .ios .list.no-hairlines-between-ios .listbutton::after, .ios .list.no-hairlines-between-ios .list-grouptitle::after, .ios .list.no-hairlines-between-ios.links-list
a::after, .ios .list.no-hairlines-between-ios.simple-list
li::after, .ios .list.no-hairlines-ios ul::after, .ios .list.no-hairlines-ios
ul::before, .ios .list.no-hairlines-ios::after, .ios .list.no-hairlinesios::before, .list.no-hairline-bottom ul::after, .list.no-hairlinebottom::after, .list.no-hairline-top ul::before, .list.no-hairlinetop::before, .list.no-hairlines ul::after, .list.no-hairlines
ul::before, .list.no-hairlines-between .item-divider::after, .list.no-hairlinesbetween .item-inner::after, .list.no-hairlines-between .listbutton::after, .list.no-hairlines-between .list-group-title::after, .list.nohairlines-between.links-list a::after, .list.no-hairlines-between.simple-list
li::after, .list.no-hairlines::after, .list.no-hairlines::before, .md .list.nohairline-bottom-md ul::after, .md .list.no-hairline-bottommd::after, .md .list.no-hairline-top-md ul::before, .md .list.no-hairline-topmd::before, .md .list.no-hairlines-between-md .itemdivider::after, .md .list.no-hairlines-between-md .iteminner::after, .md .list.no-hairlines-between-md .listbutton::after, .md .list.no-hairlines-between-md .list-grouptitle::after, .md .list.no-hairlines-between-md.links-list
a::after, .md .list.no-hairlines-between-md.simple-list li::after, .md .list.nohairlines-md ul::after, .md .list.no-hairlines-md ul::before, .md .list.no-

117.

hairlines-md::after, .md .list.no-hairlines-md::before { display: none !
important; }
.list-button { --f7-touch-ripple-color: var(--f7-link-touch-ripplecolor,rgba(var(--f7-theme-color-rgb),0.25)); color: var(--f7-list-button-textcolor,var(--f7-theme-color)); font-size: var(--f7-list-button-font-size); fontweight: var(--f7-list-button-font-weight); line-height: var(--f7-list-item-minheight); padding: 0 var(--f7-list-item-padding-horizontal); text-align: var(-f7-list-button-text-align); }
.list-button::after { background-color: var(--f7-list-button-border-color);
inset: auto auto 0px 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 100%; width: 100%; z-index: 15; }
.list-button.active-state { background-color: var(--f7-list-button-pressed-bgcolor,rgba(var(--f7-theme-color-rgb),.15)); }
.list-button[class*="color-"] { --f7-list-button-text-color: var(--f7-themecolor); }
.simple-list li { place-content: center space-between; align-items: center; boxsizing: border-box; display: flex; height: var(--f7-list-item-min-height); lineheight: var(--f7-list-item-min-height); max-width: 100%; padding-left:
calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-arearight)); position: relative; text-overflow: ellipsis; white-space: nowrap; }
.simple-list li::after { left: calc(var(--f7-list-item-padding-horizontal) +
var(--f7-safe-area-left)); right: 0px; width: auto; }
.simple-list li:last-child::after { display: none !important; }
.links-list li { z-index: 1; }
.links-list a { place-content: center space-between; align-items: center; boxsizing: border-box; color: inherit; display: flex; height: var(--f7-list-itemmin-height); max-width: 100%; overflow: hidden; position: relative; textoverflow: ellipsis; transition-duration: 0.3s; transition-property: backgroundcolor; white-space: nowrap; }
.links-list a .ripple-wave { z-index: 0; }
.links-list a::after { width: auto; }
.links-list a.active-state { background-color: var(--f7-list-link-pressed-bgcolor); }
.links-list a { padding-left: calc(var(--f7-list-item-padding-horizontal) +
var(--f7-safe-area-left)); padding-right: calc(var(--f7-list-chevron-icon-area)
+ var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); }
.links-list a::after { left: calc(var(--f7-list-item-padding-horizontal) +
var(--f7-safe-area-left)); right: 0px; }
.links-list li:last-child a::after { display: none !important; }
.links-list a::after, .list .item-inner::after, .simple-list li::after
{ background-color: var(--f7-list-item-border-color); inset: auto auto 0px 0px;
content: ""; display: block; height: 1px; position: absolute; transform:
scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50% 100%; width:
100%; z-index: 15; }
.media-list, li.media-item { --f7-list-item-padding-vertical: var(--f7-list-

118.

media-item-padding-vertical); --f7-list-item-padding-horizontal: var(--f7-listmedia-item-padding-horizontal); }
.media-list .item-title, li.media-item .item-title { font-weight: var(--f7-listmedia-item-title-font-weight,var(--f7-list-item-title-font-weight,inherit));
}
.media-list .item-inner, li.media-item .item-inner { align-self: stretch;
display: block; }
.media-list .item-media, li.media-item .item-media { align-self: flex-start; }
.media-list .item-media img, li.media-item .item-media img { display: block; }
.media-list .item-link .item-inner, li.media-item .item-link .item-inner
{ padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safearea-right) - var(--menu-list-offset)); }
.media-list .item-link .item-title-row, li.media-item .item-link .item-title-row
{ padding-right: calc(var(--f7-list-chevron-icon-area)); }
.media-list .chevron-center .item-link .item-inner, .media-list .itemlink.chevron-center .item-inner, .media-list.chevron-center .item-link .iteminner, li.media-item .chevron-center .item-link .item-inner, li.mediaitem .item-link.chevron-center .item-inner, li.media-item.chevron-center .itemlink .item-inner { padding-right: calc(var(--f7-list-chevron-icon-area) + var(-f7-list-item-padding-horizontal) + var(--f7-safe-area-right) - var(--menu-listoffset)); }
.media-list .chevron-center .item-title-row, .media-list.chevron-center .itemtitle-row, li.media-item .chevron-center .item-title-row, li.media-item.chevroncenter .item-title-row { padding-right: 0px; }
.links-list a::before, .list .item-link .item-inner::before, .medialist .chevron-center .item-link .item-inner::before, .media-list .itemlink .item-title-row::before, .media-list .item-link.chevron-center .iteminner::before, .media-list.chevron-center .item-link .item-inner::before,
li.media-item .chevron-center .item-link .item-inner::before, li.mediaitem .item-link .item-title-row::before, li.media-item .item-link.chevron-center
.item-inner::before, li.media-item.chevron-center .item-link .item-inner::before
{ overflow-wrap: normal; -webkit-font-smoothing: antialiased; font-featuresettings: "liga"; color: var(--f7-list-chevron-icon-color); content: var(--f7list-chevron-icon-right); direction: ltr; display: block; font-family:
framework7-core-icons; font-size: var(--f7-list-chevron-icon-font-size); fontstyle: normal; font-weight: 400; height: 14px; letter-spacing: normal; lineheight: 14px; margin-top: -7px; pointer-events: none; position: absolute; right:
calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); textalign: center; text-rendering: optimizelegibility; text-transform: none; top:
50%; white-space: nowrap; width: 8px; }
.media-list .chevron-center .item-title-row::before, .media-list .itemlink .item-inner::before, .media-list.chevron-center .item-title-row::before,
li.media-item .chevron-center .item-title-row::before, li.media-item .itemlink .item-inner::before, li.media-item.chevron-center .item-title-row::before {
display: none; }
.media-list .item-link .item-title-row::before, li.media-item .item-link .itemtitle-row::before { right: 0px; }
.list-group ul::after, .list-group ul::before { z-index: 25 !important; }
.list-group + .list-group ul::before { display: none !important; }
.item-divider, li.item-divider, li.list-group-title { align-content: center;

119.

align-items: center; box-sizing: border-box; display: flex; max-width: 100%;
overflow: hidden; padding-bottom: 0px; padding-left: calc(var(--f7-list-itempadding-horizontal) + var(--f7-safe-area-left)); padding-right: calc(var(--f7list-item-padding-horizontal) + var(--f7-safe-area-right)); padding-top: 0px;
position: relative; text-overflow: ellipsis; white-space: nowrap; z-index: 15; }
.item-divider::after, li.item-divider::after, li.list-group-title::after
{ display: none !important; }
.item-divider, li.item-divider { background-color: var(--f7-list-item-dividerbg-color); color: var(--f7-list-item-divider-text-color); font-size: var(--f7list-item-divider-font-size); font-weight: var(--f7-list-item-divider-fontweight); height: var(--f7-list-item-divider-height); line-height: var(--f7-listitem-divider-line-height); margin-top: -1px; }
.item-divider::before, li.item-divider::before { background-color: var(--f7list-item-divider-border-color); inset: 0px auto auto 0px; content: ""; display:
block; height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }
.list li.list-group-title, li.list-group-title { background-color: var(--f7list-group-title-bg-color); color: var(--f7-list-group-title-text-color); fontsize: var(--f7-list-group-title-font-size); font-weight: var(--f7-list-grouptitle-font-weight); height: var(--f7-list-group-title-height); line-height:
var(--f7-list-group-title-line-height); margin-top: 0px; position: sticky; top:
0px; z-index: 20; }
.page-with-navbar-large .list li.list-group-title, .page-with-navbar-large
li.list-group-title { top: calc(var(--f7-navbar-large-title-height)*-1); }
.list.inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px; borderradius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7-listinset-side-margin) + var(--f7-safe-area-outer-left)); margin-right: calc(var(-f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.list.inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.inset ul { border-radius: var(--f7-list-inset-border-radius); }
.list.inset ul::after, .list.inset ul::before { display: none !important; }
.list.inset li.swipeout:first-child, .list.inset li:first-child > a { borderradius: var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) 0
0; }
.list.inset li.swipeout:last-child, .list.inset li:last-child > a { borderradius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-borderradius); }
.list.inset li.swipeout:first-child:last-child, .list.inset li:first-child:lastchild > a { border-radius: var(--f7-list-inset-border-radius); }
@media (min-width: 480px) {
.list.xsmall-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7list-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.list.xsmall-inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.xsmall-inset ul { border-radius: var(--f7-list-inset-border-radius); }
.list.xsmall-inset ul::after, .list.xsmall-inset ul::before { display: none !
important; }
.list.xsmall-inset li:first-child > a { border-radius: var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius) 0 0; }
.list.xsmall-inset li:last-child > a { border-radius: 0 0 var(--f7-list-inset-

120.

border-radius) var(--f7-list-inset-border-radius); }
.list.xsmall-inset li:first-child:last-child > a { border-radius: var(--f7list-inset-border-radius); }
}
@media (min-width: 568px) {
.list.small-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7list-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.list.small-inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.small-inset ul { border-radius: var(--f7-list-inset-border-radius); }
.list.small-inset ul::after, .list.small-inset ul::before { display: none !
important; }
.list.small-inset li:first-child > a { border-radius: var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius) 0 0; }
.list.small-inset li:last-child > a { border-radius: 0 0 var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius); }
.list.small-inset li:first-child:last-child > a { border-radius: var(--f7list-inset-border-radius); }
}
@media (min-width: 768px) {
.list.medium-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7list-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.list.medium-inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.medium-inset ul { border-radius: var(--f7-list-inset-border-radius); }
.list.medium-inset ul::after, .list.medium-inset ul::before { display: none !
important; }
.list.medium-inset li:first-child > a { border-radius: var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius) 0 0; }
.list.medium-inset li:last-child > a { border-radius: 0 0 var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius); }
.list.medium-inset li:first-child:last-child > a { border-radius: var(--f7list-inset-border-radius); }
}
@media (min-width: 1024px) {
.list.large-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7list-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); }
.list.large-inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.large-inset ul { border-radius: var(--f7-list-inset-border-radius); }
.list.large-inset ul::after, .list.large-inset ul::before { display: none !
important; }
.list.large-inset li:first-child > a { border-radius: var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius) 0 0; }
.list.large-inset li:last-child > a { border-radius: 0 0 var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius); }
.list.large-inset li:first-child:last-child > a { border-radius: var(--f7list-inset-border-radius); }
}
@media (min-width: 1200px) {
.list.xlarge-inset { --f7-safe-area-left: 0px; --f7-safe-area-right: 0px;
border-radius: var(--f7-list-inset-border-radius); margin-left: calc(var(--f7list-inset-side-margin) + var(--f7-safe-area-outer-left)); margin-right:
calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right));
}
.list.xlarge-inset .block-title { margin-left: 0px; margin-right: 0px; }
.list.xlarge-inset ul { border-radius: var(--f7-list-inset-border-radius); }

121.

.list.xlarge-inset ul::after, .list.xlarge-inset ul::before { display: none !
important; }
.list.xlarge-inset li:first-child > a { border-radius: var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius) 0 0; }
.list.xlarge-inset li:last-child > a { border-radius: 0 0 var(--f7-list-insetborder-radius) var(--f7-list-inset-border-radius); }
.list.xlarge-inset li:first-child:last-child > a { border-radius: var(--f7list-inset-border-radius); }
}
.list .no-chevron, .list.no-chevron, .menu-list { --f7-list-chevron-icon-color:
transparent; --f7-list-chevron-icon-area: 0px; }
.menu-list { --menu-list-offset: var(--f7-menu-list-offset); --f7-list-fontsize: var(--f7-menu-list-font-size); --f7-list-item-title-font-size: var(--f7menu-list-item-title-font-size); --f7-list-item-title-font-weight: var(--f7menu-list-item-title-font-weight); --f7-list-item-subtitle-font-size: var(--f7menu-list-item-subtitle-font-size); --f7-list-item-text-font-size: var(--f7menu-list-item-text-font-size); --f7-list-item-after-font-size: var(--f7-menulist-item-after-font-size); }
.menu-list .item-after, .menu-list .item-footer, .menu-list .item-header, .menulist .item-subtitle, .menu-list .item-text, .menu-list .item-title { transitionduration: 0.3s; }
.menu-list li:not(.item-divider):not(.list-group-title) { padding-bottom:
calc(var(--f7-menu-list-offset)/2); padding-top: calc(var(--f7-menu-listoffset)/2); }
.menu-list li:not(.item-divider):not(.list-group-title):first-child { paddingtop: var(--f7-menu-list-offset); }
.menu-list li:not(.item-divider):not(.list-group-title):last-child { paddingbottom: var(--f7-menu-list-offset); }
.menu-list .item-link { margin-left: var(--f7-menu-list-offset); margin-right:
var(--f7-menu-list-offset); border-radius: var(--f7-menu-list-border-radius) !
important; }
.menu-list .item-inner::after { display: none; }
.menu-list .item-selected .item-link, .menu-list .item-selected.itemlink, .menu-list .tab-link-active .item-link, .menu-list .tab-link-active.itemlink { background-color: var(--f7-menu-list-selected-bg-color); color: var(--f7menu-list-selected-text-color); }
.menu-list .item-selected .item-after, .menu-list .item-selected .itemfooter, .menu-list .item-selected .item-header, .menu-list .item-selected .itemsubtitle, .menu-list .item-selected .item-text, .menu-list .item-selected .itemtitle { color: var(--f7-menu-list-selected-text-color); }
.ios .item-link.active-state .item-inner::after, .ios .links-list a.activestate::after, .ios .list-button.active-state::after { background-color: initial;
}
.ios .links-list a.active-state, .ios .list .item-link.activestate, .ios .list .list-button.active-state { transition-duration: 0ms; }
.md .list .item-media { min-width: 40px; }
.aurora .list .item-media { min-width: 24px; }
.aurora .links-list a, .aurora .list .item-link:not(.itemselected), .aurora .list .list-button { transition-duration: 0ms; }

122.

.aurora.device-desktop .links-list a:hover:not(.active-state):not(.nohover), .aurora.device-desktop .list .item-link:not(.itemselected):hover:not(.active-state):not(.no-hover) { background: var(--f7-listlink-hover-bg-color); }
.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.nohover) { background: var(--f7-list-button-hover-bg-color); }
:root { --f7-badge-text-color: #fff; --f7-badge-bg-color: #8e8e93; --f7-badgepadding: 0 4px; --f7-badge-in-icon-size: 16px; --f7-badge-in-icon-font-size:
10px; --f7-badge-font-weight: normal; --f7-badge-font-size: 12px; }
.ios { --f7-badge-size: 20px; --f7-badge-font-weight: 600; }
.md { --f7-badge-size: 18px; --f7-badge-font-weight: 500; }
.aurora { --f7-badge-size: 18px; --f7-badge-font-weight: 600; }
.badge { place-content: center; align-items: center; background: var(--f7-badgebg-color); border-radius: var(--f7-badge-size); box-sizing: border-box; color:
var(--f7-badge-text-color); display: inline-flex; font-size: var(--f7-badgefont-size); font-weight: var(--f7-badge-font-weight); height: var(--f7-badgesize); min-width: var(--f7-badge-size); padding: var(--f7-badge-padding);
position: relative; text-align: center; vertical-align: middle; }
.f7-icons .badge, .framework7-icons .badge, .icon .badge, .material-icons .badge
{ --f7-badge-font-size: var(--f7-badge-in-icon-font-size); --f7-badge-size:
var(--f7-badge-in-icon-size); font-family: var(--f7-font-family); left: 100%;
margin-left: -10px; position: absolute; top: -2px; }
.badge[class*="color-"] { --f7-badge-bg-color: var(--f7-theme-color); }
:root { --f7-button-font-size: 14px; --f7-button-min-width: 32px; --f7-buttonbg-color: transparent; --f7-button-border-width: 0px; --f7-button-texttransform: uppercase; --f7-button-large-text-transform: uppercase; --f7-buttonsmall-text-transform: uppercase; --f7-button-small-outline-border-width: 2px; -f7-button-outline-border-width: 2px; --f7-button-raised-box-shadow: 0 1px 3px
rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); --f7-button-raised-pressed-boxshadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); --f7-segmentedraised-divider-color: rgba(0,0,0,.1); --f7-segmented-strong-padding: 2px; --f7segmented-strong-between-buttons: 4px; --f7-segmented-strong-button-font-weight:
500; --f7-segmented-strong-button-active-box-shadow: 0px 2px 2px
rgba(0,0,0,.25); --f7-segmented-strong-bg-color: rgba(0,0,0,.07); --f7segmented-strong-button-text-color: #000; --f7-segmented-strong-button-pressedbg-color: rgba(0,0,0,.07); --f7-segmented-strong-button-hover-bg-color:
rgba(0,0,0,.04); --f7-segmented-strong-button-active-text-color: #000; --f7segmented-strong-button-active-bg-color: #fff; }
:root .dark, :root.dark { --f7-segmented-strong-bg-color: hsla(0,0%,100%,.1); -f7-segmented-strong-button-pressed-bg-color: hsla(0,0%,100%,.04); --f7segmented-strong-button-hover-bg-color: hsla(0,0%,100%,.02); --f7-segmentedstrong-button-active-bg-color: hsla(0,0%,100%,.14); --f7-segmented-strongbutton-text-color: #fff; --f7-segmented-strong-button-active-text-color: #fff; }
.ios { --f7-button-height: 28px; --f7-button-padding-horizontal: 10px; --f7button-border-radius: 5px; --f7-button-font-weight: 600; --f7-button-letterspacing: 0; --f7-button-large-height: 44px; --f7-button-large-font-size: 17px;
--f7-button-large-font-weight: 500; --f7-button-small-height: 26px; --f7-buttonsmall-font-size: 13px; --f7-button-small-font-weight: 600; --f7-segmentedstrong-button-text-transform: none; --f7-segmented-strong-button-active-fontweight: 600; }
.md { --f7-button-height: 36px; --f7-button-padding-horizontal: 8px; --f7-

123.

button-border-radius: 4px; --f7-button-font-weight: 500; --f7-button-letterspacing: 0.05em; --f7-button-large-height: 48px; --f7-button-large-font-size:
14px; --f7-button-large-font-weight: 500; --f7-button-small-height: 28px; --f7button-small-font-size: 14px; --f7-button-small-font-weight: 500; --f7segmented-strong-button-text-transform: uppercase; --f7-segmented-strong-buttonactive-font-weight: 500; }
.aurora { --f7-button-height: 36px; --f7-button-min-width: 24px; --f7-buttonpadding-horizontal: 10px; --f7-button-border-radius: 8px; --f7-button-fontweight: 600; --f7-button-letter-spacing: 0em; --f7-button-large-height: 48px; -f7-button-large-font-size: 16px; --f7-button-large-font-weight: 600; --f7button-small-height: 28px; --f7-button-small-font-size: 14px; --f7-button-smallfont-weight: 600; --f7-segmented-strong-button-text-transform: uppercase; --f7segmented-strong-button-active-font-weight: 600; }
button { width: 100%; }
.button, button { appearance: none; }
.button { --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb),0.25); alignitems: center; background-image: none; background-position: initial; backgroundsize: initial; background-repeat: initial; background-attachment: initial;
background-origin: initial; background-clip: initial; background-color: var(-f7-button-bg-color); border: var(--f7-button-border-width,0) solid var(--f7button-border-color,var(--f7-theme-color)); border-radius: var(--f7-buttonborder-radius); box-shadow: var(--f7-button-box-shadow); box-sizing: border-box;
color: var(--f7-button-text-color,var(--f7-theme-color)); cursor: pointer;
display: flex; font-family: inherit; font-size: var(--f7-button-font-size);
font-weight: var(--f7-button-font-weight); height: var(--f7-button-height);
justify-content: center; letter-spacing: var(--f7-button-letter-spacing); lineheight: calc(var(--f7-button-height) - var(--f7-button-border-width, 0)*2);
margin: 0px; min-width: var(--f7-button-min-width); outline: 0px; overflow:
hidden; padding: var(--f7-button-padding-vertical,0) var(--f7-button-paddinghorizontal); position: relative; text-align: center; text-decoration: none;
text-overflow: ellipsis; text-transform: var(--f7-button-text-transform);
vertical-align: middle; white-space: nowrap; }
.button.active-state { background-color: var(--f7-button-pressed-bgcolor,rgba(var(--f7-theme-color-rgb),.15)); color: var(--f7-button-pressed-textcolor,var(--f7-button-text-color,var(--f7-theme-color))); }
input[type="button"].button, input[type="reset"].button,
input[type="submit"].button { width: 100%; }
.button > i + i, .button > i + span, .button > span + i, .button > span + span {
margin-left: 4px; }
.appbar .button, .navbar .button, .searchbar .button, .subnavbar .button, .toolb
ar .button { color: var(--f7-button-text-color,var(--f7-theme-color)); }
.aurora .button-round-aurora, .button-round, .ios .button-roundios, .md .button-round-md { --f7-button-border-radius: var(--f7-buttonheight); }
.aurora .button-fill-aurora, .button-active, .button-fill, .button.tab-linkactive, .ios .button-fill-ios, .md .button-fill-md { --f7-button-bg-color:
var(--f7-button-fill-bg-color,var(--f7-theme-color));
--f7-button-text-color: var(--f7-button-fill-text-color,#fff); --f7-touchripple-color: var(--f7-touch-ripple-white); }
.aurora .button-fill-aurora, .button-fill, .ios .button-fill-ios, .md .buttonfill-md { --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bgcolor); }

124.

.button-active, .button.tab-link-active { --f7-button-pressed-bg-color: var(-f7-button-bg-color); }
.aurora .button-outline-aurora, .button-outline, .ios .button-outlineios, .md .button-outline-md { --f7-button-border-color: var(--f7-button-outlineborder-color,var(--f7-theme-color)); --f7-button-border-width: var(--f7-buttonoutline-border-width); }
.aurora .button-large-aurora, .button-large, .ios .button-largeios, .md .button-large-md { --f7-button-height: var(--f7-button-large-height);
--f7-button-font-size: var(--f7-button-large-font-size); --f7-button-fontweight: var(--f7-button-large-font-weight); --f7-button-text-transform: var(-f7-button-large-text-transform); }
.aurora .button-small-aurora, .button-small, .ios .button-smallios, .md .button-small-md { --f7-button-outline-border-width: var(--f7-buttonsmall-outline-border-width); --f7-button-height: var(--f7-button-small-height);
--f7-button-font-size: var(--f7-button-small-font-size); --f7-button-fontweight: var(--f7-button-small-font-weight); --f7-button-text-transform: var(-f7-button-small-text-transform); }
.ios .button-small-ios.button-fill, .ios .button-small.buttonfill, .ios .button-small.button-fill-ios { --f7-button-border-width: var(--f7button-small-outline-border-width); --f7-button-pressed-text-color: var(--f7theme-color); --f7-button-pressed-bg-color: transparent; }
.segmented { align-self: center; border-radius: var(--f7-button-border-radius);
box-shadow: var(--f7-button-box-shadow); box-sizing: border-box; display: flex;
flex-wrap: nowrap; }
.segmented .button, .segmented button { border-radius: 0px; flex-shrink: 1; minwidth: 0px; width: 100%; }
.segmented .button:first-child { border-radius: var(--f7-button-border-radius) 0
0 var(--f7-button-border-radius); }
.segmented .button.button-outline:nthchild(n+2), .segmented .button:not(.button-outline):first-child { border-left:
none; }
.segmented .button:last-child { border-radius: 0 var(--f7-button-border-radius)
var(--f7-button-border-radius) 0; }
.segmented .button-round:first-child { border-radius: var(--f7-button-height) 0
0 var(--f7-button-height); }
.segmented .button-round:last-child { border-radius: 0 var(--f7-button-height)
var(--f7-button-height) 0; }
.segmented .button:first-child:last-child { border-radius: var(--f7-buttonborder-radius); }
.aurora .segmented-raised-aurora, .ios .segmented-raised-ios, .md .segmentedraised-md, .segmented-raised { box-shadow: var(--f7-button-raised-box-shadow); }
.aurora .segmented-raised-aurora .button:not(.button-outline), .ios .segmentedraised-ios .button:not(.button-outline), .md .segmented-raisedmd .button:not(.button-outline), .segmented-raised .button:not(.button-outline)
{ border-left: 1px solid var(--f7-segmented-raised-divider-color); }
.aurora .button-raised-aurora, .button-raised, .ios .button-raisedios, .md .button-raised-md { --f7-button-box-shadow: var(--f7-button-raised-boxshadow); }

125.

.aurora .button-raised-aurora.active-state, .button-raised.activestate, .ios .button-raised-ios.active-state, .md .button-raised-md.active-state
{ --f7-button-box-shadow: var(--f7-button-raised-pressed-box-shadow); }
.aurora .segmented-strong-aurora, .ios .segmented-strong-ios, .md .segmentedstrong-md, .segmented-strong { --f7-button-bg-color: transparent; --f7-buttonhover-bg-color: var(--f7-segmented-strong-button-hover-bg-color); --f7-buttontext-color: var(--f7-segmented-strong-button-text-color); --f7-button-fontweight: var(--f7-segmented-strong-button-font-weight); --f7-button-texttransform: var(--f7-segmented-strong-button-text-transform); --f7-buttonpressed-bg-color: var(--f7-segmented-strong-button-pressed-bg-color);
background: var(--f7-segmented-strong-bg-color); border-radius: calc(var(--f7button-border-radius) + 2px); box-shadow: none; overflow: hidden; padding:
var(--f7-segmented-strong-padding); position: relative; }
.aurora .segmented-strong-aurora .button, .ios .segmented-strongios .button, .md .segmented-strong-md .button, .segmented-strong .button
{ transform: translateZ(0px); z-index: 1; }
.aurora .segmented-strong-aurora .button, .aurora .segmented-strongaurora .button:first-child, .aurora .segmented-strong-aurora .button:last-child,
.ios .segmented-strong-ios .button, .ios .segmented-strong-ios .button:firstchild, .ios .segmented-strong-ios .button:last-child, .md .segmented-strongmd .button, .md .segmented-strong-md .button:first-child, .md .segmented-strongmd .button:last-child, .segmented-strong .button, .segmentedstrong .button:first-child, .segmented-strong .button:last-child { borderradius: var(--f7-button-border-radius); }
.aurora .segmented-strong-aurora .button + .button, .ios .segmented-strongios .button + .button, .md .segmented-strong-md .button + .button, .segmentedstrong .button + .button { margin-left: var(--f7-segmented-strong-betweenbuttons); }
.aurora .segmented-strong-aurora .button.button-active, .aurora .segmentedstrong-aurora .button.tab-link-active, .ios .segmented-strongios .button.button-active, .ios .segmented-strong-ios .button.tab-linkactive, .md .segmented-strong-md .button.button-active, .md .segmented-strong-md
.button.tab-link-active, .segmented-strong .button.button-active, .segmentedstrong .button.tab-link-active { --f7-button-hover-bg-color: transparent; --f7button-bg-color: transparent; --f7-button-text-color: var(--f7-segmented-strongbutton-active-text-color); --f7-button-font-weight: var(--f7-segmented-strongbutton-active-font-weight); }
.aurora .segmented-strong-aurora .segmented-highlight, .ios .segmented-strongios .segmented-highlight, .md .segmented-strong-md .segmentedhighlight, .segmented-strong .segmented-highlight { --f7-segmented-highlightnum: 1; --f7-segmented-highlight-active: 0; --f7-segmented-highlight-padding:
calc(var(--f7-segmented-strong-padding)*2); --f7-segmented-highlight-between:
var(--f7-segmented-strong-between-buttons); --f7-segmented-highlight-width:
calc((100% - var(--f7-segmented-highlight-padding) - var(--f7-segmentedhighlight-between)*(var(--f7-segmented-highlight-num) - 1))/var(--f7-segmentedhighlight-num)); background-color: var(--f7-segmented-strong-button-active-bgcolor); border-radius: var(--f7-button-border-radius); box-shadow: var(--f7segmented-strong-button-active-box-shadow); height: calc(100% - var(--f7segmented-strong-padding)*2); left: var(--f7-segmented-strong-padding);
position: absolute; top: var(--f7-segmented-strong-padding); transform:
translateX(calc(var(--f7-segmented-highlight-active)*100% + var(--f7-segmentedhighlight-active)*var(--f7-segmented-highlight-between))); transition: all 0.2s
ease 0s; width: var(--f7-segmented-highlight-width); z-index: 0; }
.button:nth-child(2) ~ .segmented-highlight { --f7-segmented-highlight-num: 2; }
.button:nth-child(3) ~ .segmented-highlight { --f7-segmented-highlight-num: 3; }

126.

.button:nth-child(4) ~ .segmented-highlight { --f7-segmented-highlight-num: 4; }
.button:nth-child(5) ~ .segmented-highlight { --f7-segmented-highlight-num: 5; }
.button:nth-child(6) ~ .segmented-highlight { --f7-segmented-highlight-num: 6; }
.button:nth-child(7) ~ .segmented-highlight { --f7-segmented-highlight-num: 7; }
.button:nth-child(8) ~ .segmented-highlight { --f7-segmented-highlight-num: 8; }
.button:nth-child(9) ~ .segmented-highlight { --f7-segmented-highlight-num: 9; }
.button:nth-child(10) ~ .segmented-highlight { --f7-segmented-highlight-num: 10;
}
.button-active:nth-child(2) ~ .segmented-highlight, .tab-link-active:nthchild(2) ~ .segmented-highlight { --f7-segmented-highlight-active: 1; }
.button-active:nth-child(3) ~ .segmented-highlight, .tab-link-active:nthchild(3) ~ .segmented-highlight { --f7-segmented-highlight-active: 2; }
.button-active:nth-child(4) ~ .segmented-highlight, .tab-link-active:nthchild(4) ~ .segmented-highlight { --f7-segmented-highlight-active: 3; }
.button-active:nth-child(5) ~ .segmented-highlight, .tab-link-active:nthchild(5) ~ .segmented-highlight { --f7-segmented-highlight-active: 4; }
.button-active:nth-child(6) ~ .segmented-highlight, .tab-link-active:nthchild(6) ~ .segmented-highlight { --f7-segmented-highlight-active: 5; }
.button-active:nth-child(7) ~ .segmented-highlight, .tab-link-active:nthchild(7) ~ .segmented-highlight { --f7-segmented-highlight-active: 6; }
.button-active:nth-child(8) ~ .segmented-highlight, .tab-link-active:nthchild(8) ~ .segmented-highlight { --f7-segmented-highlight-active: 7; }
.button-active:nth-child(9) ~ .segmented-highlight, .tab-link-active:nthchild(9) ~ .segmented-highlight { --f7-segmented-highlight-active: 8; }
.button-active:nth-child(10) ~ .segmented-highlight, .tab-link-active:nthchild(10) ~ .segmented-highlight { --f7-segmented-highlight-active: 9; }
.aurora .segmented-round-aurora, .aurora .segmented-round-aurora .segmentedhighlight, .ios .segmented-round-ios, .ios .segmented-round-ios .segmentedhighlight, .md .segmented-round-md, .md .segmented-round-md .segmentedhighlight, .segmented-round, .segmented-round .segmented-highlight { borderradius: var(--f7-button-height); }
.subnavbar .segmented { width: 100%; }
.button-preloader { --f7-preloader-color: var(--f7-button-text-color,var(--f7theme-color)); position: relative; }
.button-preloader:not(.button-large) { --f7-preloader-size: calc(var(--f7button-height) - 6px); }
.button-preloader.button-fill { --f7-preloader-color: #fff; }
.button-preloader > span:not(.preloader) { place-content: center; align-items:
center; display: inline-flex; transform: scale(1); transition: all 0.2s ease 0s;
}
.button-preloader > .preloader
{ left: 50%; margin-left: calc(var(--f7-preloader-size)*-1/2); margin-top:

127.

calc(var(--f7-preloader-size)*-1/2); opacity: 0; position: absolute; top: 50%;
transition: opacity 0.2s ease 0s; visibility: hidden; }
.button-preloader.button-loading > span:not(.preloader) { opacity: 0; transform:
scale(0); }
.button-preloader.button-loading > .preloader { opacity: 1; visibility: visible;
}
.ios .button { transition-duration: 0.1s; }
.ios .button-fill, .ios .button-fill-ios { --f7-button-pressed-bg-color: var(-f7-button-fill-pressed-bg-color,var(--f7-theme-color-tint)); }
.ios .button-small, .ios .button-small-ios { transition-duration: 0.2s; }
.md .button { transform: translateZ(0px); transition-duration: 0.3s; }
.md .button-fill, .md .button-fill-md { --f7-button-pressed-bg-color: var(--f7button-fill-pressed-bg-color,var(--f7-theme-color-shade)); }
.aurora .button { transform: translateZ(0px); transition-duration: 0.1s; }
.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover
{ background-color: var(--f7-button-hover-bg-color,rgba(var(--f7-theme-colorrgb),.07)); }
.aurora .button-fill, .aurora .button-fill-aurora { --f7-button-pressed-bgcolor: var(--f7-button-fill-pressed-bg-color,var(--f7-theme-color-shade)); }
.aurora .button-active, .aurora .button-fill, .aurora .button-fillaurora, .aurora .button.tab-link-active { --f7-button-hover-bg-color: var(--f7button-fill-hover-bg-color,var(--f7-theme-color-tint)); }
:root { --f7-touch-ripple-black: rgba(0,0,0,.1); --f7-touch-ripple-white:
hsla(0,0%,100%,.3); --f7-touch-ripple-color: var(--f7-touch-ripple-black); }
.dark { --f7-touch-ripple-color: var(--f7-touch-ripple-white); }
.actions-button, .button, .checkbox, .dialog-button, .fab a, .itemlink, .link, .list-button, .radio, .ripple, .speed-dial-buttons a, .tab-link
{ user-select: none; }
.ripple-wave { animation: 0.2s ease 0s 1 normal forwards running touch-ripplein; background-color: var(--f7-touch-ripple-color); border-radius: 50%; fontsize: 0px; left: 0px; margin: 0px; padding: 0px; pointer-events: none; top: 0px;
transform: translateZ(0px) scale(0); z-index: -1; position: absolute !important;
}
.ripple-wave.ripple-wave-out { animation: 0.3s ease 0s 1 normal forwards running
touch-ripple-out; transform: var(--f7-ripple-transform); }
.button-fill .ripple-wave, .menu .ripple-wave, .picker-calendar-day .ripple-wave
{ z-index: 1; }
.checkbox .ripple-wave, .data-table .sortable-cell .ripple-wave, .radio .ripplewave { z-index: 0; }
[class*="ripple-color-"] { --f7-touch-ripple-color: var(--f7-theme-color-ripplecolor); }
@keyframes touch-ripple-in {
0% { transform: translateZ(0px) scale(0); }
100% { transform: var(--f7-ripple-transform); }

128.

}
@keyframes touch-ripple-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
.f7-icons, .material-icons { height: 1em; width: 1em; }
i.icon { background-position: 50% center; background-repeat: no-repeat;
background-size: 100%; display: inline-block; font-style: normal; position:
relative; vertical-align: middle; }
.icon-back::after, .icon-forward::after, .icon-next::after, .icon-prev::after
{ overflow-wrap: normal; -webkit-font-smoothing: antialiased; font-featuresettings: "liga"; direction: ltr; display: block; font-family: framework7-coreicons; font-size: 20px; font-style: normal; font-weight: 400; height: 100%;
letter-spacing: normal; line-height: 1; text-align: center; text-rendering:
optimizelegibility; text-transform: none; white-space: nowrap; width: 100%; }
.icon[class*="color-"] { color: var(--f7-theme-color); }
.ios .icon-back, .ios .icon-forward, .ios .icon-next, .ios .icon-prev { height:
20px; line-height: 20px; width: 12px; }
.ios .icon-back::after, .ios .icon-forward::after, .ios .iconnext::after, .ios .icon-prev::after { line-height: inherit; }
.ios .icon-next::after, .ios .icon-prev::after { font-size: 16px; }
.ios .icon-back::after, .ios .icon-prev::after { content: "chevron_left_ios"; }
.ios .icon-forward::after, .ios .icon-next::after { content:
"chevron_right_ios"; }
.md .icon-back, .md .icon-forward, .md .icon-next, .md .icon-prev { height:
24px; width: 24px; }
.md .icon-back::after, .md .icon-forward::after, .md .iconnext::after, .md .icon-prev::after { line-height: 1.2; }
.md .icon-back::after { content: "arrow_left_md"; }
.md .icon-forward::after { content: "arrow_right_md"; }
.md .icon-next::after { content: "chevron_right_md"; }
.md .icon-prev::after { content: "chevron_left_md"; }
.aurora .f7-icons, .aurora .material-icons { font-size: 24px; }
.aurora .icon-back, .aurora .icon-forward, .aurora .icon-next, .aurora .iconprev { height: 20px; line-height: 20px; width: 12px; }
.aurora .icon-back::after, .aurora .icon-forward::after, .aurora .iconnext::after, .aurora .icon-prev::after { line-height: inherit; }
.aurora .icon-next::after, .aurora .icon-prev::after { font-size: 16px; }
.aurora .icon-back::after, .aurora .icon-prev::after { content:
"chevron_left_ios"; }
.aurora .icon-forward::after, .aurora .icon-next::after { content:
"chevron_right_ios"; }

129.

.custom-modal-backdrop { z-index: 10500; }
.actions-backdrop, .custom-modal-backdrop, .dialog-backdrop, .fabbackdrop, .popover-backdrop, .popup-backdrop, .preloader-backdrop, .sheetbackdrop { background: rgba(0, 0, 0, 0.4); height: 100%; left: 0px; opacity: 0;
position: absolute; top: 0px; transition-duration: 0.4s; visibility: hidden;
width: 100%; z-index: 13000; }
.actions-backdrop.not-animated, .custom-modal-backdrop.not-animated, .dialogbackdrop.not-animated, .fab-backdrop.not-animated, .popover-backdrop.notanimated, .popup-backdrop.not-animated, .preloader-backdrop.notanimated, .sheet-backdrop.not-animated { transition-duration: 0ms; }
.actions-backdrop.backdrop-in, .custom-modal-backdrop.backdrop-in, .dialogbackdrop.backdrop-in, .fab-backdrop.backdrop-in, .popover-backdrop.backdropin, .popup-backdrop.backdrop-in, .preloader-backdrop.backdrop-in, .sheetbackdrop.backdrop-in { opacity: 1; visibility: visible; }
:root { --f7-appbar-shadow-image: none; }
.ios { --f7-appbar-height: 44px; --f7-appbar-inner-padding-left: 8px; --f7appbar-inner-padding-right: 8px; }
.md { --f7-appbar-height: 48px; --f7-appbar-inner-padding-left: 16px; --f7appbar-inner-padding-right: 16px; }
.aurora { --f7-appbar-height: 64px; --f7-appbar-inner-padding-left: 16px; --f7appbar-inner-padding-right: 16px; }
.appbar { backface-visibility: hidden; background-color: var(--f7-appbar-bgcolor,var(--f7-bars-bg-color)); background-image: var(--f7-appbar-bgimage,var(--f7-bars-bg-image)); box-sizing: border-box; color: var(--f7-appbartext-color,var(--f7-bars-text-color)); font-size: var(--f7-appbar-font-size);
height: calc(var(--f7-appbar-height) + var(--f7-safe-area-top)); left: 0px;
margin: 0px; position: relative; top: 0px; transform: translateZ(0px); width:
100%; z-index: 7000; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .appbar { backdrop-filter: saturate(180%) blur(var(--f7bars-translucent-blur)); background-color: rgba(var(--f7-appbar-bg-colorrgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity)); }
}
.appbar .panel ~ .appbar { z-index: 5500; }
.appbar a { color: var(--f7-appbar-link-color,var(--f7-bars-link-color,var(--f7theme-color))); }
.appbar a.link { display: flex; height: var(--f7-appbar-link-height,var(--f7appbar-height)); justify-content: flex-start; line-height: var(--f7-appbar-linkline-height,var(--f7-appbar-height)); }
.appbar .center, .appbar .left, .appbar .right { align-items: center; display:
flex; }
.appbar.no-border .title-large::after, .appbar.no-border::after, .appbar.nohairline .title-large::after, .appbar.no-hairline::after, .appbar.noshadow::before { display: none !important; }
.appbar::after, .appbar::before { backface-visibility: hidden; }
.appbar::after { background-color: var(--f7-appbar-border-color,var(--f7-bars-

130.

border-color)); inset: auto auto 0px 0px; display: block; height: 1px;
transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50%
100%; z-index: 15; }
.appbar::after, .appbar::before { content: ""; position: absolute; width:
100%; }
.appbar::before { background: var(--f7-appbar-shadow-image); bottom: auto;
height: 8px; pointer-events: none; right: 0px; top: 100%; }
.appbar::after { z-index: 1; }
.appbar ~ * { --f7-appbar-app-offset: calc(var(--f7-appbar-height) + var(--f7appbar-extra-offset, 0px) + var(--f7-safe-area-top)); }
.appbar ~ .appbar, .appbar ~ .panel .page, .appbar ~ .panel .pagecontent, .appbar ~ .panel .view, .appbar ~ .view, .appbar ~ .views { --f7-safearea-top: 0px; }
.appbar-inner { align-items: center; box-sizing: border-box; display: flex;
height: var(--f7-appbar-height); justify-content: space-between; left: 0px;
padding: 0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-arearight)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left));
position: absolute; top: var(--f7-safe-area-top); width: 100%; }
.appbar-inner.stacked { display: none; }
:root { --f7-dialog-button-text-color: var(--f7-theme-color); --f7-dialogbutton-text-align: center; --f7-dialog-input-bg-color: #fff; }
:root .dark, :root.dark { --f7-dialog-text-color: #fff; }
.ios { --f7-dialog-box-shadow: none; --f7-dialog-width: 270px; --f7-dialoginner-padding: 16px; --f7-dialog-border-radius: 13px; --f7-dialog-text-align:
center; --f7-dialog-font-size: 14px; --f7-dialog-title-text-color: inherit; -f7-dialog-title-font-size: 18px; --f7-dialog-title-font-weight: 600; --f7dialog-title-line-height: inherit; --f7-dialog-button-font-size: 17px; --f7dialog-button-height: 44px; --f7-dialog-button-letter-spacing: 0; --f7-dialogbutton-font-weight: 400; --f7-dialog-button-text-transform: none; --f7-dialoginput-border-radius: 4px; --f7-dialog-input-font-size: 14px; --f7-dialog-inputheight:
32px; --f7-dialog-input-border-width: 1px; --f7-dialog-input-placeholder-color:
#a9a9a9; --f7-dialog-preloader-size: 34px; --f7-dialog-bg-color:
hsla(0,0%,100%,.95); --f7-dialog-bg-color-rgb: 255,255,255; --f7-dialog-textcolor: #000; --f7-dialog-button-pressed-bg-color: rgba(0,0,0,.1); --f7-dialoginput-border-color: rgba(0,0,0,.3); --f7-dialog-border-divider-color:
rgba(0,0,0,.2); }
.ios .dark, .ios.dark { --f7-dialog-bg-color: rgba(45,45,45,.95); --f7-dialogbg-color-rgb: 45,45,45; --f7-dialog-button-pressed-bg-color: rgba(0,0,0,.2); -f7-dialog-border-divider-color: hsla(0,0%,100%,.15); --f7-dialog-input-bordercolor: hsla(0,0%,100%,.15); --f7-dialog-input-bg-color: rgba(0,0,0,.5); }
.md { --f7-dialog-box-shadow: var(--f7-elevation-24); --f7-dialog-width: 280px;
--f7-dialog-inner-padding: 24px; --f7-dialog-border-radius: 4px; --f7-dialogtext-align: left; --f7-dialog-font-size: 16px; --f7-dialog-title-font-size:
20px; --f7-dialog-title-font-weight: 500; --f7-dialog-title-line-height: 1.3; -f7-dialog-button-font-size: 14px; --f7-dialog-button-height: 36px; --f7-dialogbutton-letter-spacing: 0.05em; --f7-dialog-button-font-weight: 500; --f7-dialogbutton-text-transform: uppercase; --f7-dialog-button-pressed-bg-color:
rgba(var(--f7-theme-color-rgb),0.15); --f7-dialog-input-border-radius: 0px; -f7-dialog-input-font-size: 16px; --f7-dialog-input-height: 36px; --f7-dialoginput-border-color: transparent; --f7-dialog-input-border-width: 0px; --f7dialog-preloader-size: 32px; --f7-dialog-bg-color: #fff; --f7-dialog-text-color:

131.

rgba(0,0,0,.54); --f7-dialog-title-text-color: #212121; --f7-dialog-inputplaceholder-color: rgba(0,0,0,.35); }
.md .dark, .md.dark { --f7-dialog-bg-color: #1c1c1d; --f7-dialog-title-textcolor: #fff; --f7-dialog-input-bg-color: transparent; --f7-dialog-inputplaceholder-color: hsla(0,0%,100%,.54); }
.aurora { --f7-dialog-box-shadow: 0 0 20px 0 rgba(0,0,0,.15),0 25px 30px 0
rgba(0,0,0,.35); --f7-dialog-width: 300px; --f7-dialog-inner-padding: 20px; -f7-dialog-border-radius: 8px; --f7-dialog-text-align: left; --f7-dialog-fontsize: 14px; --f7-dialog-title-font-size: 18px; --f7-dialog-title-font-weight:
700; --f7-dialog-title-line-height: inherit; --f7-dialog-button-font-size: 14px;
--f7-dialog-button-height: 36px; --f7-dialog-button-letter-spacing: 0; --f7dialog-button-font-weight: 600; --f7-dialog-button-text-transform: uppercase; -f7-dialog-input-border-radius: 8px; --f7-dialog-input-font-size: 16px; --f7dialog-input-height: 32px; --f7-dialog-input-border-width: 1px; --f7-dialogpreloader-size: 24px; --f7-dialog-bg-color: #fff; --f7-dialog-title-text-color:
inherit; --f7-dialog-text-color: #000; --f7-dialog-button-text-color: #fff; -f7-dialog-input-border-color: rgba(0,0,0,.2); --f7-dialog-input-placeholdercolor: rgba(0,0,0,.32); }
.aurora .dark, .aurora.dark { --f7-dialog-bg-color: #1c1c1d; --f7-dialog-titletext-color: #fff; --f7-dialog-input-bg-color: rgba(0,0,0,.25); --f7-dialoginput-placeholder-color: hsla(0,0%,100%,.54); --f7-dialog-input-border-color:
hsla(0,0%,100%,.15); }
.dialog { background: var(--f7-dialog-bg-color); border-radius: var(--f7-dialogborder-radius); box-shadow: var(--f7-dialog-box-shadow); color: var(--f7-dialogtext-color); display: none; font-size: var(--f7-dialog-font-size); left: 50%;
margin-left: calc(var(--f7-dialog-width)*-1/2); margin-top: 0px; opacity: 0;
overflow: hidden; position: absolute; text-align: var(--f7-dialog-text-align);
top: 50%; transform: translate3d(0px, -50%, 0px) scale(1.185); transitionduration: 0.4s; transition-property: transform, opacity; width: var(--f7-dialogwidth); will-change: transform, opacity; z-index: 13500; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .dialog { backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(var(--f7-dialog-bg-color-rgb),.8); }
}
.dialog.modal-in { opacity: 1; transform: translate3d(0px, -50%, 0px)
scale(1); }
.dialog.modal-out { opacity: 0; z-index: 13499; }
.dialog.not-animated { transition-duration: 0ms; }
.dialog-inner { padding: var(--f7-dialog-inner-padding); position: relative; }
.dialog-title { color: var(--f7-dialog-title-text-color); font-size: var(--f7dialog-title-font-size); font-weight: var(--f7-dialog-title-font-weight); lineheight: var(--f7-dialog-title-line-height); }
.dialog-buttons { display: flex; position: relative; }
.dialog-buttons-vertical .dialog-buttons { display: block; height: auto !
important; }
.dialog-button { box-sizing: border-box; color: var(--f7-dialog-button-textcolor); cursor: pointer; display: block; font-size: var(--f7-dialog-button-fontsize); font-weight: var(--f7-dialog-button-font-weight); height: var(--f7dialog-button-height); letter-spacing: var(--f7-dialog-button-letter-spacing);
line-height: var(--f7-dialog-button-height); overflow: hidden; position:

132.

relative; text-align: var(--f7-dialog-button-text-align); text-overflow:
ellipsis; text-transform: var(--f7-dialog-button-text-transform); white-space:
nowrap; }
.dialog-button.active-state { background-color: var(--f7-dialog-button-pressedbg-color); }
.dialog-no-buttons .dialog-buttons { display: none; }
.dialog-input-field { position: relative; }
input.dialog-input[type] { appearance: none; background-color: var(--f7-dialoginput-bg-color); border: var(--f7-dialog-input-border-width) solid var(--f7dialog-input-border-color); border-radius: var(--f7-dialog-input-border-radius);
box-shadow: none; box-sizing: border-box; display: block; font-family: inherit;
font-size: var(--f7-dialog-input-font-size); height: var(--f7-dialog-inputheight); margin: 15px 0px 0px; width: 100%; }
input.dialog-input[type]::placeholder { color: var(--f7-dialog-inputplaceholder-color); }
.dialog-input-double input.dialog-input { border-radius: var(--f7-dialog-inputborder-radius) var(--f7-dialog-input-border-radius) 0 0; }
.dialog-input-double + .dialog-input-double input.dialog-input { border-radius:
0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius); }
.dialog-preloader .preloader { --f7-preloader-size: var(--f7-dialog-preloadersize); }
html.with-modal-dialog .page-content { overflow: hidden; }
.ios .dialog.modal-out { transform: translate3d(0px, -50%, 0px) scale(1); }
.ios .dialog-inner { border-radius: var(--f7-dialog-border-radius) var(--f7dialog-border-radius) 0 0; }
.ios .dialog-inner::after { background-color: var(--f7-dialog-border-dividercolor); inset: auto auto 0px 0px; content: ""; display: block; height: 1px;
position: absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio)));
transform-origin: 50% 100%; width: 100%; z-index: 15; }
.ios .dialog-title + .dialog-text { margin-top: 5px; }
.ios .dialog-buttons { height: 44px; justify-content: center; }
.ios .dialog-button { -webkit-box-flex: 1; padding: 0px 5px; width: 100%; }
.ios .dialog-button::after { background-color: var(--f7-dialog-border-dividercolor); inset: 0px 0px auto auto; content: ""; display: block; height: 100%;
position: absolute; transform: scaleX(calc(1/var(--f7-device-pixel-ratio)));
transform-origin: 100% 50%; width: 1px; z-index: 15; }
.ios .dialog-button:first-child { border-radius: 0 0 0 var(--f7-dialog-borderradius); }
.ios .dialog-button:last-child { border-radius: 0 0 var(--f7-dialog-borderradius) 0; }
.ios .dialog-button:last-child::after { display: none !important; }
.ios .dialog-button:first-child:last-child { border-radius: 0 0 var(--f7-dialogborder-radius) var(--f7-dialog-border-radius); }

133.

.ios .dialog-button.dialog-button-bold { font-weight: 500; }
.ios .dialog-button[class*="color-"] { --f7-dialog-button-text-color: var(--f7theme-color); }
.ios .dialog-buttons-vertical .dialog-buttons { height: auto; }
.ios .dialog-buttons-vertical .dialog-button { border-radius: 0px; }
.ios .dialog-buttons-vertical .dialog-button::after { background-color: var(-f7-dialog-border-divider-color); inset: auto auto 0px 0px; content: ""; display:
block; height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 100%; width: 100%; z-index: 15; }
.ios .dialog-buttons-vertical .dialog-button:last-child { border-radius: 0 0
var(--f7-dialog-border-radius) var(--f7-dialog-border-radius); }
.ios .dialog-buttons-vertical .dialog-button:last-child::after { display: none !
important; }
.ios .dialog-no-buttons .dialog-inner { border-radius: var(--f7-dialog-borderradius); }
.ios .dialog-no-buttons .dialog-inner::after { display: none !important; }
.ios .dialog-input-field { margin-top: 15px; }
.ios .dialog-input { padding: 0px 5px; }
.ios .dialog-input + .dialog-input { margin-top: 5px; }
.ios .dialog-input-double + .dialog-input-double { margin-top: 0px; }
.ios .dialog-input-double + .dialog-input-double .dialog-input { border-top:
0px; margin-top: 0px; }
.ios .dialog-preloader .dialog-text ~ .preloader, .ios .dialogpreloader .dialog-title ~ .preloader, .ios .dialog-progress .dialog-text
~ .progressbar, .ios .dialog-progress .dialog-text ~ .progressbar-infinite, .ios
.dialog-progress .dialog-title ~ .progressbar, .ios .dialog-progress .dialogtitle ~ .progressbar-infinite { margin-top: 15px; }
.md .dialog.modal-out { transform: translate3d(0px, -50%, 0px) scale(0.815); }
.md .dialog-title + .dialog-text { margin-top: 20px; }
.md .dialog-text { line-height: 1.5; }
.md .dialog-buttons { box-sizing: border-box; height: 48px; justify-content:
flex-end; overflow: hidden; padding: 6px 8px; }
.md .dialog-button { --f7-touch-ripple-color: rgba(var(--f7-theme-colorrgb),0.25); border: none; border-radius: 4px; min-width: 64px; padding: 0px 8px;
transform: translateZ(0px); transition-duration: 0.3s; }
.md .dialog-button.dialog-button-bold { font-weight: 700; }
.md .dialog-button + .dialog-button { margin-left: 4px; }
.md .dialog-button[class*="color-"]
{ --f7-dialog-button-text-color: var(--f7-theme-color); }
.md .dialog-buttons-vertical .dialog-buttons { align-items: flex-end; display:
flex; flex-direction: column; }

134.

.md .dialog-buttons-vertical .dialog-button + .dialog-button { margin-left: 0px;
margin-top: 12px; }
.md .dialog-input { padding: 0px; position: relative; transition-duration: 0.2s;
}
.md .dialog-input + .dialog-input { margin-top: 16px; }
.md .dialog-preloader .dialog-inner, .md .dialog-preloader .dialogtitle, .md .dialog-progress .dialog-inner, .md .dialog-progress .dialog-title
{ text-align: center; }
.md .dialog-preloader .dialog-text ~ .preloader, .md .dialog-preloader .dialogtitle ~ .preloader { margin-top: 20px; }
.md .dialog-progress .dialog-text ~ .progressbar, .md .dialog-progress .dialogtext ~ .progressbar-infinite, .md .dialog-progress .dialog-title ~ .progressbar,
.md .dialog-progress .dialog-title ~ .progressbar-infinite { margin-top: 16px; }
.aurora .dialog.modal-out { transform: translate3d(0px, -50%, 0px) scale(0.815);
}
.aurora .dialog-title + .dialog-text { margin-top: 16px; }
.aurora .dialog-text { line-height: 1.5; }
.aurora .dialog-buttons { box-sizing: border-box; justify-content: flex-end;
overflow: hidden; padding-right: ; padding-bottom: ; padding-left: ; paddingtop: 0px; }
.aurora .dialog-button { background: var(--f7-theme-color); border: none;
border-radius: 8px; min-width: 64px; padding: 0px 10px; transform:
translateZ(0px); transition-duration: 0.3s; }
.aurora .dialog-button.dialog-button-bold { font-weight: 600; }
.aurora .dialog-button + .dialog-button { margin-left: 16px; }
.aurora .dialog-button.active-state { background-color: var(--f7-dialog-buttonpressed-bg-color,var(--f7-theme-color-shade)); }
.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover
{ background-color: var(--f7-dialog-button-hover-bg-color,var(--f7-theme-colortint)); }
.aurora .dialog-buttons-vertical .dialog-buttons { align-items: stretch;
display: flex; flex-direction: column; }
.aurora .dialog-buttons-vertical .dialog-button { flex-shrink: 0; margin-left:
0px; }
.aurora .dialog-buttons-vertical .dialog-button + .dialog-button { margin-top:
8px; }
.aurora div.dialog-input-field { margin-top: 16px; }
.aurora div.dialog-input-field input.dialog-input { margin-top: 0px; }
.aurora div.dialog-input-field.input::after { display: none !important; }
.aurora .dialog-input { padding: 0px 8px; position: relative; transitionduration: 0.2s; }

135.

.aurora .dialog-input + .dialog-input { margin-top: 8px; }
.aurora .dialog-input-double + .dialog-input-double { margin-top: 0px; }
.aurora .dialog-input-double + .dialog-input-double .dialog-input { border-top:
0px; margin-top: 0px; }
.aurora .dialog-preloader .dialog-inner, .aurora .dialog-preloader .dialogtitle, .aurora .dialog-progress .dialog-inner, .aurora .dialog-progress .dialogtitle { text-align: center; }
.aurora .dialog-preloader .dialog-text ~ .preloader, .aurora .dialogpreloader .dialog-title ~ .preloader, .aurora .dialog-progress .dialog-text
~ .progressbar, .aurora .dialog-progress .dialog-text ~ .progressbarinfinite, .aurora .dialog-progress .dialog-title
~ .progressbar, .aurora .dialog-progress .dialog-title ~ .progressbar-infinite {
margin-top: 16px; }
:root { --f7-popup-border-radius: 0px; --f7-popup-tablet-width: 630px; --f7popup-tablet-height: 630px; --f7-popup-transition-duration: 400ms; --f7-popuppush-border-radius: 10px; --f7-popup-push-offset: var(--f7-safe-area-top); }
.ios { --f7-popup-tablet-border-radius: 5px; --f7-popup-box-shadow: none; }
.md { --f7-popup-tablet-border-radius: 4px; --f7-popup-box-shadow: 0px 20px 44px
rgba(0,0,0,.5); }
.aurora { --f7-popup-tablet-border-radius: 8px; --f7-popup-box-shadow: 0px 20px
44px rgba(0,0,0,.5); }
.popup-backdrop { z-index: 10500; }
.popup, .popup-backdrop-unique { z-index: 11000; }
.popup { background: rgb(255, 255, 255); border-radius: var(--f7-popup-borderradius); box-sizing: border-box; display: none; height: 100%; left: 0px;
overflow: hidden; position: absolute; top: 0px; transform: translate3d(0px,
100vh, 0px); transition-property: transform; width: 100%; }
.dark .popup, .popup.dark { background: rgb(0, 0, 0); }
.popup.modal-in, .popup.modal-out { transition-duration: var(--f7-popuptransition-duration); }
.popup.not-animated { transition-duration: 0ms; }
.popup.modal-in { display: block; transform: translateZ(0px); }
.popup.modal-out { transform: translate3d(0px, 100vh, 0px); }
.popup.swipe-close-to-top.modal-out { transform: translate3d(0px, -100vh,
0px); }
@media (min-width: 630px) and (min-height: 630px) {
.popup:not(.popup-tablet-fullscreen) { --f7-safe-area-top: 0px; --f7-safearea-bottom: 0px; border-radius: var(--f7-popup-tablet-border-radius,var(--f7popup-border-radius)); box-shadow: var(--f7-popup-box-shadow); height: var(--f7popup-tablet-height); left: 50%; margin-left: calc(var(--f7-popup-tabletwidth)*-1/2); margin-top: calc(var(--f7-popup-tablet-height)*-1/2); top: 50%;
transform: translate3d(0px, 100vh, 0px); width: var(--f7-popup-tablet-width); }
.popup:not(.popup-tablet-fullscreen).modal-in { transform: translateZ(0px); }
.popup:not(.popup-tablet-fullscreen).modal-out { transform: translate3d(0px,
100vh, 0px); }
.popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out { transform:

136.

translate3d(0px, -100vh, 0px); }
.popup:not(.popup-tablet-fullscreen).popup-behind { pointer-events: none;
transform: translateZ(0px) scale(0.9); }
.popup:not(.popup-tablet-fullscreen).popup-behind.modal-out { transform:
translate3d(0px, 100vh, 0px) scale(0.9); }
}
html.with-modal-popup .framework7-root > .panel .page-content, html.with-modalpopup .framework7-root > .view .page-content, html.with-modal-popup .framework7root > .views .page-content { overflow: hidden; }
html.with-modal-popup-push .popup-push, html.with-modal-popup-pushclosing .popup-push { --f7-safe-area-top: 0px; border-radius: var(--f7-popuppush-border-radius) var(--f7-popup-push-border-radius) 0 0; height: calc(100% var(--f7-popup-push-offset) - 10px); top: calc(var(--f7-popup-push-offset) +
10px); }
html.with-modal-popup-push .popup-push .page, html.with-modal-popup-push .popuppush .view, html.with-modal-popup-push-closing .popup-push .page, html.withmodal-popup-push-closing .popup-push .view { --f7-safe-area-top: 0px; }
html.with-modal-popup-push .framework7-root, html.with-modal-popup-pushclosing .framework7-root { background: rgb(0, 0, 0); }
html.with-modal-popup-push .framework7-root > .view, html.with-modal-popuppush .framework7-root > .views, html.with-modal-popup-push-closing .framework7root > .view, html.with-modal-popup-push-closing .framework7-root > .views
{ transition-duration: var(--f7-popup-transition-duration); }
html.with-modal-popup-push .dark .framework7-root > .view::after, html.withmodal-popup-push .dark .framework7-root > .views::after, html.with-modal-popuppush .dark.framework7-root > .view::after, html.with-modal-popuppush .dark.framework7-root > .views::after, html.with-modal-popuppush .framework7-root > .view.dark::after, html.with-modal-popuppush .framework7-root > .views.dark::after, html.with-modal-popup-pushclosing .dark .framework7-root > .view::after, html.with-modal-popup-pushclosing .dark .framework7-root > .views::after, html.with-modal-popup-pushclosing .dark.framework7-root > .view::after, html.with-modal-popup-push-closing
.dark.framework7-root > .views::after, html.with-modal-popup-pushclosing .framework7-root > .view.dark::after, html.with-modal-popup-push-closing
.framework7-root > .views.dark::after, html.with-modal-popup-pushclosing.dark .framework7-root > .view::after, html.with-modal-popup-pushclosing.dark .framework7-root > .views::after, html.with-modal-popuppush.dark .framework7-root > .view::after, html.with-modal-popuppush.dark .framework7-root > .views::after { animation: popup-dark-push-overlayfade-in var(--f7-popup-transition-duration) forwards; background: rgba(255, 255,
255, 0.1); border-radius: var(--f7-popup-push-border-radius) var(--f7-popuppush-border-radius) 0 0; content: ""; height: 100%; left: 0px; opacity: 1;
pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 13000;
}
html.with-modal-popup-push .framework7-root > .view, html.with-modal-popuppush .framework7-root > .views { border-radius: var(--f7-popup-push-borderradius) var(--f7-popup-push-border-radius) 0 0; transform: translateZ(0)
scale(var(--f7-popup-push-scale,1)) !important; }
html.with-modal-popup-push .popup::after { background: rgba(0, 0, 0, 0.4);
border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-borderradius) 0 0; content: ""; height: 100%; left: 0px; opacity: 0; pointer-events:
none; position: absolute; top: 0px; transition-duration: var(--f7-popuptransition-duration); width: 100%; z-index: 13000; }
html.with-modal-popup-push .dark .popup::after, html.with-modal-popuppush .dark.popup::after, html.with-modal-popup-push.dark .popup::after

137.

{ background: rgba(255, 255, 255, 0.05); }
html.with-modal-popup-push .popup-behind { transform: translateZ(0) scale(var(-f7-popup-push-scale,1)); }
html.with-modal-popup-push .popup-behind.modal-out { transform:
translate3d(0,100vh,0) scale(var(--f7-popup-push-scale,1)); }
html.with-modal-popup-push .popup-behind:not(.popup-push) { border-radius:
var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0; }
html.with-modal-popup-push .popup-behind.popup-push { transform:
translate3d(0,calc(-10px - var(--f7-popup-push-offset)),0) scale(var(--f7-popuppush-scale,1)); }
html.with-modal-popup-push .popup-behind.popup-push.modal-out { transform:
translate3d(0,calc(-10px - var(--f7-popup-push-offset) + 100vh),0) scale(var(-f7-popup-push-scale,1)); }
html.with-modal-popup-push .popup-behind::after { opacity: 1; pointer-events:
auto; }
html.with-modal-popup-push-closing .dark .framework7-root > .view::after,
html.with-modal-popup-push-closing .dark .framework7-root > .views::after,
html.with-modal-popup-push-closing .dark.framework7-root > .view::after,
html.with-modal-popup-push-closing .dark.framework7-root > .views::after,
html.with-modal-popup-push-closing .framework7-root > .view.dark::after,
html.with-modal-popup-push-closing .framework7-root > .views.dark::after,
html.with-modal-popup-push-closing.dark .framework7-root > .view::after,
html.with-modal-popup-push-closing.dark .framework7-root > .views::after
{ animation: popup-dark-push-overlay-fade-out var(--f7-popup-transitionduration) forwards; }
@keyframes popup-dark-push-overlay-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes popup-dark-push-overlay-fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
:root { --f7-login-screen-blocks-max-width: 480px; --f7-login-screen-title-textalign: center; --f7-login-screen-title-text-color: inherit; --f7-login-screentitle-letter-spacing: 0; --f7-login-screen-title-font-weight: 600; --f7-loginscreen-title-font-size: 28px; --f7-login-screen-content-bg-color: #fff; --f7login-screen-bg-color: #fff; }
:root .dark, :root.dark { --f7-login-screen-bg-color: #121212; --f7-loginscreen-content-bg-color: #121212; }
.ios { --f7-login-screen-blocks-margin-vertical: 25px; }
.ios .dark, .ios.dark { --f7-login-screen-bg-color: #000; --f7-login-screencontent-bg-color: #000; }
.md { --f7-login-screen-blocks-margin-vertical: 24px; }
.aurora { --f7-login-screen-blocks-margin-vertical: 16px; }
.login-screen { background: var(--f7-login-screen-bg-color); box-sizing: borderbox; display: none; height: 100%; left: 0px; position: absolute; top: 0px;
transform: translate3d(0px, 100vh, 0px); transition-property: transform; width:

138.

100%; z-index: 11000; }
.login-screen.modal-in, .login-screen.modal-out { transition-duration: 0.4s; }
.login-screen.not-animated { transition-duration: 0ms; }
.login-screen.modal-in { display: block; transform: translateZ(0px); }
.login-screen.modal-out { transform: translate3d(0px, 100%, 0px); }
.login-screen .page, .login-screen-content, .login-screen-page { background:
var(--f7-login-screen-content-bg-color); }
.login-screen-content .list-button, .login-screen-page .list-button { color:
var(--f7-login-screen-list-button-text-color,var(--f7-theme-color)); text-align:
center; }
.login-screen-content .block, .login-screen-content .list, .login-screen-content
.login-screen-title, .login-screen-page .block, .login-screenpage .list, .login-screen-page .login-screen-title { margin: var(--f7-loginscreen-blocks-margin-vertical) auto; }
.login-screen-content .block, .login-screen-content .block-footer, .loginscreen-content .block-header, .login-screen-content .list, .login-screen-content
.login-screen-title, .login-screen-page .block, .login-screen-page .blockfooter, .login-screen-page .block-header, .login-screen-page .list, .loginscreen-page .login-screen-title { max-width: var(--f7-login-screen-blocks-maxwidth); }
.login-screen-content .list ul, .login-screen-page .list ul { background:
none; }
.login-screen-content .list ul::after, .login-screen-content .list
ul::before, .login-screen-page .list ul::after, .login-screen-page .list
ul::before { display: none !important; }
.login-screen-content .block-footer, .login-screen-content .blockheader, .login-screen-page .block-footer, .login-screen-page .block-header
{ margin-left: auto; margin-right: auto; text-align: center; }
.login-screen-title { color: var(--f7-login-screen-title-text-color); font-size:
var(--f7-login-screen-title-font-size); font-weight: var(--f7-login-screentitle-font-weight); letter-spacing: var(--f7-login-screen-title-letter-spacing);
text-align: var(--f7-login-screen-title-text-align); }
.login-screen-page, .login-screen > .page, .login-screen > .view > .page
{ display: flex; flex-direction: column; }
.login-screen-page .login-screen-content, .login-screen-page .pagecontent, .login-screen > .page .login-screen-content, .login-screen
> .page .page-content, .login-screen > .view > .page .login-screencontent, .login-screen > .view > .page .page-content { height: auto; marginbottom: auto; margin-top: auto; max-height: 100%; width: 100%; }
.dark .login-screen-content .block-strong, .dark .login-screen-content .list ul,
.dark .login-screen-page .block-strong, .dark .login-screen-page .list
ul, .dark.login-screen-page .block-strong, .dark.login-screen-page .list ul
{ background-color: initial; }
:root { --f7-popover-width: 260px; }
.ios { --f7-popover-border-radius: 13px; --f7-popover-box-shadow: none; --f7popover-actions-icon-size: 28px; --f7-popover-bg-color: hsla(0,0%,100%,.95); -f7-popover-actions-label-text-color: rgba(0,0,0,.45); }

139.

.ios .dark, .ios.dark { --f7-popover-bg-color: rgba(30,30,30,.95); --f7-popoveractions-label-text-color: hsla(0,0%,100%,.55); }
.md { --f7-popover-border-radius: 4px; --f7-popover-box-shadow: var(--f7elevation-8); --f7-popover-actions-icon-size: 24px; --f7-popover-bg-color: #fff;
--f7-popover-actions-label-text-color: rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-popover-bg-color: #1c1c1d; --f7-popover-actionslabel-text-color: hsla(0,0%,100%,.54); }
.aurora { --f7-popover-border-radius: 8px; --f7-popover-box-shadow: var(--f7elevation-8); --f7-popover-actions-icon-size: 24px; --f7-popover-bg-color: #fff;
--f7-popover-actions-label-text-color: rgba(0,0,0,.6); }
.aurora .dark, .aurora.dark { --f7-popover-bg-color: #1c1c1d; --f7-popoveractions-label-text-color: hsla(0,0%,100%,.6); }
.popover, .popover-backdrop-unique { z-index: 13500; }
.popover { --f7-safe-area-top: 0px; --f7-safe-area-left: 0px; --f7-safe-arearight: 0px; --f7-safe-area-bottom: 0px; background-color: var(--f7-popover-bgcolor); border-radius: var(--f7-popover-border-radius); box-shadow: var(--f7popover-box-shadow); display: none; left: 0px; margin: 0px; opacity: 0;
position: absolute; top: 0px; transition-duration: 0.3s; width: var(--f7popover-width); will-change: transform, opacity; }
.popover .list { margin: 0px; }
.popover .list ul { background: none; }
.popover .list:first-child ul::before, .popover .list:last-child ul::after
{ display: none !important; }
.popover .list:first-child li:first-child, .popover .list:first-child li:firstchild a, .popover .list:first-child li:first-child >
label, .popover .list:first-child ul { border-radius: var(--f7-popover-borderradius) var(--f7-popover-border-radius) 0 0; }
.popover .list:last-child li:last-child, .popover .list:last-child li:last-child
a, .popover .list:last-child li:last-child > label, .popover .list:last-child ul
{ border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-borderradius); }
.popover .list:first-child:last-child li:first-child:lastchild, .popover .list:first-child:last-child li:first-child:last-child
a, .popover .list:first-child:last-child li:first-child:last-child >
label, .popover .list:first-child:last-child ul { border-radius: var(--f7popover-border-radius); }
.popover .list + .list { margin-top: var(--f7-list-margin-vertical); }
.popover.modal-in { opacity: 1; }
.popover.not-animated { transition-duration: 0ms; }
.popover-inner { overflow: auto; }
.popover-from-actions .item-link i.icon { font-size: var(--f7-popover-actionsicon-size); height: var(--f7-popover-actions-icon-size); width: var(--f7popover-actions-icon-size); }
.popover-from-actions-bold { font-weight: 600; }

140.

.popover-from-actions-label { align-items: center; color: var(--f7-popoveractions-label-text-color); display: flex; font-size: var(--f7-actions-labelfont-size); justify-content: var(--f7-actions-label-justify-content); lineheight: 1.3; padding: var(--f7-actions-label-padding); position: relative; }
.popover-from-actions-label::after { background-color: var(--f7-list-itemborder-color); inset: auto auto 0px 0px; content: ""; display: block; height:
1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 100%; width: 100%; z-index: 15; }
.popover-from-actions-label:last-child::after { display: none !important; }
.ios .popover { transform: none; transition-property: opacity; }
.ios .popover-angle { left: -26px; overflow: hidden; z-index: 100; }
.ios .popover-angle, .ios .popover-angle::after { height: 26px; position:
absolute; top: 0px; width: 26px; }
.ios .popover-angle::after { background: var(--f7-popover-bg-color); borderradius: 3px; content: ""; left: 0px; transform: rotate(45deg); }
.ios .popover-angle.on-left { left: -26px; }
.ios .popover-angle.on-left::after { left: 19px; top: 0px; }
.ios .popover-angle.on-right { left: 100%; }
.ios .popover-angle.on-right::after { left: -19px; top: 0px; }
.ios .popover-angle.on-top { left: 0px; top: -26px; }
.ios .popover-angle.on-top::after { left: 0px; top: 19px; }
.ios .popover-angle.on-bottom { left: 0px; top: 100%; }
.ios .popover-angle.on-bottom::after { left: 0px; top: -19px; }
.md .popover { transform: scale(0.85, 0.6); transition-property: opacity,
transform; }
.md .popover.modal-in { opacity: 1; transform: scale(1); }
.md .popover.modal-out { opacity: 0; transform: scale(1); }
.md .popover-on-top { transform-origin: center bottom; }
.md .popover-on-top.popover-on-right { transform-origin: left bottom; }
.md .popover-on-top.popover-on-left { transform-origin: right bottom; }
.md .popover-on-middle { transform-origin: center center; }
.md .popover-on-middle.popover-on-right { transform-origin: left center; }
.md .popover-on-middle.popover-on-left { transform-origin: right center; }
.md .popover-on-bottom { transform-origin: center top; }
.md .popover-on-bottom.popover-on-right { transform-origin: left top; }
.md .popover-on-bottom.popover-on-left { transform-origin: right top; }
.aurora .popover { transform:

141.

none; transition-property: opacity; }
.aurora .popover-angle { height: 24px; left: -24px; overflow: hidden; position:
absolute; top: 0px; width: 24px; z-index: 100; }
.aurora .popover-angle::after { background: var(--f7-popover-bg-color); borderradius: 4px; content: ""; height: 24px; left: 0px; position: absolute; top: 0px;
transform: rotate(45deg); width: 24px; }
.aurora .popover-angle.on-left { left: -24px; }
.aurora .popover-angle.on-left::after { left: 17px; top: 0px; }
.aurora .popover-angle.on-right { left: 100%; }
.aurora .popover-angle.on-right::after { left: -17px; top: 0px; }
.aurora .popover-angle.on-top { left: 0px; top: -24px; }
.aurora .popover-angle.on-top::after { left: 0px; top: 17px; }
.aurora .popover-angle.on-bottom { left: 0px; top: 100%; }
.aurora .popover-angle.on-bottom::after { left: 0px; top: -17px; }
:root { --f7-actions-grid-button-font-size: 12px; --f7-actions-grid-button-textcolor: #757575; --f7-actions-grid-button-icon-size: 48px; }
:root .dark, :root.dark { --f7-actions-label-text-color: hsla(0,0%,100%,.55); }
.ios { --f7-actions-border-radius: 13px; --f7-actions-button-padding: 0px; --f7actions-button-text-align: center; --f7-actions-button-height: 57px; --f7actions-button-height-landscape: 44px; --f7-actions-button-font-size: 20px; -f7-actions-button-icon-size: 28px; --f7-actions-button-justify-content: center;
--f7-actions-label-padding: 8px 10px; --f7-actions-label-font-size: 13px; --f7actions-label-justify-content: center; --f7-actions-group-border-color:
transparent; --f7-actions-group-margin: 8px; --f7-actions-bg-color:
hsla(0,0%,100%,.95); --f7-actions-bg-color-rgb: 255,255,255; --f7-actionsbutton-border-color: rgba(0,0,0,.2); --f7-actions-button-pressed-bg-color:
hsla(0,0%,90%,.9); --f7-actions-button-pressed-bg-color-rgb: 230,230,230; --f7actions-label-text-color: #8a8a8a; }
.ios .dark, .ios.dark { --f7-actions-bg-color: rgba(45,45,45,.95); --f7-actionsbg-color-rgb: 45,45,45; --f7-actions-button-border-color: hsla(0,0%,100%,.15);
--f7-actions-button-pressed-bg-color: rgba(50,50,50,.9); --f7-actions-buttonpressed-bg-color-rgb: 50,50,50; }
.md { --f7-actions-border-radius: 0px; --f7-actions-button-border-color:
transparent; --f7-actions-button-padding: 0 16px; --f7-actions-button-textalign: left; --f7-actions-button-height: 48px; --f7-actions-button-heightlandscape: 48px; --f7-actions-button-font-size: 16px; --f7-actions-button-iconsize: 24px; --f7-actions-button-justify-content: space-between; --f7-actionslabel-padding: 12px 16px; --f7-actions-label-font-size: 16px; --f7-actionslabel-justify-content: flex-start; --f7-actions-group-margin: 0px; --f7-actionsbg-color: #fff; --f7-actions-button-pressed-bg-color: #e5e5e5; --f7-actionslabel-text-color: rgba(0,0,0,.54); --f7-actions-group-border-color:
rgba(0,0,0,.12); }
.md .dark, .md.dark { --f7-actions-bg-color: #202020; --f7-actions-buttonpressed-bg-color: #2e2e2e; --f7-actions-group-border-color: hsla(0,0%,100%,.15);
}
.aurora { --f7-actions-border-radius: 8px; --f7-actions-button-padding: 0 16px;
--f7-actions-button-text-align: center; --f7-actions-button-height: 48px; --f7-

142.

actions-button-height-landscape: 48px; --f7-actions-button-font-size: 16px; -f7-actions-button-icon-size: 24px; --f7-actions-button-justify-content: spacebetween; --f7-actions-label-padding: 10px 16px; --f7-actions-label-font-size:
14px; --f7-actions-label-justify-content: center; --f7-actions-group-margin:
16px; --f7-actions-bg-color: #fff; --f7-actions-button-border-color:
rgba(0,0,0,.12); --f7-actions-button-pressed-bg-color: #e5e5e5; --f7-actionslabel-text-color: rgba(0,0,0,.5); --f7-actions-group-border-color:
rgba(0,0,0,.1); }
.aurora .dark, .aurora.dark { --f7-actions-bg-color: #202020; --f7-actionsbutton-border-color: hsla(0,0%,100%,.15); --f7-actions-button-pressed-bg-color:
#2e2e2e; --f7-actions-group-border-color: hsla(0,0%,100%,.15); }
.actions-backdrop-unique { z-index: 13500; }
.actions-modal { bottom: 0px; display: none; left: 0px; max-height: 100%;
overflow: auto; position: absolute; transform: translate3d(0px, 100%, 0px);
transition-property: transform; width: 100%; will-change: transform; z-index:
13500; }
.actions-modal.modal-in, .actions-modal.modal-out { transition-duration: 0.3s; }
.actions-modal.not-animated { transition-duration: 0ms; }
.actions-modal.modal-in { transform: translate3d(0,calc(var(--f7-safe-areabottom)*-1),0); }
.actions-modal.modal-out { transform: translate3d(0px, 100%, 0px); z-index:
13499; }
@media (min-width: 496px) {
.actions-modal { left: 50%; margin-left: -240px; width: 480px; }
}
@media (orientation: landscape) {
.actions-modal { --f7-actions-button-height: var(--f7-actions-button-heightlandscape); }
}
.actions-group { border-radius: var(--f7-actions-border-radius); margin: var(-f7-actions-group-margin); overflow: hidden; position: relative; transform:
translateZ(0px); }
.actions-group::after { background-color: var(--f7-actions-group-border-color);
inset: auto auto 0px 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 100%; width: 100%; z-index: 15; }
.actions-group:last-child::after { display: none !important; }
.actions-button, .actions-label { background: var(--f7-actions-bg-color); boxsizing: border-box; display: block; font-weight: 400; margin: 0px; overflow:
hidden; position: relative; text-align: var(--f7-actions-button-text-align);
width: 100%; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .actions-button, .ios-translucent-modals .actionslabel { backdrop-filter: saturate(180%) blur(20px); background-color:
rgba(var(--f7-actions-bg-color-rgb),.8); }
}
.actions-button::after, .actions-label::after { background-color: var(--f7actions-button-border-color); inset: auto auto 0px 0px; content: ""; display:

143.

block; height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 100%; width: 100%; z-index: 15; }
.actions-button:first-child, .actions-label:first-child { border-radius: var(-f7-actions-border-radius) var(--f7-actions-border-radius) 0 0; }
.actions-button:last-child, .actions-label:last-child { border-radius: 0 0
var(--f7-actions-border-radius) var(--f7-actions-border-radius); }
.actions-button:last-child::after, .actions-label:last-child::after { display:
none !important; }
.actions-button:first-child:last-child, .actions-label:first-child:last-child
{ border-radius: var(--f7-actions-border-radius); }
.actions-button a, .actions-label a { color: inherit; display: block; textdecoration: none; }
.actions-button b, .actions-button.actions-button-bold, .actions-label
b, .actions-label.actions-button-bold { font-weight: 600; }
.actions-button { color: var(--f7-actions-button-text-color,var(--f7-themecolor)); cursor: pointer; display: flex; font-size: var(--f7-actions-buttonfont-size); height: var(--f7-actions-button-height); justify-content: var(--f7actions-button-justify-content); line-height: var(--f7-actions-button-height);
padding: var(--f7-actions-button-padding); z-index: 10; }
.actions-button.active-state { background-color: var(--f7-actions-buttonpressed-bg-color) !important; }
.actions-button[class*="color-"] { color: var(--f7-theme-color); }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .actions-button.active-state { backdrop-filter:
saturate(180%) blur(20px); background-color: rgba(var(--f7-actions-buttonpressed-bg-color-rgb),.8); }
}
.actions-button-media { align-items: center; display: flex; flex-shrink: 0; }
.actions-button-media i.icon { font-size: var(--f7-actions-button-icon-size);
height: var(--f7-actions-button-icon-size); width: var(--f7-actions-button-iconsize); }
.actions-button a, .actions-button-text { overflow: hidden; position: relative;
text-overflow: ellipsis; white-space: nowrap; }
.actions-button-text { flex-shrink: 1; text-align: var(--f7-actions-button-textalign); width: 100%; }
.actions-label { align-items: center; color: var(--f7-actions-label-text-color);
display: flex; font-size: var(--f7-actions-label-font-size); justify-content:
var(--f7-actions-label-justify-content); line-height: 1.3; min-height: var(--f7actions-label-min-height,var(--f7-actions-button-height)); padding: var(--f7actions-label-padding); }
.actions-label[class*=" color-"] { --f7-actions-label-text-color: var(--f7theme-color); }
.actions-grid .actions-group { background: var(--f7-actions-bg-color); borderradius: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start;
margin-top: 0px; }

144.

.actions-grid .actions-group:first-child { border-radius: var(--f7-actionsborder-radius) var(--f7-actions-border-radius) 0 0; }
.actions-grid .actions-group:last-child { border-radius: 0 0 var(--f7-actionsborder-radius) var(--f7-actions-border-radius); }
.actions-grid .actions-group:first-child:last-child { border-radius: var(--f7actions-border-radius); }
.actions-grid .actions-group:not(:last-child) { margin-bottom: 0px; }
.actions-grid .actions-button, .actions-grid .actions-label { background: none;
border-radius: 0px !important; }
.actions-grid .actions-button { color: var(--f7-actions-grid-button-text-color);
display: block; height: auto; line-height: 1; padding: 16px; width: 33.3333%; }
.actions-grid .actions-button::after { display: none !important; }
.actions-grid .actions-button-media { margin-left: auto !important; marginright: auto !important; }
.actions-grid .actions-button-media, .actions-grid .actions-button-media i.icon
{ height: var(--f7-actions-grid-button-icon-size); width: var(--f7-actions-gridbutton-icon-size); }
.actions-grid .actions-button-media i.icon { font-size: var(--f7-actions-gridbutton-icon-size); }
.actions-grid
.actions-button-text { font-size: var(--f7-actions-grid-button-font-size);
height: 1.33em; line-height: 1.33em; margin-top: 8px; margin-left: 0px !
important; text-align: center !important; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .actions-grid .actions-group { backdrop-filter:
saturate(180%) blur(20px); background-color: rgba(var(--f7-actions-bg-colorrgb),.8); }
}
.ios .actions-button-media { margin-left: 16px; }
.ios .actions-button-media + .actions-button-text { margin-left: 16px; textalign: left; }
.md .actions-button { transition-duration: 0.3s; }
.md .actions-button-media { min-width: 40px; }
.aurora .actions-button-media, .md .actions-button-media + .actions-button-text
{ margin-left: 16px; }
.aurora .actions-button-media + .actions-button-text { margin-left: 16px; textalign: left; }
:root { --f7-sheet-height: 260px; --f7-sheet-border-color: transparent; --f7sheet-transition-duration: 300ms; --f7-sheet-push-border-radius: 10px; --f7sheet-push-offset: var(--f7-safe-area-top); --f7-sheet-bg-color: #fff; }
:root .dark, :root.dark { --f7-sheet-bg-color: #202020; }
.ios { --f7-sheet-border-color: var(--f7-bars-border-color); }

145.

.sheet-backdrop { z-index: 11000; }
.sheet-backdrop-unique, .sheet-modal { z-index: 12500; }
.sheet-modal { background: var(--f7-sheet-bg-color); bottom: 0px; box-sizing:
border-box; display: none; height: var(--f7-sheet-height); left: 0px; position:
absolute; transform: translate3d(0px, 100%, 0px); transition-property:
transform; width: 100%; will-change: transform, opacity; }
.sheet-modal.modal-in, .sheet-modal.modal-out { transition-duration: var(--f7sheet-transition-duration); }
.sheet-modal.not-animated { transition-duration: 0ms; }
.sheet-modal.modal-in { display: block; transform: translateZ(0px); }
.sheet-modal.modal-in-swipe-step { display: block; transform:
translate3d(0,var(--f7-sheet-swipe-step,0),0); }
.sheet-modal.modal-out { transform: translate3d(0px, 100%, 0px); }
.sheet-modal .sheet-modal-inner { height: 100%; overflow: hidden; position:
relative; }
.sheet-modal .toolbar { --f7-safe-area-bottom: 0px; position: relative; width:
100%; }
.sheet-modal .toolbar::after, .sheet-modal .toolbar::before { display: none; }
.sheet-modal .toolbar + .sheet-modal-inner { height: calc(100% - var(--f7toolbar-height)); }
.sheet-modal .toolbar + .sheet-modal-inner .page-content { --f7-page-toolbartop-offset: 0px; --f7-page-toolbar-bottom-offset: 0px; }
.sheet-modal-top::after { backface-visibility: hidden; background-color: var(-f7-sheet-border-color); inset: auto auto 0px 0px; content: ""; display: block;
height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 100%; transform-style: preserve-3d; width: 100%;
z-index: 700; }
.sheet-modal-bottom, .sheet-modal:not(.sheet-modal-top) { --f7-safe-area-top:
0px; }
.sheet-modal-bottom::before, .sheet-modal:not(.sheet-modal-top)::before
{ backface-visibility: hidden; background-color: var(--f7-sheet-border-color);
inset: 0px auto auto 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 0px; transform-style: preserve-3d; width: 100%; z-index: 700; }
.sheet-modal-top { --f7-safe-area-bottom: 0px; bottom: auto; top: 0px; }
.sheet-modal-top, .sheet-modal-top.modal-out { transform: translate3d(0px, 100%, 0px); }
.sheet-modal-top .toolbar-bottom { position: absolute; }
.sheet-modal-top .page-content { padding-top: var(--f7-safe-area-top); }
html.with-modal-sheet-push .sheet-modal-push, html.with-modal-sheet-push-closing
.sheet-modal-push { --f7-sheet-border-color: transparent; border-radius: var(-f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0; overflow:
hidden; }

146.

html.with-modal-sheet-push .sheet-modal-push .page, html.with-modal-sheetpush .sheet-modal-push .view, html.with-modal-sheet-push-closing .sheet-modalpush .page, html.with-modal-sheet-push-closing .sheet-modal-push .view { --f7safe-area-top: 0px; }
html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top, html.with-modalsheet-push-closing .sheet-modal-push.sheet-modal-top { border-radius: 0 0 var(-f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius); }
html.with-modal-sheet-push .framework7-root, html.with-modal-sheet-pushclosing .framework7-root { background: rgb(0, 0, 0); }
html.with-modal-sheet-push .framework7-root > .view, html.with-modal-sheetpush .framework7-root > .views, html.with-modal-sheet-push-closing .framework7root > .view, html.with-modal-sheet-push-closing .framework7-root > .views
{ transition-duration: var(--f7-sheet-transition-duration); }
html.with-modal-sheet-push .dark .framework7-root > .view::after, html.withmodal-sheet-push .dark .framework7-root > .views::after, html.with-modal-sheetpush .dark.framework7-root > .view::after, html.with-modal-sheetpush .dark.framework7-root > .views::after, html.with-modal-sheetpush .framework7-root > .view.dark::after, html.with-modal-sheetpush .framework7-root > .views.dark::after, html.with-modal-sheet-pushclosing .dark .framework7-root > .view::after, html.with-modal-sheet-pushclosing .dark .framework7-root > .views::after, html.with-modal-sheet-pushclosing .dark.framework7-root > .view::after, html.with-modal-sheet-push-closing
.dark.framework7-root > .views::after, html.with-modal-sheet-pushclosing .framework7-root > .view.dark::after, html.with-modal-sheet-push-closing
.framework7-root > .views.dark::after, html.with-modal-sheet-pushclosing.dark .framework7-root > .view::after, html.with-modal-sheet-pushclosing.dark .framework7-root > .views::after, html.with-modal-sheetpush.dark .framework7-root > .view::after, html.with-modal-sheetpush.dark .framework7-root > .views::after { animation: sheet-dark-push-overlayfade-in var(--f7-sheet-transition-duration) forwards; background: rgba(255, 255,
255, 0.1); border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheetpush-border-radius) 0 0; content: ""; height: 100%; left: 0px; opacity: 1;
pointer-events: none; position: absolute; top: 0px; width: 100%; z-index: 13000;
}
html.with-modal-sheet-push .framework7-root > .view, html.with-modal-sheetpush .framework7-root > .views { border-radius: var(--f7-sheet-push-borderradius); transform: translateZ(0) scale(var(--f7-sheet-push-scale,1)) !
important; }
html.with-modal-sheet-push-closing .dark .framework7-root > .view::after,
html.with-modal-sheet-push-closing .dark .framework7-root > .views::after,
html.with-modal-sheet-push-closing .dark.framework7-root > .view::after,
html.with-modal-sheet-push-closing .dark.framework7-root > .views::after,
html.with-modal-sheet-push-closing .framework7-root > .view.dark::after,
html.with-modal-sheet-push-closing .framework7-root > .views.dark::after,
html.with-modal-sheet-push-closing.dark .framework7-root > .view::after,
html.with-modal-sheet-push-closing.dark .framework7-root > .views::after
{ animation: sheet-dark-push-overlay-fade-out var(--f7-sheet-transitionduration) forwards; }
@keyframes sheet-dark-push-overlay-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes sheet-dark-push-overlay-fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}

147.

.md .sheet-modal .toolbar a.link:not(.tab-link) { flex-shrink: 0; }
:root { --f7-toast-text-color: #fff; --f7-toast-font-size: 14px; --f7-toasticon-size: 48px; --f7-toast-max-width: 568px; }
.ios { --f7-toast-bg-color: rgba(0,0,0,.75); --f7-toast-bg-color-rgb: 0,0,0; -f7-toast-padding-horizontal: 16px; --f7-toast-padding-vertical: 12px; --f7toast-border-radius: 8px; --f7-toast-button-min-width: 64px; }
.md { --f7-toast-bg-color: #323232; --f7-toast-padding-horizontal: 24px; --f7toast-padding-vertical: 14px; --f7-toast-border-radius: 4px; --f7-toast-buttonmin-width: 64px; }
.aurora { --f7-toast-bg-color: #323232; --f7-toast-padding-horizontal: 16px; -f7-toast-padding-vertical: 16px; --f7-toast-border-radius: 8px; --f7-toastbutton-min-width: 32px; }
.toast { --f7-touch-ripple-color: var(--f7-touch-ripple-white); backgroundcolor: var(--f7-toast-bg-color); box-sizing: border-box; color: var(--f7-toasttext-color); font-size: var(--f7-toast-font-size); max-width: var(--f7-toastmax-width); opacity: 0; position: absolute; transition-property: transform,
opacity; z-index: 20000; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .toast { backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(var(--f7-toast-bg-color-rgb),.8); }
}
.toast.modal-in { opacity: 1; }
.toast .toast-content { align-items: center; box-sizing: border-box; display:
flex; justify-content: space-between; padding: var(--f7-toast-padding-vertical)
var(--f7-toast-padding-horizontal); }
.toast .toast-text { flex-shrink: 1; line-height: 20px; min-width: 0px; }
.toast .toast-button { flex-shrink: 0; margin-bottom: -8px; margin-top: -8px;
min-width: var(--f7-toast-button-min-width); }
.toast.toast-with-icon .toast-content { display: block; text-align: center; }
.toast.toast-with-icon .toast-text { text-align: center; }
.toast.toast-with-icon .toast-icon .f7-icons, .toast.toast-with-icon .toast-icon
.material-icons { font-size: var(--f7-toast-icon-size); }
.toast.toast-center { top: 50%; }
.toast.toast-top { margin-top: var(--f7-safe-area-top); }
.ios .toast { left: 0px; transition-duration: 0.3s; width: 100%; }
.ios .toast.toast-top { top: 0px; transform: translate3d(0px, -100%, 0px); }
.ios .toast.toast-top.modal-in { transform: translateZ(0px); }
.ios .toast.toast-center { border-radius: var(--f7-toast-border-radius); left:
50%; width: auto; }
.ios .toast.toast-center, .ios .toast.toast-center.modal-in { transform:
translate3d(-50%, -50%, 0px); }

148.

.ios .toast.toast-bottom
{ bottom: 0px; transform: translate3d(0px, 100%, 0px); }
.ios .toast.toast-bottom.modal-in { transform: translateZ(0px); }
@media (max-width: 568px) {
.ios .toast.toast-top { margin-top: 0px; }
.ios .toast.toast-top .toast-content { padding-top: calc(var(--f7-toastpadding-vertical) + var(--f7-safe-area-top)); }
.ios .toast.toast-bottom .toast-content { padding-bottom: calc(var(--f7-toastpadding-vertical) + var(--f7-safe-area-bottom)); }
}
@media (min-width: 569px) {
.ios .toast { border-radius: var(--f7-toast-border-radius); left: 50%; marginleft: calc(var(--f7-toast-max-width)*-1/2); }
.ios .toast.toast-top { top: 16px; }
.ios .toast.toast-center { margin-left: 0px; }
.ios .toast.toast-bottom { margin-bottom: calc(16px + var(--f7-safe-areabottom)); }
}
@media (min-width: 1024px) {
.ios .toast { margin-left: 0px; width: auto; }
.ios .toast.toast-horizontal-left { left: 16px; }
.ios .toast.toast-horizontal-right { left: auto; right: 16px; }
.ios .toast.toast-horizontal-center { left: 50%; margin-left: calc(var(--f7toast-max-width)*-1/2); width: var(--f7-toast-max-width); }
}
.ios .toast-button { margin-left: 16px; margin-right: calc(var(--f7-buttonpadding-horizontal)*-1); }
.md .toast { border-radius: var(--f7-toast-border-radius); left: 8px; transform:
scale(0.9); transition-duration: 0.2s; width: calc(100% - 16px); }
.md .toast.modal-in, .md .toast.modal-out { transform: scale(1); }
.md .toast.toast-top { top: 8px; }
.md .toast.toast-center { left: 50%; transform: scale(0.9) translate3d(-55%, 55%, 0px); width: auto; }
.md .toast.toast-center.modal-in, .md .toast.toast-center.modal-out { transform:
scale(1) translate3d(-50%, -50%, 0px); }
.md .toast.toast-bottom { bottom: calc(8px + var(--f7-safe-area-bottom)); }
@media (min-width: 584px) {
.md .toast { left: 50%; margin-left: calc(var(--f7-toast-max-width)*-1/2); }
.md .toast.toast-center { margin-left: 0px; }
}
@media (min-width: 1024px) {
.md .toast { margin-left: 0px; width: auto; }
.md .toast.toast-horizontal-left { left: 24px; }
.md .toast.toast-horizontal-right { left: auto; right: 24px; }
.md .toast.toast-horizontal-center { left: 50%; margin-left: calc(var(--f7toast-max-width)*-1/2); width: var(--f7-toast-max-width); }
.md .toast.toast-bottom { bottom: calc(24px + var(--f7-safe-area-bottom)); }
.md .toast.toast-top { top: 24px; }
}
.md .toast-button { margin-left: 16px; margin-right: -8px; }

149.

.aurora .toast { border-radius: var(--f7-toast-border-radius); left: 16px;
transform: scale(0.9); transition-duration: 0.2s; width: calc(100% - 32px); }
.aurora .toast.modal-in, .aurora .toast.modal-out { transform: scale(1); }
.aurora .toast.toast-top { top: 16px; }
.aurora .toast.toast-center { left: 50%; transform: scale(0.9) translate3d(-55%,
-55%, 0px); width: auto; }
.aurora .toast.toast-center.modal-in, .aurora .toast.toast-center.modal-out
{ transform: scale(1) translate3d(-50%, -50%, 0px); }
.aurora .toast.toast-bottom { bottom: calc(16px + var(--f7-safe-area-bottom)); }
@media (min-width: 584px) {
.aurora .toast { left: 50%; margin-left: calc(var(--f7-toast-max-width)*-1/2);
}
.aurora .toast.toast-center { margin-left: 0px; }
}
@media (min-width: 1024px) {
.aurora .toast { margin-left: 0px; width: auto; }
.aurora .toast.toast-horizontal-left { left: 16px; }
.aurora .toast.toast-horizontal-right { left: auto; right: 16px; }
.aurora .toast.toast-horizontal-center { left: 50%; margin-left: calc(var(-f7-toast-max-width)*-1/2); width: var(--f7-toast-max-width); }
}
.aurora .toast-button { margin-left: 16px; }
:root { --f7-preloader-modal-padding: 8px; --f7-preloader-modal-bg-color:
rgba(0,0,0,.8); }
.ios { --f7-preloader-color: #6c6c6c; --f7-preloader-size: 20px; --f7-preloadermodal-preloader-size: 34px; --f7-preloader-modal-border-radius: 5px; }
.md { --f7-preloader-color: #757575; --f7-preloader-size: 32px; --f7-preloadermodal-preloader-size: 32px; --f7-preloader-modal-border-radius: 4px; }
.aurora { --f7-preloader-color: #757575; --f7-preloader-size: 24px; --f7preloader-modal-preloader-size: 24px; --f7-preloader-modal-border-radius: 4px; }
.preloader { display: inline-block; font-size: 0px; height: var(--f7-preloadersize); position: relative; vertical-align: middle; width: var(--f7-preloadersize); }
.preloader .preloader-inner { display: block; height: 100%; position: relative;
width: 100%; }
.preloader-backdrop { background: none; opacity: 0; visibility: visible; zindex: 14000; }
.preloader-modal { background: var(--f7-preloader-modal-bg-color); borderradius: var(--f7-preloader-modal-border-radius); left: 50%; padding: var(--f7preloader-modal-padding); position: absolute; top: 50%; transform: translateX(50%) translateY(-50%); z-index: 14500; }
.preloader-modal .preloader { --f7-preloader-size: var(--f7-preloader-modalpreloader-size); display: block !important; }
.with-modal-preloader .page-content, .with-modal-preloader.page-content,
html.with-modal-preloader .page-content { overflow: hidden; }

150.

.preloader[class*="color-"] { --f7-preloader-color: var(--f7-theme-color); }
.ios .preloader-inner { animation: 1s steps(8) 0s infinite normal none running
ios-preloader-spin; }
.ios .preloader-inner-line { background: var(--f7-preloader-color); borderradius: 100px; display: block; height: 33.33%; left: 50%; position: absolute;
top: 50%; transform-origin: center 150%; width: 11.6%; }
.ios .preloader.color-multi .preloader-inner-line { animation: 3s linear 0s
infinite normal none running ios-preloader-multicolor; }
.ios .preloader-inner-line:first-child { opacity: 0.27; transform: translate(50%, -150%) rotate(0deg); }
.ios .preloader-inner-line:nth-child(2) { opacity: 0.352857; transform:
translate(-50%, -150%) rotate(45deg); }
.ios .preloader-inner-line:nth-child(3) { opacity: 0.435714; transform:
translate(-50%, -150%) rotate(90deg); }
.ios .preloader-inner-line:nth-child(4) { opacity: 0.518571; transform:
translate(-50%, -150%) rotate(135deg); }
.ios .preloader-inner-line:nth-child(5) { opacity: 0.601429; transform:
translate(-50%, -150%) rotate(180deg); }
.ios .preloader-inner-line:nth-child(6) { opacity: 0.684286; transform:
translate(-50%, -150%) rotate(225deg); }
.ios .preloader-inner-line:nth-child(7) { opacity: 0.767143; transform:
translate(-50%, -150%) rotate(270deg); }
.ios .preloader-inner-line:nth-child(8) { opacity: 0.85; transform: translate(50%, -150%) rotate(315deg); }
@keyframes ios-preloader-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
@keyframes ios-preloader-multicolor {
0%, 100% { background-color: rgb(33, 150, 243); }
25% { background-color: rgb(255, 59, 48); }
50% { background-color: rgb(76, 217, 100); }
75% { background-color: rgb(255, 149, 0); }
}
.md .preloader-inner { animation: 1.4s linear 0s infinite normal none running
md-preloader-rotate; }
.md .preloader-inner circle { fill: none; stroke: var(--f7-preloader-color);
stroke-dasharray: 100px; stroke-dashoffset: 80px; stroke-width: 4; animation:
5.6s ease-in-out 0s infinite normal none running md-preloader-circle-rotate;
transform: rotate(-90deg); transform-origin: 18px 18px; }
.md .preloader.color-multi circle { animation: 5.6s ease-in-out 0s infinite
normal none running md-preloader-circle-rotate, 5.6s ease-in-out 0s infinite
normal none running md-preloader-multicolor; }
@keyframes md-preloader-multicolor {
0%, 100% { stroke: rgb(66, 133, 244); }
75% { stroke: rgb(27, 154, 89); }

151.

}
50% { stroke: rgb(247, 194, 35); }
25% { stroke: rgb(222, 62, 53); }
@keyframes md-preloader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
@keyframes md-preloader-circle-rotate {
0% { stroke-dashoffset: 100px; transform: rotate(-90deg); }
12.5% { stroke-dashoffset: 25px; transform: rotate(-90deg); }
25% { stroke-dashoffset: 100px; transform: rotate(180deg); }
25.1% { stroke-dashoffset: 100px; transform: rotate(-180deg); }
37.5% { stroke-dashoffset: 25px; transform: rotate(-180deg); }
50% { stroke-dashoffset: 100px; transform: rotate(90deg); }
50.1% { stroke-dashoffset: 100px; transform: rotate(90deg); }
62.5% { stroke-dashoffset: 25px; transform: rotate(90deg); }
75% { stroke-dashoffset: 100px; transform: rotate(1turn); }
75.1% { stroke-dashoffset: 100px; transform: rotate(0deg); }
87.5% { stroke-dashoffset: 25px; transform: rotate(0deg); }
100% { stroke-dashoffset: 100px; transform: rotate(270deg); }
}
.aurora .preloader-inner { left: 0px; position: absolute; top: 0px; }
.aurora .preloader-inner-circle { animation: 0.75s linear 0s infinite normal
none running aurora-preloader-rotate; border-top-style: ; border-top-width: ;
border-right-color: ; border-right-style: ; border-right-width: ; border-bottomcolor: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ;
border-left-style: ; border-left-width: ; border-image-source: ; border-imageslice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ;
border-radius: 50%; border-top-color: transparent; box-sizing: border-box;
height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }
.aurora .preloader.color-multi .preloader-inner-circle { animation: 0.75s linear
0s infinite normal none running aurora-preloader-rotate, 3s linear 0s infinite
normal none running aurora-preloader-multicolor; }
@keyframes aurora-preloader-rotate {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
@keyframes aurora-preloader-multicolor {
0%, 100% { border-color: transparent rgb(33, 150, 243) rgb(33, 150, 243); }
25% { border-color: transparent rgb(255, 59, 48) rgb(255, 59, 48); }
50% { border-color: transparent rgb(76, 217, 100) rgb(76, 217, 100); }
75% { border-color: transparent rgb(255, 149, 0) rgb(255, 149, 0); }
}
.ios { --f7-progressbar-height: 4px; --f7-progressbar-border-radius:
4px; --f7-progressbar-bg-color: rgba(0,0,0,.3); }
.ios .dark, .ios.dark { --f7-progressbar-bg-color: hsla(0,0%,100%,.3); }
.md { --f7-progressbar-height: 4px; --f7-progressbar-border-radius: 0px; }
.aurora { --f7-progressbar-height: 6px; --f7-progressbar-border-radius: 3px; -f7-progressbar-bg-color: #dbdbdb; }
.aurora .dark, .aurora.dark { --f7-progressbar-bg-color: #444; }
.progressbar, .progressbar-infinite { background: var(--f7-progressbar-bg-

152.

color,rgba(var(--f7-theme-color-rgb),.5)); border-radius: var(--f7-progressbarborder-radius); display: block; height: var(--f7-progressbar-height); overflow:
hidden; position: relative; transform-origin: center top; transform-style:
preserve-3d; width: 100%; }
.progressbar { vertical-align: middle; }
.progressbar span { background-color: var(--f7-progressbar-progress-color,var(-f7-theme-color)); height: 100%; left: 0px; position: absolute; top: 0px;
transform: translate3d(-100%, 0px, 0px); transition-duration: 0.15s; width:
100%; }
.progressbar-infinite { z-index: 15000; }
.progressbar-infinite::after, .progressbar-infinite::before { background-color:
var(--f7-progressbar-progress-color,var(--f7-theme-color)); content: "";
display: block; height: 100%; left: 0px; position: absolute; top: 0px;
transform: translateZ(0px); transform-origin: left center; width: 100%; }
.progressbar-infinite.color-multi { background: none !important; }
.progressbar-in { animation: 0.15s ease 0s 1 normal forwards running
progressbar-in; }
.progressbar-out { animation: 0.15s ease 0s 1 normal forwards running
progressbar-out; }
.framework7-root > .progressbar, .framework7-root > .progressbar-infinite, .page
> .progressbar, .page > .progressbar-infinite, .panel > .progressbar, .panel
> .progressbar-infinite, .popup > .progressbar, .popup > .progressbarinfinite, .view > .progressbar, .view > .progressbar-infinite, .views
> .progressbar, .views > .progressbar-infinite, body > .progressbar, body
> .progressbar-infinite { left: 0px; position: absolute; top: 0px; z-index:
15000; border-radius: 0px !important; transform-origin: center top !important; }
@keyframes progressbar-in {
0% { opacity: 0; transform: scaleY(0); }
100% { opacity: 1; transform: scaleY(1); }
}
@keyframes progressbar-out {
0% { opacity: 1; transform: scaleY(1); }
100% { opacity: 0; transform: scaleY(0); }
}
.ios .progressbar-infinite::before { animation: 1s linear 0s infinite normal
none running ios-progressbar-infinite; }
.ios .progressbar-infinite::after { display: none; }
.ios .progressbar-infinite.color-multi::before { animation: 3s linear 0s
infinite normal none running ios-progressbar-infinite-multicolor; backgroundimage: linear-gradient(90deg, rgb(76, 217, 100), rgb(90, 200, 250), rgb(0, 122,
255), rgb(52, 170, 220), rgb(88, 86, 214), rgb(255, 45, 85), rgb(88, 86, 214),
rgb(52, 170, 220), rgb(0, 122, 255), rgb(90, 200, 250), rgb(76, 217, 100));
background-repeat: repeat-x; background-size: 25% 100%; width: 400%; }
@keyframes ios-progressbar-infinite {
0% { transform: translate3d(-100%, 0px, 0px); }
100% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes ios-progressbar-infinite-multicolor {
0% { transform: translateZ(0px); }

153.

}
100% { transform: translate3d(-50%, 0px, 0px); }
.md .progressbar-infinite::before { animation: 2s linear 0s infinite normal none
running md-progressbar-infinite-1; }
.md .progressbar-infinite::after { animation: 2s linear 0s infinite normal none
running md-progressbar-infinite-2; }
.md .progressbar-infinite.color-multi::before { animation: 3s step-end 0s
infinite normal none running md-progressbar-infinite-multicolor-bg; background:
none; }
.md .progressbar-infinite.color-multi::after { animation: 3s linear 0s infinite
normal none running md-progressbar-infinite-multicolor-fill; background: none;
transform-origin: center center; }
@keyframes md-progressbar-infinite-1 {
0% { transform: translateX(-10%) scaleX(0.1); }
25% { transform: translateX(30%) scaleX(0.6); }
50% { transform: translateX(100%) scaleX(1); }
100% { transform: translateX(100%) scaleX(1); }
}
@keyframes md-progressbar-infinite-2 {
0% { transform: translateX(-100%) scaleX(1); }
40% { transform: translateX(-100%) scaleX(1); }
75% { transform: translateX(60%) scaleX(0.35); }
90% { transform: translateX(100%) scaleX(0.1); }
100% { transform: translateX(100%) scaleX(0.1); }
}
@keyframes md-progressbar-infinite-multicolor-bg {
0% { background-color: rgb(76, 175, 80); }
25% { background-color: rgb(244, 67, 54); }
50% { background-color: rgb(33, 150, 243); }
75% { background-color: rgb(255, 235, 59); }
}
@keyframes md-progressbar-infinite-multicolor-fill {
0% { background-color: rgb(244, 67, 54); transform: scaleX(0); }
24.9% { background-color: rgb(244, 67, 54); transform: scaleX(1); }
25% { background-color: rgb(33, 150, 243); transform: scaleX(0); }
49.9% { background-color: rgb(33, 150, 243); transform: scaleX(1); }
50% { background-color: rgb(255, 235, 59); transform: scaleX(0); }
74.9% { background-color: rgb(255, 235, 59); transform: scaleX(1); }
75% { background-color: rgb(76, 175, 80); transform: scaleX(0); }
100% { background-color: rgb(76, 175, 80); transform: scaleX(1); }
}
.aurora .progressbar, .aurora .progressbar span, .aurora .progressbarinfinite, .aurora .progressbar-infinite::before { box-shadow: rgba(0, 0, 0,
0.05) 0px 0px 0px 1px inset; }
.aurora .progressbar-infinite::before { animation: 1s linear 0s infinite normal
none running aurora-progressbar-infinite; }
.aurora .progressbar-infinite::after { display: none; }
.aurora .progressbar-infinite.color-multi::before { animation: 3s linear 0s
infinite normal none running aurora-progressbar-infinite-multicolor; backgroundimage: linear-gradient(90deg, rgb(76, 217, 100), rgb(90, 200, 250), rgb(0, 122,
255), rgb(52, 170, 220), rgb(88, 86, 214), rgb(255, 45, 85), rgb(88, 86, 214),
rgb(52, 170, 220), rgb(0, 122, 255), rgb(90, 200, 250), rgb(76, 217, 100));

154.

background-repeat: repeat-x; background-size: 25% 100%; width: 400%; }
@keyframes aurora-progressbar-infinite {
0% { transform: translate3d(-100%, 0px, 0px); }
100% { transform: translate3d(100%, 0px, 0px); }
}
@keyframes aurora-progressbar-infinite-multicolor {
0% { transform: translateZ(0px); }
100% { transform: translate3d(-50%, 0px, 0px); }
}
:root { --f7-sortable-handler-color: rgba(0,0,0,.22); --f7-sortable-sortingitem-bg-color: hsla(0,0%,100%,.8); }
:root .dark, :root.dark { --f7-sortable-sorting-item-bg-color:
rgba(50,50,50,.8); --f7-sortable-handler-color: hsla(0,0%,100%,.55); }
.ios { --f7-sortable-handler-width: 36px; --f7-sortable-sorting-item-box-shadow:
0px 2px 8px rgba(0,0,0,.6); }
.aurora, .md { --f7-sortable-handler-width: 42px; --f7-sortable-sorting-itembox-shadow: var(--f7-elevation-2); }
.sortable .sortable-handler { align-items: center; cursor: move; display: flex;
height: 100%; justify-content: center; opacity: 0; overflow: hidden; pointerevents: none; position: absolute; right: var(--f7-safe-area-right); top: 0px;
transition-duration: 0.3s; width: var(--f7-sortable-handler-width); z-index: 10;
}
.sortable .sortable-handler::after { overflow-wrap: normal; -webkit-fontsmoothing: antialiased; font-feature-settings: "liga"; color: var(--f7-sortablehandler-color); direction: ltr; display: block; font-family: framework7-coreicons; font-size: 20px; font-style: normal; font-weight: 400; height: 20px;
letter-spacing: normal; line-height: 1; overflow: hidden; text-align: center;
text-rendering: optimizelegibility; text-transform: none; transform:
translateX(10px); transition-duration: 0.3s; white-space: nowrap; width: 18px; }
.sortable li.sorting { background: var(--f7-sortable-sorting-item-bg-color);
box-shadow: var(--f7-sortable-sorting-item-box-shadow); transition-duration:
0ms; z-index: 50; }
.sortable li.sorting .item-inner::after { display: none !important; }
.sortable-opposite .sortable-handler { left: var(--f7-safe-area-right); right:
auto; }
.sortable-opposite .sortable-handler::after { transform: translateX(-10px); }
.sortable-opposite .item-content, .sortable-opposite.links-list li
a, .sortable.simple-list li, .sortable:not(.sortable-opposite) .item-inner
{ transition-duration: 0.3s; transition-property: all; }
.sortable-sorting li { transition-duration: 0.3s; }
.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler {
opacity: 1; pointer-events: auto; }
.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortablehandler::after { transform: translateX(0px); }
.sortable-enabled:not(.sortable-opposite) li:not(.no-sorting):not(.disallowsorting) .item-link .item-inner::before, .sortable-enabled:not(.sortableopposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-

155.

row::before, .sortable-enabled:not(.sortable-opposite).links-list li:not(.nosorting):not(.disallow-sorting) > a::before { display: none; }
.links-list.sortable-enabled:not(.sortable-opposite) li:not(.nosorting):not(.disallow-sorting) a, .no-chevron .sortable-enabled:not(.sortableopposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .iteminner, .simple-list.sortable-enabled:not(.sortable-opposite) li:not(.nosorting):not(.disallow-sorting), .sortable-enabled :not(.sortable-opposite).nochevron .item-link .item-inner, .sortable-enabled.no-chevron:not(.sortableopposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .iteminner, .sortable-enabled:not(.sortable-opposite) li:not(.nosorting):not(.disallow-sorting) .item-inner, .sortable-enabled:not(.sortableopposite) li:not(.no-sorting):not(.disallow-sorting) .item-link .iteminner, .sortable-enabled:not(.sortable-opposite) li:not(.nosorting):not(.disallow-sorting) .item-link.no-chevron .item-inner { paddingright: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)); }
.links-list.sortable-opposite.sortable-enabled
li:not(.no-sorting):not(.disallow-sorting) a, .simple-list.sortableopposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting), .sortableopposite.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .itemcontent { padding-left: calc(var(--f7-sortable-handler-width) + var(--f7-safearea-right)); }
.ios .sortable-handler::after { content: "sort_ios"; }
.aurora .sortable-handler::after, .md .sortable-handler::after { content:
"sort_md"; }
:root { --f7-swipeout-button-text-color: #fff; --f7-swipeout-delete-button-bgcolor: #ff3b30; --f7-swipeout-button-font-size: inherit; --f7-swipeout-buttonfont-weight: inherit; --f7-swipeout-button-padding-vertical: 0px; --f7-swipeoutbutton-bg-color: rgba(0,0,0,.22); }
:root .dark, :root.dark { --f7-swipeout-button-bg-color: hsla(0,0%,100%,.55); }
.ios { --f7-swipeout-button-padding-horizontal: 30px; }
.aurora, .md { --f7-swipeout-button-padding-horizontal: 24px; }
.aurora { --f7-swipeout-button-font-weight: 500; }
.swipeout { overflow: hidden; transform-style: preserve-3d; }
.swipeout-deleting { transition-duration: 0.3s; }
.swipeout-deleting .swipeout-content { transform: translateX(-100%); }
.swipeout-transitioning .swipeout-actions-left a, .swipeouttransitioning .swipeout-actions-right a, .swipeout-transitioning .swipeoutcontent, .swipeout-transitioning .swipeout-overswipe { transition-duration:
0.3s; transition-property: transform, left; }
.swipeout-content { position: relative; z-index: 10; }
.swipeout-overswipe { transition-duration: 0.2s; transition-property: left; }
.swipeout-actions-left, .swipeout-actions-right { direction: ltr; display: flex;
height: 100%; position: absolute; top: 0px; }
.swipeout-actions-left > a, .swipeout-actions-left > button, .swipeout-actionsleft > div, .swipeout-actions-left > span, .swipeout-actions-right >
a, .swipeout-actions-right > button, .swipeout-actions-right > div, .swipeoutactions-right > span { align-items: center; background: var(--f7-swipeout-

156.

button-bg-color); color: var(--f7-swipeout-button-text-color); display: flex;
font-size: var(--f7-swipeout-button-font-size); font-weight: var(--f7-swipeoutbutton-font-weight); left: 0px; padding: var(--f7-swipeout-button-paddingvertical) var(--f7-swipeout-button-padding-horizontal); position: relative; }
.swipeout-actions-left > a::after, .swipeout-actions-left >
button::after, .swipeout-actions-left > div::after, .swipeout-actions-left >
span::after, .swipeout-actions-right > a::after, .swipeout-actions-right >
button::after, .swipeout-actions-right > div::after, .swipeout-actions-right >
span::after { background: inherit; content: ""; height: 100%; pointer-events:
none; position: absolute; top: 0px; transform: translateZ(0px); width: 600%; zindex: -1; }
.swipeout-actions-left .swipeout-delete, .swipeout-actions-right .swipeoutdelete { background: var(--f7-swipeout-delete-button-bg-color); }
.swipeout-actions-right { right: 0px; transform: translateX(100%); }
.swipeout-actions-right > a::after, .swipeout-actions-right >
button::after, .swipeout-actions-right > div::after, .swipeout-actions-right >
span::after { left: 100%; margin-left: -1px; }
.swipeout-actions-right > a:last-child, .swipeout-actions-right > button:lastchild, .swipeout-actions-right > div:last-child, .swipeout-actions-right >
span:last-child { padding-right: calc(var(--f7-swipeout-button-paddinghorizontal) + var(--f7-safe-area-right)); }
.swipeout-actions-left { left: 0px; transform: translateX(-100%); }
.swipeout-actions-left > a::after, .swipeout-actions-left >
button::after, .swipeout-actions-left > div::after, .swipeout-actions-left >
span::after { margin-right: -1px; right: 100%; }
.swipeout-actions-left > a:first-child, .swipeout-actions-left > button:firstchild, .swipeout-actions-left > div:first-child, .swipeout-actions-left >
span:first-child { padding-left: calc(var(--f7-swipeout-button-paddinghorizontal) + var(--f7-safe-area-left)); }
.swipeout-actions-left [class*="color-"], .swipeout-actions-right
[class*="color-"] { --f7-swipeout-button-bg-color: var(--f7-theme-color); }
:root { --f7-accordion-chevron-icon-down: "chevron_down"; --f7-accordionchevron-icon-up: "chevron_up"; }
.accordion-item-toggle { cursor: pointer; }
.list.accordion-list .accordion-item-toggle { overflow: hidden; position:
relative; transition-duration: 0.3s; }
.list.accordion-list .accordion-item-toggle.active-state { background-color:
var(--f7-list-link-pressed-bg-color); transition-duration: 0.3s; }
.list.accordion-list .accordion-item-toggle.active-state > .item-inner::after
{ background-color: initial; }
.list.accordion-list .accordion-item-toggle .item-inner { transition-duration:
0.3s; transition-property: background-color; }
.list.accordion-list .accordion-item-toggle .item-inner::after { transitionduration: 0.3s; }
.list.accordion-list .accordion-item-toggle .ripple-wave { z-index: 0; }
.accordion-item .item-link .item-inner::after { transition-duration: 0.3s; }

157.

.accordion-item .block, .accordion-item .list { margin-bottom: 0px; margin-top:
0px; }
.accordion-item .block > h1:first-child, .accordion-item .block > h2:firstchild, .accordion-item .block > h3:first-child, .accordion-item .block >
h4:first-child, .accordion-item .block > p:first-child { margin-top: 10px; }
.accordion-item .block > h1:last-child, .accordion-item .block > h2:lastchild, .accordion-item .block > h3:last-child, .accordion-item .block > h4:lastchild, .accordion-item .block > p:last-child { margin-bottom: 10px; }
.accordion-item-opened .accordion-item-toggle .item-inner::after, .accordionitem-opened > .item-link .item-inner::after { background-color: initial; }
.list li.accordion-item ul { padding-left: 0px; }
.accordion-item-content { font-size: 14px; height: 0px; overflow: hidden;
position: relative; transition-duration: 0.3s; }
.accordion-item-opened > .accordion-item-content { height: auto; }
html.device-android-4 .accordion-item-content { transform: none; }
.list .accordion-item-toggle .item-inner::before { overflow-wrap: normal; webkit-font-smoothing: antialiased; font-feature-settings: "liga"; color: var(-f7-list-chevron-icon-color); direction: ltr; display: block; font-family:
framework7-core-icons; font-size: var(--f7-list-chevron-icon-font-size); fontstyle: normal; font-weight: 400; height: 100%; letter-spacing: normal; lineheight: 1; pointer-events: none; position: absolute; right: calc(var(--f7-listitem-padding-horizontal) + var(--f7-safe-area-right)); text-align: center; textrendering: optimizelegibility; text-transform: none; top: 50%; white-space:
nowrap; width: 100%; }
.list:not(.accordion-opposite) .accordion-item-toggle .item-inner { paddingright: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-paddinghorizontal) + var(--f7-safe-area-right)); }
.accordion-opposite .accordion-item-toggle .item-inner, .accordionopposite .accordion-item-toggle.item-link .item-inner, .accordionopposite .accordion-item > .item-link > .item-content > .item-inner, .accordionopposite .accordion-item > .item-link > .item-inner { padding-right: calc(var(-f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); }
.accordion-opposite .accordion-item > .item-link > .item-title-row { paddingright: 0px; }
.accordion-opposite .accordion-item-toggle .item-inner::before, .accordionopposite .accordion-item-toggle.item-link .item-inner::before, .accordionopposite .accordion-item > .item-link .item-title-row::before, .accordionopposite .accordion-item > .item-link > .item-content > .iteminner::before, .accordion-opposite .accordion-item > .item-link > .iteminner::before { display: none; }
.accordion-opposite .accordion-item-toggle.item-content, .accordionopposite .accordion-item-toggle > .item-content, .accordion-opposite .accordionitem > .item-content, .accordion-opposite .accordion-item > .item-link > .itemcontent, .accordion-opposite.links-list .accordion-item > a { padding-left:
calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) +
var(--f7-safe-area-left)); position: relative; }
.accordion-opposite .accordion-item-toggle.item-content::before, .accordionopposite .accordion-item-toggle > .item-content::before, .accordionopposite .accordion-item > .item-content::before, .accordion-

158.

opposite .accordion-item > .item-link > .item-content::before, .accordionopposite.links-list .accordion-item > a::before { overflow-wrap: normal; webkit-font-smoothing: antialiased; font-feature-settings: "liga"; color: var(-f7-list-chevron-icon-color); content: var(--f7-accordion-chevron-icon-down);
direction: ltr; display: block; font-family: framework7-core-icons; font-size:
var(--f7-list-chevron-icon-font-size); font-style: normal; font-weight: 400;
height: 8px; left: calc((var(--f7-list-chevron-icon-area) + var(--f7-list-itempadding-horizontal))/2 + var(--f7-safe-area-left)); letter-spacing: normal;
line-height: 8px; margin-top: -4px; pointer-events: none; position: absolute;
text-align: center; text-rendering: optimizelegibility; text-transform: none;
top: 50%; transform: translateX(-50%); white-space: nowrap; width: 14px; }
.list .accordion-item-toggle.active-state { background-color: var(--f7-listlink-pressed-bg-color); }
.accordion-item.media-item .accordion-item-toggle .item-titlerow::before, .accordion-item.media-item > .item-link .item-titlerow::before, .links-list .accordion-item > a::before, .list .accordion-itemtoggle .item-inner::before, .list:not(.media-list) .accordion-item:not(.mediaitem) .accordion-item-toggle .item-inner::before, .list:not(.medialist) .accordion-item:not(.media-item) > .item-link .item-inner::before, .medialist .accordion-item .accordion-item-toggle .item-title-row::before, .media-list
.accordion-item > .item-link .item-title-row::before { content: var(--f7accordion-chevron-icon-down); height: 8px; line-height:
8px; margin-top: -4px; width: 14px; }
.accordion-item-opened.media-item .accordion-item-toggle .item-titlerow::before, .accordion-item-opened.media-item > .item-link .item-titlerow::before, .accordion-opposite .accordion-item-opened .accordion-itemtoggle.item-content::before, .accordion-opposite .accordion-itemopened .accordion-item-toggle > .item-content::before, .accordionopposite .accordion-item-opened > .item-content::before, .accordionopposite .accordion-item-opened > .item-link > .itemcontent::before, .accordion-opposite .links-list .accordion-item-opened >
a::before, .links-list .accordion-item-opened > a::before, .list .accordionitem-toggle.accordion-item-opened .item-inner::before, .list:not(.medialist) .accordion-item-opened:not(.media-item) .accordion-item-toggle .iteminner::before, .list:not(.media-list) .accordion-item-opened:not(.media-item)
> .item-link .item-inner::before, .media-list .accordion-item-opened .accordionitem-toggle .item-title-row::before, .media-list .accordion-item-opened > .itemlink .item-title-row::before { content: var(--f7-accordion-chevron-icon-up);
height: 8px; line-height: 8px; margin-top: -4px; width: 14px; }
:root .dark, :root.dark { --f7-contacts-list-title-text-color: #fff; }
.ios { --f7-contacts-list-title-font-size: inherit; --f7-contacts-list-titlefont-weight: 600; --f7-contacts-list-title-height: 22px; --f7-contacts-listtitle-text-color: #000; --f7-contacts-list-title-bg-color: #f7f7f7; }
.ios .dark, .ios.dark { --f7-contacts-list-title-bg-color: #323234; }
.md { --f7-contacts-list-title-font-size: 20px; --f7-contacts-list-title-fontweight: 500; --f7-contacts-list-title-height: 48px; --f7-contacts-list-title-bgcolor: transparent; }
.aurora { --f7-contacts-list-title-font-weight: 600; --f7-contacts-list-titletext-color: #000; }
.contacts-list { --f7-list-margin-vertical: 0px; }
.contacts-list .list-group-title, .contacts-list li.list-group-title
{ background-color: var(--f7-contacts-list-title-bg-color,var(--f7-list-grouptitle-bg-color)); color: var(--f7-contacts-list-title-text-color,var(--f7-themecolor)); font-size: var(--f7-contacts-list-title-font-size,var(--f7-list-group-

159.

title-font-size)); font-weight: var(--f7-contacts-list-title-font-weight,var(-f7-list-group-title-font-weight)); height: var(--f7-contacts-list-titleheight,var(--f7-list-group-title-height)); line-height: var(--f7-contacts-listtitle-height,var(--f7-list-group-title-height)); }
.contacts-list .list-group:first-child ul::before, .contacts-list .listgroup:last-child ul::after { display: none !important; }
.md .contacts-list .list-group-title { overflow: visible; pointer-events: none;
width: 56px; }
.md .contacts-list .list-group-title + li { margin-top: calc(var(--f7-contactslist-title-height)*-1); }
.md .contacts-list li:not(.list-group-title) { padding-left: 56px; }
:root { --f7-list-index-width: 16px; --f7-list-index-font-size: 11px; --f7-listindex-font-weight: 600; --f7-list-index-item-height: 14px; --f7-list-indexlabel-text-color: #fff; --f7-list-index-label-font-weight: 500; }
.ios { --f7-list-index-label-size: 44px; --f7-list-index-label-font-size: 17px;
--f7-list-index-skip-dot-size: 6px; }
.md { --f7-list-index-label-size: 56px; --f7-list-index-label-font-size: 20px;
--f7-list-index-skip-dot-size: 4px; }
.aurora { --f7-list-index-font-size: 12px; --f7-list-index-label-size: 32px; -f7-list-index-label-font-size: 12px; --f7-list-index-label-font-weight: 600; -f7-list-index-skip-dot-size: 4px; }
.list-index { bottom: 0px; cursor: pointer; position: absolute; right: var(--f7safe-area-right); text-align: center; top: 0px; user-select: none; width: var(-f7-list-index-width); z-index: 10; }
.list-index::before { content: ""; height: 100%; position: absolute; right:
100%; top: 0px; width: 20px; }
.list-index ul { align-items: center; color: var(--f7-list-index-textcolor,var(--f7-theme-color)); display: flex; flex-direction: column; font-size:
var(--f7-list-index-font-size); font-weight: var(--f7-list-index-font-weight);
height: 100%; justify-content: center; }
.list-index li, .list-index ul { flex-shrink: 0; list-style: none; margin: 0px;
padding: 0px; position: relative; width: 100%; }
.list-index li { display: block; height: var(--f7-list-index-item-height); lineheight: var(--f7-list-index-item-height); }
.list-index .list-index-skip-placeholder::after { background: var(--f7-listindex-text-color,var(--f7-theme-color)); border-radius: 50%; content: "";
height: var(--f7-list-index-skip-dot-size); left: 50%; margin-left: calc(var(-f7-list-index-skip-dot-size)*-1/2); margin-top: calc(var(--f7-list-index-skipdot-size)*-1/2); position: absolute; top: 50%; width: var(--f7-list-index-skipdot-size); }
.list-index .list-index-label { background-color: var(--f7-list-index-label-bgcolor,var(--f7-theme-color)); bottom: 0px; color: var(--f7-list-index-labeltext-color); font-size: var(--f7-list-index-label-font-size); font-weight:
var(--f7-list-index-label-font-weight); height: var(--f7-list-index-label-size);
line-height: var(--f7-list-index-label-size); position: absolute; right: 100%;
text-align: center; width: var(--f7-list-index-label-size); }
.navbars ~ .page > .list-index, .navbar ~ .list-index, .navbar ~ .page > .listindex { top: var(--f7-navbar-height); }

160.

.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md ~ .listindex, .ios .navbar ~ .toolbar-top-ios ~ .list-index, .navbars ~ .toolbar-top
~ .list-index, .navbar ~ .toolbar-top ~ .list-index { top: calc(var(--f7-navbarheight) + var(--f7-toolbar-height)); }
.ios .navbars ~ .toolbar-top-ios .md .navbar ~ .toolbar-top-md.tabbar-labels
~ .list-index, .ios .navbar ~ .toolbar-top-ios.tabbar-labels ~ .listindex, .navbars ~ .toolbar-top.tabbar-labels ~ .list-index, .navbar ~ .toolbartop.tabbar-labels ~ .list-index { top: calc(var(--f7-navbar-height) + var(--f7tabbar-labels-height)); }
.navbars ~ .subnavbar ~ .list-index, .navbar ~ .subnavbar ~ .list-index, .pagewith-subnavbar .navbar ~ .list-index { top: calc(var(--f7-navbar-height) +
var(--f7-subnavbar-height)); }
.ios .toolbar-bottom-ios ~ * .page > .list-index, .ios .toolbar-bottom-ios
~ .list-index, .ios .toolbar-bottom-ios ~ .page > .list-index, .md .toolbarbottom-md ~ * .page > .list-index, .md .toolbar-bottom-md ~ .listindex, .md .toolbar-bottom-md ~ .page > .list-index, .toolbar-bottom ~ * .page >
.list-index, .toolbar-bottom ~ .list-index, .toolbar-bottom ~ .page > .listindex { bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)); }
.ios .toolbar-bottom-ios.tabbar-labels ~ * .page > .list-index, .ios .toolbarbottom-ios.tabbar-labels ~ .list-index, .ios .toolbar-bottom-ios.tabbar-labels ~
.page > .list-index, .md .toolbar-bottom-md.tabbar-labels ~ * .page > .listindex, .md .toolbar-bottom-md.tabbar-labels ~ .list-index, .md .toolbar-bottommd.tabbar-labels ~ .page > .list-index, .toolbar-bottom.tabbar-labels ~ * .page
> .list-index, .toolbar-bottom.tabbar-labels ~ .list-index, .toolbarbottom.tabbar-labels ~ .page > .list-index { bottom: calc(var(--f7-tabbarlabels-height) + var(--f7-safe-area-bottom)); }
.ios .list-index .list-index-label { border-radius: 50%; margin-bottom:
calc(var(--f7-list-index-label-size)*-1/2); margin-right: calc(var(--f7-listindex-width) - 1px); }
.ios .list-index .list-index-label::before { background-color: inherit; borderradius: 50% 0px 50% 50%; content: ""; height: 100%; left: 0px; position:
absolute; top: 0px; transform: rotate(45deg); width: 100%; z-index: -1; }
.md .list-index .list-index-label { border-radius: 50% 50% 0px; }
.aurora .list-index .list-index-label { border-radius: 50%; margin-bottom:
calc(var(--f7-list-index-label-size)*-1/2); margin-right: calc(var(--f7-listindex-width) - 1px); }
.aurora .list-index .list-index-label::before { background-color: inherit;
border-radius: 50% 1px 50% 50%; content: ""; height: 100%; left: 0px; position:
absolute; top: 0px; transform: rotate(45deg); width: 100%; z-index: -1; }
:root { --f7-timeline-inner-block-margin-vertical: 16px; --f7-timeline-dividermargin-horizontal: 16px; --f7-timeline-horizontal-date-height: 34px; --f7timeline-year-height: 24px; --f7-timeline-year-font-weight: inherit; --f7timeline-month-height: 24px; --f7-timeline-month-font-size: inherit; --f7timeline-month-font-weight: inherit; --f7-timeline-item-text-font-weight:
inherit; --f7-timeline-item-subtitle-font-weight: inherit; --f7-timeline-iteminner-bg-color: #fff; }
:root .dark, :root.dark { --f7-timeline-item-inner-bg-color: #1c1c1d; --f7timeline-horizontal-item-border-color: hsla(0,0%,100%,.15); --f7-timelinehorizontal-item-date-border-color: hsla(0,0%,100%,.15); }
.ios { --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical:
35px; --f7-timeline-item-inner-border-radius: 7px; --f7-timeline-item-inner-box-

161.

shadow: none; --f7-timeline-item-time-font-size: 13px; --f7-timeline-item-titlefont-size: 17px; --f7-timeline-item-title-line-height: inherit; --f7-timelineitem-title-font-weight: 600; --f7-timeline-item-subtitle-font-size: 15px; --f7timeline-item-subtitle-line-height: inherit; --f7-timeline-item-text-font-size:
inherit; --f7-timeline-item-text-color: inherit; --f7-timeline-item-text-lineheight: inherit; --f7-timeline-year-font-size: 16px; --f7-timeline-horizontalitem-padding: 10px; --f7-timeline-horizontal-item-date-shadow-image: none; --f7timeline-item-time-text-color: rgba(0,0,0,.45); --f7-timeline-horizontal-itemborder-color: rgba(0,0,0,.22); --f7-timeline-horizontal-item-date-border-color:
rgba(0,0,0,.22); }
.ios .dark, .ios.dark { --f7-timeline-item-time-text-color: hsla(0,0%,100%,.55);
}
.md { --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical:
32px; --f7-timeline-item-inner-border-radius: 4px; --f7-timeline-item-inner-boxshadow: var(--f7-elevation-1); --f7-timeline-item-time-font-size:
13px; --f7-timeline-item-title-font-size: 16px; --f7-timeline-item-title-lineheight: inherit; --f7-timeline-item-title-font-weight: 400; --f7-timeline-itemsubtitle-font-size: inherit; --f7-timeline-item-subtitle-line-height: inherit;
--f7-timeline-item-text-font-size: inherit; --f7-timeline-item-text-line-height:
inherit; --f7-timeline-item-text-color: inherit; --f7-timeline-year-font-size:
16px; --f7-timeline-horizontal-item-padding: 12px; --f7-timeline-horizontalitem-date-shadow-image: var(--f7-bars-shadow-bottom-image); --f7-timeline-itemtime-text-color: rgba(0,0,0,.54); --f7-timeline-horizontal-item-border-color:
rgba(0,0,0,.12); --f7-timeline-horizontal-item-date-border-color: transparent; }
.md .dark, .md.dark { --f7-timeline-item-time-text-color: hsla(0,0%,100%,.54); }
.aurora { --f7-timeline-padding-horizontal: 16px; --f7-timeline-margin-vertical:
32px; --f7-timeline-item-inner-border-radius: 8px; --f7-timeline-item-inner-boxshadow: 0px 1px 2px rgba(0,0,0,.15); --f7-timeline-item-time-font-size: 13px; -f7-timeline-item-title-font-size: 16px; --f7-timeline-item-title-line-height:
inherit; --f7-timeline-item-title-font-weight: 600; --f7-timeline-item-subtitlefont-size: inherit; --f7-timeline-item-subtitle-line-height: inherit; --f7timeline-item-text-font-size: inherit; --f7-timeline-item-text-line-height:
inherit; --f7-timeline-item-text-color: inherit; --f7-timeline-year-font-size:
16px; --f7-timeline-horizontal-item-padding: 12px; --f7-timeline-horizontalitem-date-shadow-image: none; --f7-timeline-item-time-text-color:
rgba(0,0,0,.5); --f7-timeline-horizontal-item-border-color: rgba(0,0,0,.2); -f7-timeline-horizontal-item-date-border-color: rgba(0,0,0,.2); }
.aurora .dark, .aurora.dark { --f7-timeline-item-time-text-color:
hsla(0,0%,100%,.54); }
.timeline { box-sizing: border-box; margin: var(--f7-timeline-margin-vertical)
0; padding-bottom: 0px; padding-left: calc(var(--f7-timeline-padding-horizontal)
+ var(--f7-safe-area-left)); padding-right: calc(var(--f7-timeline-paddinghorizontal) + var(--f7-safe-area-right)); padding-top: 0px; }
.block-strong .timeline { margin: 0px; padding: 0px; }
.timeline-item { box-sizing: border-box; display: flex; justify-content: flexstart; overflow: hidden; padding: 2px 0 var(--f7-timeline-padding-horizontal);
position: relative; }
.timeline-item:last-child { padding-bottom: 2px; }
.timeline-item-date { box-sizing: border-box; flex-shrink: 0; text-align: right;
width: 50px; }
.timeline-item-date small { font-size: 10px; }
.timeline-item-content { flex-shrink: 10; margin: 2px; min-width: 0px; position:

162.

relative; }
.timeline-item-content .block, .timeline-item-content .card, .timeline-itemcontent .list, .timeline-item-content.block, .timeline-itemcontent.card, .timeline-item-content.list { margin: 0px; width: 100%; }
.timeline-item-content .block + .block, .timeline-item-content .block
+ .card, .timeline-item-content .block + .list, .timeline-item-content .card
+ .block, .timeline-item-content .card + .card, .timeline-item-content .card
+ .list, .timeline-item-content .list + .block, .timeline-item-content .list
+ .card, .timeline-item-content .list + .list { margin: var(--f7-timeline-innerblock-margin-vertical) 0 0; }
.timeline-item-content h1:first-child, .timeline-item-content h2:firstchild, .timeline-item-content h3:first-child, .timeline-item-content h4:firstchild, .timeline-item-content ol:first-child, .timeline-item-content p:firstchild, .timeline-item-content ul:first-child { margin-top: 0px; }
.timeline-item-content h1:last-child, .timeline-item-content h2:lastchild, .timeline-item-content h3:last-child, .timeline-item-content h4:lastchild, .timeline-item-content ol:last-child, .timeline-item-content p:lastchild, .timeline-item-content ul:last-child { margin-bottom: 0px; }
.timeline-item-inner { background: var(--f7-timeline-item-inner-bg-color);
border-radius: var(--f7-timeline-item-inner-border-radius); box-shadow: var(-f7-timeline-item-inner-box-shadow); box-sizing: border-box; padding: 8px var(-f7-timeline-padding-horizontal); }
.timeline-item-inner + .timeline-item-inner { margin-top: var(--f7-timelineinner-block-margin-vertical); }
.timeline-item-inner .block { color: inherit; padding: 0px; }
.timeline-item-inner .block-strong { margin: 0px; padding-left: 0px; paddingright: 0px; }
.timeline-item-inner .block-strong::after, .timeline-item-inner .blockstrong::before, .timeline-item-inner .list ul::after, .timeline-item-inner .list
ul::before { display: none !important; }
.timeline-item-divider { background: rgb(187, 187, 187); border-radius: 50%;
flex-shrink: 0; height: 10px; margin: 3px var(--f7-timeline-divider-marginhorizontal) 0; position: relative; width: 10px; }
.timeline-item-divider::after, .timeline-item-divider::before { background:
inherit; content: " "; height: 100vh; left: 50%; position: absolute; transform:
translate3d(-50%, 0px, 0px); width: 1px; }
.timeline-item-divider::after { top: 100%; }
.timeline-item-divider::before { bottom: 100%; }
.timeline-item:first-child .timeline-item-divider::before, .timeline-item:lastchild .timeline-item-divider::after { display: none; }
.timeline-item-time { color: var(--f7-timeline-item-time-text-color); font-size:
var(--f7-timeline-item-time-font-size); margin-top: var(--f7-timeline-innerblock-margin-vertical); }
.timeline-item-time:first-child, .timeline-item-time:last-child, .timeline-itemtitle + .timeline-item-time { margin-top: 0px; }
.timeline-item-title { font-size: var(--f7-timeline-item-title-font-size); fontweight: var(--f7-timeline-item-title-font-weight); line-height: var(--f7-

163.

timeline-item-title-line-height); }
.timeline-item-subtitle { font-size: var(--f7-timeline-item-subtitle-font-size);
font-weight: var(--f7-timeline-item-subtitle-font-weight); line-height: var(-f7-timeline-item-subtitle-line-height); }
.timeline-item-text { color: var(--f7-timeline-item-text-color); font-size:
var(--f7-timeline-item-text-font-size); font-weight: var(--f7-timeline-itemtext-font-weight); line-height: var(--f7-timeline-item-text-line-height); }
.timeline-sides .timeline-item, .timeline-sides .timeline-item-right { marginleft: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px);
margin-right: 0px; }
.timeline-sides .timeline-item .timeline-item-date, .timeline-sides .timelineitem-right .timeline-item-date { text-align: right; }
.timeline-sides .timeline-item-left, .timeline-sides .timelineitem:not(.timeline-item-right):nth-child(2n) { flex-direction: row-reverse;
margin-left: 0px; margin-right: calc(50% - var(--f7-timeline-divider-marginhorizontal)*2/2 - 55px); }
.timeline-sides .timeline-item-left .timeline-item-date, .timelinesides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date
{ text-align: left; }
@media (min-width: 480px) {
.xsmall-sides .timeline-item, .xsmall-sides .timeline-item-right { marginleft: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px);
margin-right: 0px; }
.xsmall-sides .timeline-item .timeline-item-date, .xsmall-sides .timelineitem-right .timeline-item-date { text-align: right; }
.xsmall-sides .timeline-item-left, .xsmall-sides .timeline-item:not(.timelineitem-right):nth-child(2n) { flex-direction: row-reverse; margin-left: 0px;
margin-right: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 55px); }
.xsmall-sides .timeline-item-left .timeline-item-date, .xsmallsides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date
{ text-align: left; }
}
@media (min-width: 568px) {
.small-sides .timeline-item, .small-sides .timeline-item-right { margin-left:
calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px); marginright: 0px; }
.small-sides .timeline-item .timeline-item-date, .small-sides .timeline-itemright .timeline-item-date { text-align: right; }
.small-sides .timeline-item-left, .small-sides .timeline-item:not(.timelineitem-right):nth-child(2n) { flex-direction: row-reverse; margin-left: 0px;
margin-right: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 55px); }
.small-sides .timeline-item-left .timeline-item-date, .small-sides .timelineitem:not(.timeline-item-right):nth-child(2n) .timeline-item-date { text-align:
left; }
}
@media (min-width: 768px) {
.medium-sides .timeline-item, .medium-sides .timeline-item-right { marginleft: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px);
margin-right: 0px; }
.medium-sides .timeline-item .timeline-item-date, .medium-sides .timelineitem-right .timeline-item-date { text-align: right; }
.medium-sides .timeline-item-left, .medium-sides .timeline-item:not(.timelineitem-right):nth-child(2n) { flex-direction: row-reverse; margin-left: 0px;

164.

margin-right: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 55px); }
.medium-sides .timeline-item-left .timeline-item-date, .mediumsides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date
{ text-align: left; }
}
@media (min-width: 1024px) {
.large-sides .timeline-item, .large-sides .timeline-item-right { margin-left:
calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px); marginright: 0px; }
.large-sides .timeline-item .timeline-item-date, .large-sides .timeline-itemright .timeline-item-date { text-align: right; }
.large-sides .timeline-item-left, .large-sides .timeline-item:not(.timelineitem-right):nth-child(2n) { flex-direction: row-reverse; margin-left: 0px;
margin-right: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 55px); }
.large-sides .timeline-item-left .timeline-item-date, .large-sides .timelineitem:not(.timeline-item-right):nth-child(2n) .timeline-item-date { text-align:
left; }
}
@media (min-width: 1200px) {
.xlarge-sides .timeline-item, .xlarge-sides .timeline-item-right { marginleft:
calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 - 55px); marginright: 0px; }
.xlarge-sides .timeline-item .timeline-item-date, .xlarge-sides .timelineitem-right .timeline-item-date { text-align: right; }
.xlarge-sides .timeline-item-left, .xlarge-sides .timeline-item:not(.timelineitem-right):nth-child(2n) { flex-direction: row-reverse; margin-left: 0px;
margin-right: calc(50% - var(--f7-timeline-divider-margin-horizontal)*2/2 55px); }
.xlarge-sides .timeline-item-left .timeline-item-date, .xlargesides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date
{ text-align: left; }
}
.timeline-horizontal { display: flex; height: 100%; margin: 0px; padding-top:
0px; padding-bottom: 0px; padding-left: var(--f7-safe-area-left); padding-right:
0px; position: relative; }
.timeline-horizontal .timeline-item { display: block; flex-shrink: 0; height:
100%; margin: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: var(-f7-timeline-horizontal-item-padding); position: relative; padding-top: var(--f7timeline-horizontal-date-height) !important; }
.timeline-horizontal .timeline-item::after { background-color: var(--f7timeline-horizontal-item-border-color); inset: 0px 0px auto auto; content: "";
display: block; height: 100%; position: absolute; transform:
scaleX(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 100% 50%; width:
1px; z-index: 15; }
.timeline-horizontal .timeline-item-date { background-color: var(--f7-bars-bgcolor); color: var(--f7-bars-text-color); height: var(--f7-timeline-horizontaldate-height); left: 0px; line-height: var(--f7-timeline-horizontal-date-height);
padding: 0 var(--f7-timeline-horizontal-item-padding); position: absolute; textalign: left; top: 0px; width: 100%; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .timeline-horizontal .timeline-item-date { backdropfilter: saturate(180%) blur(var(--f7-bars-translucent-blur)); background-color:
rgba(var(--f7-bars-bg-color-rgb),var(--f7-bars-translucent-opacity)); }

165.

}
.timeline-horizontal .timeline-item-date::after { background-color: var(--f7timeline-horizontal-item-date-border-color); inset: auto auto 0px 0px; content:
""; display: block; height: 1px; position: absolute; transform:
scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50% 100%; width:
100%; z-index: 15; }
.timeline-horizontal .timeline-item-date::before { background: var(--f7timeline-horizontal-item-date-shadow-image); bottom: auto; content: ""; height:
8px; pointer-events: none; position: absolute; right: 0px; top: 100%; width:
100%; }
.timeline-horizontal.no-shadow .timeline-item-date::before { display: none; }
.timeline-horizontal .timeline-item-content { height: calc(100% - var(--f7timeline-horizontal-item-padding)); margin: 0px; overflow: auto; padding: var(-f7-timeline-horizontal-item-padding); }
.timeline-horizontal .timeline-item-divider { display: none; }
.timeline-horizontal .timeline-month:last-child .timeline-item:lastchild::after, .timeline-horizontal > .timeline-item:last-child::after { display:
none !important; }
.timeline-horizontal.col-5 .timeline-item { width: 5vw; }
.timeline-horizontal.col-10 .timeline-item { width: 10vw; }
.timeline-horizontal.col-15 .timeline-item { width: 15vw; }
.timeline-horizontal.col-20 .timeline-item { width: 20vw; }
.timeline-horizontal.col-25 .timeline-item { width: 25vw; }
.timeline-horizontal.col-30 .timeline-item { width: 30vw; }
.timeline-horizontal.col-33 .timeline-item { }
.timeline-horizontal.col-35 .timeline-item { width: 35vw; }
.timeline-horizontal.col-40 .timeline-item { width: 40vw; }
.timeline-horizontal.col-45 .timeline-item { width: 45vw; }
.timeline-horizontal.col-50 .timeline-item { width: 50vw; }
.timeline-horizontal.col-55 .timeline-item { width: 55vw; }
.timeline-horizontal.col-60 .timeline-item { width: 60vw; }
.timeline-horizontal.col-65 .timeline-item { width: 65vw; }
.timeline-horizontal.col-66 .timeline-item { width: 66.6667vw; }
.timeline-horizontal.col-70 .timeline-item { width: 70vw; }
.timeline-horizontal.col-75 .timeline-item { width: 75vw; }
.timeline-horizontal.col-80 .timeline-item { width: 80vw; }
.timeline-horizontal.col-85 .timeline-item { width: 85vw; }
.timeline-horizontal.col-90 .timeline-item { width: 90vw; }

166.

.timeline-horizontal.col-95 .timeline-item { width: 95vw; }
.timeline-horizontal.col-100 .timeline-item { width: 100vw; }
@media (min-width: 768px) {
.timeline-horizontal.tablet-5 .timeline-item { width: 5vw; }
.timeline-horizontal.tablet-10 .timeline-item { width: 10vw; }
.timeline-horizontal.tablet-15 .timeline-item { width: 15vw; }
.timeline-horizontal.tablet-20 .timeline-item { width: 20vw; }
.timeline-horizontal.tablet-25 .timeline-item { width: 25vw; }
.timeline-horizontal.tablet-30 .timeline-item { width: 30vw; }
.timeline-horizontal.tablet-33 .timeline-item { }
.timeline-horizontal.tablet-35 .timeline-item { width: 35vw; }
.timeline-horizontal.tablet-40 .timeline-item { width: 40vw; }
.timeline-horizontal.tablet-45 .timeline-item { width: 45vw; }
.timeline-horizontal.tablet-50 .timeline-item { width: 50vw; }
.timeline-horizontal.tablet-55 .timeline-item { width: 55vw; }
.timeline-horizontal.tablet-60 .timeline-item { width: 60vw; }
.timeline-horizontal.tablet-65 .timeline-item { width: 65vw; }
.timeline-horizontal.tablet-66 .timeline-item { width: 66.6667vw; }
.timeline-horizontal.tablet-70 .timeline-item { width: 70vw; }
.timeline-horizontal.tablet-75 .timeline-item { width: 75vw; }
.timeline-horizontal.tablet-80 .timeline-item { width: 80vw; }
.timeline-horizontal.tablet-85 .timeline-item { width: 85vw; }
.timeline-horizontal.tablet-90 .timeline-item { width: 90vw; }
.timeline-horizontal.tablet-95 .timeline-item { width: 95vw; }
.timeline-horizontal.tablet-100 .timeline-item { width: 100vw; }
}
.timeline-year { padding-top: var(--f7-timeline-year-height); }
.timeline-year::after { background-color: var(--f7-timeline-horizontal-itemborder-color); inset: 0px 0px auto auto; content: ""; display: block; height:
100%; position: absolute; transform: scaleX(calc(1/var(--f7-device-pixelratio))); transform-origin: 100% 50%; width: 1px; z-index: 15; }
.timeline-year:last-child::after { display: none !important; }
.timeline-month { padding-top: var(--f7-timeline-month-height); }
.timeline-month .timeline-item::before { background-color: var(--f7-timelinehorizontal-item-border-color); inset: 0px auto auto 0px; content: ""; display:
block; height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7device-pixel-ratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }
.timeline-month, .timeline-year { box-sizing: border-box; display: flex; flexshrink: 0; height: 100%; position: relative; }
.timeline-year-title { font-size: var(--f7-timeline-year-font-size); fontweight: var(--f7-timeline-year-font-weight); height: var(--f7-timeline-yearheight); line-height: var(--f7-timeline-year-height); }
.timeline-month-title { font-size: var(--f7-timeline-month-font-size); fontweight: var(--f7-timeline-month-font-weight); height: var(--f7-timeline-monthheight); line-height: var(--f7-timeline-month-height); }
.timeline-month-title, .timeline-year-title { background-color: var(--f7-barsbg-color); box-sizing: border-box; color: var(--f7-bars-text-color); left: 0px;
padding: 0 var(--f7-timeline-horizontal-item-padding); position: absolute; top:
0px; width: 100%; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{

167.

.ios-translucent-bars .timeline-month-title, .ios-translucent-bars .timelineyear-title { backdrop-filter: saturate(180%) blur(var(--f7-bars-translucentblur)); background-color: rgba(var(--f7-bars-bg-color-rgb),var(--f7-barstranslucent-opacity)); }
}
.timeline-month-title span, .timeline-year-title span { display: inline-block;
left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-arealeft)); position: sticky; }
.timeline-month-title span { margin-top: -2px; }
.timeline-year:first-child .timeline-month:first-child .timeline-monthtitle, .timeline-year:first-child .timeline-year-title, .timeline-year:firstchild .timeline-year-title + .timeline-month .timeline-month-title { left:
calc(var(--f7-safe-area-left)*-1); right: 0px; width: auto; }
.timeline-horizontal .timeline-item:first-child, .timeline-year:firstchild .timeline-month:first-child .timeline-item:first-child, .timelineyear:first-child .timeline-year-title + .timeline-month .timeline-item:firstchild, .timeline-year:first-child .timeline-year-title + .timelinemonth .timeline-month-title + .timeline-item { overflow: visible; }
.timeline-horizontal .timeline-item:first-child .timeline-item-date, .timelineyear:first-child .timeline-month:first-child .timeline-item:firstchild .timeline-item-date, .timeline-year:first-child .timeline-year-title
+ .timeline-month .timeline-item:first-child .timeline-item-date, .timelineyear:first-child .timeline-year-title + .timeline-month .timeline-month-title
+ .timeline-item .timeline-item-date { left: calc(0px - var(--f7-safe-arealeft)); padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(-f7-safe-area-left)); right: 0px; width: auto; }
.timeline-year:last-child .timeline-month:last-child .timeline-monthtitle, .timeline-year:last-child .timeline-year-title { right: calc(0px - var(-f7-safe-area-right)); width: auto; }
.timeline-horizontal .timeline-item:last-child, .timeline-year:lastchild .timeline-month:last-child .timeline-item:last-child { overflow:
visible; }
.timeline-horizontal .timeline-item:last-child .timeline-item-date, .timelineyear:last-child .timeline-month:last-child .timeline-item:last-child .timelineitem-date { left: 0px; right: calc(0px - var(--f7-safe-area-right));
width: auto; }
.ios .block-strong .timeline-item-inner { border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px; }
.ios .timeline-year-title span { margin-top: 3px; }
.aurora .timeline-year-title span, .md .timeline-year-title span { margin-top:
2px; }
.tabs .tab { display: none; }
.tabs .tab-active { display: block; }
.tabs-animated-wrap { height: 100%; overflow: hidden; position: relative; width:
100%; }
.tabs-animated-wrap > .tabs { display: flex; height: 100%; transition-duration:
0.3s; }
.tabs-animated-wrap > .tabs > .tab { display: block; flex-shrink: 0; width:

168.

100%; }
.tabs-animated-wrap.not-animated > .tabs { transition-duration: 0ms; }
.tabs-swipeable-wrap, .tabs-swipeable-wrap > .tabs { height: 100%; }
.tabs-swipeable-wrap > .tabs > .tab { display: block; }
.page > .tabs { height: 100%; }
:root { --f7-panel-width: 260px; --f7-panel-bg-color: #fff; }
.ios { --f7-panel-collapsed-width: 58px; --f7-panel-backdrop-bg-color:
transparent; --f7-panel-transition-duration: 400ms; --f7-panel-shadow:
transparent; }
.aurora, .md { --f7-panel-collapsed-width: 60px; --f7-panel-backdrop-bg-color:
rgba(0,0,0,.3); --f7-panel-transition-duration: 300ms; --f7-panel-shadow:
rgba(0,0,0,.2) 0%,rgba(0,0,0,.07) 30%,rgba(0,0,0,.03) 40%,transparent
60%,transparent 100%; }
.panel-backdrop { background-color: var(--f7-panel-backdrop-bg-color); height:
calc(100% - var(--f7-appbar-app-offset, 0px)); left: 0px; opacity: 0; pointerevents: none; position: absolute; top: var(--f7-appbar-app-offset,0); transform:
translateZ(0px); transition-duration: var(--f7-panel-transition-duration);
transition-property: transform, opacity; visibility: hidden; width: 100%; zindex: 5999; }
.panel-backdrop .with-panel, .panel-backdrop .with-panel-closing { visibility:
visible; }
.panel-backdrop.not-animated { transition-duration: 0ms !important; }
.panel { background-color: var(--f7-panel-bg-color); box-sizing: border-box;
height: calc(100% - var(--f7-appbar-app-offset, 0px)); overflow: visible;
position: absolute; top: var(--f7-appbar-app-offset,0); transform:
translateZ(0px); transition-duration: var(--f7-panel-transition-duration);
transition-property: transform; width: var(--f7-panel-width); z-index: 1000; }
.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-incollapsed):not(.panel-in-swipe) { display: none; }
.panel::after { content: ""; height: 100%; opacity: 0; pointer-events: none;
position: absolute; top: 0px; transition-duration: var(--f7-panel-transitionduration); transition-property: transform, opacity; width: 20px; z-index:
5999; }
.panel.not-animated, .panel.not-animated::after, .panel.panel-reveal.notanimated ~ .view, .panel.panel-reveal.not-animated ~ .views { transitionduration: 0ms !important; }
.panel.panel-resizing { user-select: none; }
.panel.panel-resizing, .panel.panel-resizing::after, .panel.panel-resizing
~ .view, .panel.panel-resizing ~ .views { transition-duration: 0ms !important; }
.panel-cover { z-index: 6000; }
.panel-left { left: 0px; width: var(--f7-panel-left-width,var(--f7-panelwidth)); }
.panel-left.panel-cover, .panel-left.panel-push { transform:
translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width))*-1),0,0); }

169.

.panel-left.panel-cover::after, .panel-left.panel-push::after { background:
linear-gradient(to right,var(--f7-panel-shadow)); left: 100%; }
.with-panel-left-cover .panel-left.panel-cover::after, .with-panel-leftcover .panel-left.panel-push::after { opacity: 1; }
.panel-left.panel-reveal::after { background: linear-gradient(to left,var(--f7panel-shadow)); right: 0px; transform: translate3d(calc(var(--f7-panel-leftwidth, var(--f7-panel-width))*-1),0,0); }
.with-panel-left-reveal .panel-left.panel-reveal::after { opacity: 1; transform:
translateZ(0px); }
.panel-right { right: 0px; width: var(--f7-panel-right-width,var(--f7-panelwidth)); }
.panel-right.panel-cover, .panel-right.panel-push { transform:
translate3d(var(--f7-panel-right-width,var(--f7-panel-width)),0,0); }
.panel-right.panel-cover::after, .panel-right.panel-push::after { background:
linear-gradient(to left,var(--f7-panel-shadow)); right: 100%; }
.with-panel-right-cover .panel-right.panel-cover::after, .with-panel-right-cover
.panel-right.panel-push::after { opacity: 1; }
.panel-right.panel-reveal::after { background: linear-gradient(to right,var(-f7-panel-shadow)); left: 0px; transform: translate3d(var(--f7-panel-rightwidth,var(--f7-panel-width)),0,0); }
.with-panel-right-reveal .panel-right.panel-reveal::after { opacity: 1;
transform: translateZ(0px); }
.panel-in-breakpoint { transition-duration: 0ms; transform: translateZ(0px) !
important; }
.panel-in-breakpoint::after { display: none; }
.panel-in-breakpoint.panel-cover { z-index: 5900; }
html.with-panel-closing .framework7-root > .view, html.with-panelclosing .views, html.with-panel-left-push .framework7-root > .view, html.withpanel-left-push .views, html.with-panel-left-reveal .framework7-root > .view,
html.with-panel-left-reveal .views, html.with-panel-right-push .framework7-root
> .view, html.with-panel-right-push .views, html.with-panel-rightreveal .framework7-root > .view, html.with-panel-right-reveal .views
{ transition-duration: var(--f7-panel-transition-duration); transition-property:
transform; }
html.with-panel .framework7-root > .view .page-content, html.withpanel .framework7-root > .views .page-content { overflow: hidden; }
html.with-panel-left-push .framework7-root > .view, html.with-panel-leftpush .views, html.with-panel-left-reveal .framework7-root > .view, html.withpanel-left-reveal .views { transform: translate3d(var(--f7-panel-leftwidth,var(--f7-panel-width)),0,0); }
html.with-panel-right-push .framework7-root > .view, html.with-panel-rightpush .views, html.with-panel-right-reveal .framework7-root > .view, html.withpanel-right-reveal .views { transform: translate3d(calc(var(--f7-panel-rightwidth, var(--f7-panel-width))*-1),0,0); }
.page > .panel-backdrop { z-index: 290; }
.page .panel-push, .page > .panel-reveal { z-index: 1; }

170.

.page > .panel-cover { z-index: 300; }
.page.with-panel-closing > .page-content, .page.with-panel-closing
> .tabs, .page.with-panel-left-push > .page-content, .page.with-panel-left-push
> .tabs, .page.with-panel-left-reveal > .page-content, .page.with-panel-leftreveal > .tabs, .page.with-panel-right-push > .page-content, .page.with-panelright-push > .tabs, .page.with-panel-right-reveal > .page-content, .page.withpanel-right-reveal > .tabs { transition-duration: var(--f7-panel-transitionduration); transition-property: transform; }
.page.with-panel-left-push > .page-content, .page.with-panel-left-push
> .tabs, .page.with-panel-left-reveal > .page-content, .page.with-panel-leftreveal > .tabs { transform: translate3d(var(--f7-panel-left-width,var(--f7panel-width)),0,0); }
.page.with-panel-right-push > .page-content, .page.with-panel-right-push
> .tabs, .page.with-panel-right-reveal > .page-content, .page.with-panel-rightreveal > .tabs { transform: translate3d(calc(var(--f7-panel-right-width, var(-f7-panel-width))*-1),0,0); }
.with-panel-closing .panel-backdrop-in, .with-panel-left-reveal .panel-backdropin, .with-panel-right-reveal .panel-backdrop-in { opacity: 0; pointer-events:
auto; visibility: visible; }
.with-panel-left-cover .panel-backdrop-in, .with-panel-left-push .panelbackdrop-in, .with-panel-right-cover .panel-backdrop-in, .with-panel-rightpush .panel-backdrop-in { opacity: 1; pointer-events: auto; visibility: visible;
}
.with-panel-left-push .panel-backdrop-in, .with-panel-left-reveal .panelbackdrop-in { transform: translate3d(var(--f7-panel-left-width,var(--f7-panelwidth)),0,0); }
.with-panel-right-push .panel-backdrop-in, .with-panel-right-reveal .panelbackdrop-in { transform: translate3d(calc(var(--f7-panel-right-width, var(--f7panel-width))*-1),0,0); }
.with-panel-left-cover .panel-left, .with-panel-left-push .panel-left, .withpanel-right-cover .panel-right, .with-panel-right-push .panel-right { transform:
translateZ(0px); }
.panel-resize-handler { cursor: col-resize; display: none; height: 100%;
position: absolute; top: 0px; width: 6px; z-index: 6000; }
.panel-resizable .panel-resize-handler { display: block; }
.panel-left.panel-cover .panel-resize-handler { right: -3px; }
.panel-left.panel-push .panel-resize-handler, .panel-resize-handler .panelleft.panel-reveal { right: 0px; }
.panel-right.panel-cover .panel-resize-handler { left: -3px; }
.panel-resize-handler .panel-right.panel-reveal, .panel-right.panel-push .panelresize-handler { left: 0px; }
.panel-left.panel-in-collapsed ~ .page-content, .panel-left.panel-in-collapsed ~
.tabs, .panel-left.panel-in-collapsed ~ .view, .panel-left.panel-in-collapsed
~ .views { margin-left: var(--f7-panel-left-collapsed-width,var(--f7-panelcollapsed-width)); }
.page.with-panel-left-reveal .panel-left.panel-in-collapsed ~ .pagecontent, .page.with-panel-left-reveal .panel-left.panel-in-collapsed ~ .tabs,

171.

html.with-panel-left-reveal .panel-left.panel-in-collapsed ~ .view, html.withpanel-left-reveal .panel-left.panel-in-collapsed ~ .views { transform:
translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width)) - var(--f7panel-left-collapsed-width, var(--f7-panel-collapsed-width))),0,0); }
.panel-right.panel-in-collapsed ~ .page-content, .panel-right.panel-in-collapsed
~ .tabs, .panel-right.panel-in-collapsed ~ .view, .panel-right.panel-incollapsed ~ .views { margin-right: var(--f7-panel-right-collapsed-width,var(-f7-panel-collapsed-width)); }
.page.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .pagecontent, .page.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .tabs,
html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view, html.withpanel-right-reveal .panel-right.panel-in-collapsed ~ .views { transform:
translate3d(calc(var(--f7-panel-right-collapsed-width,
var(--f7-panel-collapsed-width)) - var(--f7-panel-right-width, var(--f7-panelwidth))),0,0); }
html.with-modal-popup-push .framework7-root, html.with-modal-popup-pushclosing .framework7-root { --f7-panelPushScale: var(--f7-popup-push-scale); -f7-panelPushTransitionDuration: var(--f7-popup-transition-duration); --f7panelPushBorderRadius: var(--f7-popup-push-border-radius); }
html.with-modal-sheet-push .framework7-root, html.with-modal-sheet-pushclosing .framework7-root { --f7-panelPushScale: var(--f7-sheet-push-scale); -f7-panelPushTransitionDuration: var(--f7-sheet-transition-duration); --f7panelPushBorderRadius: var(--f7-sheet-push-border-radius); }
html.with-modal-popup-push .framework7-root > .panel-in, html.with-modal-popuppush .framework7-root > .panel-out, html.with-modal-sheet-push .framework7-root
> .panel-in, html.with-modal-sheet-push .framework7-root > .panel-out
{ transition-duration: var(--f7-panelPushTransitionDuration); }
html.with-modal-popup-push .framework7-root > .panel-in.panel-push.panel-left,
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panel-left,
html.with-modal-popup-push .framework7-root > .panel-out.panel-push.panel-left,
html.with-modal-popup-push .framework7-root > .panel-out.panel-reveal.panelleft, html.with-modal-sheet-push .framework7-root > .panel-in.panel-push.panelleft, html.with-modal-sheet-push .framework7-root > .panel-in.panelreveal.panel-left, html.with-modal-sheet-push .framework7-root > .panelout.panel-push.panel-left, html.with-modal-sheet-push .framework7-root > .panelout.panel-reveal.panel-left { border-top-left-radius: var(--f7panelPushBorderRadius); transform: scale(var(--f7-panelPushScale,1)); transformorigin: 50vw center; }
html.with-modal-popup-push .framework7-root > .panel-in.panel-push.panelleft .view, html.with-modal-popup-push .framework7-root > .panel-in.panelreveal.panel-left .view, html.with-modal-popup-push .framework7-root > .panelout.panel-push.panel-left .view, html.with-modal-popup-push .framework7-root
> .panel-out.panel-reveal.panel-left .view, html.with-modal-sheetpush .framework7-root > .panel-in.panel-push.panel-left .view, html.with-modalsheet-push .framework7-root > .panel-in.panel-reveal.panel-left .view,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-push.panelleft .view, html.with-modal-sheet-push .framework7-root > .panel-out.panelreveal.panel-left .view { border-top-left-radius: var(--f7panelPushBorderRadius); }
html.with-modal-popup-push .framework7-root > .panel-in.panel-push.panel-right,
html.with-modal-popup-push .framework7-root > .panel-in.panel-reveal.panelright, html.with-modal-popup-push .framework7-root > .panel-out.panelpush.panel-right, html.with-modal-popup-push .framework7-root > .panelout.panel-reveal.panel-right, html.with-modal-sheet-push .framework7-root
> .panel-in.panel-push.panel-right, html.with-modal-sheet-push .framework7-root
> .panel-in.panel-reveal.panel-right, html.with-modal-sheet-push .framework7-

172.

root > .panel-out.panel-push.panel-right, html.with-modal-sheetpush .framework7-root > .panel-out.panel-reveal.panel-right { border-top-rightradius: var(--f7-panelPushBorderRadius); transform: scale(var(--f7panelPushScale,1)); transform-origin: calc(var(--f7-panel-left-width, var(--f7panel-width)) - 50vw) center; }
html.with-modal-popup-push .framework7-root > .panel-in.panel-push.panelright .view, html.with-modal-popup-push .framework7-root > .panel-in.panelreveal.panel-right .view, html.with-modal-popup-push .framework7-root > .panelout.panel-push.panel-right .view, html.with-modal-popup-push .framework7-root
> .panel-out.panel-reveal.panel-right .view, html.with-modal-sheetpush .framework7-root > .panel-in.panel-push.panel-right .view, html.with-modalsheet-push .framework7-root > .panel-in.panel-reveal.panel-right .view,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-push.panelright .view, html.with-modal-sheet-push .framework7-root > .panel-out.panelreveal.panel-right .view { border-top-right-radius: var(--f7panelPushBorderRadius); }
html.with-modal-popup-push .framework7-root > .panel-in.panel-cover.panel-left,
html.with-modal-popup-push .framework7-root > .panel-out.panel-cover.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-in.panel-cover.panel-left,
html.with-modal-sheet-push .framework7-root > .panel-out.panel-cover.panel-left
{ transform: translate3d(calc(var(--f7-panel-left-width, var(--f7-panelwidth))*-1),0,0); }
html.with-modal-popup-push .framework7-root > .panel-in.panel-cover.panel-right,
html.with-modal-popup-push .framework7-root > .panel-out.panel-cover.panelright, html.with-modal-sheet-push .framework7-root > .panel-in.panelcover.panel-right, html.with-modal-sheet-push .framework7-root > .panelout.panel-cover.panel-right { transform: translate3d(var(--f7-panel-rightwidth,var(--f7-panel-width)),0,0); }
html.with-modal-popup-push-closing .framework7-root > .panel-in, html.withmodal-sheet-push-closing .framework7-root > .panel-in { transition-duration:
var(--f7-panelPushTransitionDuration); }
html.with-modal-popup-push-closing .framework7-root > .panel-in.panelpush.panel-left, html.with-modal-popup-push-closing .framework7-root > .panelin.panel-reveal.panel-left, html.with-modal-sheet-push-closing .framework7-root
> .panel-in.panel-push.panel-left, html.with-modal-sheet-pushclosing .framework7-root > .panel-in.panel-reveal.panel-left { transform-origin:
50vw center; }
html.with-modal-popup-push-closing .framework7-root > .panel-in.panelpush.panel-right, html.with-modal-popup-push-closing .framework7-root > .panelin.panel-reveal.panel-right, html.with-modal-sheet-push-closing .framework7-root
> .panel-in.panel-push.panel-right, html.with-modal-sheet-pushclosing .framework7-root > .panel-in.panel-reveal.panel-right { transformorigin: calc(var(--f7-panel-right-width, var(--f7-panel-width)) - 50vw)
center; }
:root { --f7-card-margin-horizontal: 16px; --f7-card-margin-vertical: 16px; -f7-card-content-padding-horizontal: 16px; --f7-card-content-padding-vertical:
16px; --f7-card-border-radius: 4px; --f7-card-font-size: inherit; --f7-cardheader-text-color: inherit; --f7-card-header-font-weight: 400; --f7-card-headerpadding-horizontal: 16px; --f7-card-footer-font-weight: 400; --f7-card-footerfont-size: inherit; --f7-card-footer-padding-horizontal: 16px; --f7-cardexpandable-font-size: 16px; --f7-card-expandable-tablet-width: 670px; --f7-cardexpandable-tablet-height: 670px; --f7-card-bg-color: #fff; --f7-card-outlineborder-color: rgba(0,0,0,.12); --f7-card-header-border-color: rgba(0,0,0,.1); -f7-card-footer-border-color: rgba(0,0,0,.1); --f7-card-expandable-bg-color:
#fff; }
:root .dark, :root.dark { --f7-card-bg-color: #1c1c1d; --f7-card-expandable-bg-

173.

color: #1c1c1d; --f7-card-outline-border-color: hsla(0,0%,100%,.15); --f7-cardheader-border-color: hsla(0,0%,100%,.15); --f7-card-footer-border-color:
hsla(0,0%,100%,.15); --f7-card-footer-text-color: hsla(0,0%,100%,.55); }
.ios { --f7-card-box-shadow: 0px 1px 2px rgba(0,0,0,.2); --f7-card-header-fontsize: 17px; --f7-card-header-padding-vertical: 10px; --f7-card-header-minheight: 44px; --f7-card-footer-text-color: rgba(0,0,0,.45); --f7-card-footerpadding-vertical: 10px; --f7-card-footer-min-height: 44px; --f7-card-expandablemargin-horizontal: 20px; --f7-card-expandable-margin-vertical: 30px; --f7-cardexpandable-box-shadow: 0px 20px 40px rgba(0,0,0,.3); --f7-card-expandableborder-radius: 15px; --f7-card-expandable-tablet-border-radius: 5px; --f7-cardexpandable-header-font-size: 27px; --f7-card-expandable-header-font-weight:
bold; }
.md { --f7-card-box-shadow: var(--f7-elevation-1); --f7-card-header-font-size:
16px; --f7-card-header-padding-vertical: 4px; --f7-card-header-min-height: 48px;
--f7-card-footer-text-color: rgba(0,0,0,.54); --f7-card-footer-padding-vertical:
4px; --f7-card-footer-min-height: 48px; --f7-card-expandable-margin-horizontal:
12px; --f7-card-expandable-margin-vertical: 24px; --f7-card-expandable-boxshadow: var(--f7-elevation-10); --f7-card-expandable-border-radius: 8px; --f7card-expandable-tablet-border-radius: 4px; --f7-card-expandable-header-fontsize: 24px; --f7-card-expandable-header-font-weight: 500; }
.aurora { --f7-card-border-radius: 8px; --f7-card-box-shadow: 0px 1px 2px
rgba(0,0,0,.15); --f7-card-header-font-size: 16px; --f7-card-header-font-weight:
bold; --f7-card-header-padding-vertical: 8px; --f7-card-header-min-height: 48px;
--f7-card-footer-text-color: rgba(0,0,0,.6); --f7-card-footer-padding-vertical:
8px; --f7-card-footer-min-height: 48px; --f7-card-expandable-margin-horizontal:
10px; --f7-card-expandable-margin-vertical: 20px; --f7-card-expandable-boxshadow: 0px 10px 20px rgba(0,0,0,.2); --f7-card-expandable-border-radius: 8px;
--f7-card-expandable-tablet-border-radius: 4px; --f7-card-expandable-headerfont-size: 24px; --f7-card-expandable-header-font-weight: bold; }
.card .list > ul::after, .card .list > ul::before, .cards-list >
ul::after, .cards-list > ul::before { display: none !important; }
.card .list ul, .cards-list ul { background: none; }
.card { background: var(--f7-card-bg-color); border-radius: var(--f7-cardborder-radius); box-shadow: var(--f7-card-box-shadow); font-size: var(--f7-cardfont-size); margin: var(--f7-card-margin-vertical) calc(var(--f7-card-marginhorizontal) + var(--f7-safe-area-right)) var(--f7-card-margin-vertical)
calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); position:
relative; }
.card .block, .card .list { margin: 0px; }
.row:not(.no-gap) .col > .card { margin-left: 0px; margin-right: 0px; }
.card.no-shadow { box-shadow: none; }
.aurora .card-outline-aurora, .card-outline, .ios .card-outline-ios, .md .cardoutline-md { border: 1px solid var(--f7-card-outline-border-color); box-shadow:
none; }
.aurora .card-outline-aurora.no-border,
.aurora .card-outline-aurora.no-hairlines, .card-outline.no-border, .cardoutline.no-hairlines, .ios .card-outline-ios.no-border, .ios .card-outlineios.no-hairlines, .md .card-outline-md.no-border, .md .card-outline-md.nohairlines { border: none; }
.card-content { position: relative; }
.card-content-padding { padding: var(--f7-card-content-padding-vertical) var(--

174.

f7-card-content-padding-horizontal); position: relative; }
.card-content-padding > .block, .card-content-padding > .list { margin:
calc(var(--f7-card-content-padding-vertical)*-1) calc(var(--f7-card-contentpadding-horizontal)*-1); }
.card-content-padding > p:first-child { margin-top: 0px; }
.card-content-padding > p:last-child { margin-bottom: 0px; }
.card-header { color: var(--f7-card-header-text-color); font-size: var(--f7card-header-font-size); font-weight: var(--f7-card-header-font-weight); minheight: var(--f7-card-header-min-height); padding: var(--f7-card-header-paddingvertical) var(--f7-card-header-padding-horizontal); }
.card-footer { color: var(--f7-card-footer-text-color); font-size: var(--f7card-footer-font-size); font-weight: var(--f7-card-footer-font-weight); minheight: var(--f7-card-footer-min-height); padding: var(--f7-card-footer-paddingvertical) var(--f7-card-footer-padding-horizontal); }
.card-footer a.link { overflow: hidden; }
.card-footer, .card-header { align-items: center; box-sizing: border-box;
display: flex; justify-content: space-between; position: relative; }
.card-footer[valign="top"], .card-header[valign="top"] { align-items: flexstart; }
.card-footer[valign="bottom"], .card-header[valign="bottom"] { align-items:
flex-end; }
.card-footer a.link, .card-header a.link { position: relative; }
.card-footer a.link i.icon, .card-header a.link i.icon { display: block; }
.card-footer a.icon-only, .card-header a.icon-only { align-items: center;
display: flex; justify-content: center; margin: 0px; }
.card-header { border-radius: var(--f7-card-border-radius) var(--f7-card-borderradius) 0 0; }
.card-header::after { background-color: var(--f7-card-header-border-color);
inset: auto auto 0px 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 100%; width: 100%; z-index: 15; }
.card-header.no-hairline::after { display: none !important; }
.card-footer { border-radius: 0 0 var(--f7-card-border-radius) var(--f7-cardborder-radius); }
.card-footer::before { background-color: var(--f7-card-footer-border-color);
inset: 0px auto auto 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 0px; width: 100%; z-index: 15; }
.card-footer.no-hairline::before { display: none !important; }
.card-expandable { background: var(--f7-card-expandable-bg-color); borderradius: var(--f7-card-expandable-border-radius); box-shadow: var(--f7-cardexpandable-box-shadow); font-size: var(--f7-card-expandable-font-size); height:
300px; margin: var(--f7-card-expandable-margin-vertical) calc(var(--f7-cardexpandable-margin-horizontal) + var(--f7-safe-area-right)) var(--f7-cardexpandable-margin-vertical) calc(var(--f7-card-expandable-margin-horizontal) +

175.

var(--f7-safe-area-left)); overflow: hidden; position: relative; transformorigin: center center; transition-duration: 0.2s; transition-property:
transform, border-radius; z-index: 2; }
.card-expandable:not(.card-opened) { user-select: none; }
.card-expandable.card-no-transition { transition-duration: 0ms; }
.card-expandable.card-expandable-animate-width .card-content { transitionproperty: width, transform; width: 100%; }
.card-expandable.active-state { transform: scale(0.97) translateZ(0px); }
.card-expandable .card-opened-fade-in, .card-expandable .card-opened-fade-out
{ transition-duration: 0.4s; }
.card-expandable .card-opened-fade-in { opacity: 0; pointer-events: none; }
.card-expandable .card-content { box-sizing: border-box; height: 100vh; left:
0px; overflow: hidden; pointer-events: none; position: absolute; top: 0px;
transform-origin: center top; transition-property: transform; width: 100vw; }
.card-expandable .card-content .card-content-padding { padding-left: calc(var(-f7-safe-area-left) + var(--f7-card-content-padding-horizontal)); padding-right:
calc(var(--f7-safe-area-right) + var(--f7-card-content-padding-horizontal)); }
.card-expandable.card-opened { transition-duration: 0ms; }
.card-expandable.card-closing, .card-expandable.card-opening, .cardexpandable.card-transitioning { transition-duration: 0.4s; }
.card-expandable.card-opening .card-content { transition-duration: 0.3s; }
.card-expandable.card-closing .card-content { transition-duration: 0.5s; }
.card-expandable.card-closing, .card-expandable.card-opened, .cardexpandable.card-opening { z-index: 300; }
.card-expandable.card-opened, .card-expandable.card-opening { border-radius:
0px; }
.card-expandable.card-opened .card-opened-fade-in, .card-expandable.card-opening
.card-opened-fade-in { opacity: 1; pointer-events: auto; }
.card-expandable.card-opened .card-opened-fade-out, .card-expandable.cardopening .card-opened-fade-out { opacity: 0; pointer-events: none; }
.card-expandable.card-opened .card-content { overflow: auto; pointer-events:
auto; }
.card-expandable .card-header { font-size: var(--f7-card-expandable-header-fontsize); font-weight: var(--f7-card-expandable-header-font-weight); }
.card-expandable .card-header::after { display: none !important; }
.card-prevent-open { pointer-events: auto; }
.card-expandable-size { height: 0px; left: 0px; opacity: 0; pointer-events:
none; position: absolute; top: 0px; visibility: hidden; width: 0px; }
@media (min-width: 768px) and (min-height: 670px) {
.card-expandable:not(.card-tablet-fullscreen) { max-width: var(--f7-cardexpandable-tablet-width); }
.card-expandable:not(.card-tablet-fullscreen).card-opened, .card-

176.

expandable:not(.card-tablet-fullscreen).card-opening { border-radius: var(--f7card-expandable-tablet-border-radius); }
.card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animatewidth) .card-content { width: var(--f7-card-expandable-tablet-width); }
.card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { height:
var(--f7-card-expandable-tablet-height); width: var(--f7-card-expandable-tabletwidth); }
}
.page.page-with-card-opened .page-content { overflow: hidden; }
.card-backdrop { background: rgba(0, 0, 0, 0.2); height: 100%; left: 0px;
opacity: 0; pointer-events: none; position: fixed; top: 0px; width: 100%; zindex: 299; }
.card-backdrop-in { animation: 0.4s ease 0s 1 normal forwards running cardbackdrop-fade-in; pointer-events: auto; }
.card-backdrop-out { animation: 0.4s ease 0s 1 normal forwards running cardbackdrop-fade-out; }
@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px)))
{
.card-backdrop { backdrop-filter: blur(15px); background: transparent; }
}
@keyframes card-backdrop-fade-in {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes card-backdrop-fade-out {
0% { opacity: 1; }
100% { opacity: 0; }
}
:root { --f7-chip-font-size: 14px; --f7-chip-font-weight: normal; --f7-chipmedia-font-size: 16px; --f7-chip-bg-color: rgba(0,0,0,.12); --f7-chip-outlineborder-color: rgba(0,0,0,.12); --f7-chip-delete-button-color: #000; }
:root .dark, :root.dark { --f7-chip-delete-button-color: #fff; --f7-chip-bgcolor: #333; --f7-chip-outline-border-color: hsla(0,0%,100%,.12); }
.ios { --f7-chip-height: 28px; --f7-chip-padding-horizontal: 10px; --f7-chiptext-color: #000; }
.ios .dark, .ios.dark { --f7-chip-text-color: #fff; }
.md { --f7-chip-height: 32px; --f7-chip-padding-horizontal: 12px; --f7-chiptext-color: rgba(0,0,0,.87); }
.md .dark, .md.dark { --f7-chip-text-color: hsla(0,0%,100%,.87); }
.aurora { --f7-chip-height: 32px; --f7-chip-padding-horizontal: 12px; --f7-chiptext-color: #000; }
.aurora .dark, .aurora.dark { --f7-chip-text-color: #fff; }
.chip { background-color: var(--f7-chip-bg-color); border-radius: var(--f7-chipheight); color: var(--f7-chip-text-color); display: inline-flex; font-size:
var(--f7-chip-font-size); font-weight: var(--f7-chip-font-weight); margin: 2px
0px; padding-left: var(--f7-chip-padding-horizontal); padding-right: var(--f7chip-padding-horizontal); position: relative; }

177.

.chip, .chip-media { align-items: center; box-sizing: border-box; height: var(-f7-chip-height); line-height: var(--f7-chip-height); vertical-align: middle; }
.chip-media { border-radius: var(--f7-chip-height); color: rgb(255, 255, 255);
display: flex; flex-shrink: 0; font-size: var(--f7-chip-media-font-size);
justify-content: center; margin-left: calc(var(--f7-chip-padding-horizontal)*1); text-align: center; width: var(--f7-chip-height); }
.chip-media i.icon { font-size: calc(var(--f7-chip-height) - 8px); height:
calc(var(--f7-chip-height) - 8px); }
.chip-media img { border-radius: 50%; display: block; height: auto; max-height:
100%; max-width: 100%; width: auto; }
.chip-media + .chip-label { margin-left: 4px; }
.chip-label { flex-shrink: 1; min-width: 0px; overflow: hidden; position:
relative; text-overflow: ellipsis; white-space: nowrap; }
.chip-delete { background-repeat: no-repeat; color: var(--f7-chip-delete-buttoncolor); cursor: pointer; flex-shrink: 0; height: 24px; opacity: 0.54; position:
relative; text-align: center; width: 24px; }
.chip-delete::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; content: "delete_round_ios";
direction: ltr; display: block; font-family: framework7-core-icons; font-size:
20px; font-style: normal; font-weight: 400; height: 100%; letter-spacing:
normal; line-height: 24px; text-align: center; text-rendering:
optimizelegibility; text-transform: none; white-space: nowrap; width:
100%; }
.chip .chip-delete.active-state { opacity: 1; }
.aurora .chip-outline-aurora, .chip-outline, .ios .chip-outline-ios, .md .chipoutline-md { background: none; border: 1px solid var(--f7-chip-outline-bordercolor); }
.chip[class*="color-"] { --f7-chip-bg-color: var(--f7-theme-color); --f7-chiptext-color: #fff; }
.aurora .chip-outline-aurora[class*="color-"], .chipoutline[class*="color-"], .ios .chip-outline-ios[class*="color-"], .md .chipoutline-md[class*="color-"] { --f7-chip-outline-border-color: var(--f7-themecolor); --f7-chip-text-color: var(--f7-theme-color); }
.ios .chip-delete { margin-right: calc(var(--f7-chip-padding-horizontal)*-1); }
.ios .chip-delete::after { font-size: 10px; }
.md .chip-label + .chip-delete { margin-left: 4px; }
.md .chip-delete { margin-right: calc(var(--f7-chip-padding-horizontal)*-1 +
4px); }
.md .chip-delete::after { font-size: 12px; }
.aurora .chip-delete { margin-right: calc(var(--f7-chip-padding-horizontal)*-1);
}
.aurora .chip-delete::after { font-size: 10px; }
:root { --f7-input-bg-color: transparent; --f7-label-font-weight: 400; --f7label-line-height: 1.3; --f7-input-padding-left: 0px; --f7-input-padding-right:
0px; --f7-input-error-text-color: #ff3b30; --f7-input-error-font-size: 12px; --

178.

f7-input-error-line-height: 1.4; --f7-input-error-font-weight: 400; --f7-inputinfo-font-size: 12px; --f7-input-info-line-height: 1.4; --f7-input-outlineheight: 40px; --f7-input-outline-border-radius: 4px; --f7-input-outline-paddinghorizontal: 12px; --f7-textarea-height: 100px; --f7-input-outline-border-color:
#bbb; }
:root .dark, :root.dark { --f7-input-outline-border-color: #444; }
.ios { --f7-input-height: 44px; --f7-input-font-size: 17px; --f7-inputplaceholder-color: #a9a9a9; --f7-textarea-padding-vertical: 11px; --f7-labelfont-size: 12px; --f7-label-text-color: inherit; --f7-floating-label-scale:
1.41667; --f7-inline-label-font-size: 17px; --f7-inline-label-line-height: 1.4;
--f7-inline-label-padding-top: 3px; --f7-input-clear-button-size: 14px; --f7input-text-color: #000; --f7-input-info-text-color: rgba(0,0,0,.45); --f7-inputclear-button-color: rgba(0,0,0,.45); }
.ios .dark, .ios.dark { --f7-input-text-color: #fff; --f7-input-info-text-color:
hsla(0,0%,100%,.55); --f7-input-clear-button-color: hsla(0,0%,100%,.5); }
.md { --f7-input-height: 36px; --f7-input-font-size: 16px; --f7-textareapadding-vertical: 7px; --f7-label-font-size: 12px; --f7-floating-label-scale:
1.33333; --f7-inline-label-font-size: 16px; --f7-inline-label-line-height: 1.5;
--f7-inline-label-padding-top: 7px; --f7-input-clear-button-size: 18px; --f7input-clear-button-color: #aaa; --f7-input-text-color: #212121; --f7-inputplaceholder-color: rgba(0,0,0,.35); --f7-label-text-color: rgba(0,0,0,.65); -f7-input-info-text-color: rgba(0,0,0,.45); }
.md .dark, .md.dark { --f7-input-text-color: hsla(0,0%,100%,.87); --f7-inputplaceholder-color: hsla(0,0%,100%,.35); --f7-label-text-color:
hsla(0,0%,100%,.54); --f7-input-info-text-color: hsla(0,0%,100%,.45); }
.aurora { --f7-input-height: 32px; --f7-input-font-size: 16px; --f7-textareapadding-vertical: 4px; --f7-label-font-size: 12px; --f7-label-text-color:
inherit; --f7-floating-label-scale: 1.33333; --f7-inline-label-font-size: 16px;
--f7-inline-label-line-height: 1.5; --f7-inline-label-padding-top: 4px; --f7input-clear-button-size: 14px; --f7-input-outline-border-radius: 8px; --f7input-text-color: #000; --f7-input-placeholder-color: rgba(0,0,0,.32); --f7input-clear-button-color: rgba(0,0,0,.45); --f7-input-info-text-color:
rgba(0,0,0,.5); }
.aurora .dark, .aurora.dark { --f7-input-text-color: #fff; --f7-input-clearbutton-color: hsla(0,0%,100%,.5); --f7-input-placeholder-color:
hsla(0,0%,100%,.35); --f7-input-info-text-color: hsla(0,0%,100%,.45); }
input[type="date"], input[type="datetime-local"], input[type="email"],
input[type="month"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"], input[type="time"],
input[type="url"], select, textarea { appearance: none; background: none;
border: none; border-radius: 0px; box-shadow: none; box-sizing: border-box;
color: inherit; display: block; font-family: inherit; font-size: inherit;
margin: 0px; outline: 0px; padding: 0px; resize: none; }
.textarea-resizable-shadow { left: -1000px; opacity: 0; pointer-events: none;
position: absolute; top: -1000px; visibility: hidden; z-index: -1000; }
.list input[type="date"], .list input[type="datetime-local"], .list
input[type="email"], .list input[type="month"], .list
input[type="number"], .list input[type="password"], .list
input[type="search"], .list input[type="tel"], .list input[type="text"], .list
input[type="time"], .list input[type="url"], .list select { background-color:
var(--f7-input-bg-color,transparent); color: var(--f7-input-text-color); fontsize: var(--f7-input-font-size); height: var(--f7-input-height); padding-left:
var(--f7-input-padding-left); padding-right: var(--f7-input-padding-right);
width: 100%; }

179.

.list input[type="date"]::placeholder, .list input[type="datetimelocal"]::placeholder, .list input[type="email"]::placeholder, .list
input[type="month"]::placeholder, .list input[type="number"]::placeholder, .list
input[type="password"]::placeholder, .list
input[type="search"]::placeholder, .list input[type="tel"]::placeholder, .list
input[type="text"]::placeholder, .list input[type="time"]::placeholder, .list
input[type="url"]::placeholder, .list select::placeholder { color: var(--f7input-placeholder-color); }
.list textarea { background-color: var(--f7-input-bg-color,transparent); color:
var(--f7-input-text-color); font-size: var(--f7-input-font-size); height: var(-f7-textarea-height); line-height: 1.4; padding: var(--f7-textarea-paddingvertical) var(--f7-input-padding-right) var(--f7-textarea-padding-vertical)
var(--f7-input-padding-left); resize: none; width: 100%; }
.list textarea::placeholder { color: var(--f7-input-placeholder-color); }
.list textarea.resizable { height: var(--f7-input-height); }
.list input[type="datetime-local"] { max-width: 50vw; }
.list input[type="date"], .list input[type="datetime-local"], .list
input[type="month"], .list input[type="time"] { line-height: var(--f7-inputheight); }
.list .item-floating-label, .list .item-label { color: var(--f7-label-textcolor); flex-shrink: 0; font-size: var(--f7-label-font-size); font-weight:
var(--f7-label-font-weight); line-height: var(--f7-label-line-height);
transition-duration: 0.2s; transition-property: transform, color; verticalalign: top; width: 100%; }
.list .item-floating-label { --label-height: calc(var(--f7-label-fontsize)*var(--f7-label-line-height)); color: var(--f7-input-placeholder-color);
left: var(--f7-input-padding-left); max-width: calc(100%/var(--f7-floatinglabel-scale)); pointer-events: none; transform: scale(var(--f7-floating-labelscale)) translateY(calc((var(--f7-input-height)/2 + 50%)/var(--f7-floatinglabel-scale))); transform-origin: left center; width: auto; }
.list .item-floating-label ~ .item-input-wrap input::placeholder, .list .itemfloating-label ~ .item-input-wrap textarea::placeholder { opacity: 0;
transition-duration: 0.1s; }
.list .item-floating-label ~ .item-input-wrap input.inputfocused::placeholder, .list .item-floating-label ~ .item-input-wrap
textarea.input-focused::placeholder { opacity: 1; transition-duration: 0.3s; }
.list .item-input-with-value .item-floating-label { color: var(--f7-label-textcolor); }
.list .item-input-focused .item-floating-label, .list .item-input-withvalue .item-floating-label { transform: scale(1) translateY(0px); }
.list .item-input-wrap { flex-shrink: 1; position: relative; width: 100%; }
.item-input .item-inner { align-items: flex-start; display: flex; flexdirection: column; }
.input-error-message, .item-input-error-message { box-sizing: border-box; color:
var(--f7-input-error-text-color); display: none; font-size: var(--f7-inputerror-font-size); font-weight: var(--f7-input-error-font-weight); line-height:
var(--f7-input-error-line-height); }
.input-info, .item-input-info { color: var(--f7-input-info-text-color); font-

180.

size: var(--f7-input-info-font-size); line-height: var(--f7-input-info-lineheight); }
.input-invalid .input-error-message, .input-invalid .item-input-errormessage, .item-input-invalid .input-error-message, .item-input-invalid .iteminput-error-message { display: block; }
.input-invalid .input-info, .input-invalid .item-input-info, .item-input-invalid
.input-info, .item-input-invalid .item-input-info { display: none; }
.inline-label .item-inner, .inline-labels .item-inner { align-items: center;
display: flex; flex-direction: row; }
.inline-label .item-floating-label, .inline-label .item-label, .inlinelabels .item-floating-label, .inline-labels .item-label { align-self: flexstart; font-size: var(--f7-inline-label-font-size); line-height: var(--f7inline-label-line-height); padding-top: var(--f7-inline-label-padding-top);
width: 35%; }
.inline-label .item-floating-label + .item-input-wrap, .inline-label .item-label
+ .item-input-wrap, .inline-labels .item-floating-label + .item-inputwrap, .inline-labels .item-label + .item-input-wrap { margin-left: 8px; }
.input { position: relative; }
.input input, .input select, .input textarea { width: 100%; }
.input-clear-button { background: none; border: none; color: var(--f7-inputclear-button-color); cursor: pointer; height: var(--f7-input-clear-button-size);
margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: calc(var(-f7-input-clear-button-size)*-1/2); opacity: 0; outline: 0px; padding: 0px;
pointer-events: none; position: absolute; right: 0px; top: 50%; transitionduration: 0.1s; visibility: hidden; width: var(--f7-input-clear-button-size); zindex: 1; }
.input-clear-button::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; direction: ltr; display: block;
font-family: framework7-core-icons; font-size: 20px; font-style: normal; fontweight: 400; height: 100%; letter-spacing: normal; line-height: 1; text-align:
center; text-rendering: optimizelegibility; text-transform: none; white-space:
nowrap; width: 100%; }
.input-clear-button::before { content: ""; left: 50%; position: absolute; top:
50%; }
.item-input-wrap .input-clear-button { top: calc(var(--f7-input-height)/2); }
.input-clear-button.active-state { opacity: 0.75 !important; }
.input-with-value .input-clear-button, .input-with-value ~ .input-clearbutton, .item-input-with-value .input-clear-button { opacity: 1; pointer-events:
auto; visibility: visible; }
.input-dropdown, .input-dropdown-wrap { position: relative; }
.input-dropdown-wrap::before, .input-dropdown::before { border-left: 4px solid
transparent; border-right: 4px solid transparent; border-top: 5px solid rgb(114,
114, 114); content: ""; height: 0px; margin-top: -2px; pointer-events: none;
position: absolute; right: 6px; top: 50%; width: 0px; }
.input-dropdown input, .input-dropdown select, .input-dropdown textarea, .inputdropdown-wrap input, .input-dropdown-wrap select, .input-dropdown-wrap textarea
{ padding-right: calc(20px + var(--f7-input-padding-right)); }

181.

.input-outline::after, .item-input-outline .item-input-wrap::after { border: 1px
solid var(--f7-input-outline-border-color); border-radius: var(--f7-inputoutline-border-radius); box-sizing: border-box; content: ""; height: 100%; left:
0px; pointer-events: none; position: absolute; top: 0px; transition-duration:
0.2s; width: 100%; }
.input-outline.input-focused::after, .item-input-outline.item-inputfocused .item-input-wrap::after { border-color: var(--f7-input-outline-focusedborder-color,var(--f7-theme-color)); border-width: 2px; }
.input-outline.input-invalid::after, .item-input-outline.item-inputinvalid .item-input-wrap::after { border-color: var(--f7-input-outline-invalidborder-color,var(--f7-input-error-text-color)); border-width: 2px; }
.input-outline input, .input-outline select, .input-outline textarea, .iteminput-outline input, .item-input-outline select, .item-input-outline
textarea, .list .item-input-outline input, .list .item-input-outline
select, .list .item-input-outline textarea { border-radius: var(--f7-inputoutline-border-radius); padding-left: var(--f7-input-outline-paddinghorizontal); padding-right: var(--f7-input-outline-padding-horizontal); }
.input-outline.input-dropdown::before, .item-input-outline .input-dropdownwrap::before { right: 8px; }
.input-outline.input-dropdown input, .input-outline.input-dropdown
select, .input-outline.input-dropdown textarea, .item-input-outline .inputdropdown-wrap input, .item-input-outline .input-dropdown-wrap select, .iteminput-outline .input-dropdown-wrap textarea { padding-right: 20px; }
.input-outline .input-clear-button, .item-input-outline .input-clear-button
{ right: 8px; }
.item-input-outline { --f7-input-height: var(--f7-input-outline-height); }
.item-input-outline .item-inner::after { display: none !important; }
.item-input-outline .item-label { left: var(--f7-input-outline-paddinghorizontal); }
.inline-label .item-input-outline .item-label, .inline-labels .item-inputoutline .item-label, .item-input-outline .inline-label .item-label, .item-inputoutline .inline-label.item-label { left: 0px; }
.item-input-outline .item-floating-label { background: var(--f7-page-bg-color);
left: calc(var(--f7-input-outline-padding-horizontal) - 4px); margin-top:
calc((var(--f7-label-font-size)*var(--f7-label-line-height))*-.5); padding-left:
4px; padding-right: 4px; z-index: 10; }
.item-input-outline.item-input-focused .item-floating-label, .item-inputoutline.item-input-with-value .item-floating-label { transform: scale(1)
translateY(50%); }
.item-input-outline .item-input-error-message, .item-input-outline .item-inputinfo { padding-left: var(--f7-input-outline-padding-horizontal); }
.block-strong .item-input-outline .item-floating-label { background: var(--f7block-strong-bg-color); }
.list .item-input-outline .item-floating-label { background: var(--f7-list-bgcolor); }
.dark option { background-color: var(--f7-page-bg-color); }
.ios .item-floating-label + .item-input-wrap, .ios .item-label + .item-input-

182.

wrap { margin-top: 0px; }
.ios .item-input-focused .item-floating-label { color: var(--f7-label-textcolor); }
.ios .item-input .item-media { align-self: flex-start; }
.ios .item-input-wrap { margin-bottom: calc(var(--f7-list-item-paddingvertical)*-1); }
.ios .inline-label .item-floating-label + .item-input-wrap, .ios .inlinelabel .item-input-wrap, .ios .inline-label .item-label + .item-inputwrap, .ios .inline-labels .item-floating-label + .item-input-wrap, .ios .inlinelabels .item-input-wrap, .ios .inline-labels .item-label + .item-inputwrap, .ios .item-input-wrap { margin-top: calc(var(--f7-list-item-paddingvertical)*-1); }
.ios .input-error-message, .ios .input-info, .ios .item-input-errormessage, .ios .item-input-info { margin-bottom: 6px; margin-top: -8px; position:
relative; }
.ios .item-input-focused .item-floating-label, .ios .item-input-focused .itemlabel { color: var(--f7-label-focused-text-color,var(--f7-label-text-color)); }
.ios .item-input-focused .item-inner::after { background: var(--f7-inputfocused-border-color,var(--f7-list-item-border-color)); }
.ios .item-input-invalid .item-floating-label, .ios .item-input-invalid .itemlabel { color: var(--f7-label-invalid-text-color,var(--f7-label-text-color)); }
.ios .item-input-invalid .item-inner::after { background: var(--f7-inputinvalid-border-color,var(--f7-list-item-border-color)); }
.ios .input-invalid input, .ios .input-invalid select, .ios .input-invalid
textarea, .ios .item-input-invalid input, .ios .item-input-invalid
select, .ios .item-input-invalid textarea { color: var(--f7-input-invalid-textcolor,var(--f7-input-error-text-color)); }
.ios .input-clear-button::after { content: "delete_round_ios"; font-size:
calc(var(--f7-input-clear-button-size)/1.4); line-height: 1.4; }
.ios .input-clear-button::before { height: 44px; margin-left: -22px; margin-top:
-22px; width: 44px; }
.ios .input-outline .item-input-wrap, .ios .item-input-outline .item-input-wrap
{ margin-bottom: 0px; margin-top: 0px; }
.ios .input-outline .input-error-message, .ios .input-outline .inputinfo, .ios .input-outline .item-input-error-message, .ios .input-outline .iteminput-info, .ios .item-input-outline .input-error-message, .ios .item-inputoutline .input-info, .ios .item-input-outline .item-input-errormessage, .ios .item-input-outline .item-input-info { margin-top: 0px; overflow:
hidden; text-overflow: ellipsis; white-space: normal; }
.ios .input-outline .input-info, .ios .input-outline .item-inputinfo, .ios .item-input-outline .input-info, .ios .item-input-outline .iteminput-info { margin-bottom: calc(var(--f7-input-info-font-size)*-1*var(--f7input-info-line-height)); }
.ios .input-outline .input-error-message, .ios .input-outline .item-input-errormessage, .ios .item-input-outline .input-error-message, .ios .item-input-outline
.item-input-error-message { margin-bottom: calc(var(--f7-input-error-fontsize)*-1*var(--f7-input-error-line-height)); }

183.

.ios .input-outline.input-with-info .item-input-wrap, .ios .input-outline.iteminput-with-info .item-input-wrap, .ios .item-input-outline.input-withinfo .item-input-wrap, .ios .item-input-outline.item-input-with-info .iteminput-wrap { margin-bottom: calc(var(--f7-input-info-font-size)*var(--f7-inputinfo-line-height)); }
.ios .input-outline.input-with-error-message .item-input-wrap, .ios .inputoutline.item-input-with-error-message .item-input-wrap, .ios .item-inputoutline.input-with-error-message .item-input-wrap, .ios .item-inputoutline.item-input-with-error-message .item-input-wrap { margin-bottom:
calc(var(--f7-input-error-font-size)*var(--f7-input-error-line-height)); }
.md .input:not(.input-outline)::after, .md .item-input:not(.item-inputoutline) .item-input-wrap::after { background-color: var(--f7-list-item-bordercolor); inset: auto auto 0px 0px; content: ""; display: block; height: 1px;
position: absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio)));
transform-origin: 50% 100%; transition-duration: 0.2s; width: 100%; z-index: 15;
}
.md .item-input-wrap { min-height: var(--f7-input-height); }
.md .item-input .item-media { align-self: flex-end; }
.md .item-input .item-inner::after { display: none !important; }
.md .inline-label .item-media, .md .inline-labels .item-media { align-self:
flex-start; padding-top: 14px; }
.md .input-with-error-message, .md .input-with-info, .md .item-input-with-errormessage, .md .item-input-with-info { padding-bottom: 20px; }
.md .input-error-message, .md .input-info, .md .item-input-errormessage, .md .item-input-info { left: 0px; margin-top: 4px; overflow: hidden;
position: absolute; text-overflow: ellipsis; top: 100%; white-space: nowrap;
width: 100%; }
.md .item-input-focused .item-floating-label, .md .item-input-focused .itemlabel { color: var(--f7-label-focused-text-color,var(--f7-theme-color)); }
.md .input-focused:not(.input-outline)::after, .md .item-inputfocused:not(.item-input-outline) .item-input-wrap::after { background: var(--f7input-focused-border-color,var(--f7-theme-color)); }
.md .input-focused:not(.input-outline)::after, .md .input-invalid:not(.inputoutline)::after, .md .item-input-focused:not(.item-input-outline) .item-inputwrap::after, .md .item-input-invalid:not(.item-input-outline) .item-inputwrap::after { transform: scaleY(2) !important; }
.md .input-invalid:not(.input-outline)::after, .md .item-inputinvalid:not(.item-input-outline) .item-input-wrap::after { background: var(--f7input-invalid-border-color,var(--f7-input-error-text-color));
}
.md .item-input-invalid .item-floating-label, .md .item-input-invalid .itemlabel { color: var(--f7-label-invalid-text-color,var(--f7-input-error-textcolor)); }
.md .input-invalid input, .md .input-invalid select, .md .input-invalid
textarea, .md .item-input-invalid input, .md .item-input-invalid
select, .md .item-input-invalid textarea { color: var(--f7-input-invalid-textcolor,var(--f7-input-text-color)); }
.md .input-clear-button::after { content: "delete_round_md"; font-size:
calc(var(--f7-input-clear-button-size)/1.2); line-height: 1.2; }

184.

.md .input-clear-button::before { height: 48px; margin-left: -24px; margin-top:
-24px; width: 48px; }
.aurora .item-floating-label + .item-input-wrap, .aurora .item-label + .iteminput-wrap { margin-top: 0px; }
.aurora .input:not(.input-outline)::after { background-color: var(--f7-listitem-border-color); inset: auto auto 0px 0px; content: ""; display: block;
height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 100%; transition-duration: 0.2s; width: 100%; zindex: 15; }
.aurora .item-input-focused .item-floating-label { color: var(--f7-label-textcolor); }
.aurora .inline-label .item-media, .aurora .inline-labels .item-media { alignself: flex-start; padding-top: 12px; }
.aurora .input-error-message, .aurora .input-info, .aurora .item-input-errormessage, .aurora .item-input-info { position: relative; }
.aurora .input-focused:not(.input-outline)::after, .aurora .inputinvalid:not(.input-outline)::after, .aurora .item-input-focused:not(.item-inputoutline) .item-inner::after, .aurora .item-input-invalid:not(.item-inputoutline) .item-inner::after { display: block !important; transform: scaleY(2) !
important; }
.aurora .item-input-focused .item-floating-label, .aurora .item-inputfocused .item-label { color: var(--f7-label-focused-text-color,var(--f7-themecolor)); }
.aurora .input-focused:not(.input-outline)::after, .aurora .item-inputfocused:not(.item-input-outline) .item-inner::after { background: var(--f7input-focused-border-color,var(--f7-theme-color)); }
.aurora .item-input-invalid .item-floating-label, .aurora .item-inputinvalid .item-label { color: var(--f7-label-invalid-text-color,var(--f7-inputerror-text-color)); }
.aurora .input-invalid:not(.input-outline)::after, .aurora .item-inputinvalid:not(.item-input-outline) .item-inner::after { background: var(--f7input-invalid-border-color,var(--f7-input-error-text-color)); }
.aurora .input-invalid input, .aurora .input-invalid select, .aurora .inputinvalid textarea, .aurora .item-input-invalid input, .aurora .item-input-invalid
select, .aurora .item-input-invalid textarea { color: var(--f7-input-invalidtext-color,var(--f7-input-text-color)); }
.aurora .input-clear-button::after { content: "delete_round_ios"; font-size:
calc(var(--f7-input-clear-button-size)/1.4); line-height: 1.4; }
.aurora .input-clear-button::before { height: 44px; margin-left: -22px; margintop: -22px; width: 44px; }
.aurora .input-outline .item-input-wrap, .aurora .item-input-outline .iteminput-wrap { margin-bottom: 0px; margin-top: 0px; }
.aurora .input-outline .input-error-message, .aurora .input-outline .input-info,
.aurora .input-outline .item-input-error-message, .aurora .input-outline .iteminput-info, .aurora .item-input-outline .input-error-message, .aurora .iteminput-outline .input-info, .aurora .item-input-outline .item-input-errormessage, .aurora .item-input-outline .item-input-info { margin-top: 0px;
overflow: hidden; text-overflow: ellipsis; white-space: normal; }

185.

.aurora .input-outline .input-info, .aurora .input-outline .item-inputinfo, .aurora .item-input-outline .input-info, .aurora .item-inputoutline .item-input-info { margin-bottom: calc(var(--f7-input-info-font-size)*1*var(--f7-input-info-line-height)); }
.aurora .input-outline .input-error-message, .aurora .input-outline .item-inputerror-message, .aurora .item-input-outline .input-error-message, .aurora .iteminput-outline .item-input-error-message { margin-bottom: calc(var(--f7-inputerror-font-size)*-1*var(--f7-input-error-line-height)); }
.aurora .input-outline.input-with-info .item-input-wrap, .aurora .inputoutline.item-input-with-info .item-input-wrap, .aurora .item-inputoutline.input-with-info .item-input-wrap, .aurora .item-input-outline.iteminput-with-info .item-input-wrap { margin-bottom: calc(var(--f7-input-info-fontsize)*var(--f7-input-info-line-height)); }
.aurora .input-outline.input-with-error-message .item-inputwrap, .aurora .input-outline.item-input-with-error-message .item-inputwrap, .aurora .item-input-outline.input-with-error-message .item-inputwrap, .aurora .item-input-outline.item-input-with-error-message .item-input-wrap
{ margin-bottom: calc(var(--f7-input-error-font-size)*var(--f7-input-error-lineheight)); }
:root { --f7-checkbox-icon-color: #fff; --f7-checkbox-extra-margin: 0px; }
:root .dark, :root.dark { --f7-checkbox-inactive-color: hsla(0,0%,100%,.3); -f7-checkbox-icon-color: #000; }
.ios { --f7-checkbox-size: 22px; --f7-checkbox-border-radius: 50%; --f7checkbox-border-width: 1px; --f7-checkbox-inactive-color: #c7c7cc; }
.md { --f7-checkbox-size: 18px; --f7-checkbox-border-radius: 2px; --f7-checkboxborder-width: 2px; --f7-checkbox-inactive-color: #6d6d6d; }
.aurora { --f7-checkbox-size: 16px; --f7-checkbox-border-radius: 4px; --f7checkbox-border-width: 1px; --f7-checkbox-inactive-color: rgba(0,0,0,.25); }
.checkbox { --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb),0.5);
background-color: initial; display: inline-block; position: relative; verticalalign: middle; z-index: 1; }
.checkbox i, .icon-checkbox { border: var(--f7-checkbox-border-width) solid
var(--f7-checkbox-inactive-color); border-radius: var(--f7-checkbox-borderradius); box-sizing: border-box; display: block; flex-shrink: 0; height: var(-f7-checkbox-size); position: relative; width: var(--f7-checkbox-size); }
.checkbox i::after, .icon-checkbox::after { overflow-wrap: normal; -webkit-fontsmoothing: antialiased; font-feature-settings: "liga"; color: var(--f7-checkboxicon-color); direction: ltr; display: block; font-family: framework7-core-icons;
font-size: 20px; font-style: normal; font-weight: 400; height: var(--f7checkbox-size); left: calc(0px - var(--f7-checkbox-border-width)); letterspacing: normal; line-height: var(--f7-checkbox-size); opacity: 0; position:
relative; text-align: center; text-rendering: optimizelegibility; texttransform: none; top: calc(0px - var(--f7-checkbox-border-width)); transitionproperty: opacity; white-space: nowrap; width: var(--f7-checkbox-size); }
.checkbox input[type="checkbox"]:not(:checked) ~ i::after, label.item-checkbox
input[type="checkbox"]:not(:checked) ~ * .icon-checkbox::after, label.itemcheckbox input[type="checkbox"]:not(:checked) ~ .icon-checkbox::after { fontsize: 0px; }
.checkbox input[type="checkbox"]:checked ~ i, .checkbox
input[type="checkbox"]:indeterminate ~ i, label.item-checkbox

186.

input[type="checkbox"]:checked ~ * .icon-checkbox, label.item-checkbox
input[type="checkbox"]:checked ~ .icon-checkbox, label.item-checkbox
input[type="checkbox"]:indeterminate ~ * .icon-checkbox, label.item-checkbox
input[type="checkbox"]:indeterminate ~ .icon-checkbox { background-color: var(-f7-checkbox-active-color,var(--f7-theme-color)); border-color: var(--f7checkbox-active-color,var(--f7-theme-color)); }
.checkbox input[type="checkbox"]:checked ~ i::after, .checkbox
input[type="checkbox"]:indeterminate ~ i::after, label.item-checkbox
input[type="checkbox"]:checked ~ * .icon-checkbox::after, label.item-checkbox
input[type="checkbox"]:checked ~ .icon-checkbox::after, label.item-checkbox
input[type="checkbox"]:indeterminate ~ * .icon-checkbox::after, label.itemcheckbox input[type="checkbox"]:indeterminate ~ .icon-checkbox::after { opacity:
1; }
.checkbox input[type="checkbox"]:indeterminate ~ i::after, label.item-checkbox
input[type="checkbox"]:indeterminate ~ * .icon-checkbox::after, label.itemcheckbox input[type="checkbox"]:indeterminate ~ .icon-checkbox::after
{ background: var(--f7-checkbox-icon-color); border-radius: 2px; content: "";
font-size: 0px; height: 2px; left: 15%; margin-top: -1px; position: absolute;
top: 50%; transition: all 0ms ease 0s; width: 70%; }
.checkbox, label.item-checkbox { cursor: pointer; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"], label.itemcheckbox input[type="checkbox"], label.item-checkbox input[type="radio"]
{ display: none; }
label.item-checkbox { transition-duration: 0.3s; }
label.item-checkbox .item-content .item-media, label.item-checkbox.itemcontent .item-media { align-self: center; }
label.item-checkbox > .icon-checkbox { margin-right: calc(var(--f7-list-itemmedia-margin) + var(--f7-checkbox-extra-margin)); }
label.item-checkbox.active-state { background-color: var(--f7-list-link-pressedbg-color); }
label.item-checkbox.active-state::after { background-color: initial; }
.disabled label.item-checkbox, label.item-checkbox.disabled { opacity: 0.55 !
important; pointer-events: none !important; }
.ios .checkbox i::after, .ios .icon-checkbox::after { content: "checkbox_ios";
font-size: 21px; }
.ios label.item-checkbox.active-state { transition-duration: 0ms; }
.ios .checkbox input[type="checkbox"]:indeterminate ~ i::after, .ios label.itemcheckbox input[type="checkbox"]:indeterminate ~ * .icon-checkbox::after, .ios
label.item-checkbox input[type="checkbox"]:indeterminate ~ .icon-checkbox::after
{ height: 2px; margin-top: -1px; }
.md .checkbox i, .md .icon-checkbox { transition-duration: 0.2s; }
.md .checkbox i::after, .md .icon-checkbox::after { content: "checkbox_md";
font-size: 15px; transition-duration: 0.2s; }
.md label.item-checkbox { overflow: hidden; position: relative; z-index: 0; }
.aurora .checkbox i, .aurora .icon-checkbox { transition-duration:
0.15s; }

187.

.aurora .checkbox i::after, .aurora .icon-checkbox::after { content:
"checkbox_aurora"; font-size: 21px; transition-duration: 0.15s; }
.aurora .checkbox i::before, .aurora .icon-checkbox::before { background:
rgba(0, 0, 0, 0.1); content: ""; height: 100%; left: 0px; opacity: 0; position:
absolute; top: 0px; transition-duration: 0.15s; width: 100%; }
.aurora .checkbox.active-state i::before { opacity: 1; }
.aurora label.item-checkbox { overflow: hidden; position: relative; z-index:
0; }
.aurora.device-desktop label.item-checkbox:hover:not(.active-state):not(.nohover) { background-color: var(--f7-list-link-hover-bg-color); }
:root { --f7-radio-border-radius: 50%; --f7-radio-extra-margin: 0px; }
:root .dark, :root.dark { --f7-radio-inactive-color: hsla(0,0%,100%,.3); }
.ios { --f7-radio-size: 22px; --f7-radio-border-width: 1px; --f7-radio-inactivecolor: #c7c7cc; }
.md { --f7-radio-size: 20px; --f7-radio-border-width: 2px; --f7-radio-inactivecolor: #6d6d6d; }
.aurora { --f7-radio-size: 16px; --f7-radio-border-width: 1px; --f7-radioinactive-color: rgba(0,0,0,.25); }
.radio { --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb),0.5); display:
inline-block; position: relative; vertical-align: middle; z-index: 1; }
.icon-radio { border-radius: var(--f7-radio-border-radius); box-sizing: borderbox; display: block; flex-shrink: 0; height: var(--f7-radio-size); position:
relative; width: var(--f7-radio-size); }
.aurora .icon-radio, .md .icon-radio, .radio .icon-radio { border: var(--f7radio-border-width) solid var(--f7-radio-inactive-color); }
.radio, label.item-radio { cursor: pointer; }
.radio input[type="checkbox"], .radio input[type="radio"], label.item-radio
input[type="checkbox"], label.item-radio input[type="radio"] { display: none; }
label.item-radio { transition-duration: 0.3s; }
label.item-radio .item-content .item-media, label.item-radio.item-content .itemmedia { align-self: center; }
label.item-radio.active-state { background-color: var(--f7-list-link-pressed-bgcolor); }
label.item-radio.active-state::after { background-color: initial; }
.disabled label.item-radio, label.item-radio.disabled { opacity: 0.55 !
important; pointer-events: none !important; }
.ios .icon-radio::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; color: var(--f7-radio-activecolor,var(--f7-theme-color)); content: "radio_ios"; direction: ltr; display:
block; font-family: framework7-core-icons; font-size: 20px; font-style: normal;
font-weight: 400; height: calc(var(--f7-radio-size) - var(--f7-radio-borderwidth)*2); letter-spacing: normal; line-height: calc(var(--f7-radio-size) var(--f7-radio-border-width)*2 + 1px); opacity: 0; text-align: center; textrendering: optimizelegibility; text-transform: none; white-space: nowrap; width:

188.

calc(var(--f7-radio-size) - var(--f7-radio-border-width)*2); }
.ios .radio input[type="radio"]:checked ~ .icon-radio::after, .ios label.itemradio input[type="radio"]:checked ~ * .icon-radio::after, .ios label.item-radio
input[type="radio"]:checked ~ .icon-radio::after { opacity: 1; }
.ios .radio input[type="radio"]:checked ~ .icon-radio { border-color: var(--f7radio-active-color,var(--f7-theme-color)); }
.ios label.item-radio:not(.item-radio-icon-start) input[type="radio"] ~ .iconradio { margin-top: -11px; position: absolute; right: calc(var(--f7-safe-arearight) + 10px); top: 50%; }
.ios label.item-radio:not(.item-radio-icon-start) .item-inner { padding-right:
calc(var(--f7-safe-area-right) + 36px); }
.ios label.item-radio-icon-start > .icon-radio { margin-right: calc(var(--f7list-item-media-margin) + var(--f7-checkbox-extra-margin)); }
.ios label.item-radio.active-state { transition-duration: 0ms; }
.md .icon-radio, .md .icon-radio::after { transition-duration: 0.2s; }
.md .icon-radio::after { background-color: var(--f7-radio-active-color,var(--f7theme-color)); border-radius: 50%; content: ""; height: 10px; left: 50%; marginleft: -5px; margin-top: -5px; position: absolute; top: 50%; transform: scale(0);
width: 10px; }
.md .radio input[type="radio"]:checked ~ .icon-radio, .md label.item-radio
input[type="radio"]:checked ~ * .icon-radio, .md label.item-radio
input[type="radio"]:checked ~ .icon-radio { border-color: var(--f7-radio-activecolor,var(--f7-theme-color)); }
.md .radio input[type="radio"]:checked ~ .icon-radio::after, .md label.itemradio input[type="radio"]:checked ~ * .icon-radio::after, .md label.item-radio
input[type="radio"]:checked ~ .icon-radio::after { background-color: var(--f7radio-active-color,var(--f7-theme-color)); transform: scale(1); }
.md label.item-radio { overflow: hidden; position: relative; z-index: 0; }
.md label.item-radio:not(.item-radio-icon-end) > .icon-radio { margin-right:
calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); }
.md label.item-radio-icon-end input[type="radio"] ~ .icon-radio { margin-top: 10px; position: absolute; right: calc(var(--f7-safe-area-right) + 16px); top:
50%; }
.md label.item-radio-icon-end .item-inner { padding-right: calc(var(--f7-safearea-right) + 52px); }
.aurora .icon-radio { overflow: hidden; transition-duration: 0.15s; }
.aurora .icon-radio::after { background-color: rgb(255, 255, 255); borderradius: 50%; height: 6px; left: 50%; margin-left: -3px; margin-top: -3px; top:
50%; transform: scale(0); width: 6px; }
.aurora .icon-radio::after, .aurora .icon-radio::before { content: ""; position:
absolute; transition-duration: 0.15s; }
.aurora .icon-radio::before { background: rgba(0, 0, 0, 0.1); height: 100%;
left: 0px; opacity: 0; top: 0px; width: 100%; }
.aurora .radio.active-state i::before { opacity: 1; }

189.

.aurora .radio input[type="radio"]:checked ~ .icon-radio, .aurora label.itemradio input[type="radio"]:checked ~ * .icon-radio, .aurora label.item-radio
input[type="radio"]:checked ~ .icon-radio { background-color: var(--f7-radioactive-color,var(--f7-theme-color)); border-color: var(--f7-radio-activecolor,var(--f7-theme-color)); }
.aurora .radio input[type="radio"]:checked ~ .icon-radio::after, .aurora
label.item-radio input[type="radio"]:checked ~ * .icon-radio::after, .aurora
label.item-radio input[type="radio"]:checked ~ .icon-radio::after { transform:
scale(1); }
.aurora label.item-radio { overflow: hidden; position: relative; z-index: 0; }
.aurora label.item-radio:not(.item-radio-icon-end) > .icon-radio { margin-right:
calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)); }
.aurora label.item-radio-icon-end input[type="radio"] ~ .icon-radio { margintop: -8px; position: absolute; right: calc(var(--f7-safe-area-right) + 16px);
top: 50%; }
.aurora label.item-radio-icon-end .item-inner { padding-right: calc(var(--f7safe-area-right) + 48px); }
.aurora.device-desktop label.item-radio:hover:not(.active-state):not(.no-hover)
{ background-color: var(--f7-list-link-hover-bg-color); }
:root { --f7-toggle-handle-color: #fff; }
:root .dark, :root.dark { --f7-toggle-inactive-color: #555; }
.ios { --f7-toggle-width: 52px; --f7-toggle-height: 32px; --f7-toggle-bordercolor: #e5e5e5; --f7-toggle-inactive-color: #fff; }
.ios .dark, .ios.dark { --f7-toggle-border-color: #555; }
.md { --f7-toggle-width: 36px; --f7-toggle-height: 14px; --f7-toggle-inactivecolor: #b0afaf; }
.aurora { --f7-toggle-width: 40px; --f7-toggle-height: 20px; --f7-toggleinactive-color: #aaa; }
.toggle, .toggle-icon { border-radius: var(--f7-toggle-height); height: var(-f7-toggle-height); width: var(--f7-toggle-width); }
.toggle { align-self: center; box-sizing: border-box; display: inline-block;
position: relative; user-select: none; vertical-align: middle; }
.toggle input[type="checkbox"] { display: none; }
.toggle input[disabled] ~ .toggle-icon { pointer-events: none; }
.toggle-icon { appearance: none; border: none; box-sizing: border-box; cursor:
pointer; display: block; margin: 0px; padding: 0px; position: relative;
transition: all 0.3s ease 0s; z-index: 0; }
.toggle-icon::after, .toggle-icon::before { content: ""; }
.toggle-icon::after { background: var(--f7-toggle-handle-color); position:
absolute; transform: translateX(0px); transition-duration: 0.3s; z-index: 2; }
.ios .toggle input[type="checkbox"]:checked + .toggle-icon { background: var(-f7-toggle-active-color,var(--f7-theme-color)); }
.ios .toggle input[type="checkbox"]:checked + .toggle-icon::before { transform:

190.

scale(0); }
.ios .toggle input[type="checkbox"]:checked + .toggle-icon::after { transform:
translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height))); }
.ios .toggle-icon { background: var(--f7-toggle-border-color); }
.ios .toggle-icon::before { background: var(--f7-toggle-inactive-color); borderradius: var(--f7-toggle-height); box-sizing: border-box; position: absolute;
transform: scale(1); transition-duration: 0.3s; width: calc(var(--f7-togglewidth) - 4px); z-index: 1; }
.ios .toggle-icon::after, .ios .toggle-icon::before { height: calc(var(--f7toggle-height) - 4px); left: 2px; top: 2px; }
.ios .toggle-icon::after { border-radius: calc(var(--f7-toggle-height) - 4px);
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; width: calc(var(--f7-toggle-height)
- 4px); }
.ios .toggle-active-state input[type="checkbox"]:not(:checked) + .toggleicon::before { transform: scale(0); }
.ios .toggle-active-state input[type="checkbox"] + .toggle-icon::after { width:
calc(var(--f7-toggle-height) + 4px); }
.ios .toggle-active-state input[type="checkbox"]:checked + .toggle-icon::after {
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) 8px)); }
.md .toggle input[type="checkbox"]:checked + .toggle-icon { background: var(-f7-toggle-active-color,rgba(var(--f7-theme-color-rgb),.5)); }
.md .toggle input[type="checkbox"]:checked + .toggle-icon::after { background:
var(--f7-toggle-active-color,var(--f7-theme-color));
transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) 6px)); }
.md .toggle-icon { background: var(--f7-toggle-inactive-color); }
.md .toggle-icon::after { border-radius: var(--f7-toggle-height); box-shadow:
rgba(0, 0, 0, 0.4) 0px 2px 5px; height: calc(var(--f7-toggle-height) + 6px);
left: 0px; top: -3px; width: calc(var(--f7-toggle-height) + 6px); }
.aurora .toggle input[type="checkbox"]:checked + .toggle-icon { background:
var(--f7-toggle-active-color,var(--f7-theme-color)); }
.aurora .toggle input[type="checkbox"]:checked + .toggle-icon::after
{ transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)));
}
.aurora .toggle-icon { background: var(--f7-toggle-inactive-color); }
.aurora .toggle-icon::after { border-radius: calc(var(--f7-toggle-height) 4px); height: calc(var(--f7-toggle-height) - 4px); left: 2px; top: 2px; width:
calc(var(--f7-toggle-height) - 4px); }
:root { --f7-range-scale-step-height: 5px; --f7-range-scale-text-color: #666; -f7-range-scale-substep-width: 1px; --f7-range-scale-substep-height: 4px; }
.ios { --f7-range-size: 28px; --f7-range-bar-bg-color: #b7b8b7; --f7-range-barsize: 4px; --f7-range-bar-border-radius: 2px; --f7-range-knob-size: 28px; --f7range-knob-color: #fff; --f7-range-knob-box-shadow: 0 2px 4px rgba(0,0,0,.3); -f7-range-label-size: 24px; --f7-range-label-text-color: #000; --f7-range-labelbg-color: #fff; --f7-range-label-font-size: 12px; --f7-range-label-font-weight:

191.

500; --f7-range-label-border-radius: 5px; --f7-range-label-padding: 0px 2px; -f7-range-scale-step-width: 1px; --f7-range-scale-font-size: 12px; --f7-rangescale-font-weight: 400; --f7-range-scale-label-offset: 4px; }
.md { --f7-range-size: 20px; --f7-range-bar-bg-color: #b9b9b9; --f7-range-barsize: 2px; --f7-range-bar-border-radius: 0px; --f7-range-knob-size: 12px; --f7range-knob-box-shadow: none; --f7-range-label-size: 26px; --f7-range-label-fontweight: normal; --f7-range-label-text-color: #fff; --f7-range-label-font-size:
10px; --f7-range-label-border-radius: 50%; --f7-range-label-padding: 0px; --f7range-scale-step-width: 2px; --f7-range-scale-font-size: 12px; --f7-range-scalefont-weight: 400; --f7-range-scale-label-offset: 4px; }
.aurora { --f7-range-size: 20px; --f7-range-bar-bg-color: #c7c7c7; --f7-rangebar-size: 2px; --f7-range-bar-border-radius: 2px; --f7-range-knob-size: 16px; -f7-range-knob-box-shadow: none; --f7-range-label-size: 20px; --f7-range-labeltext-color: #fff; --f7-range-label-font-size: 10px; --f7-range-label-fontweight: 600; --f7-range-label-border-radius: 4px; --f7-range-label-padding: 0px
4px; --f7-range-scale-step-width: 2px; --f7-range-scale-font-size: 11px; --f7range-scale-font-weight: 500; --f7-range-scale-label-offset: 2px; }
.range-slider { align-self: center; cursor: pointer; display: block; position:
relative; user-select: none; }
.range-slider input[type="range"] { display: none; }
.range-slider.range-slider-horizontal { height: var(--f7-range-size); touchaction: pan-y; width: 100%; }
.range-slider.range-slider-vertical { height: 100%; touch-action: pan-x; width:
var(--f7-range-size); }
.range-bar { background: var(--f7-range-bar-bg-color); border-radius: var(--f7range-bar-border-radius); overflow: hidden; position: absolute; }
.range-slider-vertical .range-bar { height: 100%; left: 50%; margin-left:
calc(var(--f7-range-bar-size)*-1/2); top: 0px; width: var(--f7-range-barsize); }
.range-slider-horizontal .range-bar { height: var(--f7-range-bar-size); left:
0px; margin-top: calc(var(--f7-range-bar-size)*-1/2); top: 50%; width: 100%; }
.range-bar-active { background: var(--f7-range-bar-active-bg-color,var(--f7theme-color)); position: absolute; }
.range-slider-horizontal .range-bar-active { height: 100%; left: 0px; top:
0px; }
.range-slider-vertical .range-bar-active { bottom: 0px; left: 0px; width:
100%; }
.range-slider-vertical-reversed .range-bar-active { bottom: auto; top: 0px; }
.range-knob-wrap { height: var(--f7-range-knob-size); position: absolute; width:
var(--f7-range-knob-size); z-index: 20; }
.range-slider-horizontal .range-knob-wrap { left: 0px; margin-left: calc(var(-f7-range-knob-size)*-1/2); margin-top: calc(var(--f7-range-knob-size)*-1/2);
top: 50%; }
.range-slider-vertical .range-knob-wrap { bottom: 0px; left: 50%; margin-bottom:
calc(var(--f7-range-knob-size)*-1/2); margin-left: calc(var(--f7-range-knobsize)*-1/2); }
.range-slider-vertical-reversed .range-knob-wrap { bottom: auto; margin-bottom:

192.

0px; margin-top: calc(var(--f7-range-knob-size)*-1/2); top: 0px; }
.range-knob { background: var(--f7-range-knob-color,var(--f7-range-knob-bgcolor,var(--f7-theme-color))); border-radius: 50%; box-shadow: var(--f7-rangeknob-box-shadow); box-sizing: border-box; height: 100%; left: 0px; position:
absolute; top: 0px; width: 100%; z-index: 1; }
.range-knob::after { content: ""; height: 44px; left: 50%; margin-left: -22px;
margin-top: -22px; position: absolute; top: 50%; width: 44px; }
.range-knob-label { background-color: var(--f7-range-label-bg-color,var(--f7theme-color)); border-radius: var(--f7-range-label-border-radius); bottom: 100%;
box-sizing: border-box; color: var(--f7-range-label-text-color); font-size:
var(--f7-range-label-font-size); font-weight: var(--f7-range-label-font-weight);
height: var(--f7-range-label-size); left: 50%; line-height: var(--f7-rangelabel-size); min-width: var(--f7-range-label-size); padding: var(--f7-rangelabel-padding); position: absolute; text-align: center; transform:
translateY(100%) scale(0); transition-duration: 0.12s; transition-property:
transform; }
.range-knob-active-state .range-knob-label { transform: translateY(0px)
scale(1); }
.range-scale { position: absolute; }
.range-slider-horizontal .range-scale { left: 0px; margin-top: calc(var(--f7range-bar-size)/2); top: 50%; width: 100%; }
.range-slider-vertical .range-scale { height: 100%; margin-right: calc(var(--f7range-bar-size)/2); right: 50%; top: 0px; }
.range-scale-step { box-sizing: border-box; color: var(--f7-range-scale-textcolor,var(--f7-range-bar-bg-color)); display: flex; font-size: var(--f7-rangescale-font-size); font-weight: var(--f7-range-scale-font-weight); line-height:
1; position: absolute; }
.range-scale-step::before { background: var(--f7-range-scale-step-bgcolor,var(--f7-range-bar-bg-color)); content: ""; position: absolute; }
.range-slider-horizontal .range-scale-step { align-items: flex-start; height:
var(--f7-range-scale-step-height); justify-content: center; margin-left:
calc(var(--f7-range-scale-step-width)*-1/2); padding-top: calc(var(--f7-rangescale-step-height) + var(--f7-range-scale-label-offset)); top: 0px; width:
var(--f7-range-scale-step-width); }
.range-slider-horizontal .range-scale-step::before { height: var(--f7-rangescale-step-height); left: 0px; top: 0px; width: 100%; }
.range-slider-horizontal .range-scale-step:first-child { margin-left: 0px; }
.range-slider-horizontal .range-scale-step:last-child { margin-left: calc(var(-f7-range-scale-step-width)*-1); }
.range-slider-vertical .range-scale-step { align-items: center; height: var(-f7-range-scale-step-width); justify-content: flex-end; line-height: 1; marginbottom: calc(var(--f7-range-scale-step-width)*-1/2); padding-right: calc(var(-f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); right: 0px;
width: var(--f7-range-scale-step-height); }
.range-slider-vertical .range-scale-step:first-child { margin-bottom: 0px; }
.range-slider-vertical .range-scale-step:last-child { margin-bottom: calc(var(-f7-range-scale-step-width)*-1); }

193.

.range-slider-vertical .range-scale-step::before { height: 100%; right: 0px;
top: 0px; width: var(--f7-range-scale-step-height); }
.range-scale-substep { --f7-range-scale-step-bg-color: var(--f7-range-scalesubstep-bg-color,var(--f7-range-bar-bg-color)); --f7-range-scale-step-width:
var(--f7-range-scale-substep-width); --f7-range-scale-step-height: var(--f7range-scale-substep-height); }
.ios .range-knob-label { margin-bottom: 6px; transform: translateX(-50%)
translateY(100%) scale(0); }
.ios .range-knob-active-state .range-knob-label { transform: translateX(-50%)
translateY(0px) scale(1); }
.md .range-knob { transition-duration: 0.2s; transition-property: transform,
background-color; }
.md .range-knob-active-state .range-knob { transform: scale(1.5); }
.md .range-slider-min:not(.range-slider-dual) .range-knob { border: 2px solid
var(--f7-range-bar-bg-color); background: rgb(255, 255, 255) !important; }
.md .range-knob-label { margin-bottom: 8px; }
.md .range-knob-label, .md .range-knob-label::before { margin-left: calc(var(-f7-range-label-size)*-1/2); width: var(--f7-range-label-size); }
.md .range-knob-label::before { background: var(--f7-range-label-bg-color,var(-f7-theme-color)); border-radius: 50% 50% 50% 0px; content: ""; height: var(--f7range-label-size); left: 50%; position: absolute; top: 0px; transform: rotate(45deg); z-index: -1; }
.md .range-knob-active-state .range-knob-label { transform: translateY(0px)
scale(1); }
.md .range-slider-label .range-knob-active-state .range-knob { transform:
scale(0); }
.aurora .range-knob-label { margin-bottom: 6px; transform: translateX(-50%)
translateY(100%) scale(0); }
.aurora .range-knob-active-state .range-knob-label { transform: translateX(-50%)
translateY(0px) scale(1); }
:root { --f7-stepper-fill-button-text-color: #fff; --f7-stepper-raised-boxshadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); --f7-stepper-valuefont-weight: 500; --f7-stepper-border-width: 2px; --f7-stepper-small-borderwidth: 2px; }
.ios { --f7-stepper-height: 28px; --f7-stepper-border-radius: 5px; --f7-stepperlarge-height: 44px; --f7-stepper-small-height: 26px; --f7-stepper-value-fontsize: 17px; }
.md { --f7-stepper-height: 36px; --f7-stepper-border-radius: 4px; --f7-stepperlarge-height:
48px; --f7-stepper-small-height: 28px; --f7-stepper-value-font-size: 14px; }
.aurora { --f7-stepper-height: 36px; --f7-stepper-border-radius: 8px; --f7stepper-large-height: 48px; --f7-stepper-small-height: 28px; --f7-stepper-valuefont-size: 14px; }
.stepper { --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb),0.25); alignitems: stretch; border-radius: var(--f7-stepper-border-radius); display: inlineflex; height: var(--f7-stepper-height); }

194.

.stepper-button, .stepper-button-minus, .stepper-button-plus { place-content:
center; align-items: center; background-color: var(--f7-stepper-button-bgcolor); border: var(--f7-stepper-border-width) solid var(--f7-theme-color);
border-radius: var(--f7-stepper-border-radius); box-sizing: border-box; color:
var(--f7-stepper-button-text-color,var(--f7-theme-color)); cursor: pointer;
display: flex; flex-shrink: 0; line-height: calc(var(--f7-stepper-height) var(--f7-stepper-border-width, 0px)); position: relative; text-align: center;
width: 40px; }
.stepper-button-minus.active-state, .stepper-button-plus.active-state, .stepperbutton.active-state { background-color: var(--f7-stepper-button-pressed-bgcolor,rgba(var(--f7-theme-color-rgb),.15)); color: var(--f7-stepper-buttonpressed-text-color,var(--f7-stepper-button-text-color,var(--f7-theme-color))); }
.stepper-button-minus:first-child, .stepper-button-plus:first-child, .stepperbutton:first-child { border-radius: var(--f7-stepper-border-radius) 0 0 var(-f7-stepper-border-radius); }
.stepper-button-minus:last-child, .stepper-button-plus:last-child, .stepperbutton:last-child { border-radius: 0 var(--f7-stepper-border-radius) var(--f7stepper-border-radius) 0; }
.stepper-button .icon, .stepper-button-minus .icon, .stepper-button-plus .icon {
pointer-events: none; }
.stepper-button + .stepper-button, .stepper-button + .stepper-buttonminus, .stepper-button + .stepper-button-plus, .stepper-button-minus + .stepperbutton, .stepper-button-minus + .stepper-button-minus, .stepper-button-minus
+ .stepper-button-plus, .stepper-button-plus + .stepper-button, .stepper-buttonplus + .stepper-button-minus, .stepper-button-plus + .stepper-button-plus
{ border-left: none; }
.stepper-button-minus, .stepper-button-plus { user-select: none; }
.stepper-button-minus::after, .stepper-button-minus::before, .stepper-buttonplus::after, .stepper-button-plus::before { background-color: var(--f7-stepperbutton-text-color,var(--f7-theme-color)); border-radius: 2px; content: ""; left:
50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.stepper-button-minus::after, .stepper-button-plus::after { height: 2px; width:
15px; }
.stepper-button-plus::before { height: 15px; width: 2px; }
.stepper-value { place-content: center; align-items: center; display: flex; }
.stepper-input-wrap, .stepper-value { border-bottom: var(--f7-stepper-borderwidth) solid var(--f7-theme-color); border-top: var(--f7-stepper-border-width)
solid var(--f7-theme-color); flex-shrink: 1; text-align: center; }
.stepper .stepper-input-wrap input, .stepper-value { color: var(--f7-steppervalue-text-color,var(--f7-theme-color)); font-size: var(--f7-stepper-value-fontsize); font-weight: var(--f7-stepper-value-font-weight); text-align: center;
width: 45px; }
.stepper .stepper-input-wrap input { height: 100%; }
.aurora .stepper-round-aurora, .ios .stepper-round-ios, .md .stepper-roundmd, .stepper-round { --f7-stepper-border-radius: var(--f7-stepper-height); }
.aurora .stepper-fill-aurora, .ios .stepper-fill-ios, .md .stepper-fillmd, .stepper-fill { --f7-stepper-button-bg-color: var(--f7-stepper-fill-buttonbg-color,var(--f7-theme-color)); --f7-stepper-button-text-color: var(--f7-

195.

stepper-fill-button-text-color); --f7-touch-ripple-color: var(--f7-touch-ripplewhite); }
.aurora .stepper-fill-aurora .stepper-button + .stepperbutton, .aurora .stepper-fill-aurora .stepper-button-minus + .stepper-buttonplus, .aurora .stepper-raised-aurora .stepper-button + .stepperbutton, .aurora .stepper-raised-aurora .stepper-button-minus + .stepper-buttonplus, .ios .stepper-fill-ios .stepper-button + .stepper-button, .ios .stepperfill-ios .stepper-button-minus + .stepper-button-plus, .ios .stepper-raisedios .stepper-button + .stepper-button, .ios .stepper-raised-ios .stepper-buttonminus + .stepper-button-plus, .md .stepper-fill-md .stepper-button + .stepperbutton, .md .stepper-fill-md .stepper-button-minus + .stepper-buttonplus, .md .stepper-raised-md .stepper-button + .stepper-button, .md .stepperraised-md .stepper-button-minus + .stepper-button-plus, .stepper-fill .stepperbutton + .stepper-button, .stepper-fill .stepper-button-minus + .stepper-buttonplus, .stepper-raised .stepper-button + .stepper-button, .stepperraised .stepper-button-minus + .stepper-button-plus { border-left: 1px solid
rgba(0, 0, 0, 0.1); }
.aurora .stepper-fill-aurora .stepper-button + .stepper-button.activestate, .aurora .stepper-fill-aurora .stepper-button-minus + .stepper-buttonplus.active-state, .ios .stepper-fill-ios .stepper-button + .stepperbutton.active-state, .ios .stepper-fill-ios .stepper-button-minus + .stepperbutton-plus.active-state, .md .stepper-fill-md .stepper-button + .stepperbutton.active-state, .md .stepper-fill-md .stepper-button-minus + .stepperbutton-plus.active-state, .stepper-fill .stepper-button + .stepperbutton.active-state, .stepper-fill .stepper-button-minus + .stepper-buttonplus.active-state { border-left-color: var(--f7-stepper-button-pressed-bgcolor); }
.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepperfill) .stepper-input-wrap, .aurora .stepper-raised-aurora:not(.stepper-fillaurora):not(.stepper-fill) .stepper-value, .ios .stepper-raisedios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-inputwrap, .ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepperfill) .stepper-value, .md .stepper-raised-md:not(.stepper-fill-md):not(.stepperfill) .stepper-input-wrap, .md .stepper-raised-md:not(.stepper-fillmd):not(.stepper-fill) .stepper-value, .stepper-raised:not(.stepperfill) .stepper-input-wrap, .stepper-raised:not(.stepper-fill) .stepper-value
{ border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0,
0, 0.1); }
.aurora .stepper-large-aurora, .ios .stepper-large-ios, .md .stepper-largemd, .stepper-large { --f7-stepper-height: var(--f7-stepper-large-height); }
.aurora .stepper-small-aurora, .ios .stepper-small-ios, .md .stepper-smallmd, .stepper-small { --f7-stepper-border-width: var(--f7-stepper-small-borderwidth); --f7-stepper-height: var(--f7-stepper-small-height); }
.ios .stepper-fill.stepper-small, .ios .stepper-fill.stepper-small-ios { --f7stepper-button-pressed-bg-color: transparent; --f7-stepper-button-pressed-textcolor: var(--f7-theme-color); }
.aurora .stepper-raised-aurora, .ios .stepper-raised-ios, .md .stepper-raisedmd, .stepper-raised { --f7-stepper-border-width: 0; box-shadow: var(--f7stepper-raised-box-shadow); }
.ios .stepper-button .f7-icons, .ios .stepper-button-minus .f7icons, .ios .stepper-button-plus .f7-icons { font-size: 22px; }
.ios .stepper-fill, .ios .stepper-fill-ios { --f7-stepper-button-pressed-bgcolor: var(--f7-stepper-fill-button-pressed-bg-color,var(--f7-theme-colortint)); }

196.

.ios .stepper-small-ios.stepper-raised, .ios .stepper-small-ios.stepper-raisedios, .ios .stepper-small.stepper-raised, .ios .stepper-small.stepper-raised-ios
{ --f7-stepper-border-width: 0px; }
.ios .stepper-small .stepper-button, .ios .stepper-small .stepper-buttonminus, .ios .stepper-small .stepper-button-plus, .ios .stepper-smallios .stepper-button, .ios .stepper-small-ios .stepper-buttonminus, .ios .stepper-small-ios .stepper-button-plus { transition-duration: 0.2s;
}
.ios .stepper-small .stepper-button-minus.active-state::after, .ios .steppersmall .stepper-button-minus.active-state::before, .ios .stepper-small .stepperbutton-plus.active-state::after, .ios .stepper-small .stepper-buttonplus.active-state::before, .ios .stepper-small .stepper-button.activestate::after, .ios .stepper-small .stepper-button.activestate::before, .ios .stepper-small-ios .stepper-button-minus.activestate::after, .ios .stepper-small-ios .stepper-button-minus.activestate::before, .ios .stepper-small-ios .stepper-button-plus.active-state::after,
.ios .stepper-small-ios .stepper-button-plus.activestate::before, .ios .stepper-small-ios .stepper-button.active-state::after, .ios
.stepper-small-ios .stepper-button.active-state::before { background-color:
var(--f7-theme-color); transition-duration: 0.2s; }
.md .stepper-button, .md .stepper-button-minus, .md .stepper-button-plus
{ overflow: hidden; transform: translateZ(0px); transition-duration: 0.3s; }
.md .stepper-fill, .md .stepper-fill-md { --f7-stepper-button-pressed-bg-color:
var(--f7-stepper-fill-button-pressed-bg-color,var(--f7-theme-color-shade)); }
.aurora .stepper-button, .aurora .stepper-button-minus, .aurora .stepper-buttonplus { overflow: hidden; transform: translateZ(0px); transition-duration:
0.1s; }
.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.nohover):hover, .aurora.device-desktop .stepper-button-plus:not(.activestate):not(.no-hover):hover, .aurora.device-desktop .stepper-button:not(.activestate):not(.no-hover):hover { background-color: var(--f7-stepper-button-hoverbg-color,rgba(var(--f7-theme-color-rgb),.07)); }
.aurora .stepper-fill, .aurora .stepper-fill-aurora { --f7-stepper-button-hoverbg-color: var(--f7-stepper-button-fill-hover-bg-color,var(--f7-theme-colortint)); --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-buttonpressed-bg-color,var(--f7-theme-color-shade)); }
.smart-select select { display: none; }
.smart-select .item-after { display: block; max-width: 70%; overflow: hidden;
position: relative; text-overflow: ellipsis; }
.smart-select-sheet .list ul, .smart-select-sheet
.page, .smart-select-sheet .sheet-modal-inner { background: var(--f7-smartselect-sheet-bg,var(--f7-list-bg-color)); }
.smart-select-sheet .toolbar::after { background-color: var(--f7-smart-selectsheet-toolbar-border-color,var(--f7-bars-border-color)); inset: auto auto 0px
0px; content: ""; display: block; height: 1px; position: absolute; transform:
scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50% 100%; width:
100%; z-index: 15; }
.smart-select-sheet .list { margin: 0px; }
.smart-select-sheet .list ul::after, .smart-select-sheet .list ul::before
{ display: none !important; }

197.

.smart-select-popover .popover-inner { max-height: 40vh; }
:root { --f7-grid-gap: 16px; --f7-grid-row-gap: 0px; --f7-grid-resize-handlerbg-color: rgba(0,0,0,.35); }
:root .dark, :root.dark { --f7-grid-resize-handler-bg-color:
hsla(0,0%,100%,.35); }
.row { --f7-cols-per-row: 1; align-items: flex-start; display: flex; flex-wrap:
wrap; justify-content: space-between; }
.row + .row { margin-top: var(--f7-grid-row-gap); }
.row > .col, .row > [class*="col-"] { box-sizing: border-box; width: calc((100%
- var(--f7-grid-gap)*(var(--f7-cols-per-row) - 1))/var(--f7-cols-per-row)); }
.row.resizable, .row > .col.resizable, .row > [class*="col-"].resizable
{ position: relative; }
.row.no-gap { --f7-grid-gap: 0px; --f7-grid-row-gap: 0px; }
.row .col-5 { --f7-cols-per-row: 20; }
.row .col-10 { --f7-cols-per-row: 10; }
.row .col-15 { --f7-cols-per-row: 6.66666667; }
.row .col-20 { --f7-cols-per-row: 5; }
.row .col-25 { --f7-cols-per-row: 4; }
.row .col-30 { --f7-cols-per-row: 3.33333333; }
.row .col-33 { --f7-cols-per-row: 3; }
.row .col-35 { --f7-cols-per-row: 2.85714286; }
.row .col-40 { --f7-cols-per-row: 2.5; }
.row .col-45 { --f7-cols-per-row: 2.22222222; }
.row .col-50 { --f7-cols-per-row: 2; }
.row .col-55 { --f7-cols-per-row: 1.81818182; }
.row .col-60 { --f7-cols-per-row: 1.66666667; }
.row .col-65 { --f7-cols-per-row: 1.53846154; }
.row .col-66 { --f7-cols-per-row: 1.5; }
.row .col-70 { --f7-cols-per-row: 1.42857143; }
.row .col-75 { --f7-cols-per-row: 1.33333333; }
.row .col-80 { --f7-cols-per-row: 1.25; }
.row .col-85 { --f7-cols-per-row: 1.17647059; }
.row .col-90 { --f7-cols-per-row: 1.11111111; }
.row .col-95 { --f7-cols-per-row: 1.05263158; }
.row .col-100, .row .col:last-of-type, .row .col:last-of-type ~ .col { --f7-

198.

cols-per-row: 1; }
.row .col:nth-last-of-type(2), .row .col:nth-last-of-type(2) ~ .col { --f7-colsper-row: 2; }
.row .col:nth-last-of-type(3), .row .col:nth-last-of-type(3) ~ .col { --f7-colsper-row: 3; }
.row .col:nth-last-of-type(4), .row .col:nth-last-of-type(4) ~ .col { --f7-colsper-row: 4; }
.row .col:nth-last-of-type(5), .row .col:nth-last-of-type(5) ~ .col { --f7-colsper-row: 5; }
.row .col:nth-last-of-type(6), .row .col:nth-last-of-type(6) ~ .col { --f7-colsper-row: 6; }
.row .col:nth-last-of-type(7), .row .col:nth-last-of-type(7) ~ .col { --f7-colsper-row: 7; }
.row .col:nth-last-of-type(8), .row .col:nth-last-of-type(8) ~ .col { --f7-colsper-row: 8; }
.row .col:nth-last-of-type(9), .row .col:nth-last-of-type(9) ~ .col { --f7-colsper-row: 9; }
.row .col:nth-last-of-type(10), .row .col:nth-last-of-type(10) ~ .col { --f7cols-per-row: 10; }
.row .col:nth-last-of-type(11), .row .col:nth-last-of-type(11) ~ .col { --f7cols-per-row: 11; }
.row .col:nth-last-of-type(12), .row .col:nth-last-of-type(12) ~ .col { --f7cols-per-row: 12; }
.row .col:nth-last-of-type(13), .row .col:nth-last-of-type(13) ~ .col { --f7cols-per-row: 13; }
.row .col:nth-last-of-type(14), .row .col:nth-last-of-type(14) ~ .col { --f7cols-per-row: 14; }
.row .col:nth-last-of-type(15), .row .col:nth-last-of-type(15) ~ .col { --f7cols-per-row: 15; }
.row .col:nth-last-of-type(16), .row .col:nth-last-of-type(16) ~ .col { --f7cols-per-row: 16; }
.row .col:nth-last-of-type(17), .row .col:nth-last-of-type(17) ~ .col { --f7cols-per-row: 17; }
.row .col:nth-last-of-type(18), .row .col:nth-last-of-type(18) ~ .col { --f7cols-per-row: 18; }
.row .col:nth-last-of-type(19), .row .col:nth-last-of-type(19) ~ .col { --f7cols-per-row: 19; }
.row .col:nth-last-of-type(20), .row .col:nth-last-of-type(20) ~ .col { --f7cols-per-row: 20; }
.row .col:nth-last-of-type(21), .row .col:nth-last-of-type(21) ~ .col { --f7cols-per-row: 21; }
.row .col:nth-last-of-type(22), .row .col:nth-last-of-type(22) ~ .col { --f7cols-per-row: 22; }

199.

@media (min-width: 480px) {
.row .xsmall-5 { --f7-cols-per-row: 20; }
.row .xsmall-10 { --f7-cols-per-row: 10; }
.row .xsmall-15 { --f7-cols-per-row: 6.66666667; }
.row .xsmall-20 { --f7-cols-per-row: 5; }
.row .xsmall-25 { --f7-cols-per-row: 4; }
.row .xsmall-30 { --f7-cols-per-row: 3.33333333; }
.row .xsmall-33 { --f7-cols-per-row: 3; }
.row .xsmall-35 { --f7-cols-per-row: 2.85714286; }
.row .xsmall-40 { --f7-cols-per-row: 2.5; }
.row .xsmall-45 { --f7-cols-per-row: 2.22222222; }
.row .xsmall-50 { --f7-cols-per-row: 2; }
.row .xsmall-55 { --f7-cols-per-row: 1.81818182; }
.row .xsmall-60 { --f7-cols-per-row: 1.66666667; }
.row .xsmall-65 { --f7-cols-per-row: 1.53846154; }
.row .xsmall-66 { --f7-cols-per-row: 1.5; }
.row .xsmall-70 { --f7-cols-per-row: 1.42857143; }
.row .xsmall-75 { --f7-cols-per-row: 1.33333333; }
.row .xsmall-80 { --f7-cols-per-row: 1.25; }
.row .xsmall-85 { --f7-cols-per-row: 1.17647059; }
.row .xsmall-90 { --f7-cols-per-row: 1.11111111; }
.row .xsmall-95 { --f7-cols-per-row: 1.05263158; }
.row .xsmall-100, .row .xsmall-auto:last-of-type, .row .xsmall-auto:last-oftype ~ .xsmall-auto { --f7-cols-per-row: 1; }
.row .xsmall-auto:nth-last-of-type(2), .row .xsmall-auto:nth-last-of-type(2) ~
.xsmall-auto { --f7-cols-per-row: 2; }
.row .xsmall-auto:nth-last-of-type(3), .row .xsmall-auto:nth-last-of-type(3) ~
.xsmall-auto { --f7-cols-per-row: 3; }
.row .xsmall-auto:nth-last-of-type(4), .row .xsmall-auto:nth-last-of-type(4) ~
.xsmall-auto { --f7-cols-per-row: 4; }
.row .xsmall-auto:nth-last-of-type(5), .row .xsmall-auto:nth-last-of-type(5) ~
.xsmall-auto { --f7-cols-per-row: 5; }
.row .xsmall-auto:nth-last-of-type(6), .row .xsmall-auto:nth-last-of-type(6) ~
.xsmall-auto { --f7-cols-per-row: 6; }
.row .xsmall-auto:nth-last-of-type(7), .row .xsmall-auto:nth-last-of-type(7) ~
.xsmall-auto { --f7-cols-per-row: 7; }
.row .xsmall-auto:nth-last-of-type(8), .row .xsmall-auto:nth-last-of-type(8) ~
.xsmall-auto { --f7-cols-per-row: 8; }
.row .xsmall-auto:nth-last-of-type(9), .row .xsmall-auto:nth-last-of-type(9) ~
.xsmall-auto { --f7-cols-per-row: 9; }
.row .xsmall-auto:nth-last-of-type(10), .row .xsmall-auto:nth-last-of-type(10)
~ .xsmall-auto { --f7-cols-per-row: 10; }
.row .xsmall-auto:nth-last-of-type(11), .row .xsmall-auto:nth-last-of-type(11)
~ .xsmall-auto { --f7-cols-per-row: 11; }
.row .xsmall-auto:nth-last-of-type(12), .row .xsmall-auto:nth-last-of-type(12)
~ .xsmall-auto { --f7-cols-per-row: 12; }
.row .xsmall-auto:nth-last-of-type(13), .row .xsmall-auto:nth-last-of-type(13)
~ .xsmall-auto { --f7-cols-per-row: 13; }
.row .xsmall-auto:nth-last-of-type(14), .row .xsmall-auto:nth-last-of-type(14)
~ .xsmall-auto { --f7-cols-per-row: 14; }
.row .xsmall-auto:nth-last-of-type(15), .row .xsmall-auto:nth-last-of-type(15)
~ .xsmall-auto { --f7-cols-per-row: 15; }
.row .xsmall-auto:nth-last-of-type(16), .row .xsmall-auto:nth-last-of-type(16)
~ .xsmall-auto { --f7-cols-per-row: 16; }
.row .xsmall-auto:nth-last-of-type(17), .row .xsmall-auto:nth-last-of-type(17)
~ .xsmall-auto { --f7-cols-per-row: 17; }
.row .xsmall-auto:nth-last-of-type(18), .row .xsmall-auto:nth-last-of-type(18)
~ .xsmall-auto { --f7-cols-per-row: 18; }
.row .xsmall-auto:nth-last-of-type(19), .row .xsmall-auto:nth-last-of-type(19)
~ .xsmall-auto { --f7-cols-per-row: 19; }
.row .xsmall-auto:nth-last-of-type(20), .row .xsmall-auto:nth-last-of-type(20)
~ .xsmall-auto { --f7-cols-per-row: 20; }
.row .xsmall-auto:nth-last-of-type(21), .row .xsmall-auto:nth-last-of-type(21)

200.

~ .xsmall-auto { --f7-cols-per-row: 21; }
.row .xsmall-auto:nth-last-of-type(22), .row .xsmall-auto:nth-last-of-type(22)
~ .xsmall-auto { --f7-cols-per-row: 22; }
}
@media (min-width: 568px) {
.row .small-5 { --f7-cols-per-row: 20; }
.row .small-10 { --f7-cols-per-row: 10; }
.row .small-15 { --f7-cols-per-row: 6.66666667; }
.row .small-20 { --f7-cols-per-row: 5; }
.row .small-25 { --f7-cols-per-row: 4; }
.row .small-30 { --f7-cols-per-row: 3.33333333; }
.row .small-33 { --f7-cols-per-row: 3; }
.row .small-35 { --f7-cols-per-row: 2.85714286; }
.row .small-40 { --f7-cols-per-row: 2.5; }
.row .small-45 { --f7-cols-per-row: 2.22222222; }
.row .small-50 { --f7-cols-per-row: 2; }
.row .small-55 { --f7-cols-per-row: 1.81818182; }
.row .small-60 { --f7-cols-per-row: 1.66666667; }
.row .small-65 { --f7-cols-per-row: 1.53846154; }
.row .small-66 { --f7-cols-per-row: 1.5; }
.row .small-70 { --f7-cols-per-row: 1.42857143; }
.row .small-75 { --f7-cols-per-row: 1.33333333; }
.row .small-80 { --f7-cols-per-row: 1.25; }
.row .small-85 { --f7-cols-per-row: 1.17647059; }
.row .small-90 { --f7-cols-per-row: 1.11111111; }
.row .small-95 { --f7-cols-per-row: 1.05263158; }
.row .small-100, .row .small-auto:last-of-type, .row .small-auto:last-of-type
~ .small-auto { --f7-cols-per-row: 1; }
.row .small-auto:nth-last-of-type(2), .row .small-auto:nth-last-of-type(2)
~ .small-auto { --f7-cols-per-row: 2; }
.row .small-auto:nth-last-of-type(3), .row .small-auto:nth-last-of-type(3)
~ .small-auto { --f7-cols-per-row: 3; }
.row .small-auto:nth-last-of-type(4), .row .small-auto:nth-last-of-type(4)
~ .small-auto { --f7-cols-per-row: 4; }
.row .small-auto:nth-last-of-type(5), .row .small-auto:nth-last-of-type(5)
~ .small-auto { --f7-cols-per-row: 5; }
.row .small-auto:nth-last-of-type(6), .row .small-auto:nth-last-of-type(6)
~ .small-auto { --f7-cols-per-row: 6; }
.row .small-auto:nth-last-of-type(7), .row .small-auto:nth-last-of-type(7)
~ .small-auto { --f7-cols-per-row: 7; }
.row .small-auto:nth-last-of-type(8), .row .small-auto:nth-last-of-type(8)
~ .small-auto { --f7-cols-per-row: 8; }
.row .small-auto:nth-last-of-type(9), .row .small-auto:nth-last-of-type(9)
~ .small-auto { --f7-cols-per-row: 9; }
.row .small-auto:nth-last-of-type(10), .row .small-auto:nth-last-of-type(10) ~
.small-auto { --f7-cols-per-row: 10; }
.row .small-auto:nth-last-of-type(11), .row .small-auto:nth-last-of-type(11) ~
.small-auto { --f7-cols-per-row: 11; }
.row .small-auto:nth-last-of-type(12), .row .small-auto:nth-last-of-type(12) ~
.small-auto { --f7-cols-per-row: 12; }
.row .small-auto:nth-last-of-type(13), .row .small-auto:nth-last-of-type(13) ~
.small-auto { --f7-cols-per-row: 13; }
.row .small-auto:nth-last-of-type(14), .row .small-auto:nth-last-of-type(14) ~
.small-auto { --f7-cols-per-row: 14; }
.row .small-auto:nth-last-of-type(15), .row .small-auto:nth-last-of-type(15) ~
.small-auto { --f7-cols-per-row: 15; }
.row .small-auto:nth-last-of-type(16), .row .small-auto:nth-last-of-type(16) ~
.small-auto { --f7-cols-per-row: 16; }
.row .small-auto:nth-last-of-type(17), .row .small-auto:nth-last-of-type(17) ~
.small-auto { --f7-cols-per-row: 17; }
.row .small-auto:nth-last-of-type(18), .row .small-auto:nth-last-of-type(18) ~
.small-auto { --f7-cols-per-row: 18; }
.row .small-auto:nth-last-of-type(19), .row .small-auto:nth-last-of-type(19) ~

201.

.small-auto { --f7-cols-per-row: 19; }
.row .small-auto:nth-last-of-type(20), .row .small-auto:nth-last-of-type(20) ~
.small-auto { --f7-cols-per-row: 20; }
.row .small-auto:nth-last-of-type(21), .row .small-auto:nth-last-of-type(21) ~
.small-auto { --f7-cols-per-row: 21; }
.row .small-auto:nth-last-of-type(22), .row .small-auto:nth-last-of-type(22) ~
.small-auto { --f7-cols-per-row: 22; }
}
@media (min-width: 768px) {
.row .medium-5 { --f7-cols-per-row: 20; }
.row .medium-10 { --f7-cols-per-row: 10; }
.row .medium-15 { --f7-cols-per-row: 6.66666667; }
.row .medium-20 { --f7-cols-per-row: 5; }
.row .medium-25 { --f7-cols-per-row: 4; }
.row .medium-30 { --f7-cols-per-row: 3.33333333; }
.row .medium-33 { --f7-cols-per-row: 3; }
.row .medium-35 { --f7-cols-per-row: 2.85714286; }
.row .medium-40 { --f7-cols-per-row: 2.5; }
.row .medium-45 { --f7-cols-per-row: 2.22222222; }
.row .medium-50 { --f7-cols-per-row: 2; }
.row .medium-55 { --f7-cols-per-row: 1.81818182; }
.row .medium-60 { --f7-cols-per-row: 1.66666667; }
.row .medium-65 { --f7-cols-per-row: 1.53846154; }
.row .medium-66 { --f7-cols-per-row: 1.5; }
.row .medium-70 { --f7-cols-per-row: 1.42857143; }
.row .medium-75 { --f7-cols-per-row: 1.33333333; }
.row .medium-80 { --f7-cols-per-row: 1.25; }
.row .medium-85 { --f7-cols-per-row: 1.17647059; }
.row .medium-90 { --f7-cols-per-row: 1.11111111; }
.row .medium-95 { --f7-cols-per-row: 1.05263158; }
.row .medium-100, .row .medium-auto:last-of-type, .row .medium-auto:last-oftype ~ .medium-auto { --f7-cols-per-row: 1; }
.row .medium-auto:nth-last-of-type(2), .row .medium-auto:nth-last-of-type(2) ~
.medium-auto { --f7-cols-per-row: 2; }
.row .medium-auto:nth-last-of-type(3), .row .medium-auto:nth-last-of-type(3) ~
.medium-auto { --f7-cols-per-row: 3; }
.row .medium-auto:nth-last-of-type(4), .row .medium-auto:nth-last-of-type(4) ~
.medium-auto { --f7-cols-per-row: 4; }
.row .medium-auto:nth-last-of-type(5), .row .medium-auto:nth-last-of-type(5) ~
.medium-auto { --f7-cols-per-row: 5; }
.row .medium-auto:nth-last-of-type(6), .row .medium-auto:nth-last-of-type(6) ~
.medium-auto { --f7-cols-per-row: 6; }
.row .medium-auto:nth-last-of-type(7), .row .medium-auto:nth-last-of-type(7) ~
.medium-auto { --f7-cols-per-row: 7; }
.row .medium-auto:nth-last-of-type(8), .row .medium-auto:nth-last-of-type(8) ~
.medium-auto { --f7-cols-per-row: 8; }
.row .medium-auto:nth-last-of-type(9), .row .medium-auto:nth-last-of-type(9) ~
.medium-auto { --f7-cols-per-row: 9; }
.row .medium-auto:nth-last-of-type(10), .row .medium-auto:nth-last-of-type(10)
~ .medium-auto { --f7-cols-per-row: 10; }
.row .medium-auto:nth-last-of-type(11), .row .medium-auto:nth-last-of-type(11)
~ .medium-auto { --f7-cols-per-row: 11; }
.row .medium-auto:nth-last-of-type(12), .row .medium-auto:nth-last-of-type(12)
~ .medium-auto { --f7-cols-per-row: 12; }
.row .medium-auto:nth-last-of-type(13), .row .medium-auto:nth-last-of-type(13)
~ .medium-auto { --f7-cols-per-row: 13; }
.row .medium-auto:nth-last-of-type(14), .row .medium-auto:nth-last-of-type(14)
~ .medium-auto { --f7-cols-per-row: 14; }
.row .medium-auto:nth-last-of-type(15), .row .medium-auto:nth-last-of-type(15)
~ .medium-auto { --f7-cols-per-row: 15; }
.row .medium-auto:nth-last-of-type(16), .row .medium-auto:nth-last-of-type(16)
~ .medium-auto { --f7-cols-per-row: 16; }
.row .medium-auto:nth-last-of-type(17), .row .medium-auto:nth-last-of-type(17)

202.

~ .medium-auto { --f7-cols-per-row: 17; }
.row .medium-auto:nth-last-of-type(18), .row .medium-auto:nth-last-of-type(18)
~ .medium-auto { --f7-cols-per-row: 18; }
.row .medium-auto:nth-last-of-type(19), .row .medium-auto:nth-last-of-type(19)
~ .medium-auto { --f7-cols-per-row: 19; }
.row .medium-auto:nth-last-of-type(20), .row .medium-auto:nth-last-of-type(20)
~ .medium-auto { --f7-cols-per-row: 20; }
.row .medium-auto:nth-last-of-type(21), .row .medium-auto:nth-last-of-type(21)
~ .medium-auto { --f7-cols-per-row: 21; }
.row .medium-auto:nth-last-of-type(22), .row .medium-auto:nth-last-of-type(22)
~ .medium-auto { --f7-cols-per-row: 22; }
}
@media (min-width: 1024px) {
.row .large-5 { --f7-cols-per-row: 20; }
.row .large-10 { --f7-cols-per-row: 10; }
.row .large-15 { --f7-cols-per-row: 6.66666667; }
.row .large-20 { --f7-cols-per-row: 5; }
.row .large-25 { --f7-cols-per-row: 4; }
.row .large-30 { --f7-cols-per-row: 3.33333333; }
.row .large-33 { --f7-cols-per-row: 3; }
.row .large-35 { --f7-cols-per-row: 2.85714286; }
.row .large-40 { --f7-cols-per-row: 2.5; }
.row .large-45 { --f7-cols-per-row: 2.22222222; }
.row .large-50 { --f7-cols-per-row: 2; }
.row .large-55 { --f7-cols-per-row: 1.81818182; }
.row .large-60 { --f7-cols-per-row: 1.66666667; }
.row .large-65 { --f7-cols-per-row: 1.53846154; }
.row .large-66 { --f7-cols-per-row: 1.5; }
.row .large-70 { --f7-cols-per-row: 1.42857143; }
.row .large-75 { --f7-cols-per-row: 1.33333333; }
.row .large-80 { --f7-cols-per-row: 1.25; }
.row .large-85 { --f7-cols-per-row: 1.17647059; }
.row .large-90 { --f7-cols-per-row: 1.11111111; }
.row .large-95 { --f7-cols-per-row: 1.05263158; }
.row .large-100, .row .large-auto:last-of-type, .row .large-auto:last-of-type
~ .large-auto { --f7-cols-per-row: 1; }
.row .large-auto:nth-last-of-type(2), .row .large-auto:nth-last-of-type(2)
~ .large-auto { --f7-cols-per-row: 2; }
.row .large-auto:nth-last-of-type(3), .row .large-auto:nth-last-of-type(3)
~ .large-auto { --f7-cols-per-row: 3; }
.row .large-auto:nth-last-of-type(4), .row .large-auto:nth-last-of-type(4)
~ .large-auto { --f7-cols-per-row: 4; }
.row .large-auto:nth-last-of-type(5), .row .large-auto:nth-last-of-type(5)
~ .large-auto { --f7-cols-per-row: 5; }
.row .large-auto:nth-last-of-type(6), .row .large-auto:nth-last-of-type(6)
~ .large-auto { --f7-cols-per-row: 6; }
.row .large-auto:nth-last-of-type(7), .row .large-auto:nth-last-of-type(7)
~ .large-auto { --f7-cols-per-row: 7; }
.row .large-auto:nth-last-of-type(8), .row .large-auto:nth-last-of-type(8)
~ .large-auto { --f7-cols-per-row: 8; }
.row .large-auto:nth-last-of-type(9), .row .large-auto:nth-last-of-type(9)
~ .large-auto { --f7-cols-per-row: 9; }
.row .large-auto:nth-last-of-type(10), .row .large-auto:nth-last-of-type(10) ~
.large-auto { --f7-cols-per-row: 10; }
.row .large-auto:nth-last-of-type(11), .row .large-auto:nth-last-of-type(11) ~
.large-auto { --f7-cols-per-row: 11; }
.row .large-auto:nth-last-of-type(12), .row .large-auto:nth-last-of-type(12) ~
.large-auto { --f7-cols-per-row: 12; }
.row .large-auto:nth-last-of-type(13), .row .large-auto:nth-last-of-type(13) ~
.large-auto { --f7-cols-per-row: 13; }
.row .large-auto:nth-last-of-type(14), .row .large-auto:nth-last-of-type(14) ~
.large-auto { --f7-cols-per-row: 14; }
.row .large-auto:nth-last-of-type(15), .row .large-auto:nth-last-of-type(15) ~

203.

.large-auto { --f7-cols-per-row: 15; }
.row .large-auto:nth-last-of-type(16), .row .large-auto:nth-last-of-type(16) ~
.large-auto { --f7-cols-per-row: 16; }
.row .large-auto:nth-last-of-type(17), .row .large-auto:nth-last-of-type(17) ~
.large-auto { --f7-cols-per-row: 17; }
.row .large-auto:nth-last-of-type(18), .row .large-auto:nth-last-of-type(18) ~
.large-auto { --f7-cols-per-row: 18; }
.row .large-auto:nth-last-of-type(19), .row .large-auto:nth-last-of-type(19) ~
.large-auto { --f7-cols-per-row: 19; }
.row .large-auto:nth-last-of-type(20), .row .large-auto:nth-last-of-type(20) ~
.large-auto { --f7-cols-per-row: 20; }
.row .large-auto:nth-last-of-type(21), .row .large-auto:nth-last-of-type(21) ~
.large-auto { --f7-cols-per-row: 21; }
.row .large-auto:nth-last-of-type(22), .row .large-auto:nth-last-of-type(22) ~
.large-auto { --f7-cols-per-row: 22; }
}
@media (min-width: 1200px) {
.row .xlarge-5 { --f7-cols-per-row: 20; }
.row .xlarge-10 { --f7-cols-per-row: 10; }
.row .xlarge-15 { --f7-cols-per-row: 6.66666667; }
.row .xlarge-20 { --f7-cols-per-row: 5; }
.row .xlarge-25 { --f7-cols-per-row: 4; }
.row .xlarge-30 { --f7-cols-per-row: 3.33333333; }
.row .xlarge-33 { --f7-cols-per-row: 3; }
.row .xlarge-35 { --f7-cols-per-row: 2.85714286; }
.row .xlarge-40 { --f7-cols-per-row: 2.5; }
.row .xlarge-45 { --f7-cols-per-row: 2.22222222; }
.row .xlarge-50
{ --f7-cols-per-row: 2; }
.row .xlarge-55 { --f7-cols-per-row: 1.81818182; }
.row .xlarge-60 { --f7-cols-per-row: 1.66666667; }
.row .xlarge-65 { --f7-cols-per-row: 1.53846154; }
.row .xlarge-66 { --f7-cols-per-row: 1.5; }
.row .xlarge-70 { --f7-cols-per-row: 1.42857143; }
.row .xlarge-75 { --f7-cols-per-row: 1.33333333; }
.row .xlarge-80 { --f7-cols-per-row: 1.25; }
.row .xlarge-85 { --f7-cols-per-row: 1.17647059; }
.row .xlarge-90 { --f7-cols-per-row: 1.11111111; }
.row .xlarge-95 { --f7-cols-per-row: 1.05263158; }
.row .xlarge-100, .row .xlarge-auto:last-of-type, .row .xlarge-auto:last-oftype ~ .xlarge-auto { --f7-cols-per-row: 1; }
.row .xlarge-auto:nth-last-of-type(2), .row .xlarge-auto:nth-last-of-type(2) ~
.xlarge-auto { --f7-cols-per-row: 2; }
.row .xlarge-auto:nth-last-of-type(3), .row .xlarge-auto:nth-last-of-type(3) ~
.xlarge-auto { --f7-cols-per-row: 3; }
.row .xlarge-auto:nth-last-of-type(4), .row .xlarge-auto:nth-last-of-type(4) ~
.xlarge-auto { --f7-cols-per-row: 4; }
.row .xlarge-auto:nth-last-of-type(5), .row .xlarge-auto:nth-last-of-type(5) ~
.xlarge-auto { --f7-cols-per-row: 5; }
.row .xlarge-auto:nth-last-of-type(6), .row .xlarge-auto:nth-last-of-type(6) ~
.xlarge-auto { --f7-cols-per-row: 6; }
.row .xlarge-auto:nth-last-of-type(7), .row .xlarge-auto:nth-last-of-type(7) ~
.xlarge-auto { --f7-cols-per-row: 7; }
.row .xlarge-auto:nth-last-of-type(8), .row .xlarge-auto:nth-last-of-type(8) ~
.xlarge-auto { --f7-cols-per-row: 8; }
.row .xlarge-auto:nth-last-of-type(9), .row .xlarge-auto:nth-last-of-type(9) ~
.xlarge-auto { --f7-cols-per-row: 9; }
.row .xlarge-auto:nth-last-of-type(10), .row .xlarge-auto:nth-last-of-type(10)
~ .xlarge-auto { --f7-cols-per-row: 10; }
.row .xlarge-auto:nth-last-of-type(11), .row .xlarge-auto:nth-last-of-type(11)
~ .xlarge-auto { --f7-cols-per-row: 11; }
.row .xlarge-auto:nth-last-of-type(12), .row .xlarge-auto:nth-last-of-type(12)
~ .xlarge-auto { --f7-cols-per-row: 12; }

204.

.row .xlarge-auto:nth-last-of-type(13), .row .xlarge-auto:nth-last-of-type(13)
~ .xlarge-auto { --f7-cols-per-row: 13; }
.row .xlarge-auto:nth-last-of-type(14), .row .xlarge-auto:nth-last-of-type(14)
~ .xlarge-auto { --f7-cols-per-row: 14; }
.row .xlarge-auto:nth-last-of-type(15), .row .xlarge-auto:nth-last-of-type(15)
~ .xlarge-auto { --f7-cols-per-row: 15; }
.row .xlarge-auto:nth-last-of-type(16), .row .xlarge-auto:nth-last-of-type(16)
~ .xlarge-auto { --f7-cols-per-row: 16; }
.row .xlarge-auto:nth-last-of-type(17), .row .xlarge-auto:nth-last-of-type(17)
~ .xlarge-auto { --f7-cols-per-row: 17; }
.row .xlarge-auto:nth-last-of-type(18), .row .xlarge-auto:nth-last-of-type(18)
~ .xlarge-auto { --f7-cols-per-row: 18; }
.row .xlarge-auto:nth-last-of-type(19), .row .xlarge-auto:nth-last-of-type(19)
~ .xlarge-auto { --f7-cols-per-row: 19; }
.row .xlarge-auto:nth-last-of-type(20), .row .xlarge-auto:nth-last-of-type(20)
~ .xlarge-auto { --f7-cols-per-row: 20; }
.row .xlarge-auto:nth-last-of-type(21), .row .xlarge-auto:nth-last-of-type(21)
~ .xlarge-auto { --f7-cols-per-row: 21; }
.row .xlarge-auto:nth-last-of-type(22), .row .xlarge-auto:nth-last-of-type(22)
~ .xlarge-auto { --f7-cols-per-row: 22; }
}
.row .resize-handler { position: absolute; user-select: none; z-index: 100; }
.row .resize-handler::after, .row .resize-handler::before { content: "";
position: absolute; }
.row .resize-handler::after { background: var(--f7-grid-resize-handler-bgcolor); border-radius: 4px; }
.row > .resize-handler { cursor: row-resize; height: var(--f7-grid-row-gap);
left: 0px; top: 100%; width: 100%; }
.row > .resize-handler::before { height: 12px; left: 0px; min-height: var(--f7grid-row-gap); top: 50%; transform: translateY(-50%); width: 100%; }
.row > .resize-handler::after { height: 4px; left: 50%; margin-top: -2px; maxwidth: 20px; top: 50%; transform: translateX(-50%); width: 80%; }
.col > .resize-handler, [class*="col-"] > .resize-handler { cursor: col-resize;
height: 100%; left: 100%; top: 0px; width: var(--f7-grid-gap); }
.col > .resize-handler::before, [class*="col-"] > .resize-handler::before
{ height: 100%; left: 50%; min-width: var(--f7-grid-gap); top: 0px; transform:
translateX(-50%); width: 12px; }
.col > .resize-handler::after, [class*="col-"] > .resize-handler::after
{ border-radius: 4px; height: 80%; left: 50%; margin-left: -2px; max-height:
20px; top: 50%; transform: translateY(-50%); width: 4px; }
.row .col:last-child > .resize-handler, .row .col:last-of-type > .resizehandler, .row [class*="col-"]:last-child > .resize-handler, .row
[class*="col-"]:last-of-type > .resize-handler, .row:last-child > .resizehandler, .row:last-of-type > .resize-handler { display: none; }
:root { --f7-calendar-height: 340px; --f7-calendar-sheet-landscape-height:
220px; --f7-calendar-popover-width: 320px; --f7-calendar-popover-height: 320px;
--f7-calendar-modal-height: 420px; --f7-calendar-modal-max-width: 380px; --f7calendar-modal-border-radius: 4px; --f7-calendar-week-header-bg-color:
transparent; --f7-calendar-footer-padding: 0 8px; --f7-calendar-week-headerfont-size: 11px; --f7-calendar-selected-text-color: #fff; --f7-calendardisabled-text-color: #d4d4d4; --f7-calendar-event-dot-size: 4px; --f7-calendartime-selector-height: 28px; --f7-calendar-week-header-text-color: #5e5e5e; --f7calendar-prev-next-text-color: #c8c8c8; --f7-calendar-day-text-color: #000; --

205.

f7-calendar-sheet-bg-color: #fff; --f7-calendar-modal-bg-color: #fff; --f7calendar-picker-pressed-bg-color: rgba(0,0,0,.1); --f7-calendar-picker-hover-bgcolor: rgba(0,0,0,.03); --f7-calendar-time-selector-bg-color: rgba(0,0,0,.05); }
:root .dark, :root.dark { --f7-calendar-week-header-text-color: #aaa; --f7calendar-prev-next-text-color: #5e5e5e; --f7-calendar-sheet-border-color: var(-f7-bars-border-color); --f7-calendar-modal-bg-color: #121212; --f7-calendarsheet-bg-color: #121212; --f7-calendar-picker-pressed-bg-color:
hsla(0,0%,100%,.08); --f7-calendar-picker-hover-bg-color: hsla(0,0%,100%,.03);
--f7-calendar-time-selector-bg-color: hsla(0,0%,100%,.1); }
.ios { --f7-calendar-sheet-border-color: #929499; --f7-calendar-header-height:
44px; --f7-calendar-header-font-size: 17px; --f7-calendar-header-font-weight:
600; --f7-calendar-header-padding: 0 8px; --f7-calendar-footer-height: 44px; -f7-calendar-footer-font-size: 17px; --f7-calendar-week-header-height: 18px; -f7-calendar-day-font-size: 15px; --f7-calendar-day-size: 30px; --f7-calendarpicker-font-size: 17px; --f7-calendar-time-selector-font-size: 17px; --f7calendar-today-text-color: #000; --f7-calendar-today-bg-color: #e3e3e3; }
.ios .dark, .ios.dark { --f7-calendar-day-text-color: #fff; --f7-calendar-todaytext-color: #fff; --f7-calendar-today-bg-color: #333; }
.md { --f7-calendar-sheet-border-color: #ccc; --f7-calendar-header-height: 56px;
--f7-calendar-header-font-size: 20px; --f7-calendar-header-font-weight: 400; -f7-calendar-header-padding: 0 24px; --f7-calendar-footer-height: 48px; --f7calendar-footer-font-size: 14px; --f7-calendar-week-header-height: 24px; --f7calendar-day-font-size: 14px; --f7-calendar-today-bg-color: none; --f7-calendarday-size: 32px; --f7-calendar-picker-font-size: 14px; --f7-calendar-timeselector-font-size: 14px; }
.md .dark, .md.dark { --f7-calendar-day-text-color: hsla(0,0%,100%,.87); }
.aurora { --f7-calendar-sheet-border-color: #ccc; --f7-calendar-header-height:
56px; --f7-calendar-header-font-size: 18px; --f7-calendar-header-font-weight:
600; --f7-calendar-header-padding: 0 16px; --f7-calendar-footer-height: 48px; -f7-calendar-footer-font-size: 14px; --f7-calendar-footer-padding: 0 16px; --f7calendar-week-header-height: 24px; --f7-calendar-day-font-size: 14px; --f7calendar-day-size: 32px; --f7-calendar-picker-font-size: 16px; --f7-calendartime-selector-font-size: 14px; --f7-calendar-today-text-color: #000; --f7calendar-today-bg-color: #e3e3e3; }
.aurora .dark, .aurora.dark { --f7-calendar-day-text-color: #fff; --f7-calendartoday-text-color: #fff; --f7-calendar-today-bg-color: #333; }
.calendar { display: flex; flex-direction: column; height: var(--f7-calendarheight); overflow: hidden; width: 100%; }
.aurora .calendar { --f7-toolbar-border-color: transparent; --f7-bars-bordercolor: transparent; }
.calendar.modal-in { display: flex; }
@media (orientation: landscape) and (max-height: 415px) {
.calendar.calendar-sheet { height: var(--f7-calendar-sheet-landscapeheight); }
.calendar.calendar-modal { height: calc(100vh - var(--f7-navbar-height)); }
}
.calendar.calendar-inline, .calendar.calendar-popover .calendar { position:
relative; }
.calendar-sheet { --f7-sheet-border-color: var(--f7-calendar-sheet-bordercolor); background: var(--f7-calendar-sheet-bg-color); height: calc(var(--f7calendar-height) + var(--f7-safe-area-bottom)); padding-bottom: var(--f7-safe-

206.

area-bottom); }
.calendar-sheet::before { z-index: 600; }
.calendar-modal .toolbar::before, .calendar-popover .toolbar::before, .calendarsheet .toolbar::before { display: none; }
.calendar-popover { width: var(--f7-calendar-popover-width); }
.calendar-popover .calendar-header, .calendar-popover .toolbar-top { borderradius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0; }
.calendar-popover .calendar-header + .toolbar-top { border-radius: 0px; }
.calendar-popover .calendar-footer, .calendar-popover .toolbar-bottom { borderradius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius); }
.calendar-popover .calendar { height: var(--f7-calendar-popover-height);
position: relative; z-index: 1; }
.calendar-popover .calendar-month-picker, .calendar-popover .calendar-timepicker, .calendar-popover .calendar-year-picker { border-radius: var(--f7popover-border-radius); }
.calendar-header { background-color: var(--f7-calendar-header-bg-color,var(--f7bars-bg-color)); box-sizing: border-box;
color: var(--f7-calendar-header-text-color,var(--f7-bars-text-color)); flexshrink: 0; font-size: var(--f7-calendar-header-font-size); font-weight: var(-f7-calendar-header-font-weight); height: var(--f7-calendar-header-height); lineheight: var(--f7-calendar-header-height); overflow: hidden; padding: var(--f7calendar-header-padding); position: relative; text-overflow: ellipsis; whitespace: nowrap; width: 100%; }
.calendar-header a { color: var(--f7-calendar-header-link-color,var(--f7-barslink-color,var(--f7-theme-color))); }
.calendar-footer { align-items: center; background-color: var(--f7-calendarfooter-bg-color,var(--f7-bars-bg-color)); box-sizing: border-box; color: var(-f7-calendar-footer-text-color,var(--f7-bars-text-color)); display: flex; flexshrink: 0; font-size: var(--f7-calendar-header-font-size); height: var(--f7calendar-footer-height); justify-content: flex-end; padding: var(--f7-calendarfooter-padding); position: relative; width: 100%; }
.calendar-footer a { color: var(--f7-calendar-footer-link-color,var(--f7-barslink-color,var(--f7-theme-color))); }
.calendar-footer::before { background-color: var(--f7-calendar-footer-bordercolor,var(--f7-bars-border-color)); inset: 0px auto auto 0px; content: "";
display: block; height: 1px; position: absolute; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }
.calendar-modal { background: var(--f7-calendar-modal-bg-color); border-radius:
var(--f7-calendar-modal-border-radius); box-shadow: var(--f7-elevation-24);
display: flex; height: var(--f7-calendar-modal-height); left: 50%; max-width:
var(--f7-calendar-modal-max-width); min-width: 300px; overflow: hidden;
position: absolute; top: 50%; transform: translate3d(-50%, 100vh, 0px);
transition-property: transform; width: 90%; z-index: 13500; }
.calendar-modal.modal-in, .calendar-modal.modal-out { transition-duration: 0.4s;
}
.calendar-modal.modal-in { transform: translate3d(-50%, -50%, 0px); }
.calendar-modal.modal-out { transform: translate3d(-50%, 100vh, 0px); }

207.

.calendar-week-header { background-color: var(--f7-calendar-week-header-bgcolor,var(--f7-bars-bg-color)); box-sizing: border-box; color: var(--f7calendar-week-header-text-color,var(--f7-bars-text-color)); display: flex; fontsize: var(--f7-calendar-week-header-font-size); height: var(--f7-calendar-weekheader-height); padding-left: var(--f7-safe-area-left); padding-right: var(--f7safe-area-right); position: relative; }
.calendar-week-header .calendar-week-day { flex-shrink: 1; line-height: var(-f7-calendar-week-header-height); text-align: center; width: 14.2857%; }
.calendar-months { flex-shrink: 10; height: 100%; overflow: hidden; position:
relative; width: 100%; }
.calendar-months-wrapper { height: 100%; position: relative; transition: all
0.3s ease 0s; width: 100%; }
.calendar-month { display: flex; flex-direction: column; height: 100%; left:
0px; position: absolute; top: 0px; width: 100%; }
.calendar-row { box-sizing: border-box; display: flex; flex-shrink: 1; height:
16.6667%; padding-left: var(--f7-safe-area-left); padding-right: var(--f7-safearea-right); position: relative; width: 100%; }
.calendar-modal .calendar-months:first-child .calendar-row:firstchild::before, .calendar-popover .calendar-months:first-child .calendarrow:first-child::before { display: none !important; }
.calendar-day { align-items: center; box-sizing: border-box; color: var(--f7calendar-day-text-color); cursor: pointer; display: flex; flex-shrink: 1; fontsize: var(--f7-calendar-day-font-size); height: 100%; justify-content: center;
text-align: center; width: 14.2857%; z-index: 20; }
.calendar-day-today .calendar-day-number { background-color: var(--f7-calendartoday-bg-color); color: var(--f7-calendar-today-text-color,var(--f7-themecolor)); }
.calendar-day-next, .calendar-day-prev { color: var(--f7-calendar-prev-nexttext-color); }
.calendar-day-disabled { color: var(--f7-calendar-disabled-text-color); cursor:
auto; }
.calendar-day-selected .calendar-day-number { background-color: var(--f7calendar-selected-bg-color,var(--f7-theme-color)); color: var(--f7-calendarselected-text-color); }
.calendar-day-number { border-radius: 50%; display: inline-block; height: var(-f7-calendar-day-size); line-height: var(--f7-calendar-day-size); position:
relative; width: var(--f7-calendar-day-size); }
.calendar-day-events { align-items: center; display: flex; justify-content:
center; left: 0px; margin-top: 1px; position: absolute; top: 100%; width:
100%; }
.calendar-day-event { background-color: var(--f7-calendar-event-bg-color);
border-radius: calc(var(--f7-calendar-event-dot-size)/2); height: var(--f7calendar-event-dot-size); width: var(--f7-calendar-event-dot-size); }
.calendar-day-event + .calendar-day-event { margin-left: 2px; }
.calendar-day-selected-left, .calendar-day-selected-range, .calendar-dayselected-right { position: relative; }

208.

.calendar-day-selected-left::before, .calendar-day-selectedrange::before, .calendar-day-selected-right::before { background-color: var(-f7-calendar-selected-bg-color,var(--f7-theme-color)); content: ""; height:
var(--f7-calendar-day-size); left: 0px; opacity: 0.2; position: absolute; top:
50%; transform: translateY(-50%); width: 100%; z-index: -1; }
.calendar-day-selected-left::before, .calendar-day-selected-range:firstchild::before { border-radius: var(--f7-calendar-day-size) 0 0 var(--f7calendar-day-size); left: auto; right: 0px; width: calc(50% + var(--f7-calendarday-size)/2); }
.calendar-day-selected-range:last-child::before, .calendar-day-selectedright::before { border-radius: 0 var(--f7-calendar-day-size) var(--f7-calendarday-size) 0; width: calc(50% + var(--f7-calendar-day-size)/2); }
.calendar-day-selected-left:last-child::before, .calendar-day-selectedright:first-child::before { display: none; }
.calendar-day-selected-range .calendar-day-number { background-color: initial;
color: inherit; }
.calendar-month-selector, .calendar-year-selector { align-items: center;
display: flex; flex-shrink: 10; justify-content: space-between; margin-left:
auto; margin-right: auto; max-width: 200px; width: 50%; }
.calendar-month-selector .calendar-day-number, .calendar-yearselector .calendar-day-number { flex-shrink: 1; overflow: hidden; position:
relative; text-overflow: ellipsis; }
.calendar-month-selector a.icon-only, .calendar-year-selector a.icon-only { minwidth: 36px; }
.calendar-month-picker, .calendar-time-picker, .calendar-year-picker
{ background: transparent; height: 100%; position: relative; user-select: none;
width: 100%; }
.calendar-month-picker .picker-columns, .calendar-year-picker .picker-columns
{ text-align: center; }
.calendar-month-picker-item, .calendar-year-picker-item { align-items: center;
box-sizing: border-box; cursor: pointer; display: flex; justify-content: center;
overflow: hidden; position: relative; transition-duration: 0.1s; }
.calendar-month-picker-item span, .calendar-year-picker-item span { box-sizing:
border-box; overflow: hidden; pointer-events: none; position: relative; textoverflow: ellipsis; white-space: nowrap; }
.device-desktop.aurora .calendar-month-picker-item:hover, .device-desktop.aurora
.calendar-year-picker-item:hover { background-color: var(--f7-calendar-pickerhover-bg-color); }
.calendar-month-picker-item.active-state, .calendar-year-picker-item.activestate, .device-desktop.aurora .calendar-month-picker-item.active-state, .devicedesktop.aurora .calendar-year-picker-item.active-state { background: var(--f7calendar-picker-pressed-bg-color); }
.calendar-month-picker-item { padding: 5px; }
.sheet-modal .calendar-month-picker-item { height: 33.3333%; width: 25%; }
.sheet-modal .calendar-month-picker-item:nth-child(4n+1)::before, .sheetmodal .calendar-month-picker-item:nth-child(n+9)::after { display: none !
important; }

209.

.calendar-modal .calendar-month-picker-item, .popover .calendar-month-pickeritem { height: 25%; width: 33.3333%; }
.calendar-modal .calendar-month-picker-item:nth-child(3n+1)::before, .calendarmodal .calendar-month-picker-item:nth-child(n+10)::after, .popover .calendarmonth-picker-item:nth-child(3n+1)::before, .popover .calendar-month-pickeritem:nth-child(n+10)::after { display: none !important; }
.calendar-month-picker-item-current, .calendar-year-picker-item-current { color:
var(--f7-calendar-picker-selected-text-color,var(--f7-theme-color)); }
.calendar-year-picker { --webkit-overflow-scrolling: touch; overflow: auto; }
.calendar-year-picker-item { height: 34px; line-height: 34px; width: 100%; }
.calendar-time-selector { align-items: center; display: flex; flex-shrink: 0;
font-size: var(--f7-calendar-time-selector-font-size); justify-content: spacebetween; padding: 12px 16px; position: relative; }
.calendar-time-selector a { align-items: center; background-color: var(--f7calendar-time-selector-bg-color); border-radius: 8px; box-sizing: border-box;
display: flex; height: var(--f7-calendar-time-selector-height); justify-content:
center; overflow: hidden; padding: 0px 16px; position: relative; }
.calendar-time-selector > span { font-weight: 500; }
.calendar-time-selector .segmented { margin-left: 8px; }
.calendar-month-picker-popover, .calendar-time-picker-popover, .calendar-yearpicker-popover { height: 240px; width: 240px; }
.calendar-month-picker-popover .popover-inner, .calendar-time-pickerpopover .popover-inner, .calendar-year-picker-popover .popover-inner { height:
100%; overflow: hidden; }
.calendar-time-picker { --f7-picker-popover-height: 100%; --f7-picker-inlineheight: 100%; }
.calendar-time-picker .toolbar { flex-shrink: 0; top: 0px !important; }
.calendar-time-picker .picker { display: flex; flex-direction: column; height:
100%; }
:root { --f7-picker-height: 260px; --f7-picker-inline-height: 200px; --f7picker-popover-height: 260px;
--f7-picker-popover-width: 280px; --f7-picker-landscape-height: 200px; --f7picker-item-height: 36px; --f7-picker-item-selected-bg-color: rgba(0,0,0,.12);
--f7-picker-item-selected-text-color: #000; }
:root .dark, :root.dark { --f7-picker-item-selected-bg-color:
hsla(0,0%,100%,.1); --f7-picker-item-selected-text-color: #fff; }
.ios { --f7-picker-column-font-size: 20px; --f7-picker-divider-text-color: #000;
--f7-picker-item-text-color: rgba(0,0,0,.45); }
.ios .dark, .ios.dark { --f7-picker-divider-text-color: #fff; --f7-picker-itemtext-color: hsla(0,0%,100%,.55); }
.md { --f7-picker-column-font-size: 20px; --f7-picker-divider-text-color:
rgba(0,0,0,.87); --f7-picker-item-text-color: rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-picker-item-text-color: hsla(0,0%,100%,.54); --f7picker-divider-text-color: hsla(0,0%,100%,.87); }

210.

.aurora { --f7-picker-column-font-size: 20px; --f7-picker-item-text-color: #888;
--f7-picker-divider-text-color: #000; }
.aurora .dark, .aurora.dark { --f7-picker-divider-text-color: #fff; }
.picker { height: var(--f7-picker-height); width: 100%; }
.picker.picker-inline { height: var(--f7-picker-inline-height); }
.popover .picker { height: var(--f7-picker-popover-height); }
@media (orientation: landscape) and (max-height: 415px) {
.picker:not(.picker-inline) { height: var(--f7-picker-landscape-height); }
}
.picker.sheet-modal { background: var(--f7-picker-sheet-bg-color,var(--f7-sheetbg-color)); }
.picker-popover { width: var(--f7-picker-popover-width); }
.picker-popover .toolbar { background: none; border-radius: var(--f7-popoverborder-radius) var(--f7-popover-border-radius) 0 0; }
.picker-popover .toolbar::before { display: none !important; }
.picker-popover .toolbar + .picker-columns { height: calc(100% - var(--f7toolbar-height)); }
.picker-columns { --f7-picker-mask-bg-color: transparent; display: flex; fontsize: var(--f7-picker-column-font-size); height: 100%; justify-content: center;
overflow: hidden; padding: 0px; position: relative; text-align: right; }
.popover .picker-columns { border-radius: 0 0 var(--f7-popover-border-radius)
var(--f7-popover-border-radius); }
.picker-columns::after, .picker-columns::before { content: ""; height: 20%;
left: 0px; pointer-events: none; position: absolute; width: 100%; z-index:
100; }
.page .picker-columns { --f7-picker-mask-bg-color: var(--f7-page-bg-color); }
.block-strong .picker-columns { --f7-picker-mask-bg-color: var(--f7-blockstrong-bg-color); }
.picker-sheet .picker-columns { --f7-picker-mask-bg-color: var(--f7-pickersheet-bg-color,var(--f7-sheet-bg-color)); }
.picker-popover .picker-columns { --f7-picker-mask-bg-color: var(--f7-popoverbg-color); }
.picker-columns::before { background-image: linear-gradient(to bottom,var(--f7picker-mask-bg-color),transparent); top: 0px; }
.picker-columns::after { background-image: linear-gradient(to top,var(--f7picker-mask-bg-color),transparent); bottom: 0px; }
.picker-column { max-height: 100%; position: relative; z-index: 10; }
.picker-column.picker-column-left { text-align: left; }
.picker-column.picker-column-center { text-align: center; }
.picker-column.picker-column-right { text-align: right; }

211.

.picker-column.picker-column-divider { align-items: center; color: var(--f7picker-divider-text-color); display: flex; }
.picker-items { box-sizing: border-box; height: 100%; overflow: auto; padding:
var(--f7-picker-scroll-padding,0) 0; scroll-snap-type: y mandatory; }
.picker-items::-webkit-scrollbar { display: none; opacity: 0; }
.picker-item { box-sizing: border-box; color: var(--f7-picker-item-text-color);
cursor: pointer; height: var(--f7-picker-item-height); left: 0px; line-height:
var(--f7-picker-item-height); overflow: hidden; position: relative; scroll-snapalign: center; text-overflow: ellipsis; top: 0px; white-space: nowrap; width:
100%; }
.picker-item span { padding: 0px 10px; }
.picker-item.picker-item-far { pointer-events: none; }
.picker-item.picker-item-selected { color: var(--f7-picker-item-selected-textcolor); transform: translateZ(0px) rotateX(0deg); }
.picker-column-free-mode .picker-item { scroll-snap-align: none; }
.picker-center-highlight { background-color: var(--f7-picker-item-selected-bgcolor); border-radius: 8px; box-sizing: border-box; height: var(--f7-pickeritem-height); left: 16px; margin-top: calc(var(--f7-picker-item-height)*-1/2);
pointer-events: none; position: absolute; right: 16px; top: 50%; }
.popover .picker-center-highlight { left: 8px; right: 8px; }
.picker-3d .picker-columns { overflow: hidden; }
.picker-3d .picker-column, .picker-3d .picker-item, .picker-3d .picker-items
{ transform-style: preserve-3d; }
.picker-3d .picker-column { overflow: visible; }
.picker-3d .picker-item { overflow: visible; perspective: 1200px; }
.picker-3d .picker-item > span { backface-visibility: hidden; box-sizing:
border-box; display: block; max-width: 100%; overflow: hidden; position:
relative; text-overflow: ellipsis; transform-origin: center center -100px;
transform-style: preserve-3d; }
.infinite-scroll-preloader { margin-left: auto; margin-right: auto; text-align:
center; }
.infinite-scroll-preloader.preloader { display: block; }
.ios .infinite-scroll-preloader { margin-bottom: 35px; margin-top: 35px; }
.ios .infinite-scroll-preloader .preloader, .ios .infinite-scrollpreloader.preloader { height: 27px; width: 27px; }
.md .infinite-scroll-preloader { margin-bottom: 32px; margin-top: 32px; }
.aurora .infinite-scroll-preloader { margin-bottom: 16px; margin-top: 16px; }
.ios { --f7-ptr-preloader-size: 28px; --f7-ptr-size: 44px; }
.md { --f7-ptr-preloader-size: 22px; --f7-ptr-size: 40px; }
.aurora { --f7-ptr-preloader-size: 20px; --f7-ptr-size: 38px; }

212.

.ptr-preloader { height: var(--f7-ptr-size); pointer-events: none; position:
relative; top: var(--f7-ptr-top,0); }
.ptr-preloader .preloader { height: var(--f7-ptr-preloader-size); left: 50%;
margin-left: calc(var(--f7-ptr-preloader-size)*-1/2); margin-top: calc(var(--f7ptr-preloader-size)*-1/2); position: absolute; top: 50%; visibility: hidden;
width: var(--f7-ptr-preloader-size); }
.ptr-bottom .ptr-preloader { bottom: 0px; position: fixed; top: auto; }
.ptr-with-navbar-large-transparent .ptr-preloader, .ptr-with-navbartransparent .ptr-preloader { top: calc(var(--f7-page-navbar-offset, 0px)*-1 +
var(--f7-safe-area-top)); }
.ios .ptr-preloader { left: 0px; margin-bottom: calc(var(--f7-ptr-size)*-1);
position: relative; top: 0px; width: 100%; }
.ios .ptr-preloader .preloader { visibility: visible; }
.ios .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptrpreloader .preloader, .ios .ptr-content:not(.ptr-refreshing):not(.ptr-pullup) .ptr-preloader .preloader-inner { animation: auto ease 0s 1 normal none
running none; }
.ios .ptr-content.ptr-closing .ptr-preloader .preloader-inner-line, .ios .ptrcontent:not(.ptr-refreshing):not(.ptr-pull-up):not(.ptr-pull-down) .ptrpreloader .preloader-inner-line { opacity: 0 !important; }
.ios .ptr-refreshing > *, .ios .ptr-transitioning > * { transition-duration:
0.2s; transition-property: transform; }
.ios .ptr-transitioning .ptr-preloader .preloader-inner-line { transitionduration: 0.2s; }
.ios .ptr-pull-up .ptr-preloader .preloader { animation: 1s ease-out 0s 1 normal
forwards running ios-ptr-preloader-spin; }
.ios .ptr-refreshing:not(.ptr-bottom) { transform: none; }
.ios .ptr-refreshing:not(.ptr-bottom) > * { transform: translate3d(0,var(--f7ptr-size),0); }
.ios .ptr-refreshing:not(.ptr-bottom) > .ptr-preloader { transform:
translateZ(0px); }
.ios .ptr-bottom .ptr-preloader { margin-bottom: 0px; margin-top: calc(var(--f7ptr-size)*-1); position: relative; }
.ios .ptr-bottom.ptr-refreshing > *, .ios .ptr-bottom.ptr-transitioning > *
{ transition-duration: 0.3s; transition-property: transform; }
.ios .ptr-bottom.ptr-refreshing { transform: none; }
.ios .ptr-bottom.ptr-refreshing > * { transform: translate3d(0,calc(var(--f7ptr-size)*-1),0); }
.ios .ptr-bottom.ptr-refreshing > .ptr-preloader { transform: translateZ(0px); }
@keyframes ios-ptr-preloader-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(135deg); }
}
.md { --f7-ptr-top: -4px; }

213.

.md .ptr-preloader { background: rgb(255, 255, 255); border-radius: 50%; boxshadow: var(--f7-elevation-1); left: 50%; margin-left: calc(var(--f7-ptr-size)*1/2); margin-top: calc(var(--f7-ptr-size)*-1); width: var(--f7-ptr-size); zindex: 100; }
.md .ptr-preloader .preloader circle { stroke-width: 4; }
.md .ptr-arrow { border-top-color: ; border-top-style: ; border-top-width: ;
border-right-color: ; border-right-style: ; border-right-width: ; border-bottomcolor: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ;
border-image-slice: ; border-image-width: ; border-image-outset: ; border-imagerepeat: ; border-left: 3px solid transparent; border-radius: 50%; box-sizing:
border-box; height: 22px; left: 50%; margin-left: -11px; margin-top: -11px;
opacity: 1; position: absolute; top: 50%; transform: rotate(150deg); width:
22px; }
.md .ptr-arrow::after { border-bottom-color: inherit; border-bottom-style:
solid; border-bottom-width: 6px; border-left: 5px solid transparent; borderright: 5px solid transparent; bottom: 0px; content: ""; height: 0px; left: -5px;
position: absolute; transform: rotate(-40deg); width: 0px; }
.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptrpreloader .preloader, .md .ptr-content:not(.ptr-refreshing):not(.ptr-pullup) .ptr-preloader .preloader-inner, .md .ptr-content:not(.ptrrefreshing):not(.ptr-pull-up) .ptr-preloader circle { animation: auto ease 0s 1
normal none running none; }
.md .ptr-pull-up .ptr-preloader .preloader, .md .ptr-refreshing .ptrpreloader .preloader { visibility: visible; }
.md .ptr-pull-up .ptr-arrow, .md .ptr-refreshing .ptr-arrow { visibility:
hidden; }
.md .ptr-refreshing
.ptr-preloader { transform: translate3d(0px, 66px, 0px); }
.md .ptr-transitioning .ptr-arrow { transition: all 0.3s ease 0s; }
.md .ptr-pull-up .ptr-arrow { opacity: 0; transition: all 0.4s ease 0s;
transform: rotate(620deg) !important; }
.md .ptr-refreshing .ptr-preloader, .md .ptr-transitioning .ptr-preloader
{ transition-duration: 0.3s; transition-property: transform, opacity; }
.md .ptr-bottom .ptr-preloader { margin-bottom: calc(var(--f7-ptr-size)*-1 4px); margin-top: 0px; }
.md .ptr-bottom.ptr-refreshing .ptr-preloader { transform: translate3d(0px, 66px, 0px); }
.md .ptr-with-navbar-large-transparent .ptr-preloader, .md .ptr-with-navbartransparent .ptr-preloader { opacity: 0; }
.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader, .md .ptrwith-navbar-large-transparent.ptr-pull-up .ptr-preloader, .md .ptr-with-navbarlarge-transparent.ptr-refreshing .ptr-preloader, .md .ptr-with-navbartransparent.ptr-pull-down .ptr-preloader, .md .ptr-with-navbar-transparent.ptrpull-up .ptr-preloader, .md .ptr-with-navbar-transparent.ptr-refreshing .ptrpreloader { opacity: 1; }
.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader, .md .ptrwith-navbar-transparent.ptr-closing .ptr-preloader { opacity: 0; transitionduration: 0.3s; }

214.

.aurora .ptr-preloader { left: 0px; margin-top: calc(var(--f7-ptr-size)*-1);
width: 100%; }
.aurora .ptr-arrow { background: 50% center no-repeat; color: var(--f7preloader-color); height: 20px; left: 50%; margin-left: -6px; margin-top: -10px;
position: absolute; top: 50%; transform: rotate(0deg) translateZ(0px);
transition-duration: 0.3s; transition-property: transform, opacity; visibility:
visible; width: 12px; z-index: 10; }
.aurora .ptr-arrow::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; content: "ptr_arrow_ios"; direction:
ltr; display: block; font-family: framework7-core-icons; font-size: 8px; fontstyle: normal; font-weight: 400; height: 20px; letter-spacing: normal; lineheight: 20px; text-align: center; text-rendering: optimizelegibility; texttransform: none; white-space: nowrap; width: 12px; }
.aurora .ptr-content:not(.ptr-refreshing) .ptrpreloader .preloader, .aurora .ptr-content:not(.ptr-refreshing) .ptrpreloader .preloader-inner { animation: auto ease 0s 1 normal none running none;
}
.aurora .ptr-refreshing, .aurora .ptr-transitioning { transition-duration: 0.3s;
transition-property: transform; }
.aurora .ptr-refreshing { transform: translate3d(0,var(--f7-ptr-size),0); }
.aurora .ptr-refreshing .ptr-arrow { visibility: hidden; }
.aurora .ptr-refreshing .ptr-preloader .preloader { visibility: visible; }
.aurora .ptr-pull-up .ptr-arrow { transform: rotate(180deg) translateZ(0px); }
.aurora .ptr-no-navbar, .aurora .ptr-with-navbar-largetransparent, .aurora .ptr-with-navbar-transparent { height: calc(100% + var(-f7-ptr-size)); margin-top: calc(var(--f7-ptr-size)*-1); }
.aurora .ptr-no-navbar .ptr-preloader, .aurora .ptr-with-navbar-largetransparent .ptr-preloader, .aurora .ptr-with-navbar-transparent .ptr-preloader
{ margin-top: 0px; }
.aurora .ptr-bottom .ptr-preloader { margin-bottom: calc(var(--f7-ptr-size)*-1);
margin-top: 0px; }
.aurora .ptr-bottom.ptr-refreshing > *, .aurora .ptr-bottom.ptr-transitioning >
* { transition-duration: 0.3s; transition-property: transform; }
.aurora .ptr-bottom.ptr-refreshing { transform: none; }
.aurora .ptr-bottom.ptr-refreshing > * { transform: translate3d(0,calc(var(--f7ptr-size)*-1),0); }
.aurora .ptr-bottom .ptr-arrow { transform: rotate(180deg) translateZ(0px); }
.aurora .ptr-bottom.ptr-pull-up .ptr-arrow { transform: rotate(0deg)
translateZ(0px); }
.aurora .ptr-with-navbar-large-transparent .ptrpreloader .preloader, .aurora .ptr-with-navbar-large-transparent .ptrpreloader .ptr-arrow, .aurora .ptr-with-navbar-transparent .ptrpreloader .preloader, .aurora .ptr-with-navbar-transparent .ptr-preloader .ptrarrow { opacity: 0; transition-duration: 0.3s; transition-property: transform,
opacity; }

215.

.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptrpreloader .preloader, .aurora .ptr-with-navbar-large-transparent.ptr-pulldown .ptr-preloader .ptr-arrow, .aurora .ptr-with-navbar-large-transparent.ptrpull-up .ptr-preloader .preloader, .aurora .ptr-with-navbar-largetransparent.ptr-pull-up .ptr-preloader .ptr-arrow, .aurora .ptr-with-navbarlarge-transparent.ptr-refreshing .ptr-preloader .preloader, .aurora .ptr-withnavbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow, .aurora .ptrwith-navbar-transparent.ptr-pull-down .ptr-preloader .preloader, .aurora .ptrwith-navbar-transparent.ptr-pull-down .ptr-preloader .ptr-arrow, .aurora .ptrwith-navbar-transparent.ptr-pull-up .ptr-preloader .preloader, .aurora .ptrwith-navbar-transparent.ptr-pull-up .ptr-preloader .ptr-arrow, .aurora .ptrwith-navbar-transparent.ptr-refreshing .ptr-preloader .preloader, .aurora .ptrwith-navbar-transparent.ptr-refreshing .ptr-preloader .ptr-arrow { opacity: 1; }
.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptrpreloader .preloader, .aurora .ptr-with-navbar-large-transparent.ptrclosing .ptr-preloader .ptr-arrow, .aurora .ptr-with-navbar-transparent.ptrclosing .ptr-preloader .preloader, .aurora .ptr-with-navbar-transparent.ptrclosing .ptr-preloader .ptr-arrow { opacity: 0; transition-duration: 0.3s; }
.lazy-loaded.lazy-fade-in { animation: 0.6s ease 0s 1 normal none running
lazyFadeIn; }
@keyframes lazyFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
:root { --f7-table-head-font-size: 12px; --f7-table-body-font-size: 14px; --f7table-footer-font-size: 12px; --f7-table-input-height: 24px; --f7-table-inputfont-size: 14px; --f7-table-collapsible-cell-padding: 16px; --f7-table-linkicon-only-icon-size: 20px; --f7-table-head-bg-color: transparent; --f7-tablecard-header-bg-color: transparent; --f7-table-card-header-height: 64px; --f7table-cell-padding-vertical: 0px; --f7-table-sortable-icon-color: #000; }
:root .dark, :root.dark { --f7-table-cell-border-color: hsla(0,0%,100%,.15); -f7-table-sortable-icon-color: #fff; --f7-table-input-text-color: #fff; }
.ios { --f7-table-head-font-weight: 600; --f7-table-head-cell-height: 44px; -f7-table-head-icon-size: 18px; --f7-table-body-cell-height: 44px; --f7-tablecell-padding-horizontal: 16px; --f7-table-edge-cell-padding-horizontal: 16px; -f7-table-label-cell-padding-horizontal: 16px; --f7-table-checkbox-cell-width:
22px; --f7-table-title-font-size: 17px; --f7-table-title-font-weight: 600; --f7table-footer-height: 44px; --f7-table-head-text-color: rgba(0,0,0,.45); --f7table-cell-border-color: rgba(0,0,0,.22); --f7-table-selected-row-bg-color:
rgba(0,0,0,.03); --f7-table-footer-text-color: rgba(0,0,0,.45); --f7-tableinput-text-color: #000; }
.ios .dark, .ios.dark { --f7-table-head-text-color: hsla(0,0%,100%,.55); --f7table-footer-text-color: hsla(0,0%,100%,.55); --f7-table-selected-row-bg-color:
hsla(0,0%,100%,.08); }
.md { --f7-table-head-font-weight: 500; --f7-table-head-cell-height: 56px; --f7table-head-icon-size: 16px; --f7-table-body-cell-height: 48px; --f7-table-cellpadding-horizontal: 28px; --f7-table-edge-cell-padding-horizontal: 24px; --f7table-label-cell-padding-horizontal: 24px; --f7-table-checkbox-cell-width: 18px;
--f7-table-title-font-size: 20px; --f7-table-title-font-weight: 400; --f7-tablefooter-height: 56px; --f7-table-head-text-color: rgba(0,0,0,.54); --f7-tablecell-border-color: rgba(0,0,0,.12); --f7-table-actions-cell-link-color:
rgba(0,0,0,.54); --f7-table-selected-row-bg-color: #f5f5f5; --f7-table-actionslink-color: rgba(0,0,0,.54); --f7-table-footer-text-color: rgba(0,0,0,.54); -f7-table-input-text-color: #212121; }
.md .dark, .md.dark { --f7-table-head-text-color: hsla(0,0%,100%,.54); --f7-

216.

table-footer-text-color: hsla(0,0%,100%,.54); --f7-table-selected-row-bg-color:
hsla(0,0%,100%,.05); --f7-table-actions-cell-link-color: hsla(0,0%,100%,.54); -f7-table-actions-link-color: hsla(0,0%,100%,.54); }
.aurora { --f7-table-input-height: 32px; --f7-table-head-font-weight: 600; --f7table-head-cell-height: 56px; --f7-table-head-icon-size: 18px; --f7-table-bodycell-height: 48px; --f7-table-cell-padding-horizontal: 16px; --f7-table-edgecell-padding-horizontal: 16px; --f7-table-label-cell-padding-horizontal: 16px;
--f7-table-checkbox-cell-width: 22px; --f7-table-title-font-size: 20px; --f7table-title-font-weight: 600; --f7-table-footer-height: 56px; --f7-table-headtext-color: rgba(0,0,0,.6); --f7-table-cell-border-color: rgba(0,0,0,.12); --f7table-selected-row-bg-color: rgba(0,0,0,.03); --f7-table-footer-text-color:
rgba(0,0,0,.5); --f7-table-input-text-color: #000; --f7-table-head-bg-color:
#f6f6f7; --f7-table-card-header-bg-color: #f6f6f7; }
.aurora .dark, .aurora.dark { --f7-table-selected-row-bg-color:
hsla(0,0%,100%,.03); --f7-table-head-text-color: hsla(0,0%,100%,.54); --f7table-footer-text-color: hsla(0,0%,100%,.54); --f7-table-head-bg-color:
hsla(0,0%,100%,.05); --f7-table-card-header-bg-color: hsla(0,0%,100%,.05); }
.data-table { overflow-x: auto; }
.data-table table, table.data-table { border: none; border-collapse: collapse;
margin: 0px; padding: 0px; text-align: left; width: 100%; }
.data-table thead td, .data-table thead th { background-color: var(--f7-tablehead-bg-color); font-size: var(--f7-table-head-font-size); font-weight: var(-f7-table-head-font-weight); height: var(--f7-table-head-cell-height); lineheight: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-table thead td:not(.sortable-cell-active), .data-table thead
th:not(.sortable-cell-active) { color: var(--f7-table-head-text-color); }
.data-table thead i.f7-icons, .data-table thead i.icon, .data-table thead
i.material-icons { font-size: var(--f7-table-head-icon-size); vertical-align:
top; }
.data-table tbody { font-size:
var(--f7-table-body-font-size); }
.data-table tbody td, .data-table tbody th { height: var(--f7-table-body-cellheight); }
.data-table tbody tr.data-table-row-selected, .device-desktop .data-table tbody
tr:hover { background: var(--f7-table-selected-row-bg-color); }
.data-table tbody td::before, .data-table tbody th::before { background-color:
var(--f7-table-cell-border-color); inset: 0px auto auto 0px; content: "";
display: block; height: 1px; position: absolute; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }
.data-table td, .data-table th { --f7-table-cell-padding-left: var(--f7-tablecell-padding-horizontal); --f7-table-cell-padding-right: var(--f7-table-cellpadding-horizontal); box-sizing: border-box; padding: var(--f7-table-cellpadding-vertical) var(--f7-table-cell-padding-right) var(--f7-table-cellpadding-vertical) var(--f7-table-cell-padding-left); position: relative; }
.data-table td:first-child, .data-table th:first-child { --f7-table-cellpadding-left: var(--f7-table-edge-cell-padding-horizontal); }
.data-table td:last-child, .data-table th:last-child { --f7-table-cell-paddingright: var(--f7-table-edge-cell-padding-horizontal); }
.data-table td.label-cell, .data-table th.label-cell { --f7-table-cell-padding-

217.

left: var(--f7-table-label-cell-padding-horizontal); --f7-table-cell-paddingright: var(--f7-table-label-cell-padding-horizontal); }
.data-table td.numeric-cell, .data-table th.numeric-cell { text-align: right; }
.data-table td.checkbox-cell, .data-table th.checkbox-cell { overflow: visible;
width: var(--f7-table-checkbox-cell-width); }
.data-table td.checkbox-cell label + span, .data-table th.checkbox-cell label +
span { margin-left: 8px; }
.data-table td.checkbox-cell:first-child, .data-table th.checkbox-cell:firstchild { padding-right: calc(var(--f7-table-cell-padding-right)/2); }
.data-table td.checkbox-cell:first-child + td, .data-table td.checkboxcell:first-child + th, .data-table td.checkbox-cell:last-child, .data-table
th.checkbox-cell:first-child + td, .data-table th.checkbox-cell:first-child +
th, .data-table th.checkbox-cell:last-child { padding-left: calc(var(--f7-tablecell-padding-left)/2); }
.data-table td.actions-cell, .data-table th.actions-cell { text-align: right;
white-space: nowrap; }
.data-table td.actions-cell a.link, .data-table th.actions-cell a.link { color:
var(--f7-table-actions-cell-link-color,var(--f7-theme-color)); }
.card .data-table td a.icon-only, .card .data-table th a.icon-only, .card.datatable td a.icon-only, .card.data-table th a.icon-only, .data-table td a.icononly, .data-table th a.icon-only { display: inline-block; font-size: 0px; minwidth: 0px; text-align: center; vertical-align: middle; }
.card .data-table td a.icon-only i, .card .data-table th a.icon-only
i, .card.data-table td a.icon-only i, .card.data-table th a.icon-only i, .datatable td a.icon-only i, .data-table th a.icon-only i { font-size: var(--f7table-link-icon-only-icon-size); vertical-align: middle; }
.data-table .sortable-cell.input-cell .table-head-label, .data-table .sortablecell:not(.input-cell) { cursor: pointer; position: relative; }
.data-table .sortable-cell.numeric-cell.input-cell > .table-headlabel::before, .data-table .sortable-cell.numeric-cell:not(.input-cell)::before,
.data-table .sortable-cell:not(.numeric-cell).input-cell > .table-headlabel::after, .data-table .sortable-cell:not(.numeric-cell):not(.inputcell)::after { overflow-wrap: normal; -webkit-font-smoothing: antialiased; fontfeature-settings: "liga"; color: var(--f7-table-sortable-icon-color); content:
"arrow_bottom_md"; direction: ltr; display: inline-block; font-family:
framework7-core-icons; font-size: 13px; font-style: normal; font-weight: 400;
height: 16px; letter-spacing: normal; line-height: 16px; opacity: 0; text-align:
center; text-rendering: optimizelegibility; text-transform: none; transform:
rotate(0deg); transition-duration: 0.3s; vertical-align: top; white-space:
nowrap; width: 16px; }
.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .tablehead-label:hover::after, .device-desktop .data-table .sortablecell:not(.sortable-cell-active) .table-head-label:hover::before, .device-desktop
.data-table .sortable-cell:not(.sortable-cell-active):hover::after, .devicedesktop .data-table .sortable-cell:not(.sortable-cell-active):hover::before
{ opacity: 0.54; }
.data-table .sortable-cell.sortable-cell-active .table-head-label::after, .datatable .sortable-cell.sortable-cell-active .table-head-label::before, .data-table
.sortable-cell.sortable-cell-active::after, .data-table .sortable-cell.sortablecell-active::before { opacity: 0.87 !important; }

218.

.data-table .sortable-cell.sortable-desc::after, .data-table .sortablecell.sortable-desc::before, .data-table .table-head-label::after, .datatable .table-head-label::before { transform: rotate(180deg) !important; }
.card .data-table .card-footer, .card .data-table .card-header, .data-table.card
.card-footer, .data-table.card .card-header { padding-left: var(--f7-table-edgecell-padding-horizontal); padding-right: var(--f7-table-edge-cell-paddinghorizontal); }
.card .data-table .card-header, .data-table.card .card-header { backgroundcolor: var(--f7-table-card-header-bg-color); min-height: var(--f7-table-cardheader-height); }
.card .data-table .card-content, .data-table.card .card-content { overflow-x:
auto; }
.card .data-table .card-footer, .data-table.card .card-footer { min-height:
var(--f7-table-footer-height); }
.data-table .data-table-title { font-size: var(--f7-table-title-font-size);
font-weight: var(--f7-table-title-font-weight); }
.data-table .data-table-actions, .data-table .data-table-links { display:
flex; }
.data-table .data-table-links .button { min-width: 64px; }
.data-table .data-table-actions { align-items: center; margin-left: auto; }
.data-table .data-table-actions a.link { color: var(--f7-table-actions-linkcolor,var(--f7-theme-color)); min-width: 0px; }
.data-table .data-table-actions a.link.icon-only { justify-content: center;
line-height: 1; padding: 0px; }
.data-table .data-table-header, .data-table .data-table-header-selected { alignitems: center; display: flex; justify-content: space-between; width: 100%; }
.data-table .card-header > .data-table-header, .data-table .card-header > .datatable-header-selected { height: 100%; margin: calc(var(--f7-card-header-paddingvertical)*-1) calc(var(--f7-table-edge-cell-padding-horizontal)*-1); min-height:
var(--f7-table-card-header-height); padding: var(--f7-card-header-paddingvertical) var(--f7-table-edge-cell-padding-horizontal); }
.data-table .data-table-header-selected { background: rgba(var(--f7-theme-colorrgb),.1); display: none; }
.data-table.data-table-has-checked .data-table-header { display: none; }
.data-table.data-table-has-checked .data-table-header-selected { display:
flex; }
.data-table .data-table-title-selected { color: var(--f7-theme-color); fontsize: 14px; }
.data-table .data-table-footer { align-items: center; box-sizing: border-box;
color: var(--f7-table-footer-text-color); display: flex; font-size: var(--f7table-footer-font-size); justify-content: flex-end; min-height: var(--f7-tablefooter-height); overflow: hidden; position: relative; }
.data-table .data-table-footer::before { background-color: var(--f7-table-cellborder-color); inset: 0px auto auto 0px; content: ""; display: block; height:
1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }

219.

.data-table .data-table-pagination, .data-table .data-table-rows-select { alignitems: center; display: flex; }
.data-table .input-cell { height: auto; padding-bottom: 8px; padding-top: 8px;
vertical-align: top; }
.data-table .input-cell .table-head-label + .input { margin-top: 4px; }
.data-table .input-cell .input { height: var(--f7-table-input-height); }
.data-table .input-cell .input input, .data-table .input-cell .input
select, .data-table .input-cell .input textarea { color: var(--f7-table-inputtext-color); font-size: var(--f7-table-input-font-size); height: var(--f7-tableinput-height); }
@media (max-width: 480px) and (orientation: portrait) {
.data-table.data-table-collapsible thead { display: none; }
.data-table.data-table-collapsible tbody, .data-table.data-table-collapsible
td, .data-table.data-table-collapsible tr { display: block; }
.data-table.data-table-collapsible tr { position: relative; }
.data-table.data-table-collapsible tr::before { background-color: var(--f7table-cell-border-color); inset: 0px auto auto 0px; content: ""; display: block;
height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 0px; width: 100%; z-index: 15; }
.data-table.data-table-collapsible tr:hover { background-color: inherit; }
.data-table.data-table-collapsible td { --f7-table-cell-padding-left: var(-f7-table-collapsible-cell-padding); --f7-table-cell-padding-right: var(--f7table-collapsible-cell-padding); place-content: center flex-start; align-items:
center; display: flex; height: auto; min-height: var(--f7-table-body-cellheight); text-align: left; }
.data-table.data-table-collapsible td::before { display: none !important; }
.data-table.data-table-collapsible td:not(.checkbox-cell)::before { color:
var(--f7-table-head-text-color); content: attr(data-collapsible-title); flexshrink: 0; font-size: var(--f7-table-head-font-size); font-weight: var(--f7table-head-font-weight); height: auto; margin-right: 16px; position: relative;
width: 40%; background: none !important; display: block !important; transform:
none !important; }
.data-table.data-table-collapsible td.checkbox-cell { left: 0px; position:
absolute; top: 0px; }
.data-table.data-table-collapsible
td.checkbox-cell + td { padding-left: 16px; }
.data-table.data-table-collapsible td.checkbox-cell ~ td { margin-left:
32px; }
}
.data-table .xsmall-landscape-only, .data-table .xsmall-only { display: none; }
@media (min-width: 480px) {
.data-table .xsmall-only { display: table-cell; }
}
@media (min-width: 480px) and (orientation: landscape) {
.data-table .xsmall-landscape-only { display: table-cell; }
}
.data-table .small-landscape-only, .data-table .small-only { display: none; }
@media (min-width: 568px) {
.data-table .small-only { display: table-cell; }
}
@media (min-width: 568px) and (orientation: landscape) {
.data-table .small-landscape-only { display: table-cell; }

220.

}
.data-table .medium-landscape-only, .data-table .medium-only { display: none; }
@media (min-width: 768px) {
.data-table .medium-only { display: table-cell; }
}
@media (min-width: 768px) and (orientation: landscape) {
.data-table .medium-landscape-only { display: table-cell; }
}
.data-table .large-landscape-only, .data-table .large-only { display: none; }
@media (min-width: 1024px) {
.data-table .large-only { display: table-cell; }
}
@media (min-width: 1024px) and (orientation: landscape) {
.data-table .large-landscape-only { display: table-cell; }
}
.data-table .xlarge-landscape-only, .data-table .xlarge-only { display: none; }
@media (min-width: 1200px) {
.data-table .xlarge-only { display: table-cell; }
}
@media (min-width: 1200px) and (orientation: landscape) {
.data-table .xlarge-landscape-only { display: table-cell; }
}
.ios .data-table td.actions-cell a.link + a.link, .ios .data-table th.actionscell a.link + a.link { margin-left: 16px; }
.ios .sortable-cell:not(.numeric-cell)::after { margin-left: 5px; }
.ios .sortable-cell.numeric-cell::before { margin-right: 5px; }
.ios .data-table-actions .button + .button, .ios .data-table-actions a.link +
a.link, .ios .data-table-links .button + .button, .ios .data-table-links a.link
+ a.link { margin-left: 16px; }
.ios .data-table-actions a.link.icon-only, .ios .data-table-pagination
a.link, .ios .data-table-rows-select a.link { height: 44px; width: 44px; }
.ios .data-table-rows-select + .data-table-pagination { margin-left: 30px; }
.ios .data-table-rows-select .input { margin-left: 20px; }
.ios .data-table-pagination-label { margin-right: 16px; }
.md .data-table td.actions-cell a.link + a.link, .md .data-table th.actions-cell
a.link + a.link { margin-left: 24px; }
.md .data-table td.actions-cell a.icon-only, .md .data-table th.actions-cell
a.icon-only { height: 24px; line-height: 24px; width: 24px; }
.md .sortable-cell:not(.numeric-cell)::after { margin-left: 8px; }
.md .sortable-cell.numeric-cell::before { margin-right: 8px; }
.md .data-table-actions .button + .button, .md .data-table-actions a.link +
a.link, .md .data-table-links .button + .button, .md .data-table-links a.link +

221.

a.link { margin-left: 24px; }
.md .data-table-actions a.link.icon-only { height: 24px; overflow: visible;
width: 24px; }
.md .data-table-actions a.link.icon-only.active-state { background: none; }
.md .data-table-pagination a.link, .md .data-table-rows-select a.link { height:
48px; width: 48px; }
.md .data-table-pagination a.link::before, .md .data-table-rows-select
a.link::before { background-image: radial-gradient(circle at center,var(--f7link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); background-position: 50%
center; background-repeat: no-repeat; background-size: 100% 100%; content: "";
height: 152%; left: -26%; opacity: 0; pointer-events: none; position: absolute;
top: -26%; transition-duration: 0.3s; transition-property: opacity; width: 152%;
}
.md .data-table-pagination a.link.icon-only::before, .md .data-table-pagination
a.link.input-clear-button::before, .md .data-table-pagination
a.link.notification-close-button::before, .md .data-table-pagination
a.link.ripple-inset::before, .md .data-table-pagination a.link.searchbardisable-button::before, .md .data-table-rows-select a.link.icononly::before, .md .data-table-rows-select a.link.input-clear-button::before, .md
.data-table-rows-select a.link.notification-close-button::before, .md .datatable-rows-select a.link.ripple-inset::before, .md .data-table-rows-select
a.link.searchbar-disable-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 71%,hsla(0,0%,100%,0)
71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md .data-table-pagination a.link.active-state::before, .md .data-table-rowsselect a.link.active-state::before { opacity: 1; transition-duration: 0.15s; }
.md .data-table-rows-select + .data-table-pagination { margin-left: 32px; }
.md .data-table-rows-select .input { margin-left: 24px; }
.md .data-table-pagination-label { margin-right: 20px; }
.md .input-cell .input-clear-button { transform: scale(0.8); }
.aurora .data-table td.actions-cell a.link + a.link, .aurora .data-table
th.actions-cell a.link + a.link, .aurora .sortable-cell:not(.numericcell)::after { margin-left: 8px; }
.aurora .sortable-cell.numeric-cell::before { margin-right: 8px; }
.aurora .data-table-actions .button + .button, .aurora .data-table-actions
a.link + a.link, .aurora .data-table-links .button + .button, .aurora .datatable-links a.link + a.link { margin-left: 16px; }
.aurora .data-table-pagination a.link, .aurora .data-table-rows-select a.link
{ height: 48px; width: 48px; }
.aurora .data-table-rows-select .input, .aurora .data-table-rows-select + .datatable-pagination { margin-left: 16px; }
.aurora .data-table-pagination-label { margin-right: 16px; }
:root { --f7-fab-margin: 16px; --f7-fab-text-color: #fff; --f7-fab-extendedtext-font-size: 14px; --f7-fab-extended-text-padding: 0 20px; --f7-fab-label-bgcolor: #fff; --f7-fab-label-text-color: #333; --f7-fab-label-border-radius: 4px;
--f7-fab-label-padding: 4px 12px; --f7-fab-label-font-size: inherit; --f7-fabbutton-size: 40px; }

222.

.ios { --f7-fab-size: 50px; --f7-fab-box-shadow: 0px 2px 4px rgba(0,0,0,.4); -f7-fab-extended-size: 50px; --f7-fab-extended-text-font-weight: 600; --f7-fabextended-text-letter-spacing: 0; --f7-fab-label-box-shadow: 0px 1px 2px
rgba(0,0,0,.4); }
.md { --f7-fab-size: 56px; --f7-fab-box-shadow: var(--f7-elevation-6); --f7-fabextended-size: 48px; --f7-fab-extended-text-font-weight: 500; --f7-fab-extendedtext-letter-spacing: 0.05em; --f7-fab-label-box-shadow: var(--f7-elevation-3); }
.aurora { --f7-fab-size: 56px; --f7-fab-box-shadow: var(--f7-elevation-6); --f7fab-extended-size: 48px; --f7-fab-extended-text-font-weight: 600; --f7-fabextended-text-letter-spacing: 0; --f7-fab-label-box-shadow: 0px 1px 2px
rgba(0,0,0,.4); }
.fab-backdrop { z-index: 1400; }
.fab { position: absolute; z-index: 1500; }
.fab a { --f7-touch-ripple-color: var(--f7-touch-ripple-white); }
.fab-left-bottom, .fab-left-center, .fab-left-top { left: calc(var(--f7-fabmargin) + var(--f7-safe-area-left)); }
.fab-right-bottom, .fab-right-center, .fab-right-top { right: calc(var(--f7-fabmargin) + var(--f7-safe-area-right)); }
.fab-center-top, .fab-left-top, .fab-right-top { top: var(--f7-fab-margin); }
.fab-center-bottom, .fab-left-bottom, .fab-right-bottom { bottom: calc(var(--f7fab-margin) + var(--f7-safe-area-bottom)); }
.fab-center-bottom, .fab-center-center, .fab-center-top { left: 50%; transform:
translateX(-50%); }
.fab-center-center, .fab-left-center, .fab-right-center { top: 50%; transform:
translateY(-50%); }
.fab-center-center { left: 50%; top: 50%; transform: translateX(-50%)
translateY(-50%); }
.fab-buttons a, .fab > a { align-items: center; background-color: var(--f7-fabbg-color,var(--f7-theme-color)); border-radius: calc(var(--f7-fab-size)/2); boxshadow: var(--f7-fab-box-shadow); color: var(--f7-fab-text-color); display:
flex; height: var(--f7-fab-size); justify-content: center; overflow: hidden;
position: relative; transition-duration: 0.3s; width: var(--f7-fab-size); zindex: 1; }
.fab-buttons a.active-state, .fab > a.active-state { background-color: var(--f7fab-pressed-bg-color,var(--f7-theme-color-shade)); }
.fab > a i { left: 50%; position: absolute; top: 50%; transform: translate3d(50%, -50%, 0px) rotate(0deg) scale(1); transition: all 0.3s ease 0s; }
.fab > a i + i { opacity: 0; transform: translate3d(-50%, -50%, 0px) rotate(90deg) scale(0.5); }
.fab-buttons a { border-radius: calc(var(--f7-fab-button-size)/2); height:
var(--f7-fab-button-size); width: var(--f7-fab-button-size); }
.fab-buttons { display: flex; pointer-events: none; position: absolute;
visibility: hidden; }
.fab-buttons a { opacity: 0; }

223.

.fab-opened:not(.fab-morph) > a i { opacity: 0; transform: translate3d(-50%, 50%, 0px) rotate(90deg) scale(0.5); }
.fab-opened:not(.fab-morph) > a i + i { opacity: 1; transform: translate3d(-50%,
-50%, 0px) rotate(0deg) scale(1); }
.fab-opened .fab-buttons { pointer-events: auto; visibility: visible; }
.fab-opened .fab-buttons a { opacity: 1; transform: translateZ(0px) scale(1) !
important; }
.fab-opened .fab-buttons a:nth-child(2) { transition-delay: 50ms; }
.fab-opened .fab-buttons a:nth-child(3) { transition-delay: 0.1s; }
.fab-opened .fab-buttons a:nth-child(4) { transition-delay: 0.15s; }
.fab-opened .fab-buttons a:nth-child(5) { transition-delay: 0.2s; }
.fab-opened .fab-buttons a:nth-child(6) { transition-delay: 0.25s; }
.fab-buttons-bottom, .fab-buttons-top { left: 50%; margin-left: calc(var(--f7fab-button-size)*-1/2); width: var(--f7-fab-button-size); }
.fab-buttons-top { bottom: 100%; flex-direction: column-reverse; margin-bottom:
16px; }
.fab-buttons-top a { transform: translate3d(0px, 8px, 0px) scale(0.3);
transform-origin: center bottom; }
.fab-buttons-top a + a { margin-bottom: 16px; }
.fab-buttons-bottom { flex-direction: column; margin-top: 16px; top: 100%; }
.fab-buttons-bottom a { transform: translate3d(0px, -8px, 0px) scale(0.3);
transform-origin:
center top; }
.fab-buttons-bottom a + a { margin-top: 16px; }
.fab-buttons-left, .fab-buttons-right { height: var(--f7-fab-button-size);
margin-top: calc(var(--f7-fab-button-size)*-1/2); top: 50%; }
.fab-buttons-left { flex-direction: row-reverse; margin-right: 16px; right:
100%; }
.fab-buttons-left a { transform: translate3d(8px, 0px, 0px) scale(0.3);
transform-origin: right center; }
.fab-buttons-left a + a { margin-right: 16px; }
.fab-buttons-right { left: 100%; margin-left: 16px; }
.fab-buttons-right a { transform: translate3d(-8px, 0px, 0px) scale(0.3);
transform-origin: left center; }
.fab-buttons-right a + a { margin-left: 16px; }
.fab-buttons-center { height: 100%; left: 0px; top: 0px; width: 100%; }
.fab-buttons-center a { position: absolute; }
.fab-buttons-center a:first-child { bottom: 100%; left: 50%; margin-bottom:

224.

16px; margin-left: calc(var(--f7-fab-button-size)*-1/2); transform: translateY(8px) scale(0.3); transform-origin: center bottom; }
.fab-buttons-center a:nth-child(2) { left: 100%; margin-left: 16px; margin-top:
calc(var(--f7-fab-button-size)*-1/2); top: 50%; transform: translateX(-8px)
scale(0.3); transform-origin: left center; }
.fab-buttons-center a:nth-child(3) { left: 50%; margin-left: calc(var(--f7-fabbutton-size)*-1/2); margin-top: 16px; top: 100%; transform: translateY(8px)
scale(0.3); transform-origin: center top; }
.fab-buttons-center a:nth-child(4) { margin-right: 16px; margin-top: calc(var(-f7-fab-button-size)*-1/2); right: 100%; top: 50%; transform: translateX(8px)
scale(0.3); transform-origin: right center; }
.fab-morph { background: var(--f7-fab-bg-color,var(--f7-theme-color)); borderradius: calc(var(--f7-fab-size)/2); box-shadow: var(--f7-fab-box-shadow); }
.fab-morph > a { box-shadow: none; background: none !important; }
.fab-opened.fab-morph > a i { opacity: 0; }
.fab-morph, .fab-morph-target, .fab-morph > a { transition-duration: 0.25s; }
.fab-morph-target:not(.fab-morph-target-visible) { display: none; }
.fab-extended { min-width: var(--f7-fab-extended-size); width: auto; }
.fab-extended > a { height: var(--f7-fab-extended-size); width: 100%; }
.fab-extended > a i { left: calc(var(--f7-fab-extended-size)/2); }
.fab-extended i ~ .fab-text { padding-left: var(--f7-fab-extended-size); }
.fab-extended > a { width: 100% !important; }
.fab-text { box-sizing: border-box; font-size: var(--f7-fab-extended-text-fontsize); font-weight: var(--f7-fab-extended-text-font-weight); letter-spacing:
var(--f7-fab-extended-text-letter-spacing); padding: var(--f7-fab-extended-textpadding); text-transform: uppercase; }
.fab-label-button { overflow: visible !important; }
.fab-label { background: var(--f7-fab-label-bg-color); border-radius: var(--f7fab-label-border-radius); box-shadow: var(--f7-fab-label-box-shadow); color:
var(--f7-fab-label-text-color); font-size: var(--f7-fab-label-font-size);
padding: var(--f7-fab-label-padding); pointer-events: none; position: absolute;
top: 50%; transform: translateY(-50%); white-space: nowrap; }
.fab-right-bottom .fab-label, .fab-right-center .fab-label, .fab-right-top .fablabel { margin-right: 8px; right: 100%; }
.fab-left-bottom .fab-label, .fab-left-center .fab-label, .fab-left-top .fablabel { left: 100%; margin-left: 8px; }
.navbars ~ * .fab-center-top, .navbars ~ * .fab-left-top, .navbars ~ * .fabright-top, .navbars ~ .fab-center-top, .navbars ~ .fab-left-top, .navbars
~ .fab-right-top, .navbar ~ * .fab-center-top, .navbar ~ * .fab-lefttop, .navbar ~ * .fab-right-top, .navbar ~ .fab-center-top, .navbar ~ .fab-lefttop, .navbar ~ .fab-right-top { margin-top: calc(var(--f7-navbar-height) +
var(--f7-safe-area-top)); }
.ios .toolbar-top-ios ~ * .fab-center-top, .ios .toolbar-top-ios ~ * .fab-lefttop, .ios .toolbar-top-ios ~ * .fab-right-top, .ios .toolbar-top-ios ~ .fab-

225.

center-top, .ios .toolbar-top-ios ~ .fab-left-top, .ios .toolbar-top-ios ~ .fabright-top, .md .toolbar-top-md ~ * .fab-center-top, .md .toolbar-top-md ~
* .fab-left-top, .md .toolbar-top-md ~ * .fab-right-top, .md .toolbar-top-md
~ .fab-center-top, .md .toolbar-top-md ~ .fab-left-top, .md .toolbar-top-md
~ .fab-right-top, .toolbar-top ~ * .fab-center-top, .toolbar-top ~ * .fab-lefttop, .toolbar-top ~ * .fab-right-top, .toolbar-top ~ .fab-center-top, .toolbartop ~ .fab-left-top, .toolbar-top ~ .fab-right-top { margin-top: var(--f7toolbar-height); }
.ios .toolbar-bottom-ios ~ * .fab-center-bottom, .ios .toolbar-bottom-ios ~
* .fab-left-bottom, .ios .toolbar-bottom-ios ~ * .fab-rightbottom, .ios .toolbar-bottom-ios ~ .fab-center-bottom, .ios .toolbar-bottom-ios
~ .fab-left-bottom, .ios .toolbar-bottom-ios ~ .fab-right-bottom, .md .toolbarbottom-md ~ * .fab-center-bottom, .md .toolbar-bottom-md ~ * .fab-leftbottom, .md .toolbar-bottom-md ~ * .fab-right-bottom, .md .toolbar-bottom-md
~ .fab-center-bottom, .md .toolbar-bottom-md ~ .fab-left-bottom, .md .toolbarbottom-md ~ .fab-right-bottom, .toolbar-bottom ~ * .fab-center-bottom, .toolbarbottom ~ * .fab-left-bottom, .toolbar-bottom ~ * .fab-right-bottom, .toolbarbottom ~ .fab-center-bottom, .toolbar-bottom ~ .fab-left-bottom, .toolbar-bottom
~ .fab-right-bottom { margin-bottom: var(--f7-toolbar-height); }
.ios .tabbar-labels.toolbar-bottom-ios ~ * .fab-center-bottom, .ios .tabbarlabels.toolbar-bottom-ios ~ * .fab-left-bottom, .ios .tabbar-labels.toolbarbottom-ios ~ * .fab-right-bottom, .ios .tabbar-labels.toolbar-bottom-ios ~ .fabcenter-bottom, .ios .tabbar-labels.toolbar-bottom-ios ~ .fab-leftbottom, .ios .tabbar-labels.toolbar-bottom-ios ~ .fab-right-bottom, .md .tabbarlabels.toolbar-bottom-md ~ * .fab-center-bottom, .md .tabbar-labels.toolbarbottom-md ~ * .fab-left-bottom, .md .tabbar-labels.toolbar-bottom-md ~ * .fabright-bottom, .md .tabbar-labels.toolbar-bottom-md ~ .fab-centerbottom, .md .tabbar-labels.toolbar-bottom-md ~ .fab-left-bottom, .md .tabbarlabels.toolbar-bottom-md ~ .fab-right-bottom, .tabbar-labels.toolbar-bottom ~
* .fab-center-bottom, .tabbar-labels.toolbar-bottom ~ * .fab-leftbottom, .tabbar-labels.toolbar-bottom ~ * .fab-right-bottom, .tabbarlabels.toolbar-bottom ~ .fab-center-bottom, .tabbar-labels.toolbar-bottom
~ .fab-left-bottom, .tabbar-labels.toolbar-bottom ~ .fab-right-bottom { marginbottom: var(--f7-tabbar-labels-height); }
.ios .tabbar-labels.toolbar-top-ios ~ * .fab-center-bottom, .ios .tabbarlabels.toolbar-top-ios ~ * .fab-left-bottom, .ios .tabbar-labels.toolbar-top-ios
~ * .fab-right-bottom, .ios .tabbar-labels.toolbar-top-ios ~ .fab-center-bottom,
.ios .tabbar-labels.toolbar-top-ios ~ .fab-left-bottom, .ios .tabbarlabels.toolbar-top-ios ~ .fab-right-bottom, .md .tabbar-labels.toolbar-top-md ~
* .fab-center-bottom, .md .tabbar-labels.toolbar-top-md ~ * .fab-leftbottom, .md .tabbar-labels.toolbar-top-md ~ * .fab-right-bottom, .md .tabbarlabels.toolbar-top-md ~ .fab-center-bottom, .md .tabbar-labels.toolbar-top-md
~ .fab-left-bottom, .md .tabbar-labels.toolbar-top-md ~ .fab-rightbottom, .tabbar-labels.toolbar-top ~ * .fab-center-bottom, .tabbarlabels.toolbar-top ~ * .fab-left-bottom, .tabbar-labels.toolbar-top ~ * .fabright-bottom, .tabbar-labels.toolbar-top ~ .fab-center-bottom, .tabbarlabels.toolbar-top ~ .fab-left-bottom, .tabbar-labels.toolbar-top ~ .fab-rightbottom { margin-top: var(--f7-tabbar-labels-height); }
.messagebar ~ * .fab-center-bottom, .messagebar ~ * .fab-leftbottom, .messagebar ~ * .fab-right-bottom, .messagebar ~ .fab-centerbottom, .messagebar ~ .fab-left-bottom, .messagebar ~ .fab-right-bottom
{ margin-bottom: var(--f7-messagebar-height); }
.ios .navbar + .toolbar-top-ios ~ * .fab-center-top, .ios .navbar + .toolbartop-ios ~ * .fab-left-top, .ios .navbar + .toolbar-top-ios ~ * .fab-righttop, .ios .navbar + .toolbar-top-ios ~ .fab-center-top, .ios .navbar + .toolbartop-ios ~ .fab-left-top, .ios .navbar + .toolbar-top-ios ~ .fab-righttop, .md .navbar + .toolbar-top-ios ~ * .fab-center-top, .md .navbar + .toolbartop-ios ~ * .fab-left-top, .md .navbar + .toolbar-top-ios ~ * .fab-righttop, .md .navbar + .toolbar-top-ios ~ .fab-center-top, .md .navbar + .toolbar-

226.

top-ios ~ .fab-left-top, .md .navbar + .toolbar-top-ios ~ .fab-righttop, .navbar + .toolbar-top ~ * .fab-center-top, .navbar + .toolbar-top ~
* .fab-left-top, .navbar + .toolbar-top ~ * .fab-right-top, .navbar + .toolbartop ~ .fab-center-top, .navbar + .toolbar-top ~ .fab-left-top, .navbar
+ .toolbar-top ~ .fab-right-top { margin-top: calc(var(--f7-toolbar-height) +
var(--f7-navbar-height) + var(--f7-safe-area-top)); }
.ios .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-center-top, .ios .navbar
+ .toolbar-top-ios.tabbar-labels ~ * .fab-left-top, .ios .navbar + .toolbar-topios.tabbar-labels ~ * .fab-right-top, .ios .navbar + .toolbar-top-ios.tabbarlabels ~ .fab-center-top, .ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fableft-top, .ios .navbar + .toolbar-top-ios.tabbar-labels ~ .fab-righttop, .md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-centertop, .md .navbar + .toolbar-top-ios.tabbar-labels ~ * .fab-left-top, .md .navbar
+ .toolbar-top-ios.tabbar-labels ~ * .fab-right-top, .md .navbar + .toolbar-topios.tabbar-labels ~ .fab-center-top, .md .navbar + .toolbar-top-ios.tabbarlabels ~ .fab-left-top, .md .navbar + .toolbar-top-ios.tabbar-labels ~ .fabright-top, .navbar + .toolbar-top.tabbar-labels ~ * .fab-center-top, .navbar
+ .toolbar-top.tabbar-labels ~ * .fab-left-top, .navbar + .toolbar-top.tabbarlabels ~ * .fab-right-top, .navbar + .toolbar-top.tabbar-labels ~ .fab-centertop, .navbar + .toolbar-top.tabbar-labels ~ .fab-left-top, .navbar + .toolbartop.tabbar-labels ~ .fab-right-top { margin-top: calc(var(--f7-tabbar-labelsheight) + var(--f7-navbar-height) + var(--f7-safe-area-top)); }
.ios .navbars + .toolbar-top-ios ~ * .fab-center-top, .ios .navbars + .toolbartop-ios ~ * .fab-left-top, .ios .navbars + .toolbar-top-ios
~ * .fab-right-top, .ios .navbars + .toolbar-top-ios ~ .fab-centertop, .ios .navbars + .toolbar-top-ios ~ .fab-left-top, .ios .navbars + .toolbartop-ios ~ .fab-right-top, .navbars + .toolbar-top ~ * .fab-center-top, .navbars
+ .toolbar-top ~ * .fab-left-top, .navbars + .toolbar-top ~ * .fab-righttop, .navbars + .toolbar-top ~ .fab-center-top, .navbars + .toolbar-top ~ .fableft-top, .navbars + .toolbar-top ~ .fab-right-top { margin-top: calc(var(--f7toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)); }
.ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-centertop, .ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-lefttop, .ios .navbars + .toolbar-top-ios.tabbar-labels ~ * .fab-righttop, .ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-centertop, .ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-lefttop, .ios .navbars + .toolbar-top-ios.tabbar-labels ~ .fab-right-top, .navbars +
.toolbar-top.tabbar-labels ~ * .fab-center-top, .navbars + .toolbar-top.tabbarlabels ~ * .fab-left-top, .navbars + .toolbar-top.tabbar-labels ~ * .fab-righttop, .navbars + .toolbar-top.tabbar-labels ~ .fab-center-top, .navbars
+ .toolbar-top.tabbar-labels ~ .fab-left-top, .navbars + .toolbar-top.tabbarlabels ~ .fab-right-top { margin-top: calc(var(--f7-tabbar-labels-height) +
var(--f7-navbar-height) + var(--f7-safe-area-top)); }
.ios .fab-buttons a.active-state, .ios .fab > a.active-state { transitionduration: 0ms; }
:root { --f7-searchbar-input-border-width: 0px; --f7-searchbar-input-bordercolor: transparent; --f7-searchbar-input-text-color: #000; --f7-searchbarplaceholder-color: rgba(0,0,0,.4); }
:root .dark, :root.dark { --f7-searchbar-input-text-color: #fff; --f7-searchbarplaceholder-color: hsla(0,0%,100%,.4); }
.ios { --f7-searchbar-height: 44px; --f7-searchbar-inner-padding-left: 8px; -f7-searchbar-inner-padding-right: 8px; --f7-searchbar-input-font-size: 17px; -f7-searchbar-input-border-radius: 8px; --f7-searchbar-input-height: 32px; --f7searchbar-inline-input-height: 32px; --f7-searchbar-input-padding-horizontal:
28px; --f7-searchbar-backdrop-bg-color: rgba(0,0,0,.4); --f7-searchbar-shadowimage: none; --f7-searchbar-in-page-content-margin: 0px; --f7-searchbar-in-pagecontent-box-shadow: none; --f7-searchbar-in-page-content-border-radius: 0; --f7-

227.

searchbar-in-page-content-input-border-radius: 0; --f7-searchbar-search-iconcolor: rgba(0,0,0,.4); --f7-searchbar-input-bg-color: #e4e4e4; }
.ios .dark, .ios.dark { --f7-searchbar-search-icon-color: hsla(0,0%,100%,.4); -f7-searchbar-input-bg-color: #2a2a2a; }
.md { --f7-searchbar-border-color: transparent; --f7-searchbar-height: 48px; -f7-searchbar-inner-padding-left: 0px; --f7-searchbar-inner-padding-right: 0px;
--f7-searchbar-link-color: #737373; --f7-searchbar-search-icon-color: #737373;
--f7-searchbar-input-font-size: 20px; --f7-searchbar-input-border-radius: 0px;
--f7-searchbar-input-height: 100%; --f7-searchbar-inline-input-height: 32px; -f7-searchbar-inline-input-border-radius: 4px; --f7-searchbar-input-paddinghorizontal: 48px; --f7-searchbar-inline-input-padding-horizontal: 24px; --f7searchbar-input-clear-button-color: #737373; --f7-searchbar-backdrop-bg-color:
rgba(0,0,0,.25); --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottomimage); --f7-searchbar-in-page-content-margin: 8px; --f7-searchbar-in-pagecontent-box-shadow: var(--f7-elevation-1); --f7-searchbar-in-page-contentborder-radius: 4px; --f7-searchbar-in-page-content-input-border-radius: 4px; -f7-searchbar-bg-color: #fff; --f7-searchbar-input-bg-color: #fff; }
.md .dark, .md.dark { --f7-searchbar-bg-color: #202020; --f7-searchbar-input-bgcolor: #202020; }
.aurora { --f7-searchbar-height: 56px; --f7-searchbar-inner-padding-left: 16px;
--f7-searchbar-inner-padding-right: 16px; --f7-searchbar-input-font-size: 16px;
--f7-searchbar-input-border-radius: 8px; --f7-searchbar-input-height: 38px; -f7-searchbar-inline-input-height: 38px; --f7-searchbar-input-padding-horizontal:
34px; --f7-searchbar-backdrop-bg-color: rgba(0,0,0,.4); --f7-searchbar-shadowimage: none; --f7-searchbar-in-page-content-margin: 0px; --f7-searchbar-in-pagecontent-box-shadow: none; --f7-searchbar-in-page-content-border-radius: 0; --f7searchbar-search-icon-color: rgba(0,0,0,.4); --f7-searchbar-input-bg-color:
#e4e4e4; }
.aurora .dark, .aurora.dark { --f7-searchbar-search-icon-color:
hsla(0,0%,100%,.4); --f7-searchbar-input-bg-color: #2a2a2a; }
.searchbar { --f7-link-highlight-color: var(--f7-link-highlight-black);
background-color: var(--f7-searchbar-bg-color,var(--f7-bars-bg-color));
background-image: var(--f7-searchbar-bg-image,var(--f7-bars-bg-image)); height:
var(--f7-searchbar-height); position: relative; width: 100%; z-index: 200; }
.dark .searchbar { --f7-link-highlight-color: var(--f7-link-highlight-white); }
.searchbar input[type="search"]::-webkit-search-decoration { display: none; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .searchbar { backdrop-filter: saturate(180%) blur(var(-f7-bars-translucent-blur)); background-color: rgba(var(--f7-searchbar-bg-colorrgb,var(--f7-bars-bg-color-rgb)),var(--f7-bars-translucent-opacity)); }
}
.ios .subnavbar .searchbar { backdrop-filter: none; background-color: initial; }
.ios .subnavbar .searchbar::after, .searchbar.no-border::after, .searchbar.nohairline::after, .searchbar.no-shadow::before { display: none !important; }
.searchbar::after { background-color: var(--f7-searchbar-border-color,var(--f7bars-border-color)); inset: auto auto 0px 0px; content: ""; display: block;
height: 1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 100%; width: 100%; z-index: 15; }
.page > .searchbar:not(.searchbar-inline) { z-index: 600; }

228.

.page > .searchbar:not(.searchbar-inline)::before { background: var(--f7searchbar-shadow-image); bottom: auto; content: ""; height: 8px; pointer-events:
none; position: absolute; right: 0px; top: 100%; width: 100%; }
.searchbar input[type="search"], .searchbar input[type="text"] { appearance:
none; background-color: var(--f7-searchbar-input-bg-color); border: var(--f7searchbar-input-border-width) solid var(--f7-searchbar-input-border-color);
border-radius: var(--f7-searchbar-input-border-radius); box-sizing: border-box;
color: var(--f7-searchbar-input-text-color); display: block; font-family:
inherit; font-size: var(--f7-searchbar-input-font-size); font-weight: 400;
height: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: calc(var(-f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-paddingleft, 0px)); padding-right: calc(var(--f7-searchbar-input-padding-horizontal) +
var(--f7-searchbar-input-extra-padding-right, 0px)); position: relative; width:
100%; }
.searchbar input[type="search"]::placeholder, .searchbar
input[type="text"]::placeholder { color: var(--f7-searchbar-placeholder-color);
opacity: 1; }
.searchbar input::-webkit-search-cancel-button { appearance: none; }
.searchbar .searchbar-input-wrap { flex-shrink: 1; height: var(--f7-searchbarinput-height); position: relative; width: 100%; }
.searchbar a { color: var(--f7-searchbar-link-color,var(--f7-bars-linkcolor,var(--f7-theme-color))); }
.page > .searchbar:not(.searchbar-inline) { left: 0px; position: absolute; top:
0px; }
.page-content .searchbar:not(.searchbar-inline) { border-radius: var(--f7searchbar-in-page-content-border-radius); box-shadow: var(--f7-searchbar-inpage-content-box-shadow); margin: var(--f7-searchbar-in-page-content-margin);
width: auto; }
.page-content .searchbar:not(.searchbar-inline) .searchbar-inner, .pagecontent .searchbar:not(.searchbar-inline) input[type="search"], .pagecontent .searchbar:not(.searchbar-inline) input[type="text"] { border-radius:
var(--f7-searchbar-in-page-content-input-border-radius,var(--f7-searchbar-inputborder-radius)); }
.searchbar .input-clear-button { color: var(--f7-searchbar-input-clear-buttoncolor,var(--f7-input-clear-button-color)); }
.searchbar-expandable { --f7-searchbar-expandable-size: var(--f7-searchbarheight); pointer-events: none; position: absolute; transition-duration: 0.3s; }
.navbar .searchbar-expandable { background: transparent; }
.navbar .searchbar-expandable::after { display: none !important; }
.navbar .searchbar.searchbar-expandable { --f7-searchbar-expandable-size: var(-f7-navbar-height); }
.toolbar .searchbar.searchbar-expandable { --f7-searchbar-expandable-size:
var(--f7-toolbar-height); }
.subnavbar .searchbar.searchbar-expandable { --f7-searchbar-expandable-size:
var(--f7-subnavbar-height); }
.tabbar-labels .searchbar.searchbar-expandable { --f7-searchbar-expandable-size:
var(--f7-tabbar-labels-height); }

229.

.searchbar-inner { align-items: center; box-sizing: border-box; display: flex;
height: 100%; left: 0px; padding: 0 calc(var(--f7-searchbar-inner-padding-right)
+ var(--f7-safe-area-right)) 0 calc(var(--f7-searchbar-inner-padding-left) +
var(--f7-safe-area-left)); position: absolute; top: 0px; width: 100%; }
.searchbar-disable-button { appearance: none; background: none; border: none;
cursor: pointer; margin: 0px; opacity: 0; outline: 0px; padding: 0px; pointerevents: none; width: auto; }
.searchbar-icon { background-position: 50% center; background-repeat: no-repeat;
pointer-events: none; }
.searchbar-icon::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; color: var(--f7-searchbar-searchicon-color); direction: ltr; display: block; font-family: framework7-core-icons;
font-size: 20px; font-style: normal; font-weight: 400; height: 100%; letterspacing: normal; line-height: 1; text-align: center; text-rendering:
optimizelegibility; text-transform: none; white-space: nowrap; width: 100%; }
.searchbar-backdrop { background: var(--f7-searchbar-backdrop-bg-color);
height: 100%; left: 0px; opacity: 0; pointer-events: none; position: absolute;
top: 0px; transform: translateZ(0px); transition-duration: 0.3s; width: 100%; zindex: 100; }
.searchbar-backdrop.searchbar-backdrop-in { opacity: 1; pointer-events: auto; }
.page-content > .searchbar-backdrop { position: fixed; }
.searchbar-not-found { display: none; }
.hidden-by-searchbar, .list .hidden-by-searchbar, .list li.hidden-bysearchbar, .list.li.hidden-by-searchbar { display: none !important; }
.navbar.with-searchbar-expandable-enabled, .navbar.with-searchbar-expandableenabled-no-transition { --f7-navbar-large-collapse-progress: 1; }
.navbar.with-searchbar-expandable-closing .navbar-bg, .navbar.with-searchbarexpandable-closing .title-large, .navbar.with-searchbar-expandableclosing .title-large-text, .navbar.with-searchbar-expandable-enabled .navbar-bg,
.navbar.with-searchbar-expandable-enabled .title-large, .navbar.with-searchbarexpandable-enabled .title-large-text { transition-duration: 0.3s; }
.page-content.with-searchbar-expandable-enabled { height: calc(100% + var(--f7navbar-large-title-height)); transform: translateY(calc(var(--f7-navbar-largetitle-height)*-1)); transition-duration: 0.3s; transition-property: transform; }
.page-content.with-searchbar-expandable-closing { transition-duration: 0.3s; }
.navbars ~ .page:not(.no-navbar) > .searchbar, .navbar ~ .page:not(.no-navbar) >
.searchbar, .page > .navbar ~ .searchbar { top: calc(var(--f7-navbar-height) +
var(--f7-safe-area-top)); }
.navbars ~ .page-with-navbar-large:not(.no-navbar) .searchbar, .navbar ~ .pagewith-navbar-large:not(.no-navbar) .searchbar, .page-with-navbar-large .navbar ~
* .searchbar, .page-with-navbar-large .navbar ~ .searchbar { top: calc(var(--f7navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top));
transform: translate3d(0,calc(var(--f7-navbar-large-collapse-progress)*-1*var(-f7-navbar-large-title-height)),0); }
.navbars ~ .page-with-navbar-large:not(.no-navbar) .pagecontent .searchbar, .page-with-navbar-large .page-content .searchbar { top: 0px;
transform: none; }
.searchbar ~ * { --f7-page-searchbar-offset: var(--f7-searchbar-height); }

230.

.aurora .page > .toolbar-top-aurora ~ .searchbar, .ios .page > .toolbar-top-ios
~ .searchbar, .md .page > .toolbar-top-md ~ .searchbar, .page > .toolbar-top
~ .searchbar { top: var(--f7-toolbar-height); }
.aurora .page > .tabbar-labels.toolbar-top-aurora ~ .searchbar, .ios .page
> .tabbar-labels.toolbar-top-ios ~ .searchbar, .md .page > .tabbarlabels.toolbar-top-md ~ .searchbar, .page > .tabbar-labels.toolbar-top
~ .searchbar { top: var(--f7-tabbar-labels-height); }
.aurora .page > .navbar ~ .toolbar-top-aurora ~ .searchbar, .ios .page > .navbar
~ .toolbar-top-ios ~ .searchbar, .md .page > .navbar ~ .toolbar-top-md
~ .searchbar, .page > .navbar ~ .toolbar-top ~ .searchbar { top: calc(var(--f7navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top)); }
.aurora .page > .navbar ~ .tabbar-labels.toolbar-top-aurora
~ .searchbar, .ios .page > .navbar ~ .tabbar-labels.toolbar-top-ios
~ .searchbar, .md .page > .navbar ~ .tabbar-labels.toolbar-top-md
~ .searchbar, .page > .navbar ~ .tabbar-labels.toolbar-top ~ .searchbar { top:
calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safearea-top)); }
.searchbar.searchbar-inline { background-color: initial; background-image: none;
height: auto; width: auto; }
.searchbar.searchbar-inline::after, .searchbar.searchbar-inline::before
{ display: none !important; }
.searchbar.searchbar-inline .searchbar-input-wrap { height: var(--f7-searchbarinline-input-height,var(--f7-searchbar-input-height)); }
.searchbar.searchbar-inline .searchbar-inner { height: auto; padding: 0px;
position: static; width: auto; }
.searchbar.searchbar-inline input[type="search"], .searchbar.searchbar-inline
input[type="text"] { border-radius: var(--f7-searchbar-inline-input-borderradius,var(--f7-searchbar-input-border-radius)); font-size: var(--f7-searchbarinline-input-font-size,var(--f7-searchbar-input-font-size)); padding-left:
calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbarinput-padding-horizontal)) + var(--f7-searchbar-input-extra-padding-left, 0px));
padding-right: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(-f7-searchbar-input-padding-horizontal)) + var(--f7-searchbar-input-extrapadding-right, 0px)); }
.ios .searchbar input[type="search"], .ios .searchbar input[type="text"] { zindex: 30; }
.ios .searchbar .input-clear-button { right: 7px; z-index: 40; }
.ios .searchbar-icon { height: 13px; left: 8px; margin-top: -6px; position:
absolute; top: 50%; width: 13px; z-index: 40; }
.ios .searchbar-icon::after { content: "search_ios"; line-height: 13px; }
.ios .searchbar-disable-button { color: var(--f7-searchbar-link-color,var(--f7bars-link-color,var(--f7-theme-color))); display: none; flex-shrink: 0; fontsize: 17px; transform: translateZ(0px); transition-duration: 0.3s; }
.ios .searchbar-disable-button.active-state { transition-duration: 0ms; opacity:
0.3 !important; }
.ios .searchbar-enabled .searchbar-disable-button { margin-left: 8px; opacity:
1; pointer-events: auto; }

231.

.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { transitionduration: 0.3s !important; }
.ios .searchbar-expandable { bottom: 0px; height: 0px; left: 0px; opacity: 1;
overflow: hidden; transform: translateZ(0px); width: 100%; }
.ios .searchbar-expandable .searchbar-disable-button { display: block; marginleft: 8px; opacity: 1; }
.ios .searchbar-expandable .searchbar-inner { height: var(--f7-searchbarexpandable-size); }
.ios .navbar.with-searchbar-expandable-closing .navbar-bg, .ios .navbar.withsearchbar-expandable-enabled .navbar-bg { transition-property: transform,
opacity; }
.ios .navbar.with-searchbar-expandable-closing .left, .ios .navbar.withsearchbar-expandable-closing .navbar-bg, .ios .navbar.with-searchbar-expandableclosing .right, .ios .navbar.with-searchbar-expandableclosing .title, .ios .navbar.with-searchbar-expandableenabled .left, .ios .navbar.with-searchbar-expandable-enabled .navbarbg, .ios .navbar.with-searchbar-expandable-enabled .right, .ios .navbar.withsearchbar-expandable-enabled .title { transition-duration: 0.3s; }
.ios .navbar.with-searchbar-expandable-enabled .left, .ios .navbar.withsearchbar-expandable-enabled .right, .ios .navbar.with-searchbar-expandableenabled .title, .ios .navbar.with-searchbar-expandable-enabled-notransition .left, .ios .navbar.with-searchbar-expandable-enabled-notransition .right, .ios .navbar.with-searchbar-expandable-enabled-notransition .title { transform: translateY(calc(var(--f7-navbar-height)*-1));
opacity: 0 !important; }
.ios .searchbar-expandable.searchbar-enabled { height: var(--f7-searchbarexpandable-size); opacity: 1; pointer-events: auto; }
.md .searchbar-disable-button, .md .searchbar-icon { left: calc(-4px + var(--f7safe-area-left)); position: absolute; top: 50%; transition-duration: 0.3s; }
.md .searchbar-icon { height: 24px; margin-left: 12px; margin-top: -12px; width:
24px; }
.md .searchbar-icon::after { content: "search_md"; line-height: 1.2; }
.md .searchbar-disable-button { color: var(--f7-searchbar-link-color,var(--f7bars-link-color,var(--f7-theme-color))); display: block; height: 48px; margintop: -24px; transform: rotate(-90deg) scale(0.5); width: 48px; font-size: 0px !
important; }
.md .searchbar-disable-button::before { background-image: radial-gradient(circle
at center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); backgroundposition: 50% center; background-repeat: no-repeat; background-size: 100% 100%;
content: ""; height: 152%; left: -26%; opacity: 0; pointer-events: none;
position: absolute; top: -26%; transition-duration: 0.3s; transition-property:
opacity; width: 152%; }
.md .searchbar-disable-button.icon-only::before, .md .searchbar-disablebutton.input-clear-button::before, .md .searchbar-disable-button.notificationclose-button::before, .md .searchbar-disable-button.rippleinset::before, .md .searchbar-disable-button.searchbar-disable-button::before
{ background-image: radial-gradient(circle at center,var(--f7-link-highlightcolor) 71%,hsla(0,0%,100%,0) 71%); height: 100%; left: 0px; top: 0px; width:
100%; }
.md .searchbar-disable-button.active-state::before { opacity: 1; transition-

232.

duration: 0.15s; }
.md .searchbar-disable-button::after { overflow-wrap: normal; -webkit-fontsmoothing: antialiased; font-feature-settings: "liga"; content: "arrow_left_md";
direction: ltr; display: block; font-family: framework7-core-icons; font-size:
20px; font-style: normal; font-weight: 400; height: 100%; letter-spacing:
normal; line-height: 48px; text-align: center; text-rendering:
optimizelegibility; text-transform: none; white-space: nowrap; width: 100%; }
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbardisable-button { opacity: 1; pointer-events: auto; transform: rotate(0deg)
scale(1); }
.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon
{ opacity: 0; transform: rotate(90deg) scale(0.5); }
.md .searchbar { --f7-searchbar-input-extra-padding-left: 16px; }
.md .searchbar .input-clear-button { height: 48px; margin-top: -24px; right:
0px; width: 48px; }
.md .searchbar .input-clear-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0)
66%); background-position: 50% center; background-repeat: no-repeat; backgroundsize: 100% 100%; content: ""; height: 152%; left: -26%; opacity: 0; pointerevents: none; position: absolute; top: -26%; transition-duration: 0.3s;
transition-property: opacity; width: 152%; }
.md .searchbar .input-clear-button.icon-only::before, .md .searchbar .inputclear-button.input-clear-button::before, .md .searchbar .input-clearbutton.notification-close-button::before,
.md .searchbar .input-clear-button.ripple-inset::before, .md .searchbar .inputclear-button.searchbar-disable-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 71%,hsla(0,0%,100%,0)
71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md .searchbar .input-clear-button.active-state::before { opacity: 1;
transition-duration: 0.15s; }
.md .searchbar .input-clear-button::after { content: "delete_md"; line-height:
48px; opacity: 1; }
.md .searchbar .input-clear-button::before { margin-left: 0px; margin-top:
0px; }
.md .page > .searchbar, .md .searchbar-expandable, .md .subnavbar .searchbar
{ --f7-searchbar-input-extra-padding-left: 24px; }
.md .page > .searchbar .searchbar-disable-button, .md .page
> .searchbar .searchbar-icon, .md .searchbar-expandable .searchbar-disablebutton, .md .searchbar-expandable .searchbaricon, .md .subnavbar .searchbar .searchbar-disablebutton, .md .subnavbar .searchbar .searchbar-icon { left: calc(4px + var(--f7safe-area-left)); }
.md .searchbar-expandable { background-color: var(--f7-searchbar-input-bgcolor); border-radius: calc(var(--f7-searchbar-expandable-size)); bottom: 0px;
height: var(--f7-searchbar-expandable-size); left: 100%; margin-left:
calc(var(--f7-searchbar-expandable-size)*-1); margin-top: calc(var(--f7searchbar-expandable-size)*-1/2); opacity: 0; transform: translateZ(0px); width:
calc(var(--f7-searchbar-expandable-size)); }
.md .searchbar-expandable.searchbar-enabled { border-radius: 0px; left: 0px;
margin-left: 0px; margin-top: 0px; opacity: 1; pointer-events: auto; width:

233.

100%; }
.aurora .searchbar input[type="search"], .aurora .searchbar input[type="text"] {
z-index: 30; }
.aurora .searchbar .input-clear-button { right: 8px; z-index: 40; }
.aurora .searchbar-icon { height: 24px; left: 5px; margin-top: -12px; position:
absolute; top: 50%; width: 24px; z-index: 40; }
.aurora .searchbar-icon::after { content: "search_md"; line-height: 24px; }
.aurora .searchbar-disable-button { color: var(--f7-searchbar-link-color,var(-f7-bars-link-color,var(--f7-theme-color))); display: none; flex-shrink: 0; fontsize: 14px; transform: translateZ(0px); transition-duration: 0.3s; }
.aurora .searchbar-disable-button.active-state { transition-duration: 0ms;
opacity: 0.3 !important; }
.aurora .searchbar-enabled .searchbar-disable-button { margin-left: 8px;
opacity: 1; pointer-events: auto; }
.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button
{ transition-duration: 0.3s !important; }
.aurora .searchbar-expandable { bottom: 0px; left: 0px; opacity: 0; overflow:
hidden; top: auto; transform: translateZ(0px); width: 100%; }
.aurora .searchbar-expandable .searchbar-disable-button { display: block;
margin-left: 8px; opacity: 1; }
.aurora .searchbar-expandable .searchbar-inner { height: var(--f7-searchbarexpandable-size); }
.aurora .searchbar-expandable.searchbar-enabled { opacity: 1; pointer-events:
auto; }
:root { --f7-message-text-header-text-color: inherit; --f7-message-text-headeropacity: 0.65; --f7-message-text-header-font-size: 12px; --f7-message-textfooter-text-color: inherit; --f7-message-text-footer-opacity: 0.65; --f7message-text-footer-font-size: 12px; --f7-message-bubble-line-height: 1.2; --f7message-header-font-size: 12px; --f7-message-footer-font-size: 11px; --f7message-name-font-size: 12px; --f7-message-name-font-weight: inherit; --f7message-avatar-border-radius: 50%; --f7-messages-title-font-weight: inherit; -f7-message-sent-text-color: #fff; --f7-messages-content-bg-color: #fff; --f7message-typing-indicator-bg-color: #000; --f7-message-received-bg-color:
#e5e5ea; --f7-message-received-text-color: #000; }
:root .dark, :root.dark { --f7-messages-title-text-color: hsla(0,0%,100%,.54);
--f7-message-header-text-color: hsla(0,0%,100%,.54); --f7-message-name-textcolor: hsla(0,0%,100%,.54); --f7-message-footer-text-color: hsla(0,0%,100%,.54);
--f7-messages-content-bg-color: transparent; --f7-message-received-bg-color:
#252525; --f7-message-received-text-color: #fff; --f7-message-typing-indicatorbg-color: #fff; }
.ios { --f7-messages-title-text-color: rgba(0,0,0,.45); --f7-messages-titlefont-size: 11px; --f7-message-header-text-color: rgba(0,0,0,.45); --f7-messagefooter-text-color: rgba(0,0,0,.45); --f7-message-name-text-color:
rgba(0,0,0,.45); --f7-message-avatar-size: 29px; --f7-message-margin: 10px; -f7-message-bubble-min-height: 32px; --f7-message-bubble-font-size: 17px; --f7message-bubble-border-radius: 16px; --f7-message-bubble-padding-vertical: 6px;
--f7-message-bubble-padding-horizontal: 16px; --f7-message-typing-indicatoropacity: 0.35; }

234.

.md { --f7-messages-title-font-size: 12px; --f7-message-avatar-size: 32px; --f7message-margin: 16px; --f7-message-bubble-min-height: 32px; --f7-message-bubblefont-size: 16px; --f7-message-bubble-border-radius: 4px; --f7-message-bubblepadding-vertical: 6px; --f7-message-bubble-padding-horizontal: 8px; --f7message-typing-indicator-opacity: 0.6; --f7-messages-title-text-color:
rgba(0,0,0,.51); --f7-message-header-text-color: rgba(0,0,0,.51); --f7-messagefooter-text-color: rgba(0,0,0,.51); --f7-message-name-text-color:
rgba(0,0,0,.51); }
.aurora { --f7-messages-title-font-size: 14px; --f7-message-avatar-size: 32px;
--f7-message-margin: 16px; --f7-message-bubble-min-height: 34px; --f7-messagebubble-font-size: 16px; --f7-message-bubble-line-height: 1.4; --f7-messagebubble-border-radius: 16px; --f7-message-bubble-padding-vertical: 6px; --f7message-bubble-padding-horizontal: 10px; --f7-message-typing-indicator-opacity:
0.5; --f7-message-header-font-size: 14px; --f7-message-footer-font-size: 12px;
--f7-message-name-font-size: 14px; --f7-messages-title-text-color:
rgba(0,0,0,.51); --f7-message-header-text-color: rgba(0,0,0,.51); --f7-messagefooter-text-color: rgba(0,0,0,.51); --f7-message-name-text-color:
rgba(0,0,0,.51); }
.messages, .messages-content { background: var(--f7-messages-content-bgcolor); }
.messages { display: flex; flex-direction: column; min-height: 100%; position:
relative; z-index: 1; }
.message, .messages-title { margin-top: var(--f7-message-margin); }
.message:last-child, .messages-title:last-child { margin-bottom: var(--f7message-margin); }
.messages-title { color: var(--f7-messages-title-text-color); font-size: var(-f7-messages-title-font-size); font-weight: var(--f7-messages-title-font-weight);
line-height: 1; text-align: center; width: 100%; }
.message { align-items: flex-end; box-sizing: border-box; display: flex; maxwidth: 70%; position: relative; transform: translateZ(0px); z-index: 1; }
.message-avatar { align-self: flex-end; background-size: cover; border-radius:
var(--f7-message-avatar-border-radius); flex-shrink: 0; height: var(--f7message-avatar-size); position: relative; width: var(--f7-message-avatarsize); }
.message-content { display: flex; flex-direction: column; position: relative; }
.message-footer, .message-header, .message-name { line-height: 1; }
.message-header { color: var(--f7-message-header-text-color); font-size: var(-f7-message-header-font-size); }
.message-footer { color: var(--f7-message-footer-text-color); font-size: var(-f7-message-footer-font-size); margin-bottom: -1em; }
.message-name { color: var(--f7-message-name-text-color); font-size: var(--f7message-name-font-size); font-weight: var(--f7-message-name-font-weight); }
.message-bubble { border-radius: var(--f7-message-bubble-border-radius); boxsizing: border-box; display: flex; flex-direction: column; font-size: var(--f7message-bubble-font-size); line-height: var(--f7-message-bubble-line-height);
min-height: var(--f7-message-bubble-min-height); padding: var(--f7-messagebubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); position:
relative; word-break: break-word; }
.message-image img { display: block; height: auto; max-width: 100%; width: auto;

235.

}
.message-text-footer, .message-text-header { line-height: 1; }
.message-text-header { color: var(--f7-message-text-header-text-color); fontsize: var(--f7-message-text-header-font-size); opacity: var(--f7-message-textheader-opacity); }
.message-text-footer { color: var(--f7-message-text-footer-text-color); fontsize: var(--f7-message-text-footer-font-size); opacity: var(--f7-message-textfooter-opacity); }
.message-text { text-align: left; }
.message-sent { align-self: flex-end; flex-direction: row-reverse; text-align:
right; }
.message-sent .message-bubble { background: var(--f7-message-sent-bgcolor,var(--f7-theme-color)); color: var(--f7-message-sent-text-color); }
.message-sent .message-content { align-items: flex-end; }
.message-sent.message-tail .message-bubble { border-radius: var(--f7-messagebubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-messagebubble-border-radius); }
.message-received { flex-direction: row; }
.message-received .message-bubble { background: var(--f7-message-received-bgcolor); color: var(--f7-message-received-text-color); }
.message-received .message-content { align-items: flex-start; }
.message-received.message-tail .message-bubble { border-radius: var(--f7message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7message-bubble-border-radius) 0; }
.message:not(.message-last) .message-avatar { opacity: 0; }
.message.message-same-footer .message-footer, .message.message-sameheader .message-header, .message.message-same-name .messagename, .message:not(.message-first) .message-name { display: none; }
.message-appear-from-bottom { animation: 0.3s ease 0s 1 normal none running
message-appear-from-bottom; }
.message-appear-from-top { animation: 0.3s ease 0s 1 normal none running
message-appear-from-top; }
.message-typing-indicator { display: inline-block; font-size: 0px; verticalalign: middle; }
.message-typing-indicator > div { background: var(--f7-message-typing-indicatorbg-color);
border-radius: 50%; display: inline-block; opacity: var(--f7-message-typingindicator-opacity); position: relative; vertical-align: middle; }
@keyframes message-appear-from-bottom {
0% { transform: translate3d(0px, 100%, 0px); }
100% { transform: translateZ(0px); }
}
@keyframes message-appear-from-top {
0% { transform: translate3d(0px, -100%, 0px); }

236.

}
100% { transform: translateZ(0px); }
.ios .message-footer b, .ios .message-header b, .ios .message-name
b, .ios .messages-title b { font-weight: 600; }
.ios .message-header, .ios .message-name { margin-bottom: 3px; }
.ios .message-footer { margin-top: 3px; }
.ios .message-bubble { min-width: 48px; }
.ios .message-image { margin: var(--f7-message-bubble-padding-vertical)
calc(var(--f7-message-bubble-padding-horizontal)*-1); }
.ios .message-image:first-child { margin-top: calc(var(--f7-message-bubblepadding-vertical)*-1); }
.ios .message-image:first-child img { border-top-left-radius: var(--f7-messagebubble-border-radius); border-top-right-radius: var(--f7-message-bubble-borderradius); }
.ios .message-image:last-child { margin-bottom: calc(var(--f7-message-bubblepadding-vertical)*-1); }
.ios .message-image:last-child img { border-bottom-left-radius: var(--f7message-bubble-border-radius); border-bottom-right-radius: var(--f7-messagebubble-border-radius); }
.ios .message-text-header { margin-bottom: 3px; }
.ios .message-text-footer { margin-top: 3px; }
.ios .message-received { margin-left: calc(10px + var(--f7-safe-area-left)); }
.ios .message-received .message-footer, .ios .message-received .messageheader, .ios .message-received .message-name { margin-left: var(--f7-messagebubble-padding-horizontal); }
.ios .message-received .message-bubble { -webkit-mask-box-image-source:
url("data:image/svg+xml;charset=utf-8,<svg height=\"35\" viewBox=\"0 0 96 70\"
width=\"48\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M96 35c1 7-5 37-42
35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z\"/></svg>"); -webkit-maskbox-image-slice: 50% 42% 46% 56% fill; -webkit-mask-box-image-width: initial; webkit-mask-box-image-outset: initial; -webkit-mask-box-image-repeat: initial;
padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); }
.ios .message-received .message-image { margin-left: calc((var(--f7-messagebubble-padding-horizontal) + 6px)*-1); }
.ios .message-received.message-tail:not(.message-typing) .message-bubble { webkit-mask-box-image-source: url("data:image/svg+xml;charset=utf-8,<svg
height=\"35\" viewBox=\"0 0 96 70\" width=\"48\"
xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M96 35c1 7-5 37-42 35-37 2-43-2842-35-1-7 5-37 42-35 37-2 43 28 42 35z\"/><path d=\"M0 70c6-2 12-10 12-19V35l14
27s-8 8-26 8z\"/></svg>"); -webkit-mask-box-image-slice: 50% 42% 46% 56% fill; webkit-mask-box-image-width: initial; -webkit-mask-box-image-outset: initial; webkit-mask-box-image-repeat: initial; }
.ios .message-received.message-tail:not(.message-typing) .messagebubble .message-image:last-child img { border-bottom-left-radius: 0px; }
.ios .message-sent { margin-right: calc(10px + var(--f7-safe-area-right)); }

237.

.ios .message-sent .message-footer, .ios .message-sent .messageheader, .ios .message-sent .message-name { margin-right: var(--f7-messagebubble-padding-horizontal); }
.ios .message-sent .message-bubble { -webkit-mask-box-image-source:
url("data:image/svg+xml;charset=utf-8,<svg height=\"35\" viewBox=\"0 0 96 70\"
width=\"48\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M84 35c1 7-5 37-42
35C5 72-1 42 0 35-1 28 5-2 42 0c37-2 43 28 42 35z\"/></svg>"); -webkit-mask-boximage-slice: 50% 56% 46% 42% fill; -webkit-mask-box-image-width: initial; webkit-mask-box-image-outset: initial; -webkit-mask-box-image-repeat: initial;
padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); }
.ios .message-sent .message-image { margin-right: calc((var(--f7-message-bubblepadding-horizontal) + 6px)*-1); }
.ios .message-sent.message-tail .message-bubble { -webkit-mask-box-image-source:
url("data:image/svg+xml;charset=utf-8,<svg height=\"35\" viewBox=\"0 0 96 70\"
width=\"48\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M84 35c1 7-5 37-42
35C5 72-1 42 0 35-1 28 5-2 42 0c37-2 43 28 42 35z\"/><path d=\"M96 70c-6-2-1210-12-19V35L70 62s8 8 26 8z\"/></svg>"); -webkit-mask-box-image-slice: 50% 56%
46% 42% fill; -webkit-mask-box-image-width: initial; -webkit-mask-box-imageoutset: initial; -webkit-mask-box-image-repeat: initial; }
.ios .message-sent.message-tail .message-bubble .message-image:last-child img
{ border-bottom-right-radius: 0px; }
.ios .message + .message:not(.message-first) { margin-top: 1px; }
.ios .message-received.message-typing .message-content::after, .ios .messagereceived.message-typing .message-content::before { background: var(--f7-messagereceived-bg-color); border-radius: 50%; content: ""; position: absolute; }
.ios .message-received.message-typing .message-content::after { bottom: 0px;
height: 11px; left: 4px; width: 11px; }
.ios .message-received.message-typing .message-content::before { bottom: -4px;
height: 6px; left: -1px; width: 6px; }
.ios .message-typing-indicator > div { height: 9px; width: 9px; }
.ios .message-typing-indicator > div + div { margin-left: 4px; }
.ios .message-typing-indicator > div:first-child { animation: 0.9s ease 0s
infinite normal none running ios-message-typing-indicator; }
.ios .message-typing-indicator > div:nth-child(2) { animation: 0.9s ease 0.15s
infinite normal none running ios-message-typing-indicator; }
.ios .message-typing-indicator > div:nth-child(3) { animation: 0.9s ease 0.3s
infinite normal none running ios-message-typing-indicator; }
@keyframes ios-message-typing-indicator {
0% { opacity: 0.35; }
25% { opacity: 0.2; }
50% { opacity: 0.2; }
}
.md .message-footer b, .md .message-header b, .md .message-name
b, .md .messages-title b { font-weight: 500; }
.md .message-header, .md .message-name { margin-bottom: 2px; }
.md .message-footer { margin-top: 2px; }

238.

.md .message-text-header { margin-bottom: 4px; }
.md .message-text-footer { margin-top: 4px; }
.md .message-received.message-tail .message-bubble::before, .md .messagesent.message-tail .message-bubble::before { bottom: 0px; content: ""; height:
0px; position: absolute; width: 0px; }
.md .message-received { margin-left: calc(8px + var(--f7-safe-area-left)); }
.md .message-received .message-avatar + .message-content { margin-left: var(-f7-message-bubble-padding-horizontal); }
.md .message-received.message-tail .message-bubble::before { border-bottom: 8px
solid var(--f7-message-received-bg-color); border-left: 8px solid transparent;
border-right: 0px solid transparent; right: 100%; }
.md .message-sent { margin-right: calc(8px + var(--f7-safe-area-right)); }
.md .message-sent .message-avatar + .message-content { margin-right: var(--f7message-bubble-padding-horizontal); }
.md .message-sent.message-tail .message-bubble::before { border-bottom: 8px
solid var(--f7-message-sent-bg-color,var(--f7-theme-color)); border-left: 0px
solid transparent; border-right: 8px solid transparent; left: 100%; }
.md .message + .message:not(.message-first) { margin-top: 8px; }
.md .message-typing-indicator > div { height: 6px; width: 6px; }
.md .message-typing-indicator > div + div { margin-left: 6px; }
.md .message-typing-indicator > div:first-child { animation: 0.9s ease 0s
infinite normal none running md-message-typing-indicator; }
.md .message-typing-indicator > div:nth-child(2) { animation: 0.9s ease 0.15s
infinite normal none running md-message-typing-indicator; }
.md .message-typing-indicator > div:nth-child(3) { animation: 0.9s ease 0.3s
infinite normal none running md-message-typing-indicator; }
@keyframes md-message-typing-indicator {
0% { transform: translateY(0px); }
25% { transform: translateY(-5px); }
50% { transform: translateY(0px); }
}
.aurora .message-footer b, .aurora .message-header b, .aurora .message-name
b, .aurora .messages-title b { font-weight: 500; }
.aurora .message-header, .aurora .message-name { margin-bottom: 2px; }
.aurora .message-footer { margin-top: 2px; }
.aurora .message-text-header { margin-bottom: 2px; }
.aurora .message-text-footer { margin-top: 2px; }
.aurora .message-received.message-tail .messagebubble::before, .aurora .message-sent.message-tail .message-bubble::before
{ bottom: 0px; content: ""; height: 0px; position: absolute; width: 0px; }
.aurora .message-image { margin: var(--f7-message-bubble-padding-vertical)
calc(var(--f7-message-bubble-padding-horizontal)*-1 + 4px); }

239.

.aurora .message-image:first-child { margin-top: calc(var(--f7-message-bubblepadding-vertical)*-1 + 4px); }
.aurora .message-image:first-child img { border-top-left-radius: var(--f7message-bubble-border-radius); border-top-right-radius: var(--f7-message-bubbleborder-radius); }
.aurora .message-image:last-child { margin-bottom: calc(var(--f7-message-bubblepadding-vertical)*-1 + 4px); }
.aurora .message-image:last-child img { border-bottom-left-radius: var(--f7message-bubble-border-radius); border-bottom-right-radius: var(--f7-messagebubble-border-radius); }
.aurora .message-received { margin-left: calc(16px + var(--f7-safe-arealeft)); }
.aurora .message-received .message-avatar + .message-content { margin-left: 5px;
}
.aurora .message-received .message-footer, .aurora .message-received .messageheader, .aurora .message-received .message-name { margin-left: var(--f7-messagebubble-padding-horizontal); }
.aurora .message-received.message-tail .message-bubble::before { border-bottom:
6px solid var(--f7-message-received-bg-color); border-left: 6px solid
transparent; border-right: 0px solid transparent; right: 100%; transform:
translate(2px) rotate(-15deg); transform-origin: right bottom; }
.aurora .message-sent { margin-right: calc(16px + var(--f7-safe-area-right));
}
.aurora .message-sent .message-avatar + .message-content { margin-right: 5px; }
.aurora .message-sent .message-footer, .aurora .message-sent .messageheader, .aurora .message-sent .message-name { margin-right: var(--f7-messagebubble-padding-horizontal); }
.aurora .message-sent.message-tail .message-bubble::before { border-bottom: 6px
solid var(--f7-message-sent-bg-color,var(--f7-theme-color)); border-left: 0px
solid transparent; border-right: 6px solid transparent; left: 100%; transform:
translate(-2px) rotate(15deg); transform-origin: left bottom; }
.aurora .message + .message:not(.message-first) { margin-top: 5px; }
.aurora .message-typing-indicator > div { height: 6px; width: 6px; }
.aurora .message-typing-indicator > div + div { margin-left: 4px; }
.aurora .message-typing-indicator > div:first-child { animation: 0.9s ease 0s
infinite normal none running aurora-message-typing-indicator; }
.aurora .message-typing-indicator > div:nth-child(2) { animation: 0.9s ease
0.15s infinite normal none running aurora-message-typing-indicator; }
.aurora .message-typing-indicator > div:nth-child(3) { animation: 0.9s ease 0.3s
infinite normal none running aurora-message-typing-indicator; }
@keyframes aurora-message-typing-indicator {
0% { transform: translateY(0px); }
50% { transform: translateY(-5px); }
100% { transform: translateY(0px); }
}

240.

:root { --f7-messagebar-shadow-image: none; --f7-messagebar-textarea-bg-color:
transparent; --f7-messagebar-attachments-height: 155px; --f7-messagebarattachment-height: 155px; --f7-messagebar-attachment-landscape-height: 120px; -f7-messagebar-sheet-height: 252px; --f7-messagebar-sheet-landscape-height:
192px; --f7-messagebar-bg-color: #fff; --f7-messagebar-bg-color-rgb:
255,255,255; }
:root .dark, :root.dark { --f7-messagebar-bg-color: var(--f7-bars-bg-color); -f7-messagebar-bg-color-rgb: var(--f7-bars-bg-color-rgb); }
.ios { --f7-messagebar-height: 44px; --f7-messagebar-font-size: 17px; --f7messagebar-border-color: transparent; --f7-messagebar-textarea-border-radius:
17px; --f7-messagebar-textarea-padding: 6px 16px; --f7-messagebar-textareaheight: 34px; --f7-messagebar-textarea-font-size: 17px; --f7-messagebartextarea-line-height: 20px; --f7-messagebar-sheet-bg-color: #d1d5da; --f7messagebar-attachment-border-radius: 12px; --f7-messagebar-textarea-text-color:
#000; --f7-messagebar-textarea-border: 1px solid #c8c8cd; --f7-messagebarattachments-border-color: #c8c8cd; }
.ios .dark, .ios.dark { --f7-messagebar-textarea-text-color: #fff; --f7messagebar-textarea-border: 1px solid var(--f7-bars-border-color); --f7messagebar-attachments-border-color: var(--f7-bars-border-color); }
.md { --f7-messagebar-height: 48px; --f7-messagebar-font-size: 16px; --f7messagebar-textarea-border-radius: 0px; --f7-messagebar-textarea-padding: 5px
8px; --f7-messagebar-textarea-height: 32px; --f7-messagebar-textarea-font-size:
16px; --f7-messagebar-textarea-line-height: 22px; --f7-messagebar-textareaborder: 1px solid transparent; --f7-messagebar-sheet-bg-color: #fff; --f7messagebar-attachment-border-radius: 4px; --f7-messagebar-link-color: #333; -f7-messagebar-border-color: #d1d1d1; --f7-messagebar-textarea-text-color: #333;
--f7-messagebar-attachments-border-color: #ddd; }
.md .dark, .md.dark { --f7-messagebar-border-color: transparent; --f7messagebar-link-color: hsla(0,0%,100%,.87); --f7-messagebar-textarea-text-color:
hsla(0,0%,100%,.87); --f7-messagebar-attachments-border-color:
hsla(0,0%,100%,.2); }
.aurora { --f7-messagebar-height: 48px; --f7-messagebar-font-size: 16px; --f7messagebar-border-color: transparent; --f7-messagebar-textarea-border-radius:
8px; --f7-messagebar-textarea-padding: 4px 8px; --f7-messagebar-textarea-height:
32px; --f7-messagebar-textarea-font-size: 16px; --f7-messagebar-textarea-lineheight: 22px; --f7-messagebar-sheet-bg-color: #fff; --f7-messagebar-attachmentborder-radius: 8px; --f7-messagebar-textarea-text-color: #000; --f7-messagebartextarea-border: 1px solid #c8c8cd; --f7-messagebar-attachments-border-color:
#c8c8cd; }
.aurora .dark, .aurora.dark { --f7-messagebar-textarea-text-color: #fff; --f7messagebar-textarea-border: 1px solid var(--f7-bars-border-color); --f7messagebar-attachments-border-color: var(--f7-bars-border-color); }
.messagebar { background: var(--f7-messagebar-bg-color); bottom: 0px; font-size:
var(--f7-messagebar-font-size); height: auto; min-height: var(--f7-messagebarheight); padding-bottom: var(--f7-safe-area-bottom); transform: translateZ(0px);
}
.messagebar::before { background-color: var(--f7-messagebar-border-color);
inset: 0px auto auto 0px; display: block; height: 1px; transform:
scaleY(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 50% 0px; zindex: 15; }
.messagebar::after, .messagebar::before { content: ""; position: absolute;
width: 100%; }

241.

.messagebar::after { background: var(--f7-messagebar-shadow-image); bottom:
100%; height: 8px; pointer-events: none; right: 0px; top: auto; transform:
translateZ(0px); }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-bars .messagebar { backdrop-filter: saturate(180%)
blur(var(--f7-bars-translucent-blur)); background-color: rgba(var(--f7messagebar-bg-color-rgb),var(--f7-bars-translucent-opacity)); }
}
.messagebar.no-border::before, .messagebar.no-hairline::before, .messagebar.noshadow::after, .messagebar.toolbar-hidden::after { display: none !important; }
.messagebar .toolbar-inner { bottom: auto; height: auto; padding-left:
calc(var(--f7-messagebar-inner-padding-left, var(--f7-toolbar-inner-paddingleft)) + var(--f7-safe-area-left)); padding-right: calc(var(--f7-messagebarinner-padding-right, var(--f7-toolbar-inner-padding-right)) + var(--f7-safearea-right)); position: relative; top: auto; }
.messagebar.messagebar-sheet-visible > .toolbar-inner { bottom: 0px; }
.messagebar .messagebar-area { flex-shrink: 1; overflow: hidden; position:
relative; width: 100%; }
.messagebar textarea { background-color: var(--f7-messagebar-textarea-bg-color);
border: var(--f7-messagebar-textarea-border); border-radius: var(--f7messagebar-textarea-border-radius); color: var(--f7-messagebar-textarea-textcolor); flex-shrink: 1; font-size: var(--f7-messagebar-textarea-font-size);
height: var(--f7-messagebar-textarea-height); line-height: var(--f7-messagebartextarea-line-height); padding: var(--f7-messagebar-textarea-padding); width:
100%; }
.messagebar a.link { align-self: flex-end; color: var(--f7-messagebar-linkcolor,var(--f7-theme-color)); flex-shrink: 0; }
.messagebar-attachments { box-sizing: border-box; font-size: 0px; overflow:
auto; position: relative; white-space: nowrap; width: 100%; }
.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments
{ display: none; }
.messagebar-attachment { background-position: 50% center; background-repeat: norepeat; background-size: cover; border-radius: var(--f7-messagebar-attachmentborder-radius); display: inline-block; height: var(--f7-messagebar-attachmentheight); position: relative; vertical-align: middle; white-space: normal; }
@media (orientation: landscape) {
.messagebar-attachment { height: var(--f7-messagebar-attachment-landscapeheight); }
}
.messagebar-attachment img { border-radius: var(--f7-messagebar-attachmentborder-radius); display: block; height: 100%; width: auto; }
.messagebar-attachment + .messagebar-attachment { margin-left: 8px; }
.messagebar-sheet { align-content: flex-start; background-color: var(--f7messagebar-sheet-bg-color); display: flex; flex-flow: column wrap; height:
var(--f7-messagebar-sheet-height); overflow: auto; padding-left: var(--f7-safearea-left); padding-right: var(--f7-safe-area-right); }
@media (orientation: landscape) {
.messagebar-sheet { height: var(--f7-messagebar-sheet-landscape-height); }

242.

}
.messagebar-sheet-image, .messagebar-sheet-item { box-sizing: border-box; flexshrink: 0; height: calc((var(--f7-messagebar-sheet-height) - 2px)/2); marginleft: 1px; margin-top: 1px; overflow: hidden; position: relative; width:
calc((var(--f7-messagebar-sheet-height) - 2px)/2); }
@media (orientation: landscape) {
.messagebar-sheet-image, .messagebar-sheet-item { height: calc((var(--f7messagebar-sheet-landscape-height) - 2px)/2); width: calc((var(--f7-messagebarsheet-landscape-height) - 2px)/2); }
}
.messagebar-sheet-image .icon-checkbox, .messagebar-sheet-image .iconradio, .messagebar-sheet-item .icon-checkbox, .messagebar-sheet-item .icon-radio
{ bottom: 8px; position: absolute; right: 8px; }
.messagebar-sheet-image { background-position: 50% center; background-repeat:
no-repeat; background-size: cover; }
.messagebar-attachment-delete { border-radius: 50%; box-shadow: rgba(0, 0, 0,
0.2) 0px 0px 2px; box-sizing: border-box; cursor: pointer; display: block;
position: absolute; }
.messagebar-attachment-delete::after, .messagebar-attachment-delete::before
{ content: ""; left: 50%; position: absolute; top: 50%; }
.messagebar-attachment-delete::after { transform: rotate(45deg); }
.messagebar-attachment-delete::before { transform: rotate(-45deg); }
.messagebar:not(.messagebar-sheet-visible) .messagebar-sheet { display: none; }
.messagebar ~ * { --f7-page-toolbar-bottom-offset: var(--f7-messagebarheight); }
.ios .messagebar a.link.icon-only:first-child { margin-left: -8px; }
.ios .messagebar a.link.icon-only:last-child { margin-right: -8px; }
.ios .messagebar .messagebar-area + a.link:not(.icon-only), .ios .messagebar
a.link:not(.icon-only) + .messagebar-area { margin-left: 8px; }
.ios .messagebar-area { margin-bottom: 5px; margin-top: 5px; }
.ios .messagebar-attachments { border-top-color: ; border-top-style: ; bordertop-width: ; border-right-color: ; border-right-style: ; border-right-width: ;
border-left-color: ; border-left-style: ; border-left-width: ; border-imagesource: ; border-image-slice:
; border-image-width: ; border-image-outset: ; border-image-repeat: ; borderbottom: none; border-radius: var(--f7-messagebar-textarea-border-radius) var(-f7-messagebar-textarea-border-radius) 0 0; padding: 5px; }
.ios .messagebar-attachments-visible .messagebar-attachments + textarea
{ border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7messagebar-textarea-border-radius); }
.ios .messagebar-attachment { font-size: 14px; }
.ios .messagebar-attachment-delete { background: rgb(125, 126, 128); border: 2px
solid rgb(255, 255, 255); height: 20px; right: 5px; top: 5px; width: 20px; }
.ios .messagebar-attachment-delete::after, .ios .messagebar-attachmentdelete::before { background: rgb(255, 255, 255); height: 2px; margin-left: -5px;

243.

margin-top: -1px; width: 10px; }
.md .messagebar-attachments { border-bottom: 1px solid var(--f7-messagebarattachments-border-color); padding: 8px; }
.md .messagebar-area { margin-bottom: 8px; margin-top: 8px; }
.md .messagebar-sheet-image .icon-checkbox, .md .messagebar-sheet-item .iconcheckbox { background: rgba(255, 255, 255, 0.25); border-color: rgb(255, 255,
255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }
.md .messagebar-attachment-delete { background-color: var(--f7-theme-color);
border-radius: 4px; height: 24px; right: 8px; top: 8px; width: 24px; }
.md .messagebar-attachment-delete::after, .md .messagebar-attachmentdelete::before { background: rgb(255, 255, 255); height: 2px; margin-left: -7px;
margin-top: -1px; width: 14px; }
.aurora .messagebar .messagebar-area + a.link, .aurora .messagebar a.link
+ .messagebar-area { margin-left: 8px; }
.aurora .messagebar-area { margin-bottom: 8px; margin-top: 8px; }
.aurora .messagebar-sheet-image .icon-checkbox, .aurora .messagebar-sheetitem .icon-checkbox { background: rgba(255, 255, 255, 0.25); border-color:
rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; }
.aurora .messagebar-attachments { border-top-color: ; border-top-style: ;
border-top-width: ; border-right-color: ; border-right-style: ; border-rightwidth: ; border-left-color: ; border-left-style: ; border-left-width: ; borderimage-source: ; border-image-slice: ; border-image-width: ; border-image-outset:
; border-image-repeat: ; border-bottom: none; border-radius: var(--f7messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0
0; padding: 8px; }
.aurora .messagebar-attachments-visible .messagebar-attachments + textarea
{ border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7messagebar-textarea-border-radius); }
.aurora .messagebar-attachment { font-size: 14px; }
.aurora .messagebar-attachment-delete { background-color: var(--f7-theme-color);
height: 24px; right: 8px; top: 8px; width: 24px; }
.aurora .messagebar-attachment-delete::after, .aurora .messagebar-attachmentdelete::before { background: rgb(255, 255, 255); height: 2px; margin-left: -7px;
margin-top: -1px; width: 14px; }
@font-face { font-family: swiper-icons; font-style: normal; font-weight: 400;
src: url("data:application/font-woff;charset=utf-8;base64,
d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAc
i6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm
2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAE
ABEBRGdhc3AAAAWYAAAACAAAAAj//
wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9
gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAc
ABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/
j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/
8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlY
GB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/
wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/
wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/
w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/
gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAG

244.

YAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZ
IBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOB
ixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq
+rwZSvIVczNiezsfnP/
uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ug
WHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/
yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/
PEJ6YOB5hKh4dj3EvXhxPqH/
SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiT
I6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1
RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/
cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLs
PfZ6zFVERPy8qHh2YER+3i/
BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDyc
AAAAAAAH//
wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6q
VQiBCv/H9ezGI6Z5XBAw8CBK/
m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4G
BgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); }
:root { --swiper-theme-color: #007aff; }
.swiper { list-style: none; margin-left: auto; margin-right: auto; overflow:
hidden; padding: 0px; position: relative; z-index: 1; }
.swiper-vertical > .swiper-wrapper { flex-direction: column; }
.swiper-wrapper { box-sizing: initial; display: flex; height: 100%; position:
relative; transition-property: transform; width: 100%; z-index: 1; }
.swiper-android .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-pointer-events { touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }
.swiper-slide { flex-shrink: 0; height: 100%; position: relative; transitionproperty: transform; width: 100%; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }
.swiper-autoheight .swiper-wrapper { align-items: flex-start; transitionproperty: transform, height; }
.swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform:
translateZ(0px); }
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiperslide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slideshadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slideshadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadowbottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadowright, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0px; pointerevents: none; position: absolute; top: 0px; width: 100%; z-index: 10; }
.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(270deg,

245.

rgba(0, 0, 0, 0.5), transparent); }
.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(90deg,
rgba(0, 0, 0, 0.5), transparent); }
.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(0deg,
rgba(0, 0, 0, 0.5), transparent); }
.swiper-3d .swiper-slide-shadow-bottom { background-image: lineargradient(rgba(0, 0, 0, 0.5), transparent); }
.swiper-css-mode > .swiper-wrapper { overflow: auto; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x
mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y
mandatory; }
.swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order:
9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child
{ margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%;
min-height: 1px; width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(-swiper-centered-offset-after); min-width: 1px; width: 100%; }
.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align:
center; }
.swiper-virtual .swiper-slide { backface-visibility: hidden; transform:
translateZ(0px); }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; left: 0px;
pointer-events: none; position: absolute; top: 0px; }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after
{ height: 1px; width: var(--swiper-virtual-size); }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { height:
var(--swiper-virtual-size); width: 1px; }
:root { --swiper-navigation-size: 44px; }
.swiper-button-next, .swiper-button-prev { align-items: center; color: var(-swiper-navigation-color,var(--swiper-theme-color)); cursor: pointer; display:
flex; height: var(--swiper-navigation-size); justify-content: center; margintop: calc(0px - var(--swiper-navigation-size)/2); position: absolute; top: 50%;
width: calc(var(--swiper-navigation-size)/44*27); z-index: 10; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-buttondisabled { cursor: auto; opacity: 0.35; pointer-events: none; }

246.

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-buttonhidden { cursor: auto; opacity: 0; pointer-events: none; }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled
.swiper-button-prev { display: none !important; }
.swiper-button-next::after, .swiper-button-prev::after { font-family: swipericons; font-size: var(--swiper-navigation-size); font-variant: normal; letterspacing: 0px; line-height: 1; text-transform: none !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right:
auto; }
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after { content:
"prev"; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right:
10px; }
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after { content:
"next"; }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transform:
translateZ(0px); transition: opacity 0.3s ease 0s; z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiperpagination-disabled { display: none !important; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-paginationbullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiperpagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { font-size: 0px; overflow: hidden; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { position:
relative; transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiperpagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform:
scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev
{ transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev
{ transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next
{ transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next
{ transform: scale(0.33); }
.swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactivecolor,#000); border-radius: 50%; display: inline-block; height: var(--swiperpagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); opacity:
var(--swiper-pagination-bullet-inactive-opacity,.2); width: var(--swiperpagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); }
button.swiper-pagination-bullet { appearance: none; border: none; box-shadow:

247.

none; margin: 0px; padding: 0px; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet:only-child { display: none !important; }
.swiper-pagination-bullet-active { background: var(--swiper-paginationcolor,var(--swiper-theme-color)); opacity: var(--swiper-pagination-bulletopacity,1); }
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical
> .swiper-pagination-bullets { right: 10px; top: 50%; transform:
translate3d(0px, -50%, 0px); }
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet
{ display: block; margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bulletsdynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-paginationbullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bulletsdynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-paginationbullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:
inline-block; transition: transform 0.2s ease 0s, top 0.2s ease 0s; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-paginationbullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiperpagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontalgap,4px); }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bulletsdynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiperpagination-bullets-dynamic { left: 50%; transform: translateX(-50%); whitespace: nowrap; }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bulletsdynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiperpagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform 0.2s ease 0s, left 0.2s ease 0s; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiperpagination-bullet { transition: transform 0.2s ease 0s, right 0.2s ease 0s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position:
absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:
var(--swiper-pagination-color,var(--swiper-theme-color)); height: 100%; left:
0px; position: absolute; top: 0px; transform: scale(0); transform-origin: left
top; width: 100%; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top; }
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-paginationprogressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiperpagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{ height: 4px; left: 0px; top: 0px; width: 100%; }
.swiper-horizontal > .swiper-pagination-progressbar.swiper-paginationprogressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-

248.

horizontal.swiper-pagination-progressbar-opposite, .swiper-paginationprogressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-paginationprogressbar { height: 100%; left: 0px; top: 0px; width: 4px; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { background: rgba(0, 0, 0, 0.1); border-radius: 10px;
position: relative; }
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiperscrollbar-disabled { display: none !important; }
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbarhorizontal { bottom: 3px; height: 5px; left: 1%; position: absolute; width: 98%;
z-index: 50; }
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiperscrollbar { height: 98%; position: absolute; right: 3px; top: 1%; width: 5px; zindex: 50; }
.swiper-scrollbar-drag { background: rgba(0, 0, 0, 0.5); border-radius: 10px;
height: 100%; left: 0px; position: relative; top: 0px; width: 100%; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { align-items: center; display: flex; height: 100%;
justify-content: center; text-align: center; width: 100%; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoomcontainer > svg { max-height: 100%; max-width: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { border-right-color: ; border-right-style: ; borderright-width: ; border-bottom-color: ; border-bottom-style: ; border-bottomwidth: ; border-left-color: ; border-left-style: ; border-left-width: ; borderimage-source: ; border-image-slice: ; border-image-width: ; border-image-outset:
; border-image-repeat: ; border-radius: 50%; border-top: 4px solid transparent;
box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top:
-21px; position: absolute; top: 50%; transform-origin: 50% center; width: 42px;
z-index: 10; }
.swiper-watch-progress .swiper-slide-visible .swiper-lazypreloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader
{ animation: 1s linear 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }
@keyframes swiper-preloader-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
.swiper .swiper-notification { left: 0px; opacity: 0; pointer-events: none;
position: absolute; top: 0px; z-index: -1000; }
.swiper-free-mode > .swiper-wrapper { margin: 0px auto; transition-timingfunction: ease-out; }
.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

249.

.swiper-grid-column > .swiper-wrapper { flex-flow: column wrap; }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: easeout; }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiperslide-active { pointer-events: auto; }
.swiper-cube { overflow: visible; }
.swiper-cube .swiper-slide { backface-visibility: hidden; height: 100%; pointerevents: none; transform-origin: 0px 0px; visibility: hidden; width: 100%; zindex: 1; }
.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiperslide-active { pointer-events: auto; }
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube
.swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointerevents: auto; visibility: visible; }
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadowleft, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slideshadow-top { backface-visibility: hidden; z-index: 0; }
.swiper-cube .swiper-cube-shadow { bottom: 0px; height: 100%; left: 0px;
opacity: 0.6; position: absolute; width: 100%; z-index: 0; }
.swiper-cube .swiper-cube-shadow::before { background: rgb(0, 0, 0); inset: 0px;
content: ""; filter: blur(50px); position: absolute; }
.swiper-flip { overflow: visible; }
.swiper-flip .swiper-slide { backface-visibility: hidden; pointer-events: none;
z-index:
1; }
.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiperslide-active { pointer-events: auto; }
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadowleft, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slideshadow-top { backface-visibility: hidden; z-index: 0; }
.swiper-creative .swiper-slide { backface-visibility: hidden; overflow: hidden;
transition-property: transform, opacity, height; }
.swiper-cards { overflow: visible; }
.swiper-cards .swiper-slide { backface-visibility: hidden; overflow: hidden;
transform-origin: center bottom; }

250.

:root { --swiper-theme-color: var(--f7-theme-color); }
.color-theme-red { --swiper-theme-color: #ff3b30; }
.color-theme-green { --swiper-theme-color: #4cd964; }
.color-theme-blue { --swiper-theme-color: #2196f3; }
.color-theme-pink { --swiper-theme-color: #ff2d55; }
.color-theme-yellow { --swiper-theme-color: #fc0; }
.color-theme-orange { --swiper-theme-color: #ff9500; }
.color-theme-purple { --swiper-theme-color: #9c27b0; }
.color-theme-deeppurple { --swiper-theme-color: #673ab7; }
.color-theme-lightblue { --swiper-theme-color: #5ac8fa; }
.color-theme-teal { --swiper-theme-color: #009688; }
.color-theme-lime { --swiper-theme-color: #cddc39; }
.color-theme-deeporange { --swiper-theme-color: #ff6b22; }
.color-theme-gray { --swiper-theme-color: #8e8e93; }
.color-theme-white { --swiper-theme-color: #fff; }
.color-theme-black { --swiper-theme-color: #000; }
.color-red { --swiper-theme-color: #ff3b30; }
.color-green { --swiper-theme-color: #4cd964; }
.color-blue { --swiper-theme-color: #2196f3; }
.color-pink { --swiper-theme-color: #ff2d55; }
.color-yellow { --swiper-theme-color: #fc0; }
.color-orange { --swiper-theme-color: #ff9500; }
.color-purple { --swiper-theme-color: #9c27b0; }
.color-deeppurple { --swiper-theme-color: #673ab7; }
.color-lightblue { --swiper-theme-color: #5ac8fa; }
.color-teal { --swiper-theme-color: #009688; }
.color-lime { --swiper-theme-color: #cddc39; }
.color-deeporange { --swiper-theme-color: #ff6b22; }
.color-gray { --swiper-theme-color: #8e8e93; }
.color-white { --swiper-theme-color: #fff; }
.color-black { --swiper-theme-color: #000; }
:root { --f7-photobrowser-bg-color: #fff; --f7-photobrowser-bars-bg-image: none;
--f7-photobrowser-caption-font-size: 14px; --f7-photobrowser-caption-light-text-

251.

color: #000; --f7-photobrowser-caption-light-bg-color: hsla(0,0%,100%,.8); --f7photobrowser-caption-dark-text-color: #fff; --f7-photobrowser-caption-dark-bgcolor: rgba(0,0,0,.8); --f7-photobrowser-exposed-bg-color: #000; --f7photobrowser-dark-bg-color: #000; --f7-photobrowser-dark-bars-bg-color:
rgba(27,27,27,.8); --f7-photobrowser-dark-bars-text-color: #fff; --f7photobrowser-dark-bars-link-color: #fff; }
.photo-browser { height: 100%; left: 0px; position: absolute; top: 0px; width:
100%; z-index: 400; }
.photo-browser-standalone.modal-in { animation: 0.4s ease 0s 1 normal none
running photo-browser-in; transition-duration: 0ms; }
.photo-browser-standalone.modal-out { transition-duration: 0ms; animation: 0.4s
ease 0s 1 normal none running photo-browser-out !important; }
.photo-browser-standalone.modal-out.swipe-close-to-bottom, .photo-browserstandalone.modal-out.swipe-close-to-top { animation: auto ease 0s 1 normal none
running none !important; }
.photo-browser-standalone.photo-browser-transitioning { transition: transform
0.4s ease 0s; animation: auto ease 0s 1 normal none running none !important; }
.photo-browser-popup.modal-out.swipe-close-to-bottom, .photo-browserpopup.modal-out.swipe-close-to-top { transition-duration: 0.3s; }
.photo-browser-popup.modal-out.swipe-close-to-bottom { transform:
translate3d(0px, 100vh, 0px); }
.photo-browser-popup.modal-out.swipe-close-to-top { transform: translate3d(0px,
-100vh, 0px); }
.photo-browser-page { background: none; }
.photo-browser-page .toolbar { transform: none; }
.photo-browser-popup { background: none; }
.photo-browser-of { margin: 0px 5px; }
.photo-browser-captions { bottom: var(--f7-safe-area-bottom); left: 0px;
opacity: 1; pointer-events: none; position: absolute; transition: all 0.4s ease
0s; width: 100%; z-index: 10; }
.photo-browser-captions.photo-browser-captions-exposed { opacity: 0; }
.toolbar ~ .photo-browser-captions { bottom: calc(var(--f7-toolbar-height) +
var(--f7-safe-area-bottom)); transform: translateZ(0px); }
.toolbar ~ .photo-browser-captions.photo-browser-captions-exposed { transform:
translateZ(0px); }
.photo-browser-caption { bottom: 0px; box-sizing: border-box; font-size: var(-f7-photobrowser-caption-font-size); left: 0px; opacity: 0; padding: 4px 5px;
position: absolute; text-align: center; transition: all 0.3s ease 0s; width:
100%; }
.photo-browser-caption:empty { display: none; }
.photo-browser-caption.photo-browser-caption-active { opacity: 1; }
.photo-browser-captions-light .photo-browser-caption { background: var(--f7photobrowser-caption-light-bg-color); color: var(--f7-photobrowser-captionlight-text-color); }

252.

.photo-browser-captions-dark .photo-browser-caption { background: var(--f7photobrowser-caption-dark-bg-color); color: var(--f7-photobrowser-caption-darktext-color); }
.photo-browser-swiper-container { background: var(--f7-photobrowser-bg-color);
height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px;
transition: background-color 0.4s ease 0s; width: 100%; }
.photo-browser-next.swiper-button-disabled, .photo-browser-prev.swiper-buttondisabled { opacity: 0.3; pointer-events: none; }
.photo-browser-slide { align-items: center; box-sizing: border-box; display:
flex; flex-shrink: 0; height: 100%; justify-content: center; overflow: hidden;
position: relative; width: 100%; }
.photo-browser-slide span.swiper-zoom-container { display: none; }
.photo-browser-slide img { display: none; height: auto; max-height: 100%; maxwidth: 100%; width: auto; }
.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, .photobrowser-slide.swiper-slide-next span.swiper-zoom-container, .photo-browserslide.swiper-slide-prev span.swiper-zoom-container { display: flex; }
.photo-browser-slide.swiper-slide-active img, .photo-browser-slide.swiper-slidenext img, .photo-browser-slide.swiper-slide-prev img { display: inline; }
.photo-browser-slide.swiper-slide-active.photo-browser-slidelazy .preloader, .photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy
.preloader, .photo-browser-slide.swiper-slide-prev.photo-browser-slidelazy .preloader { display: block; }
.photo-browser-slide iframe { height: 100%; width: 100%; }
.photo-browser-slide .preloader { display: none; height: 42px; left: 50%;
margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; width:
42px; }
.navbar-photo-browser .navbar-bg, .photo-browser-page .navbar-bg, .photobrowser-page .toolbar { background-color: var(--f7-photobrowser-bars-bgcolor,rgba(var(--f7-bars-bg-color-rgb),.95)); background-image: var(--f7photobrowser-bars-bg-image); }
.photo-browser-page .navbar, .photo-browser-page .toolbar { color: var(--f7photobrowser-bars-text-color,var(--f7-bars-text-color)); transform:
translateZ(0px); transition: all 0.4s ease 0s; }
.photo-browser-page .navbar a, .photo-browser-page .toolbar a { color: var(--f7photobrowser-bars-link-color,var(--f7-bars-link-color,var(--f7-theme-color))); }
.photo-browser-exposed .navbar, .photo-browser-exposed .toolbar { opacity: 0;
pointer-events: none; visibility: hidden; }
.photo-browser-exposed .toolbar ~ .photo-browser-captions { transform:
translate3d(0,var(--f7-toolbar-height),0); }
.photo-browser-exposed .photo-browser-swiper-container { background: var(--f7photobrowser-exposed-bg-color); }
.photo-browser-exposed .photo-browser-caption { background: var(--f7photobrowser-caption-dark-bg-color); color: var(--f7-photobrowser-caption-darktext-color); }

253.

.view.with-photo-browser-page-exposed .navbar { opacity: 0; pointer-events:
none; }
.navbar-photo-browser-dark .navbar-bg, .photo-browser-page-dark .navbarbg, .photo-browser-page-dark .toolbar { background: var(--f7-photobrowser-darkbars-bg-color); }
.navbar-photo-browser-dark .navbar-bg::after, .navbar-photo-browserdark .navbar-bg::before, .photo-browser-page-dark .navbar-bg::after, .photobrowser-page-dark .navbar-bg::before, .photo-browser-pagedark .toolbar::after, .photo-browser-page-dark .toolbar::before { display:
none !important; }
.navbar-photo-browser-dark, .photo-browser-dark .navbar, .photo-browserdark .toolbar, .photo-browser-page-dark .navbar, .photo-browser-pagedark .toolbar { color: var(--f7-photobrowser-dark-bars-text-color); }
.navbar-photo-browser-dark a, .photo-browser-dark .navbar a, .photo-browser-dark
.toolbar a, .photo-browser-page-dark .navbar a, .photo-browser-pagedark .toolbar a { color: var(--f7-photobrowser-dark-bars-link-color); }
.photo-browser-dark .photo-browser-swiper-container, .photo-browser-pagedark .photo-browser-swiper-container { background: var(--f7-photobrowser-darkbg-color); }
@keyframes photo-browser-in {
0% { opacity: 0; transform: translateZ(0px) scale(0.5); }
50% { opacity: 1; transform: translateZ(0px) scale(1.05); }
100% { opacity: 1; transform: translateZ(0px) scale(1); }
}
@keyframes photo-browser-out {
0% { opacity: 1; transform: translateZ(0px) scale(1); }
50% { opacity: 1; transform: translateZ(0px) scale(1.05); }
100% { opacity: 0; transform: translateZ(0px) scale(0.5); }
}
:root { --f7-notification-max-width: 568px; --f7-notification-subtitle-texttransform: none; --f7-notification-subtitle-line-height: 1.35; --f7notification-text-text-transform: none; --f7-notification-text-font-weight: 400;
}
:root .dark, :root.dark { --f7-notification-subtitle-color: #fff; }
.ios { --f7-notification-margin: 8px; --f7-notification-padding:
10px; --f7-notification-border-radius: 12px; --f7-notification-box-shadow: 0px
5px 25px -10px rgba(0,0,0,.7); --f7-notification-icon-size: 20px; --f7notification-title-font-size: 13px; --f7-notification-title-text-transform:
uppercase; --f7-notification-title-line-height: 1.4; --f7-notification-titlefont-weight: 400; --f7-notification-title-letter-spacing: 0.02em; --f7notification-title-right-font-size: 13px; --f7-notification-subtitle-font-size:
15px; --f7-notification-subtitle-font-weight: 600; --f7-notification-text-fontsize: 15px; --f7-notification-text-line-height: 1.2; --f7-notification-bg-color:
hsla(0,0%,98%,.95); --f7-notification-bg-color-rgb: 255,255,255; --f7notification-title-color: #000; --f7-notification-title-right-color:
rgba(0,0,0,.45); --f7-notification-subtitle-color: #000; --f7-notification-textcolor: #000; }
.ios .dark, .ios.dark { --f7-notification-bg-color: rgba(30,30,30,.95); --f7notification-bg-color-rgb: 30,30,30; --f7-notification-title-color: #fff; --f7notification-text-color: #fff; --f7-notification-title-right-color:
hsla(0,0%,100%,.55); }
.md { --f7-notification-margin: 0px; --f7-notification-padding: 16px; --f7-

254.

notification-border-radius: 0px; --f7-notification-box-shadow: 0 2px 4px
rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.24); --f7-notification-icon-size: 16px; -f7-notification-title-color: var(--f7-theme-color); --f7-notification-titlefont-size: 12px; --f7-notification-title-text-transform: none; --f7notification-title-line-height: 1; --f7-notification-title-font-weight: 400; -f7-notification-title-right-font-size: 12px; --f7-notification-subtitle-fontsize: 14px; --f7-notification-subtitle-font-weight: 400; --f7-notification-textfont-size: 14px; --f7-notification-text-line-height: 1.35; --f7-notification-bgcolor: #fff; --f7-notification-title-right-color: rgba(0,0,0,.54); --f7notification-subtitle-color: #212121; --f7-notification-text-color:
rgba(0,0,0,.54); }
.md .dark, .md.dark { --f7-notification-bg-color: #242424; --f7-notificationtitle-right-color: hsla(0,0%,100%,.54); --f7-notification-text-color:
hsla(0,0%,100%,.54); }
.aurora { --f7-notification-margin: 16px; --f7-notification-padding: 16px; --f7notification-border-radius: 8px; --f7-notification-box-shadow: 0px 5px 25px 10px rgba(0,0,0,.7); --f7-notification-icon-size: 24px; --f7-notification-titlefont-size: 16px; --f7-notification-title-text-transform: none; --f7notification-title-line-height: 1.4; --f7-notification-title-font-weight: 600;
--f7-notification-title-letter-spacing: 0.02em; --f7-notification-title-rightfont-size: 14px; --f7-notification-subtitle-font-size: 14px; --f7-notificationsubtitle-font-weight: 600; --f7-notification-text-font-size: 14px; --f7notification-text-line-height: 1.35; --f7-notification-bg-color: #fff; --f7notification-title-color: #000; --f7-notification-title-right-color:
rgba(0,0,0,.6); --f7-notification-subtitle-color: #000; --f7-notification-textcolor: #000; }
.aurora .dark, .aurora.dark { --f7-notification-bg-color: #242424; --f7notification-title-color: #fff; --f7-notification-text-color: #fff; --f7notification-title-right-color: hsla(0,0%,100%,.54); }
.notification { --f7-link-highlight-color: var(--f7-link-highlight-black); --f7touch-ripple-color: var(--f7-touch-ripple-black); background: var(--f7notification-bg-color); border: none; border-radius: var(--f7-notificationborder-radius); box-shadow: var(--f7-notification-box-shadow); box-sizing:
border-box; direction: ltr; display: none; font-size: 14px; left: var(--f7notification-margin); margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
margin-top: var(--f7-safe-area-top); max-width: var(--f7-notification-maxwidth); padding: var(--f7-notification-padding); position: absolute; top: var(-f7-notification-margin); transition-property: transform; width: calc(100% var(--f7-notification-margin)*2); z-index: 20000; }
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px)))
{
.ios-translucent-modals .notification { backdrop-filter: saturate(180%)
blur(20px); background-color: rgba(var(--f7-notification-bg-color-rgb),.8); }
}
@media (min-width: 568px) {
.notification { left: 50%; margin-left: calc(var(--f7-notification-maxwidth)*-1/2); width: var(--f7-notification-max-width); }
}
.notification-title { color: var(--f7-notification-title-color,var(--f7-themecolor)); font-size: var(--f7-notification-title-font-size); font-weight: var(-f7-notification-title-font-weight); letter-spacing: var(--f7-notification-titleletter-spacing); line-height: var(--f7-notification-title-line-height); texttransform: var(--f7-notification-title-text-transform); }
.notification-subtitle { color: var(--f7-notification-subtitle-color); fontsize: var(--f7-notification-subtitle-font-size); font-weight: var(--f7notification-subtitle-font-weight); line-height: var(--f7-notification-subtitle-

255.

line-height); text-transform: var(--f7-notification-subtitle-text-transform); }
.notification-text { color: var(--f7-notification-text-color); font-size: var(-f7-notification-text-font-size); font-weight: var(--f7-notification-text-fontweight); line-height: var(--f7-notification-text-line-height); text-transform:
var(--f7-notification-text-text-transform); }
.notification-title-right-text { color: var(--f7-notification-title-rightcolor); font-size: var(--f7-notification-title-right-font-size); }
.notification-icon { font-size: 0px; line-height: var(--f7-notification-iconsize); }
.notification-icon, .notification-icon i { height: var(--f7-notification-iconsize) !important; width: var(--f7-notification-icon-size) !important; }
.notification-icon i { font-size: var(--f7-notification-icon-size); }
.notification-icon img { height: var(--f7-notification-icon-size); }
.notification-header { align-items: center; display: flex; justify-content:
flex-start; }
.notification-close-button { cursor: pointer; margin-left: auto; position:
relative; }
.notification-close-button::after { overflow-wrap: normal; -webkit-fontsmoothing: antialiased; font-feature-settings: "liga"; direction: ltr; display:
block; font-family: framework7-core-icons; font-size: 20px; font-style: normal;
font-weight: 400; height: 100%; left: 50%; letter-spacing: normal; line-height:
1; position: absolute; text-align: center; text-rendering: optimizelegibility;
text-transform: none; top: 50%; white-space: nowrap; width: 100%; }
.ios .notification { transform: translate3d(0px, -200%, 0px); transitionduration: 0.45s; }
.ios .notification.modal-in { opacity: 1; transform: translateZ(0px); }
.ios .notification.modal-out { transform: translate3d(0px, -200%, 0px); }
.ios .notification-icon { margin-right: 8px; }
.ios .notification-header + .notification-content { margin-top: 10px; }
.ios .notification-title-right-text { margin-left: auto; margin-right: 6px; }
.ios .notification-title-right-text + .notification-close-button { margin-left:
10px; }
.ios .notification-close-button { font-size: 14px; height: 20px; opacity: 0.3;
transition-duration: 0.3s; width: 20px; }
.ios .notification-close-button.active-state { opacity: 0.1; transitionduration: 0ms; }
.ios .notification-close-button::after { color: rgb(0, 0, 0); content:
"notification_close_ios"; font-size: 0.65em; height: 44px; line-height: 44px;
margin-left: -22px; margin-top: -22px; width: 44px; }
.ios .dark .notification-close-button::after, .ios.dark .notification-closebutton::after { color: rgb(255, 255, 255); }
.md .notification { transform: translate3d(0px, -150%, 0px); }

256.

.md .notification.modal-in { animation: 0.4s ease-out 0s 1 normal none running
notification-md-in; transform: translateZ(0px); transition-duration: 0ms; }
.md .notification.modal-in.notification-transitioning { transition-duration:
0.2s; }
.md .notification.modal-out { animation: auto ease 0s 1 normal none running
none; transform: translate3d(0px, -150%, 0px); transition-duration: 0.2s;
transition-timing-function: ease-in; }
.md .notification-icon { margin-right: 8px; }
.md .notification-subtitle + .notification-text { margin-top: 2px; }
.md .notification-header + .notification-content { margin-top: 6px; }
.md .notification-title-right-text { margin-left: 4px; }
.md .notification-title-right-text::before { background: var(--f7-notificationtitle-right-color); border-radius: 50%; content: ""; display: inline-block;
height: 3px; margin-right: 4px; vertical-align: middle; width: 3px; }
.md .notification-close-button { height: 16px; transition-duration: 0.3s; width:
16px; }
.md .notification-close-button::before { background-image: radialgradient(circle at center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0)
66%); background-position: 50% center; background-repeat: no-repeat; backgroundsize: 100% 100%; content: ""; height: 152%; left: -26%; opacity: 0; pointerevents: none; position: absolute; top: -26%; transition-duration: 0.3s;
transition-property: opacity; width: 152%; }
.md .notification-close-button.icon-only::before, .md .notification-closebutton.input-clear-button::before, .md .notification-close-button.notificationclose-button::before, .md .notification-close-button.rippleinset::before, .md .notification-close-button.searchbar-disable-button::before {
background-image: radial-gradient(circle at center,var(--f7-link-highlightcolor) 71%,hsla(0,0%,100%,0) 71%); height: 100%; left: 0px; top: 0px; width:
100%; }
.md .notification-close-button.active-state::before { opacity: 1; transitionduration: 0.15s; }
.md .notification-close-button::after, .md .notification-close-button::before
{ height: 48px; left: 50%; margin-left: -24px; margin-top: -24px; top: 50%;
width: 48px; }
.md .notification-close-button::after { color: rgb(115, 115, 115); content:
"delete_md"; font-size: 14px; line-height: 48px; }
@keyframes notification-md-in {
0% { transform: translate3d(0px, -150%,
0px); }
50% { transform: translate3d(0px, 10%, 0px); }
100% { transform: translateZ(0px); }
}
.aurora .notification { transform: translate3d(0px, -200%, 0px); transitionduration: 0.45s; }
.aurora .notification.modal-in { opacity: 1; transform: translateZ(0px); }
.aurora .notification.modal-out { transform: translate3d(0px, -200%, 0px); }

257.

.aurora .notification-icon { margin-right: 8px; }
.aurora .notification-header + .notification-content { margin-top: 8px; }
.aurora .notification-title-right-text { margin-left: auto; margin-right: 0px; }
.aurora .notification-title-right-text + .notification-close-button { marginleft: 8px; }
.aurora .notification-close-button { font-size: 14px; height: 20px; opacity:
0.4; transition-duration: 0.3s; width: 20px; }
.aurora .notification-close-button:hover { opacity: 0.5; transition-duration:
0ms; }
.aurora .notification-close-button.active-state { opacity: 0.6; transitionduration: 0ms; }
.aurora .notification-close-button::after { color: rgb(0, 0, 0); content:
"notification_close_ios"; font-size: 0.65em; height: 44px; line-height: 44px;
margin-left: -22px; margin-top: -22px; width: 44px; }
.aurora .dark .notification-close-button::after, .aurora.dark .notificationclose-button::after { color: rgb(255, 255, 255); }
:root { --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; --f7autocomplete-dropdown-preloader-size: 20px; --f7-autocomplete-dropdown-fontsize: var(--f7-list-font-size); --f7-autocomplete-dropdown-bg-color: #fff; }
:root .dark, :root.dark { --f7-autocomplete-dropdown-bg-color: #1c1c1d; }
.ios { --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0,0,0,.2); --f7autocomplete-dropdown-text-matching-font-weight: 600; --f7-autocompletedropdown-text-color: #000; --f7-autocomplete-dropdown-text-matching-color: #000;
}
.ios .dark, .ios.dark { --f7-autocomplete-dropdown-text-color: #fff; --f7autocomplete-dropdown-text-matching-color: #fff; }
.md { --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0,0,0,.25); --f7autocomplete-dropdown-text-matching-font-weight: 400; --f7-autocompletedropdown-text-color: rgba(0,0,0,.54); --f7-autocomplete-dropdown-text-matchingcolor: #212121; }
.md .dark, .md.dark { --f7-autocomplete-dropdown-text-color:
hsla(0,0%,100%,.54); --f7-autocomplete-dropdown-text-matching-color:
hsla(0,0%,100%,.87); }
.aurora { --f7-autocomplete-dropdown-box-shadow: 0px 1px 2px rgba(0,0,0,.2); -f7-autocomplete-dropdown-text-matching-font-weight: 700; --f7-autocompletedropdown-text-color: #000; --f7-autocomplete-dropdown-text-matching-color: #000;
}
.aurora .dark, .aurora.dark { --f7-autocomplete-dropdown-text-color: #fff; --f7autocomplete-dropdown-text-matching-color: #fff; }
.autocomplete-page .autocomplete-found { display: block; }
.autocomplete-page .autocomplete-not-found { display: none; }
.autocomplete-page .autocomplete-values { display: block; }
.autocomplete-page .list ul:empty { display: none; }

258.

.autocomplete-preloader:not(.autocomplete-preloader-visible) { visibility:
hidden; }
.autocomplete-preloader:not(.autocomplete-preloader-visible), .autocompletepreloader:not(.autocomplete-preloader-visible) * { animation: auto ease 0s 1
normal none running none; }
.autocomplete-dropdown { background: var(--f7-autocomplete-dropdown-bg-color);
box-shadow: var(--f7-autocomplete-dropdown-box-shadow); box-sizing: border-box;
left: 0px; position: absolute; width: 100%; z-index: 500; }
.autocomplete-dropdown .autocomplete-dropdown-inner { height: 100%; overflow:
auto; position: relative; z-index: 1; }
.autocomplete-dropdown .autocomplete-preloader { bottom: 100%; display: none;
height: var(--f7-autocomplete-dropdown-preloader-size); position: absolute;
width: var(--f7-autocomplete-dropdown-preloader-size); }
.autocomplete-dropdown .autocomplete-preloader-visible { display: block; }
.autocomplete-dropdown .autocomplete-dropdown-placeholder { color: var(--f7autocomplete-dropdown-placeholder-color); }
.autocomplete-dropdown .list { color: var(--f7-autocomplete-dropdown-textcolor); font-size: var(--f7-autocomplete-dropdown-font-size); margin: 0px; }
.autocomplete-dropdown .list b { color: var(--f7-autocomplete-dropdown-textmatching-color); font-weight: var(--f7-autocomplete-dropdown-text-matching-fontweight); }
.autocomplete-dropdown .list ul { background: none !important; }
.autocomplete-dropdown .list ul::after, .autocomplete-dropdown .list ul::before
{ display: none !important; }
.autocomplete-dropdown .autocomplete-dropdown-selected { background: var(--f7autocomplete-dropdown-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2)); }
.searchbar-input-wrap .autocomplete-dropdown { background-color: var(--f7searchbar-input-bg-color,var(--f7-searchbar-bg-color)); border-radius: var(--f7searchbar-input-border-radius); }
.searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder
{ color: var(--f7-searchbar-placeholder-color); }
.searchbar-input-wrap .autocomplete-dropdown li:last-child { border-radius: 0 0
var(--f7-searchbar-input-border-radius) var(--f7-searchbar-input-border-radius);
overflow: hidden; position: relative; }
.searchbar-input-wrap .autocomplete-dropdown .item-content { padding-left:
calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-inputextra-padding-left, 0px)); }
.list .item-content-dropdown-expanded .item-title.item-label { flex-shrink: 10;
overflow: hidden; width: 0px; }
.list .item-content-dropdown-expanded .item-title.item-label + .item-input-wrap
{ margin-left: 0px; }
.list .item-content-dropdown-expanded .item-input-wrap { width: 100%; }
.ios .autocomplete-dropdown .autocomplete-preloader { margin-bottom: 12px;
right: 16px; }

259.

.ios .searchbar-input-wrap .autocomplete-dropdown { margin-top: calc(var(--f7searchbar-input-height)*-1); top: 100%; z-index: 20; }
.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner {
padding-top: var(--f7-searchbar-input-height); }
.md .autocomplete-page .navbar .autocomplete-preloader { margin-right: 8px; }
.md .autocomplete-popup .navbar .autocomplete-preloader { margin-left: 8px;
margin-right: 16px; }
.md .autocomplete-dropdown .autocomplete-preloader { margin-bottom: 8px; right:
16px; }
.md .autocomplete-dropdown .autocomplete-preloader circle { stroke-width: 3; }
.aurora .autocomplete-dropdown .autocomplete-preloader { margin-bottom: 2px;
right: 16px; }
.aurora .searchbar-input-wrap .autocomplete-dropdown { margin-top: calc(var(-f7-searchbar-input-height)*-1); top: 100%; z-index: 20; }
.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdowninner { padding-top: var(--f7-searchbar-input-height); }
:root { --f7-tooltip-bg-color: rgba(0,0,0,.87); --f7-tooltip-text-color: #fff;
--f7-tooltip-border-radius: 4px; --f7-tooltip-padding: 8px 16px; --f7-tooltipfont-size: 14px; --f7-tooltip-font-weight: 500; --f7-tooltip-desktop-padding:
6px 8px; --f7-tooltip-desktop-font-size: 12px; }
.tooltip { background: var(--f7-tooltip-bg-color); border-radius: var(--f7tooltip-border-radius); box-sizing: border-box; color: var(--f7-tooltip-textcolor); font-size: var(--f7-tooltip-font-size); font-weight: var(--f7-tooltipfont-weight); line-height: 1.2; opacity: 0; padding: var(--f7-tooltip-padding);
position: absolute; transform: scale(0.9); transition-duration: 0.15s;
transition-property: opacity, transform; z-index: 99000; }
.tooltip.tooltip-in { opacity: 1; transform: scale(1); }
.tooltip.tooltip-out { opacity: 0; transform: scale(1); }
.device-desktop .tooltip { font-size: var(--f7-tooltip-desktop-font-size);
padding: var(--f7-tooltip-desktop-padding); }
.gauge { display: inline-block; margin-left: auto; margin-right: auto; position:
relative; text-align: center; }
.gauge svg, .gauge-svg { height: auto; max-width: 100%; }
.gauge svg circle, .gauge svg path, .gauge-svg circle, .gauge-svg path
{ transition-duration: 0.4s; }
.skeleton-block { display: block; height: 1em; width: 100%; background: var(-skeleton-color) !important; }
@font-face { font-display: block; font-family: skeleton; src:
url("data:application/font-woff;charset=utf8;base64,d09GRgABAAAAAAYAAA0AAAAAESgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAA
AABoAAAAclcTxx09TLzIAAAFMAAAASwAAAGBRtV1jY21hcAAAAZgAAAC9AAABamglddJjdnQgAAACWAA
AAAQAAAAEABEBRGdhc3AAAAJcAAAACAAAAAj//
wADZ2x5ZgAAAmQAAACTAAAJdL6KsfZoZWFkAAAC+AAAAC4AAAA2GgvLb2hoZWEAAAMoAAAAGgAAACQC8
ADFaG10eAAAA0QAAAATAAAAtAMAABFsb2NhAAADWAAAAK4AAACuaF5mEm1heHAAAAQIAAAAHwAAACAAm
gA5bmFtZQAABCgAAAE5AAACNKbyxURwb3N0AAAFZAAAAJkAAADOCL0Ic3icY2BgYGQAgts30q6A6DvfX
CthNABZwwgPAAB4nGNgYWRgnMDAysDA6MOYxsDA4A6lvzJIMrQwMDAxsHIywAAjAxIISHNNYWhgUGCoZ

260.

Tzw/
wCDHuMBBgeYGsYDQB4DUI4RAOnYC70AeJxjYGBgZoBgGQZGBhBIAfIYwXwWBg8gzcfAwcDEwMagxKDFY
M0QyxDPUPv/P1BcgUGNQYfBEchP/P///+P/D/7f/3/r/83/
N6DmIAFGNga4ICMTkGBCVwB0AgsrkMHGzsHJxcDNw8vHLyAoJCwiKiYuISkFViMtIysnr6CopKyiqqau
oamlraOrp29gaGRsYmpmzmDBYGllbWNrZ+/
g6OTs4urm7uHp5e3j6+cfEBgUHBKK7iL6AwBJLiG7AAAAABEBRAAAAAH//
wACeJztzrENwjAUBNA7O4nrXzBAREEHEm5dsERWyApZIStkBip7ggzCCmyAEmxCQYNESfG7r3un04eBA
JjYwcLhGIlTSK7C/
Ryb+haSNflEtCWuS5xcw0dILLkXLwcvexmHvme3XIU+rxFYZ4Jz3sROWiEuBgug9tXMh7lN21djxbu1N
f/pZzU1NTU1NbWf7QnZ5mwOAHicY2BkYGAAYrZdrHLx/DZfGbiZGEDgzjfXSgT9/
wAjA+MBIJeDASwNAA4cCj0AAHicY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB4nGNkYBBkAAJGKB4KA
AAOfQAVAAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBc
gGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C7AL6AwgDF
gMkAzIDQANOA1wDagN4A4YDlAOiA7ADvgPMA9oD6AP2BAQEEgQgBC4EPARKBFgEZgR0BIIEkASeBKwEu
gAAeJxjYGRgYAhj4GBgYgABEMnIABJzYNADCQAADScA1AB4nH2PvW7CMBSFj/
krXSpeoJKHDiAR6mRAFStSVIkFMWToFhErWCQkMmFAVR+hax+hY5+vY0+MWTqQ6Mqfj4/
vPQbwgB8IXL4xNp4Fhvj03MEdvj138YRfzz0MxbPnPkbizfOA+gedonfP3drdallghHfPHc798tzFKzN
cuMc+j577kOLF84D6HktUqHGGhUGOHRpIZt5iwjWCYoWYkhMUSJHRVbIslRXdKanVS/
Yw7hTLqj5bk+8aOd5OZKSicCqTIs1Maaxc7VJbpGVtMjqP2EPzuubQCgcKe13opiJtKOY4ud6WW52fip
QQO2PjVkuHdilnzCmxYP1veVHbNwSYs64vQlwdmriyuZbRTMmFvI4mRmEwD9rcNxMmFC0Nxs9R/
EOXRLk0SLQ9GjZUKpwppeStbn/Mg1tYAAAAeJxdzlkz
ggEARuGn1EXUWEJFubJU1iyRJcbQJoRC9t/
dn8k3XXZu3plz8c4RNmI4kAkmZJzXkQ2bEBEVM2lKXMK0GbPmJM1bsCglHTwsWZaVs2LVmnUb8gqKNm3
ZtmPXnpJ9Bw4dKTt2ouLUmXMXqi5duXbjVk1dQ1PLnbZ7Dx51PHn2oqsXdL151/fh05dvP379/
QOXKRMwAAAA") format("woff"); }
.skeleton-text { user-select: none; font-family: skeleton !important; }
.skeleton-text, .skeleton-text * { color: var(--skeleton-color) !important;
letter-spacing: -0.03em !important; }
.skeleton-image { display: inline-block; }
.skeleton-image svg { height: auto; max-width: 100%; }
.skeleton-image polygon { fill: var(--skeleton-color); }
.skeleton-image path { fill: var(--skeleton-icon-color); }
.skeleton-avatar { display: inline-block; }
.skeleton-avatar svg { height: auto; max-width: 100%; }
.skeleton-avatar rect { fill: var(--skeleton-color); }
.skeleton-avatar path { fill: var(--skeleton-icon-color); }
.skeleton-effect-blink, .skeleton-effect-wave { animation: 1s ease 0s infinite
normal none running skeleton-effect-wave; -webkit-mask-image: lineargradient(90deg, transparent 0px, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%,
transparent); -webkit-mask-position: 50% top; -webkit-mask-repeat: repeat; webkit-mask-size: 200% 100%; }
.skeleton-effect-fade { animation: 1s ease 0s infinite normal none running
skeleton-effect-fade; }
.skeleton-effect-pulse { animation: 1s ease 0s infinite normal none running
skeleton-effect-pulse; }
@keyframes skeleton-effect-fade {
0% { opacity: 1; }
50% { opacity: 0.2; }
100% { opacity: 1; }
}

261.

@keyframes skeleton-effect-wave {
0% { -webkit-mask-position: 50% top; }
100% { -webkit-mask-position: -150% top; }
}
@keyframes skeleton-effect-pulse {
0% { transform: scale(1); }
40% { transform: scale(1); }
50% { transform: scale(0.975); }
100% { transform: scale(1); }
}
:root { --skeleton-color: #ccc; --skeleton-icon-color: rgba(0,0,0,.25); }
.dark { --skeleton-color: #515151; --skeleton-icon-color: hsla(0,0%,100%,.25); }
:root { --f7-menu-text-color: #fff; --f7-menu-font-size: 16px; --f7-menu-fontweight: 500; --f7-menu-line-height: 1.2; --f7-menu-bg-color: rgba(0,0,0,.9); -f7-menu-item-pressed-bg-color: hsla(0,0%,8%,.9); --f7-menu-item-paddinghorizontal: 12px; --f7-menu-item-spacing: 6px; --f7-menu-item-height: 40px; -f7-menu-item-dropdown-icon-color: hsla(0,0%,100%,.4); --f7-menu-item-borderradius: 8px; --f7-menu-dropdown-item-height: 32px; --f7-menu-dropdown-dividercolor: hsla(0,0%,100%,.2); --f7-menu-dropdown-padding-vertical: 6px; }
.menu { --f7-touch-ripple-color: var(--f7-touch-ripple-white); position:
relative; transform: translateZ(0px); z-index: 1000; }
.menu-inner { align-items: flex-start; display: flex; justify-content: flexstart; padding-left: var(--f7-menu-item-spacing); padding-right: var(--f7-menuitem-spacing); }
.menu-inner::after { content: ""; flex-shrink: 0; height: 100%; width: var(--f7menu-item-spacing); }
.menu-item { background: var(--f7-menu-bg-color); border-radius: var(--f7-menuitem-border-radius); box-sizing: border-box; color: var(--f7-menu-text-color);
cursor: pointer; flex-shrink: 0; font-size: var(--f7-menu-font-size); fontweight: var(--f7-menu-font-weight); height: var(--f7-menu-item-height); marginleft: var(--f7-menu-item-spacing); min-width: var(--f7-menu-item-height);
position: relative; }
.menu-item:first-child { margin-left: 0px; }
.menu-item.active-state:not(.menu-item-dropdown-opened) { background-color:
rgba(0, 0, 0, 0.7); }
.menu-item.icon-only { padding-left: 0px; padding-right: 0px; }
.menu-item-content { align-items: center; border-radius: var(--f7-menu-itemborder-radius); box-sizing: border-box; display: flex; height: 100%; justifycontent: center; overflow: hidden; padding: 0 var(--f7-menu-item-paddinghorizontal); position: relative; width: 100%; }
.icon-only .menu-item-content, .menu-item-content.icon-only { padding-left: 0px;
padding-right: 0px; }
.menu-item-dropdown .menu-item-content::after { background: var(--f7-menu-itemdropdown-icon-color); border-radius: 4px; bottom: 4px; content: ""; height: 2px;
left: 50%; position: absolute; transform: translateX(-50%); width: 20px; }
.menu-dropdown { background: var(--f7-menu-bg-color); cursor: auto; height:
10px; opacity: 0; pointer-events: none; position: relative; visibility:
hidden; }

262.

.menu-dropdown-content { background: var(--f7-menu-bg-color); border-radius:
var(--f7-menu-dropdown-border-radius,var(--f7-menu-item-border-radius)); boxsizing: border-box; min-width: calc(100% + 24px); overflow: auto; paddingbottom: var(--f7-menu-dropdown-padding-vertical); padding-top: var(--f7-menudropdown-padding-vertical); position: absolute; top: 100%; }
.menu-dropdown-item, .menu-dropdown-link { align-items: center; color: var(--f7menu-text-color); display: flex; font-size: var(--f7-menu-font-size); fontweight: var(--f7-menu-font-weight); justify-content: space-between; line-height:
var(--f7-menu-line-height); min-height: var(--f7-menu-dropdown-item-height);
min-width: 100px; padding-left: var(--f7-menu-item-padding-horizontal); paddingright: var(--f7-menu-item-padding-horizontal); position: relative; white-space:
nowrap; z-index: 1; }
.menu-dropdown-item i, .menu-dropdown-item i.f7-icons, .menu-dropdown-item
i.icon, .menu-dropdown-item i.material-icons, .menu-dropdown-link i, .menudropdown-link i.f7-icons, .menu-dropdown-link i.icon, .menu-dropdown-link
i.material-icons { font-size: 20px; }
.menu-dropdown-link::before { background: var(--f7-menu-dropdown-pressed-bgcolor,var(--f7-theme-color)); border-radius: 4px; inset: 2px 4px; content: "";
opacity: 0; pointer-events: none; position: absolute; z-index: -1; }
.menu-dropdown-link.active-state { color: var(--f7-menu-text-color); }
.menu-dropdown-link.active-state::before { opacity: 1; }
.menu-dropdown-divider { background: var(--f7-menu-dropdown-divider-color);
height: 1px; margin-bottom: 2px; margin-top: 2px; }
.menu-item-dropdown-opened { border-bottom-left-radius: 0px; border-bottomright-radius: 0px; }
.menu-item-dropdown-opened .menu-item-content::after { opacity: 0; }
.menu-item-dropdown-opened .menu-dropdown { opacity: 1; pointer-events: auto;
visibility: visible; }
.menu-dropdown-center::after, .menu-dropdown-left::after, .menu-item-dropdowncenter .menu-dropdown::after, .menu-item-dropdown-left .menu-dropdown::after
{ background-image: radial-gradient(ellipse at 100% 0,transparent 0,transparent
70%,var(--f7-menu-bg-color) 72%); bottom: 0px; content: ""; height: var(--f7menu-item-border-radius); left: 100%; position: absolute; width: var(--f7-menuitem-border-radius); }
.menu-dropdown-center::before, .menu-dropdown-right::before, .menu-itemdropdown-center .menu-dropdown::before, .menu-item-dropdown-right .menudropdown::before { background-image: radial-gradient(ellipse at 0 0,transparent
0,transparent 70%,var(--f7-menu-bg-color) 72%); bottom: 0px; content: "";
height: var(--f7-menu-item-border-radius); position: absolute; right: 100%;
width: var(--f7-menu-item-border-radius); }
.menu-dropdown-left .menu-dropdown-content, .menu-item-dropdown-left .menudropdown-content { border-top-left-radius: 0px; left: 0px; }
.menu-dropdown-right .menu-dropdown-content, .menu-item-dropdown-right .menudropdown-content { border-top-right-radius: 0px; right: 0px; }
.menu-dropdown-center .menu-dropdown-content, .menu-item-dropdown-center .menudropdown-content { left: 50%; min-width: calc(100% + 48px); transform:
translateX(-50%); }
.aurora.device-desktop .menu-dropdown-link:not(.no-hover):not(.active-

263.

state):hover::before { background: var(--f7-menu-dropdown-hover-bgcolor,hsla(0,0%,100%,.15)); opacity: 1; }
:root { --f7-color-picker-popover-width: 350px; --f7-color-picker-slider-size:
6px; --f7-color-picker-slider-knob-size: 16px; --f7-color-picker-bar-size: 50px;
--f7-color-picker-bar-min-height: 260px; --f7-color-picker-value-width: 64px; -f7-color-picker-value-height: 32px; --f7-color-picker-value-font-size: 16px; -f7-color-picker-value-border-radius: 4px; --f7-color-picker-hex-value-width:
84px; --f7-color-picker-label-font-size: 14px; --f7-color-picker-label-width:
10px; --f7-color-picker-label-height: 14px; --f7-color-picker-sb-spectrumheight: 260px; --f7-color-picker-sb-spectrum-handle-size: 16px; --f7-colorpicker-wheel-width: 330px; --f7-color-picker-palette-value-width: 36px; --f7color-picker-palette-value-height: 36px; --f7-color-picker-initial-currentcolor-height: 40px; --f7-color-picker-initial-current-color-border-radius: 4px;
--f7-color-picker-sheet-bg-color: #fff; --f7-color-picker-popup-bg-color: #fff;
--f7-color-picker-value-bg-color: rgba(0,0,0,.05); --f7-color-picker-group-bgcolor: rgba(0,0,0,.05); --f7-color-picker-group-value-bg-color: #fff; }
:root .dark, :root.dark { --f7-color-picker-sheet-bg-color: #121212; --f7-colorpicker-popup-bg-color: #121212; --f7-color-picker-value-bg-color:
hsla(0,0%,100%,.1); --f7-color-picker-group-bg-color: #000; --f7-color-pickergroup-value-bg-color: hsla(0,0%,100%,.12); }
.color-picker { display: flex; flex-direction: column; overflow: hidden; width:
100%; }
.color-picker-popover .color-picker, .color-picker-popup .color-picker, .colorpicker.color-picker-inline { position: relative; }
.color-picker-sheet-modal { background: var(--f7-color-picker-sheet-bg-color); }
.color-picker-sheet-modal::before { z-index: 600; }
.color-picker-sheet-modal .sheet-modal-inner { margin-bottom: var(--f7-safearea-bottom); }
.color-picker-popup .page { background: var(--f7-color-picker-popup-bg-color); }
.color-picker-popup .page-content { padding-bottom: var(--f7-safe-areabottom); }
.color-picker-page .color-picker, .color-picker-popover .color-picker, .colorpicker-popup .color-picker { height: 100%; }
.color-picker-page .color-picker .toolbar, .color-picker-popover .colorpicker .toolbar, .color-picker-popup .color-picker .toolbar { position:
absolute; }
.color-picker-popover { max-height: 80vh; max-width:
90vw; width: var(--f7-color-picker-popover-width); }
.color-picker-popover .color-picker { max-height: 80vh; }
.color-picker-popover .toolbar-top { border-top-left-radius: var(--f7-popoverborder-radius); border-top-right-radius: var(--f7-popover-border-radius); }
.color-picker-popover .color-picker-module-palette { flex-shrink: 0; overflow:
hidden; }
.color-picker-popover .color-picker-module-palette:first-child { border-topleft-radius: var(--f7-popover-border-radius); border-top-right-radius: var(--f7popover-border-radius); }
.color-picker-popover .color-picker-module-palette:last-child { border-bottom-

264.

left-radius: var(--f7-popover-border-radius); border-bottom-right-radius: var(-f7-popover-border-radius); }
.color-picker-popover .color-picker-module-palette:first-child:last-child
{ border-radius: var(--f7-popover-border-radius); }
.color-picker-popover .toolbar ~ .page-content .color-picker-modulepalette:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px;
}
.color-picker-page .page-content, .color-picker-popover .page-content, .colorpicker-popup .page-content, .color-picker-sheet-modal .page-content { alignitems: stretch; display: flex; flex-direction: column; justify-content: flexstart; overflow-x: hidden; }
.color-picker-module { margin-top: 5px; }
.color-picker-module:last-child { margin-bottom: 5px; }
.color-picker-module-hs-spectrum, .color-picker-module-sb-spectrum { marginleft: 10px; margin-right: 10px; }
.color-picker-module-hs-spectrum:first-child, .color-picker-module-sbspectrum:first-child { margin-top: 10px; }
.color-picker-module-hs-spectrum .color-picker-hs-spectrum, .color-pickermodule-hs-spectrum .color-picker-sb-spectrum, .color-picker-module-sbspectrum .color-picker-hs-spectrum, .color-picker-module-sb-spectrum .colorpicker-sb-spectrum { border-radius: 4px; height: var(--f7-color-picker-sbspectrum-height); }
.color-picker-sb-spectrum { background-color: rgb(0, 0, 0); background-image:
linear-gradient(transparent 0px, rgb(0, 0, 0)), linear-gradient(270deg,
rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); position: relative; }
.color-picker-hs-spectrum { background-image: linear-gradient(90deg, red,
rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255), rgb(255, 0,
255), red); position: relative; }
.color-picker-hs-spectrum::after { background-image: linear-gradient(rgba(255,
255, 255, 0), rgb(255, 255, 255)); content: ""; height: 100%; left: 0px;
position: absolute; top: 0px; width: 100%; }
.color-picker-hs-spectrum-handle, .color-picker-sb-spectrum-handle { height:
4px; left: -2px; position: absolute; top: -2px; width: 4px; z-index: 1; }
.color-picker-hs-spectrum-handle::after, .color-picker-sb-spectrum-handle::after
{ background-color: inherit; border: 1px solid rgb(255, 255, 255); borderradius: 50%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px; box-sizing: border-box;
content: ""; height: var(--f7-color-picker-sb-spectrum-handle-size); left: 50%;
position: absolute; top: 50%; transform: translate(-50%, -50%); transformorigin: center center; transition: transform 0.15s ease 0s; width: var(--f7color-picker-sb-spectrum-handle-size); }
.color-picker-hs-spectrum-handle.color-picker-hs-spectrum-handle-pressed::after,
.color-picker-hs-spectrum-handle.color-picker-sb-spectrum-handle-pressed::after,
.color-picker-sb-spectrum-handle.color-picker-hs-spectrum-handle-pressed::after,
.color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed::after
{ transform: scale(1.5) translate(-33.333%, -33.333%); }
.color-picker-module-wheel { margin-left: 10px; margin-right: 10px; }
.color-picker-wheel { font-size: 0px; height: auto; margin-left: auto; marginright: auto; max-width: 100%; position: relative; width: var(--f7-color-picker-

265.

wheel-width); }
.color-picker-wheel svg { height: auto; width: 100%; }
.color-picker-wheel .color-picker-wheel-handle { background: red; border: 2px
solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.5) 0px
0px 5px; box-sizing: border-box; height: 16.6667%; left: 0px; position:
absolute; top: 0px; width: 16.6667%; }
.color-picker-wheel .color-picker-sb-spectrum { height: 45%; left: 50%;
position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0px); width:
45%; }
.color-picker-slider-wrap { align-items: center; display: flex; margin-bottom:
2px; }
.color-picker-slider-wrap + .color-picker-slider-wrap { margin-top: 5px; }
.color-picker-hex-wrap { align-items: center; display: flex; justify-content:
space-between; }
.color-picker-hex-label, .color-picker-slider-label { flex-shrink: 0; font-size:
var(--f7-color-picker-label-font-size); margin-right: 12px; width: var(--f7color-picker-label-size); }
.color-picker-hex-label { width: auto; }
.color-picker-bar-value, .color-picker-hex-value, .color-picker-slider-value
{ align-items: center; background: var(--f7-color-picker-value-bg-color);
border-radius: var(--f7-color-picker-value-border-radius); display: flex; flexshrink: 0; font-size: var(--f7-color-picker-value-font-size); height: var(--f7color-picker-value-height); justify-content: center; margin-left: 10px; textalign: center; width: var(--f7-color-picker-value-width); }
.color-picker-bar-value input, .color-picker-hex-value input, .color-pickerslider-value input { appearance: none; background: transparent; border: none;
border-radius: 4px; color: inherit; display: block; font-family: inherit; fontsize: inherit; height: 100%; outline: 0px; text-align: center; width: 100%; }
.color-picker-bar-value input::-webkit-inner-spin-button, .color-picker-barvalue input::-webkit-outer-spin-button, .color-picker-hex-value input::-webkitinner-spin-button, .color-picker-hex-value input::-webkit-outer-spinbutton, .color-picker-slider-value input::-webkit-inner-spin-button, .colorpicker-slider-value input::-webkit-outer-spin-button { appearance: none;
display: none; margin: 0px; }
.color-picker-hex-value { width: var(--f7-color-picker-hex-value-width); }
.color-picker-hex-value:first-child { margin-left: auto; }
.color-picker-slider { --f7-range-bar-active-bg-color: transparent; --f7-rangebar-size: var(--f7-color-picker-slider-size); --f7-range-bar-border-radius:
var(--f7-color-picker-slider-size); --f7-range-knob-size: var(--f7-color-pickerslider-knob-size); --f7-range-knob-box-shadow: 0 1px 2px rgba(0,0,0,.3); }
.color-picker-slider .range-knob { transition-duration: 0.2s; transitionproperty: transform; }
.color-picker-slider .range-knob::after { height: 30px; margin-left: -16px;
margin-top: -16px; width: 30px; }
.color-picker-slider .range-knob-active-state .range-knob { transform:
scale(1.5); }

266.

.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob
{ border: none; background: var(--f7-range-knob-color) !important; }
.color-picker-module-rgb-bars { align-items: stretch; box-sizing: border-box;
display: flex; height: 100%; justify-content: space-evenly; min-height: var(-f7-color-picker-bar-min-height); padding-bottom: 10px; padding-top: 10px; }
.color-picker-bar-wrap { align-items: center; display: flex; flex-direction:
column-reverse; }
.color-picker-bar { --f7-range-bar-active-bg-color: transparent; --f7-range-barsize: var(--f7-color-picker-bar-size); --f7-range-bar-border-radius: 2px; --f7range-knob-size: 6px; --f7-range-knob-box-shadow: 0 0px 3px rgba(0,0,0,.3); -f7-range-knob-color: #fff; }
.color-picker-bar .range-knob { border-radius: 3px; transition-duration: 0ms;
transition-property: transform; }
.color-picker-bar .range-knob-wrap { height: 6px; margin-left: calc((var(--f7color-picker-bar-size) - 4px)*-.5); width: calc(var(--f7-color-picker-bar-size)
- 4px); }
.color-picker-bar .range-knob-active-state .range-knob { transform: scale(1); }
.md .color-picker-bar.range-slider-min:not(.range-slider-dual) .range-knob
{ border: none; background: var(--f7-range-knob-color) !important; }
.color-picker-bar-label { flex-shrink: 0; font-size: var(--f7-color-pickerlabel-size); height: var(--f7-color-picker-label-height); line-height: 1;
margin-top: 12px; }
.color-picker-bar-value { margin-bottom: 10px; margin-left: 0px; }
.color-picker-slider-alpha { --f7-range-knob-color: #fff; }
.color-picker-slider-alpha .range-bar { background-image: linear-gradient(90deg,
transparent, rgb(0, 0, 0)), linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%,
rgba(0, 0, 0, 0.2) 0px), linear-gradient(270deg, rgba(255, 255, 255, 0.2) 50%,
rgba(0, 0, 0, 0.2) 0px); background-position: 0px 0px, 0px 3px, 0px 0px;
background-repeat: repeat-y, repeat-x, repeat-x; background-size: 100% 100%, 6px
3px, 6px 3px; }
.color-picker-slider-hue .range-bar { background-image: linear-gradient(90deg,
red, rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255),
rgb(255, 0, 255), red); }
.color-picker-slider-brightness .range-bar { background-image: lineargradient(90deg, rgb(0, 0, 0), rgb(255, 255, 255)); }
.color-picker-module-palette { margin-top: 16px; }
.color-picker-module-palette:first-child { margin-top: 0px; }
.color-picker-module-palette:last-child { margin-bottom: 0px; }
.color-picker-module-palette:first-child:last-child { margin: 0px; }
.color-picker-palette { display: flex; flex-wrap: wrap; }
.color-picker-palette-row { display: flex; flex-wrap: nowrap; width: 100%; }
.color-picker-palette-row .color-picker-palette-value { width: 100%; }
.color-picker-palette-value { cursor: pointer; height: var(--f7-color-picker-

267.

palette-value-height); width: var(--f7-color-picker-palette-value-width); }
.color-picker-module-current-color, .color-picker-module-initial-current-colors
{ border-radius: var(--f7-color-picker-initial-current-color-border-radius);
flex-shrink: 0; margin-left: 10px; margin-right: 10px; overflow: hidden; }
.color-picker-current-color, .color-picker-initial-color { height: var(--f7color-picker-initial-current-color-height);
}
.color-picker-initial-current-colors { display: flex; }
.color-picker-initial-current-colors .color-picker-current-color, .color-pickerinitial-current-colors .color-picker-initial-color { width: 50%; }
.color-picker-module-alpha-slider, .color-picker-module-brightnessslider, .color-picker-module-hex, .color-picker-module-hsb-sliders, .colorpicker-module-hue-slider, .color-picker-module-rgb-sliders { margin-left: 10px;
margin-right: 10px; }
.color-picker-grouped-modules .color-picker-module-alpha-slider, .color-pickergrouped-modules .color-picker-module-brightness-slider, .color-picker-groupedmodules .color-picker-module-hex, .color-picker-grouped-modules .color-pickermodule-hsb-sliders, .color-picker-grouped-modules .color-picker-module-hueslider, .color-picker-grouped-modules .color-picker-module-rgb-sliders
{ background: var(--f7-color-picker-group-bg-color); border-radius: 4px; marginleft: 5px; margin-right: 5px; margin-top: 16px; padding: 5px; }
.color-picker-grouped-modules .color-picker-module-alpha-slider:lastchild, .color-picker-grouped-modules .color-picker-module-brightnessslider:last-child, .color-picker-grouped-modules .color-picker-module-hex:lastchild, .color-picker-grouped-modules .color-picker-module-hsb-sliders:lastchild, .color-picker-grouped-modules .color-picker-module-hue-slider:last-child,
.color-picker-grouped-modules .color-picker-module-rgb-sliders:last-child
{ margin-bottom: 16px; }
.color-picker-grouped-modules .color-picker-hex-value, .color-picker-groupedmodules .color-picker-slider-value { background: var(--f7-color-picker-groupvalue-bg-color); }
.color-picker-grouped-modules .color-picker-hex-label, .color-picker-groupedmodules .color-picker-module-alpha-slider .range-slider:first-child, .colorpicker-grouped-modules .color-picker-module-brightness-slider .rangeslider:first-child, .color-picker-grouped-modules .color-picker-module-hsbsliders .range-slider:first-child, .color-picker-grouped-modules .color-pickermodule-hue-slider .range-slider:first-child, .color-picker-groupedmodules .color-picker-module-rgb-sliders .range-slider:first-child, .colorpicker-grouped-modules .color-picker-slider-label { margin-left: 5px; }
.color-picker-grouped-modules .color-picker-module-alpha-slider .rangeslider:last-child, .color-picker-grouped-modules .color-picker-modulebrightness-slider .range-slider:last-child, .color-picker-groupedmodules .color-picker-module-hsb-sliders .range-slider:last-child, .colorpicker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child,
.color-picker-grouped-modules .color-picker-module-rgb-sliders .rangeslider:last-child { margin-right: 5px; }
:root { --f7-treeview-item-height: 34px; --f7-treeview-item-padding-left: 16px;
--f7-treeview-item-padding-right: 16px; --f7-treeview-toggle-size: 24px; --f7treeview-children-offset: 29px; --f7-treeview-label-font-weight: 400; --f7treeview-label-text-color: inherit; --f7-treeview-icon-size: 24px; --f7treeview-toggle-color: rgba(0,0,0,.5); --f7-treeview-toggle-hover-bg-color:
rgba(0,0,0,.1); --f7-treeview-toggle-pressed-bg-color: rgba(0,0,0,.15); --f7treeview-icon-color: rgba(0,0,0,.5); --f7-treeview-selectable-hover-bg-color:

268.

rgba(0,0,0,.1); --f7-treeview-link-hover-bg-color: rgba(0,0,0,.1); --f7treeview-link-pressed-bg-color: rgba(0,0,0,.15); }
:root .dark, :root.dark { --f7-treeview-toggle-color: hsla(0,0%,100%,.5); --f7treeview-toggle-hover-bg-color: hsla(0,0%,100%,.03); --f7-treeview-togglepressed-bg-color: hsla(0,0%,100%,.1); --f7-treeview-icon-color:
hsla(0,0%,100%,.75); --f7-treeview-selectable-hover-bg-color:
hsla(0,0%,100%,.03); --f7-treeview-link-hover-bg-color: hsla(0,0%,100%,.03); -f7-treeview-link-pressed-bg-color: hsla(0,0%,100%,.11); }
.ios { --f7-treeview-label-font-size: 17px; }
.aurora, .md { --f7-treeview-label-font-size: 16px; }
.treeview-item-root { min-height: var(--f7-treeview-item-height); padding-left:
var(--f7-treeview-item-padding-left); padding-right: var(--f7-treeview-itempadding-right); }
.treeview-item-content, .treeview-item-root { align-items: center; display:
flex; justify-content: flex-start; }
.treeview-item-content > .f7-icons, .treeview-item-content > .materialicons, .treeview-item-content > i { color: var(--f7-treeview-icon-color); fontsize: var(--f7-treeview-icon-size); }
.treeview-item-content:first-child { margin-left: calc(var(--f7-treeview-togglesize) + 5px); }
.treeview-item-content > * + * { margin-left: 5px; }
.treeview-item-label { color: var(--f7-treeview-label-text-color); font-size:
var(--f7-treeview-label-font-size); font-weight: var(--f7-treeview-label-fontweight); }
.treeview-toggle { background-color: transparent; border-radius: 4px; cursor:
pointer; height: var(--f7-treeview-toggle-size); margin-right: 5px; position:
relative; transition-duration: 0.2s; width: var(--f7-treeview-toggle-size); }
.treeview-toggle.active-state { background-color: var(--f7-treeview-togglepressed-bg-color); }
.treeview-toggle::after { border-bottom: 5px solid transparent; border-left: 6px
solid var(--f7-treeview-toggle-color); border-top: 5px solid transparent;
content: ""; height: 0px; left: 50%; position: absolute; top: 50%; transform:
translate(-50%, -50%); transition-duration: 0.2s; width: 0px; }
.treeview-toggle-hidden { opacity: 0; pointer-events: none; visibility:
hidden; }
.treeview-preloader { --f7-preloader-size: var(--f7-treeview-toggle-size);
margin-right: calc(var(--f7-treeview-toggle-size)*-1); }
.treeview-item-children { display: none; }
.treeview-item-opened > .treeview-item-children { display: block; }
.treeview-item-opened > .treeview-item-root .treeview-toggle::after { transform:
translate(-50%, -50%) rotate(90deg); }
a.treeview-item-root { color: var(--f7-treeview-label-text-color); }
.treeview-item-selectable.treeview-item-root, .treeview-item-selectable
> .treeview-item-root { cursor: pointer; transition-duration: 0.15s; }

269.

a.treeview-item-root { transition-duration: 0.15s; }
a.treeview-item-root.active-state { background: var(--f7-treeview-link-pressedbg-color); }
.treeview-item-toggle.treeview-item-root, .treeview-item-toggle > .treeviewitem-root { cursor: pointer; }
.treeview-item-selected.treeview-item-root, .treeview-item-selected > .treeviewitem-root { background: var(--f7-treeview-selectable-selected-bgcolor,rgba(var(--f7-theme-color-rgb),.2)); }
.treeview-item .treeview-item .treeview-item-root { padding-left: calc(var(--f7treeview-item-padding-left) + var(--f7-treeview-children-offset)*1); }
.treeview-item .treeview-item .treeview-item .treeview-item-root { padding-left:
calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-childrenoffset)*2); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root
{ padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeviewchildren-offset)*3); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item-root { padding-left: calc(var(--f7-treeview-item-paddingleft) + var(--f7-treeview-children-offset)*4); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item-root { padding-left: calc(var(--f7-treeviewitem-padding-left) + var(--f7-treeview-children-offset)*5); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item .treeview-item-root { padding-left:
calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-childrenoffset)*6); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item .treeview-item .treeview-item-root { paddingleft: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-childrenoffset)*7); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item .treeview-item .treeview-item .treeview-itemroot { padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7treeview-children-offset)*8); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item-root { padding-left: calc(var(--f7-treeview-item-paddingleft) + var(--f7-treeview-children-offset)*9); }
.treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item .treeview-item .treeview-item .treeviewitem .treeview-item .treeview-item-root { padding-left: calc(var(--f7-treeviewitem-padding-left) + var(--f7-treeview-children-offset)*10); }
.aurora .treeview-toggle:hover { background-color: var(--f7-treeview-togglehover-bg-color); }
.aurora .treeview-toggle.active-state { background-color: var(--f7-treeviewtoggle-pressed-bg-color); }
.aurora .treeview-item-selectable.treeview-item-root:hover, .aurora .treeviewitem-selectable > .treeview-item-root:hover { background: var(--f7-treeview-

270.

selectable-hover-bg-color); }
.aurora a.treeview-item-root:hover { background: var(--f7-treeview-link-hoverbg-color); }
.aurora a.treeview-item-root.active-state { background: var(--f7-treeview-linkpressed-bg-color); }
.aurora .treeview-item-selected.treeview-item-root:hover, .aurora .treeviewitem-selected > .treeview-item-root:hover { background: var(--f7-treeviewselectable-selected-bg-color,rgba(var(--f7-theme-color-rgb),.2)); }
:root { --f7-text-editor-font-size: inherit; --f7-text-editor-font-weight:
inherit; --f7-text-editor-border-width: 1px; --f7-text-editor-height: 250px; -f7-text-editor-margin: 16px; --f7-text-editor-padding: 8px; --f7-text-editorbutton-bg-color: transparent; --f7-text-editor-button-size: 28px; --f7-texteditor-button-icon-size: 20px; --f7-text-editor-button-margin: 2px; --f7-texteditor-button-border-radius: 2px; --f7-text-editor-text-color: #000; --f7-texteditor-bg-color: #fff; --f7-text-editor-border-color:
rgba(0,0,0,.1); --f7-text-editor-toolbar-bg-color: #fff; --f7-text-editorbutton-text-color: #333; --f7-text-editor-button-divider-color: rgba(0,0,0,.15);
--f7-text-editor-placeholder-color: rgba(0,0,0,.35); }
:root .dark, :root.dark { --f7-text-editor-bg-color: #121212; --f7-text-editorborder-color: hsla(0,0%,100%,.1); --f7-text-editor-toolbar-bg-color: #202020; -f7-text-editor-text-color: #fff; --f7-text-editor-placeholder-color:
hsla(0,0%,100%,.35); --f7-text-editor-button-text-color: #fff; --f7-text-editorbutton-divider-color: hsla(0,0%,100%,.15); }
.ios { --f7-text-editor-toolbar-padding: 6px; --f7-text-editor-toolbar-bordercolor: rgba(0,0,0,.25); }
.ios .dark, .ios.dark { --f7-text-editor-toolbar-bg-color: #121212; --f7-texteditor-toolbar-border-color: hsla(0,0%,100%,.1); }
.md { --f7-text-editor-toolbar-padding: 8px; --f7-text-editor-toolbar-boxshadow: 0px 2px 3px -1px rgba(0,0,0,.25); }
.aurora { --f7-text-editor-toolbar-padding: 8px; --f7-text-editor-toolbarborder-color: rgba(0,0,0,.25); }
.aurora .dark, .aurora.dark { --f7-text-editor-toolbar-border-color:
hsla(0,0%,100%,.1); }
.text-editor { align-items: stretch; background-color: var(--f7-text-editor-bgcolor); border: var(--f7-text-editor-border-width) solid var(--f7-text-editorborder-color); box-sizing: border-box; display: flex; flex-direction: column;
height: var(--f7-text-editor-height); margin: var(--f7-text-editor-margin);
position: relative; }
.text-editor.text-editor-resizable { height: auto; }
.text-editor-toolbar { background: var(--f7-text-editor-toolbar-bg-color); boxshadow: var(--f7-text-editor-toolbar-box-shadow); box-sizing: border-box;
display: flex; flex-shrink: 0; flex-wrap: wrap; left: 0px; padding: var(--f7text-editor-toolbar-padding); position: sticky; top: 0px; z-index: 100; }
.text-editor-toolbar::after { background-color: var(--f7-text-editor-toolbarborder-color); inset: auto auto 0px 0px; content: ""; display: block; height:
1px; position: absolute; transform: scaleY(calc(1/var(--f7-device-pixelratio))); transform-origin: 50% 100%; width: 100%; z-index: 15; }
button.text-editor-button { align-items: center; appearance: none; backgroundimage: initial; background-position: initial; background-size: initial;

271.

background-repeat: initial; background-attachment: initial; background-origin:
initial; background-clip: initial; background-color: var(--f7-text-editorbutton-bg-color); border: none; border-radius: var(--f7-text-editor-buttonborder-radius); box-shadow: none; box-sizing: border-box; color: var(--f7-texteditor-button-text-color); cursor: pointer; display: flex; flex-shrink: 0; fontfamily: inherit; height: var(--f7-text-editor-button-size); justify-content:
center; margin: var(--f7-text-editor-button-margin); outline: 0px; overflow:
hidden; padding: 0px; position: relative; width: var(--f7-text-editor-buttonsize); z-index: 1; }
button.text-editor-button .f7-icons, button.text-editor-button .material-icons,
button.text-editor-button i { font-size: var(--f7-text-editor-button-icon-size);
font-style: normal; }
button.text-editor-button .f7-icons sub, button.text-editor-button .f7-icons
sup, button.text-editor-button .material-icons sub, button.text-editorbutton .material-icons sup, button.text-editor-button i sub, button.text-editorbutton i sup { font-size: 60%; }
.text-editor-button-divider { background: var(--f7-text-editor-button-dividercolor); flex-shrink: 0; margin: 0px 2px; width: 1px; }
.text-editor-content { -webkit-user-modify: read-write; appearance: none;
border: none; box-sizing: border-box; color: var(--f7-text-editor-text-color);
flex-shrink: 10; font-size: var(--f7-text-editor-font-size); font-weight: var(-f7-text-editor-font-weight); height: 100%; outline: 0px; overflow: auto;
padding: var(--f7-text-editor-padding); user-select: text; }
.text-editor-content .text-editor-placeholder { color: var(--f7-text-editorplaceholder-color); pointer-events: none; }
.text-editor-content img { max-width: 100%; }
.text-editor-content a { pointer-events: none; }
.text-editor-popover { max-width: 80vw; width: auto; z-index: 12500; }
.text-editor-popover .popover-inner { display: flex; flex-wrap: wrap; padding:
3px; }
.text-editor-keyboard-toolbar { --f7-safe-area-bottom: 0px; position: absolute;
z-index: 6000; }
.text-editor-keyboard-toolbar .toolbar-inner { overflow: auto; justify-content:
flex-start !important; }
.text-editor-keyboard-toolbar .toolbar-inner::-webkit-scrollbar { display: none;
}
.text-editor-keyboard-toolbar .toolbar-inner .text-editor-button-divider
{ height: 100%; }
.item-input .text-editor { background-color: var(--f7-input-bgcolor,transparent); border: none; margin: 0px; }
.item-input .text-editor-content { color: var(--f7-input-text-color); font-size:
var(--f7-input-font-size); padding: var(--f7-textarea-padding-vertical) var(-f7-input-padding-right) var(--f7-textarea-padding-vertical) var(--f7-inputpadding-left); }
.item-input .text-editor-toolbar { box-shadow: none; }
.item-input .text-editor-toolbar::after { display: none !important; }

272.

.item-input-outline .text-editor-content { border-radius: var(--f7-inputoutline-border-radius); padding-left: var(--f7-input-outline-paddinghorizontal); padding-right: var(--f7-input-outline-padding-horizontal); }
.ios button.text-editor-button { transition: opacity 0.3s ease 0s; }
.ios button.text-editor-button.active-state { opacity: 0.3; transition-duration:
0ms; }
.md button.text-editor-button { --f7-touch-ripple-color: rgba(var(--f7-themecolor-rgb),0.25); }
.md button.text-editor-button::before { background-image: radial-gradient(circle
at center,var(--f7-link-highlight-color) 66%,hsla(0,0%,100%,0) 66%); backgroundposition: 50% center; background-repeat: no-repeat; background-size: 100% 100%;
content: ""; height: 152%; left: -26%; opacity: 0; pointer-events: none;
position: absolute; top: -26%; transition-duration: 0.3s; transition-property:
opacity; width: 152%; }
.md button.text-editor-button.icon-only::before, .md button.text-editorbutton.input-clear-button::before, .md button.text-editor-button.notificationclose-button::before, .md button.text-editor-button.ripple-inset::before, .md
button.text-editor-button.searchbar-disable-button::before { background-image:
radial-gradient(circle at center,var(--f7-link-highlight-color)
71%,hsla(0,0%,100%,0) 71%); height: 100%; left: 0px; top: 0px; width: 100%; }
.md button.text-editor-button.active-state::before { opacity: 1; transitionduration: 0.15s; }
.md .text-editor-keyboard-toolbar .toolbar-inner { padding-left: 8px; paddingright: 8px; }
.aurora button.text-editor-button { transition: opacity 0.3s ease 0s; }
.aurora button.text-editor-button.active-state { opacity: 0.3; transitionduration: 0ms; }
.pie-chart { position: relative; }
.pie-chart svg { display: block; font-size: 0px; height: auto; margin: 0px auto;
width: 100%; }
.pie-chart path { transition-duration: 0.15s; }
.pie-chart-hidden { opacity: 0.4; }
.pie-chart-tooltip { font-size: 12px; line-height: 1.4; max-width: none;
pointer-events: none; text-align: left; white-space: nowrap; width: auto; }
.pie-chart-tooltip-label { align-items: center; display: flex; }
.pie-chart-tooltip-color { border-radius: 50%; display: inline-block; height:
10px; margin-right: 4px; width: 10px; }
:root { --f7-area-chart-current-line-stroke-width: 2px; --f7-area-chart-currentline-stroke: rgba(0,0,0,.15); --f7-area-chart-axis-text-color: inherit; --f7area-chart-axis-height: 1px; --f7-area-chart-axis-font-size: 10px; --f7-areachart-axis-font-weight: 500; --f7-area-chart-tooltip-font-size: 12px; --f7-areachart-tooltip-total-label-text-color: hsla(0,0%,100%,.75); --f7-area-charttooltip-total-font-size: 16px; --f7-area-chart-tooltip-total-font-weight: bold;
--f7-area-chart-tooltip-color-size: 10px; --f7-area-chart-legend-font-size:
14px; --f7-area-chart-legend-font-weight: 500; --f7-area-chart-legend-textcolor: inherit; --f7-area-chart-legend-padding: 4px 8px; --f7-area-chart-legendborder-radius: 4px; --f7-area-chart-legend-color-size: 14px; --f7-area-chart-

273.

line-stroke-width: 2px; --f7-area-chart-axis-bg-color: rgba(0,0,0,.15); --f7area-chart-legend-disabled-text-color: rgba(0,0,0,.22); }
:root .dark, :root.dark { --f7-area-chart-axis-bg-color: hsla(0,0%,100%,.15); -f7-area-chart-legend-disabled-text-color: hsla(0,0%,100%,.22); }
.area-chart { position: relative; }
.area-chart svg { display: block; font-size: 0px; height: auto; margin: 0px
auto; width: 100%; }
.area-chart path { fill: none; stroke-width: var(--f7-area-chart-line-strokewidth); }
.area-chart-current-line { stroke: var(--f7-area-chart-current-line-stroke);
stroke-width: var(--f7-area-chart-current-line-stroke-width); }
.area-chart-axis { background: var(--f7-area-chart-axis-bg-color); color: var(-f7-area-chart-axis-text-color); display: flex; font-size: var(--f7-area-chartaxis-font-size); font-weight: var(--f7-area-chart-axis-font-weight); height:
var(--f7-area-chart-axis-height); justify-content: space-between; line-height:
1; margin-bottom: 2em; }
.area-chart-axis > span { align-items: flex-start; display: flex; justifycontent: center; padding-top: 10px; white-space: nowrap; width: 0px; }
.area-chart-axis > span:first-child { justify-content: flex-start; }
.area-chart-axis > span:last-child { justify-content: flex-end; }
.area-chart-tooltip { font-size: var(--f7-area-chart-tooltip-font-size); lineheight: 1.4; pointer-events: none; text-align: left; }
.area-chart-tooltip-label { color: var(--f7-area-chart-tooltip-total-label-textcolor); }
.area-chart-tooltip-total { font-size: var(--f7-area-chart-tooltip-total-fontsize); font-weight: var(--f7-area-chart-tooltip-total-font-weight); }
.area-chart-tooltip-list { list-style: none; margin: 0px; padding: 0px; }
.area-chart-tooltip-list li { white-space: nowrap; }
.area-chart-tooltip-list
span { border-radius: 50%; display: inline-block; height: var(--f7-area-charttooltip-color-size); margin-right: 4px; width: var(--f7-area-chart-tooltipcolor-size); }
.area-chart-axis ~ .area-chart-legend { margin-top: 2em; }
.area-chart-legend { align-items: center; display: flex; flex-wrap: wrap; fontsize: var(--f7-area-chart-legend-font-size); justify-content: center; margintop: 1em; width: 100%; }
.area-chart-legend-button { background-color: initial; border: none; borderradius: 0px; cursor: pointer; font-family: inherit; font-size: inherit;
appearance: none !important; box-shadow: none !important; outline: 0px !
important; }
.area-chart-legend-item { align-items: center; border-radius: var(--f7-areachart-legend-border-radius); color: var(--f7-area-chart-legend-text-color);
display: flex; font-weight: var(--f7-area-chart-legend-font-weight); overflow:
hidden; padding: var(--f7-area-chart-legend-padding); position: relative;
transition-duration: 0.2s; width: auto; }

274.

.area-chart-legend-item span { border-radius: 50%; height: var(--f7-area-chartlegend-color-size); margin-right: 4px; transition-duration: 0.2s; width: var(-f7-area-chart-legend-color-size); }
.area-chart-legend-item-hidden { color: var(--f7-area-chart-legend-disabledtext-color); }
.area-chart-legend-item-hidden span { background-color: var(--f7-area-chartlegend-disabled-text-color) !important; }
:root { --f7-breadcrumbs-spacing: 12px; --f7-breadcrumbs-padding: 2px 0; --f7breadcrumbs-item-padding: 0px; --f7-breadcrumbs-item-bg-color: 0px; --f7breadcrumbs-item-font-weight: normal; --f7-breadcrumbs-item-active-font-weight:
600; --f7-breadcrumbs-icon-size: 24px; --f7-breadcrumbs-item-color:
rgba(0,0,0,.55); --f7-breadcrumbs-separator-color: rgba(0,0,0,.35); --f7breadcrumbs-item-active-color: #000; --f7-breadcrumbs-collapsed-color:
rgba(0,0,0,.75); --f7-breadcrumbs-collapsed-bg-color: rgba(0,0,0,.15); }
:root .dark, :root.dark { --f7-breadcrumbs-item-color: hsla(0,0%,100%,.75); -f7-breadcrumbs-separator-color: hsla(0,0%,100%,.35); --f7-breadcrumbs-itemactive-color: #fff; --f7-breadcrumbs-collapsed-color: hsla(0,0%,100%,.75); --f7breadcrumbs-collapsed-bg-color: hsla(0,0%,100%,.15); }
.ios { --f7-breadcrumbs-separator-icon: "chevron_right_ios"; --f7-breadcrumbsfont-size: 17px; }
.md { --f7-breadcrumbs-separator-icon: "chevron_right_md"; --f7-breadcrumbsfont-size: 16px; }
.aurora { --f7-breadcrumbs-separator-icon: "chevron_right_ios"; --f7breadcrumbs-font-size: 16px; }
.breadcrumbs { align-items: center; display: flex; font-size: var(--f7breadcrumbs-font-size); justify-content: flex-start; overflow: auto; padding:
var(--f7-breadcrumbs-padding); white-space: nowrap; }
.breadcrumbs::-webkit-scrollbar { display: none; opacity: 0; }
.breadcrumbs-collapsed, .breadcrumbs-item, .breadcrumbs-separator { flex-shrink:
0; --f7-touch-ripple-color: transparent !important; }
.breadcrumbs-collapsed + .breadcrumbs-collapsed, .breadcrumbs-collapsed
+ .breadcrumbs-item, .breadcrumbs-collapsed + .breadcrumbsseparator, .breadcrumbs-item + .breadcrumbs-collapsed, .breadcrumbs-item
+ .breadcrumbs-item, .breadcrumbs-item + .breadcrumbs-separator, .breadcrumbsseparator + .breadcrumbs-collapsed, .breadcrumbs-separator + .breadcrumbsitem, .breadcrumbs-separator + .breadcrumbs-separator { margin-left: var(--f7breadcrumbs-spacing); }
.breadcrumbs-item { align-items: center; background-color: var(--f7-breadcrumbsitem-bg-color); color: var(--f7-breadcrumbs-item-color); display: flex; fontweight: var(--f7-breadcrumbs-item-font-weight); padding: var(--f7-breadcrumbsitem-padding); }
.breadcrumbs-item .icon { font-size: var(--f7-breadcrumbs-icon-size); height:
var(--f7-breadcrumbs-icon-size); width: var(--f7-breadcrumbs-icon-size); }
.breadcrumbs-item a { color: inherit; --f7-touch-ripple-color: transparent !
important; }
.breadcrumbs-item-active { color: var(--f7-breadcrumbs-item-active-color,var(-f7-breadcrumbs-item-color)); font-weight: var(--f7-breadcrumbs-item-active-fontweight); }

275.

.breadcrumbs-separator { align-items: center; color: var(--f7-breadcrumbsseparator-color); display: flex; height: 24px; overflow: hidden; }
.breadcrumbs-separator::after { overflow-wrap: normal; -webkit-font-smoothing:
antialiased; font-feature-settings: "liga"; content: var(--f7-breadcrumbsseparator-icon); direction: ltr; display: block; font-family: framework7-coreicons; font-size: 20px; font-style: normal; font-weight: 400; height: 100%;
letter-spacing: normal; line-height: 1; text-align: center; text-rendering:
optimizelegibility; text-transform: none; white-space: nowrap; width: 12px; }
.ios .breadcrumbs-separator::after { font-size: 12px; height: 11px; }
.md .breadcrumbs-separator::after { font-size: 18px; height: 18px; }
.aurora .breadcrumbs-separator::after { font-size: 12px; height: 11px; }
.breadcrumbs-collapsed { align-items: center; background: var(--f7-breadcrumbscollapsed-bg-color); border-radius: 4px; cursor: pointer; display: flex; height:
1em; padding: 0px 6px; }
.breadcrumbs-collapsed span, .breadcrumbs-collapsed::after, .breadcrumbscollapsed::before { background: var(--f7-breadcrumbs-collapsed-color); borderradius: 50%; content: ""; height: 4px; width: 4px; }
.breadcrumbs-collapsed span { margin: 0px 3px; }
:root { --f7-elevation-0: 0px 0px 0px 0px transparent; --f7-elevation-1: 0px 2px
1px -1px rgba(0,0,0,.2),0px 1px 1px 0px rgba(0,0,0,.14),0px 1px 3px 0px
rgba(0,0,0,.12); --f7-elevation-2: 0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px
0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12); --f7-elevation-3: 0px 3px
3px -2px rgba(0,0,0,.2),0px 3px 4px 0px rgba(0,0,0,.14),0px 1px 8px 0px
rgba(0,0,0,.12); --f7-elevation-4: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px
0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12); --f7-elevation-5: 0px 3px
5px -1px rgba(0,0,0,.2),0px 5px 8px 0px rgba(0,0,0,.14),0px 1px 14px 0px
rgba(0,0,0,.12); --f7-elevation-6: 0px 3px 5px -1px rgba(0,0,0,.2),0px 6px 10px
0px rgba(0,0,0,.14),0px 1px 18px 0px rgba(0,0,0,.12); --f7-elevation-7: 0px 4px
5px -2px rgba(0,0,0,.2),0px 7px 10px 1px rgba(0,0,0,.14),0px 2px 16px 1px
rgba(0,0,0,.12); --f7-elevation-8: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px
1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12); --f7-elevation-9: 0px 5px
6px -3px rgba(0,0,0,.2),0px 9px 12px 1px rgba(0,0,0,.14),0px 3px 16px 2px
rgba(0,0,0,.12); --f7-elevation-10: 0px 6px 6px -3px rgba(0,0,0,.2),0px 10px
14px 1px rgba(0,0,0,.14),0px 4px 18px 3px rgba(0,0,0,.12); --f7-elevation-11:
0px 6px 7px -4px rgba(0,0,0,.2),0px 11px 15px 1px rgba(0,0,0,.14),0px 4px 20px
3px rgba(0,0,0,.12); --f7-elevation-12: 0px 7px 8px -4px rgba(0,0,0,.2),0px 12px
17px 2px rgba(0,0,0,.14),0px 5px 22px 4px rgba(0,0,0,.12); --f7-elevation-13:
0px 7px 8px -4px rgba(0,0,0,.2),0px 13px 19px 2px rgba(0,0,0,.14),0px 5px 24px
4px rgba(0,0,0,.12); --f7-elevation-14: 0px 7px 9px -4px rgba(0,0,0,.2),0px 14px
21px 2px rgba(0,0,0,.14),0px 5px 26px 4px rgba(0,0,0,.12); --f7-elevation-15:
0px 8px 9px -5px rgba(0,0,0,.2),0px 15px 22px 2px rgba(0,0,0,.14),0px 6px 28px
5px rgba(0,0,0,.12); --f7-elevation-16: 0px 8px 10px -5px rgba(0,0,0,.2),0px
16px 24px 2px rgba(0,0,0,.14),0px 6px 30px 5px rgba(0,0,0,.12); --f7-elevation17: 0px 8px 11px -5px rgba(0,0,0,.2),0px 17px 26px 2px rgba(0,0,0,.14),0px 6px
32px 5px rgba(0,0,0,.12); --f7-elevation-18: 0px 9px 11px -5px
rgba(0,0,0,.2),0px 18px 28px 2px rgba(0,0,0,.14),0px 7px 34px 6px
rgba(0,0,0,.12); --f7-elevation-19: 0px 9px 12px -6px rgba(0,0,0,.2),0px 19px
29px 2px rgba(0,0,0,.14),0px 7px 36px 6px rgba(0,0,0,.12); --f7-elevation-20:
0px 10px 13px -6px rgba(0,0,0,.2),0px 20px 31px 3px rgba(0,0,0,.14),0px 8px 38px
7px rgba(0,0,0,.12); --f7-elevation-21: 0px 10px 13px -6px rgba(0,0,0,.2),0px
21px 33px 3px rgba(0,0,0,.14),0px 8px 40px 7px rgba(0,0,0,.12); --f7-elevation22: 0px 10px 14px -6px rgba(0,0,0,.2),0px 22px 35px 3px rgba(0,0,0,.14),0px 8px
42px 7px rgba(0,0,0,.12); --f7-elevation-23: 0px 11px 14px -7px
rgba(0,0,0,.2),0px 23px 36px 3px rgba(0,0,0,.14),0px 9px 44px 8px
rgba(0,0,0,.12); --f7-elevation-24: 0px 11px 15px -7px rgba(0,0,0,.2),0px 24px

276.

38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12); }
.elevation-0 { box-shadow: var(--f7-elevation-0) !important; }
.elevation-1 { box-shadow: var(--f7-elevation-1) !important; }
.elevation-2 { box-shadow: var(--f7-elevation-2) !important; }
.elevation-3 { box-shadow: var(--f7-elevation-3) !important; }
.elevation-4 { box-shadow: var(--f7-elevation-4) !important; }
.elevation-5 { box-shadow: var(--f7-elevation-5) !important; }
.elevation-6 { box-shadow: var(--f7-elevation-6) !important; }
.elevation-7 { box-shadow: var(--f7-elevation-7) !important; }
.elevation-8 { box-shadow: var(--f7-elevation-8) !important; }
.elevation-9 { box-shadow: var(--f7-elevation-9) !important; }
.elevation-10 { box-shadow: var(--f7-elevation-10) !important; }
.elevation-11 { box-shadow: var(--f7-elevation-11) !important; }
.elevation-12 { box-shadow: var(--f7-elevation-12) !important; }
.elevation-13 { box-shadow: var(--f7-elevation-13) !important; }
.elevation-14 { box-shadow: var(--f7-elevation-14) !important; }
.elevation-15 { box-shadow: var(--f7-elevation-15) !important; }
.elevation-16 { box-shadow: var(--f7-elevation-16) !important; }
.elevation-17 { box-shadow: var(--f7-elevation-17) !important; }
.elevation-18 { box-shadow: var(--f7-elevation-18) !important; }
.elevation-19 { box-shadow: var(--f7-elevation-19) !important; }
.elevation-20 { box-shadow: var(--f7-elevation-20) !important; }
.elevation-21 { box-shadow: var(--f7-elevation-21) !important; }
.elevation-22 { box-shadow: var(--f7-elevation-22) !important; }
.elevation-23 { box-shadow: var(--f7-elevation-23) !important; }
.elevation-24 { box-shadow: var(--f7-elevation-24) !important; }
.device-desktop .elevation-hover-0:hover { box-shadow: var(--f7-elevation-0)
!important; }
.device-desktop .elevation-hover-1:hover { box-shadow: var(--f7-elevation-1) !
important; }
.device-desktop .elevation-hover-2:hover { box-shadow: var(--f7-elevation-2) !
important; }
.device-desktop .elevation-hover-3:hover { box-shadow: var(--f7-elevation-3) !
important; }

277.

.device-desktop .elevation-hover-4:hover { box-shadow: var(--f7-elevation-4) !
important; }
.device-desktop .elevation-hover-5:hover { box-shadow: var(--f7-elevation-5) !
important; }
.device-desktop .elevation-hover-6:hover { box-shadow: var(--f7-elevation-6) !
important; }
.device-desktop .elevation-hover-7:hover { box-shadow: var(--f7-elevation-7) !
important; }
.device-desktop .elevation-hover-8:hover { box-shadow: var(--f7-elevation-8) !
important; }
.device-desktop .elevation-hover-9:hover { box-shadow: var(--f7-elevation-9) !
important; }
.device-desktop .elevation-hover-10:hover { box-shadow: var(--f7-elevation-10) !
important; }
.device-desktop .elevation-hover-11:hover { box-shadow: var(--f7-elevation-11) !
important; }
.device-desktop .elevation-hover-12:hover { box-shadow: var(--f7-elevation-12) !
important; }
.device-desktop .elevation-hover-13:hover { box-shadow: var(--f7-elevation-13) !
important; }
.device-desktop .elevation-hover-14:hover { box-shadow: var(--f7-elevation-14) !
important; }
.device-desktop .elevation-hover-15:hover { box-shadow: var(--f7-elevation-15) !
important; }
.device-desktop .elevation-hover-16:hover { box-shadow: var(--f7-elevation-16) !
important; }
.device-desktop .elevation-hover-17:hover { box-shadow: var(--f7-elevation-17) !
important; }
.device-desktop .elevation-hover-18:hover { box-shadow: var(--f7-elevation-18) !
important; }
.device-desktop .elevation-hover-19:hover { box-shadow: var(--f7-elevation-19) !
important; }
.device-desktop .elevation-hover-20:hover { box-shadow: var(--f7-elevation-20) !
important; }
.device-desktop .elevation-hover-21:hover { box-shadow: var(--f7-elevation-21) !
important; }
.device-desktop .elevation-hover-22:hover { box-shadow: var(--f7-elevation-22) !
important; }
.device-desktop .elevation-hover-23:hover { box-shadow: var(--f7-elevation-23) !
important; }
.device-desktop .elevation-hover-24:hover { box-shadow: var(--f7-elevation-24) !
important; }
.active-state.elevation-pressed-0, .device-desktop .active-state.elevation-

278.

pressed-0 { box-shadow: var(--f7-elevation-0) !important; }
.active-state.elevation-pressed-1, .device-desktop .active-state.elevationpressed-1 { box-shadow: var(--f7-elevation-1) !important; }
.active-state.elevation-pressed-2, .device-desktop .active-state.elevationpressed-2 { box-shadow: var(--f7-elevation-2) !important; }
.active-state.elevation-pressed-3, .device-desktop .active-state.elevationpressed-3 { box-shadow: var(--f7-elevation-3) !important; }
.active-state.elevation-pressed-4, .device-desktop .active-state.elevationpressed-4 { box-shadow: var(--f7-elevation-4) !important; }
.active-state.elevation-pressed-5, .device-desktop .active-state.elevationpressed-5 { box-shadow: var(--f7-elevation-5) !important; }
.active-state.elevation-pressed-6, .device-desktop .active-state.elevationpressed-6 { box-shadow: var(--f7-elevation-6) !important; }
.active-state.elevation-pressed-7, .device-desktop .active-state.elevationpressed-7 { box-shadow: var(--f7-elevation-7) !important; }
.active-state.elevation-pressed-8, .device-desktop .active-state.elevationpressed-8 { box-shadow: var(--f7-elevation-8) !important; }
.active-state.elevation-pressed-9, .device-desktop .active-state.elevationpressed-9 { box-shadow: var(--f7-elevation-9) !important; }
.active-state.elevation-pressed-10, .device-desktop .active-state.elevationpressed-10 { box-shadow: var(--f7-elevation-10) !important; }
.active-state.elevation-pressed-11, .device-desktop .active-state.elevationpressed-11 { box-shadow: var(--f7-elevation-11) !important; }
.active-state.elevation-pressed-12, .device-desktop .active-state.elevationpressed-12 { box-shadow: var(--f7-elevation-12) !important; }
.active-state.elevation-pressed-13, .device-desktop .active-state.elevationpressed-13 { box-shadow: var(--f7-elevation-13) !important; }
.active-state.elevation-pressed-14, .device-desktop .active-state.elevationpressed-14 { box-shadow: var(--f7-elevation-14) !important; }
.active-state.elevation-pressed-15, .device-desktop .active-state.elevationpressed-15 { box-shadow: var(--f7-elevation-15) !important; }
.active-state.elevation-pressed-16, .device-desktop .active-state.elevationpressed-16 { box-shadow: var(--f7-elevation-16) !important; }
.active-state.elevation-pressed-17, .device-desktop .active-state.elevationpressed-17 { box-shadow: var(--f7-elevation-17) !important; }
.active-state.elevation-pressed-18, .device-desktop .active-state.elevationpressed-18 { box-shadow: var(--f7-elevation-18) !important; }
.active-state.elevation-pressed-19, .device-desktop .active-state.elevationpressed-19 { box-shadow: var(--f7-elevation-19) !important; }
.active-state.elevation-pressed-20, .device-desktop .active-state.elevationpressed-20 { box-shadow: var(--f7-elevation-20) !important; }
.active-state.elevation-pressed-21, .device-desktop .active-state.elevationpressed-21 { box-shadow: var(--f7-elevation-21) !important; }

279.

.active-state.elevation-pressed-22, .device-desktop .active-state.elevationpressed-22 { box-shadow: var(--f7-elevation-22) !important; }
.active-state.elevation-pressed-23, .device-desktop .active-state.elevationpressed-23 { box-shadow: var(--f7-elevation-23) !important; }
.active-state.elevation-pressed-24, .device-desktop .active-state.elevationpressed-24 { box-shadow: var(--f7-elevation-24) !important; }
.elevation-transition-100 { transition-duration: 0.1s; transition-property: boxshadow; }
.elevation-transition, .elevation-transition-200 { transition-duration: 0.2s;
transition-property: box-shadow; }
.elevation-transition-300 { transition-duration: 0.3s; transition-property: boxshadow; }
.elevation-transition-400 { transition-duration: 0.4s; transition-property: boxshadow; }
.elevation-transition-500 { transition-duration: 0.5s; transition-property: boxshadow; }
:root { --f7-typography-padding: 16px; --f7-typography-margin: 16px; }
.display-flex { display: flex !important; }
.display-block { display: block !important; }
.display-inline-flex { display: inline-flex !important; }
.display-inline-block { display: inline-block !important; }
.display-inline { display: inline !important; }
.display-none { display: none !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.flex-shrink-2 { flex-shrink: 2 !important; }
.flex-shrink-3 { flex-shrink: 3 !important; }
.flex-shrink-4 { flex-shrink: 4 !important; }
.flex-shrink-5 { flex-shrink: 5 !important; }
.flex-shrink-6 { flex-shrink: 6 !important; }
.flex-shrink-7 { flex-shrink: 7 !important; }
.flex-shrink-8 { flex-shrink: 8 !important; }
.flex-shrink-9 { flex-shrink: 9 !important; }
.flex-shrink-10 { flex-shrink: 10 !important; }
.flex-direction-row { flex-direction: row !important; }
.flex-direction-row-reverse { flex-direction: row-reverse !important; }

280.

.flex-direction-column { flex-direction: column !important; }
.flex-direction-column-reverse { flex-direction: column-reverse !important; }
.justify-content-flex-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-flex-end { justify-content: flex-end !important; }
.justify-content-space-between { justify-content: space-between !important; }
.justify-content-space-around { justify-content: space-around !important; }
.justify-content-space-evenly { justify-content: space-evenly !important; }
.justify-content-stretch { justify-content: stretch !important; }
.justify-content-start { justify-content: start !important; }
.justify-content-end { justify-content: end !important; }
.justify-content-left { justify-content: left !important; }
.justify-content-right { justify-content: right !important; }
.align-content-flex-start { align-content: flex-start !important; }
.align-content-flex-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-space-between { align-content: space-between !important; }
.align-content-space-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-flex-start { align-items: flex-start !important; }
.align-items-flex-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-stretch { align-items: stretch !important; }
.align-self-flex-start { align-self: flex-start !important; }
.align-self-flex-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-stretch { align-self: stretch !important; }
.text-align-left { text-align: left !important; }
.text-align-center { text-align: center !important; }
.text-align-right { text-align: right !important; }
.text-align-justify { text-align: justify !important; }

281.

.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
.vertical-align-bottom { vertical-align: bottom !important; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-top { vertical-align: top !important; }
.no-padding { padding: 0px !important; }
.no-padding-left { padding-left: 0px !important; }
.no-padding-horizontal, .no-padding-right { padding-right: 0px !important; }
.no-padding-horizontal { padding-left: 0px !important; }
.no-padding-top { padding-top: 0px !important; }
.no-padding-bottom, .no-padding-vertical { padding-bottom:
0px !important; }
.no-padding-vertical { padding-top: 0px !important; }
.no-margin { margin: 0px !important; }
.no-margin-left { margin-left: 0px !important; }
.no-margin-horizontal, .no-margin-right { margin-right: 0px !important; }
.no-margin-horizontal { margin-left: 0px !important; }
.no-margin-top { margin-top: 0px !important; }
.no-margin-bottom, .no-margin-vertical { margin-bottom: 0px !important; }
.no-margin-vertical { margin-top: 0px !important; }
.width-auto { width: auto !important; }
.width-100 { width: 100% !important; }
.padding { padding: var(--f7-typography-padding) !important; }
.padding-half { padding: calc(var(--f7-typography-padding)/2) !important; }
.padding-top { padding-top: var(--f7-typography-padding) !important; }
.padding-top-half { padding-top: calc(var(--f7-typography-padding)/2) !
important; }
.padding-bottom { padding-bottom: var(--f7-typography-padding) !important; }
.padding-bottom-half { padding-bottom: calc(var(--f7-typography-padding)/2) !
important; }
.padding-left { padding-left: var(--f7-typography-padding) !important; }
.padding-left-half { padding-left: calc(var(--f7-typography-padding)/2) !
important; }

282.

.padding-right { padding-right: var(--f7-typography-padding) !important; }
.padding-right-half { padding-right: calc(var(--f7-typography-padding)/2) !
important; }
.padding-vertical { padding-bottom: var(--f7-typography-padding) !important;
padding-top: var(--f7-typography-padding) !important; }
.padding-vertical-half { padding-bottom: calc(var(--f7-typography-padding)/2) !
important; padding-top: calc(var(--f7-typography-padding)/2) !important; }
.padding-horizontal { padding-left: var(--f7-typography-padding) !important;
padding-right: var(--f7-typography-padding) !important; }
.padding-horizontal-half { padding-left: calc(var(--f7-typography-padding)/2) !
important; padding-right: calc(var(--f7-typography-padding)/2) !important; }
.margin { margin: var(--f7-typography-margin) !important; }
.margin-half { margin: calc(var(--f7-typography-margin)/2) !important; }
.margin-top { margin-top: var(--f7-typography-margin) !important; }
.margin-top-half { margin-top: calc(var(--f7-typography-margin)/2) !important; }
.margin-bottom { margin-bottom: var(--f7-typography-margin) !important; }
.margin-bottom-half { margin-bottom: calc(var(--f7-typography-margin)/2) !
important; }
.margin-left { margin-left: var(--f7-typography-margin) !important; }
.margin-left-half { margin-left: calc(var(--f7-typography-margin)/2) !important;
}
.margin-right { margin-right: var(--f7-typography-margin) !important; }
.margin-right-half { margin-right: calc(var(--f7-typography-margin)/2) !
important; }
.margin-vertical { margin-bottom: var(--f7-typography-margin) !important;
margin-top: var(--f7-typography-margin) !important; }
.margin-vertical-half { margin-bottom: calc(var(--f7-typography-margin)/2) !
important; margin-top: calc(var(--f7-typography-margin)/2) !important; }
.margin-horizontal { margin-left: var(--f7-typography-margin) !important;
margin-right: var(--f7-typography-margin) !important; }
.margin-horizontal-half { margin-left: calc(var(--f7-typography-margin)/2) !
important; margin-right: calc(var(--f7-typography-margin)/2) !important; }
[class*="text-color-"] { color: var(--f7-theme-color-text-color) !important; }
[class*="bg-color-"] { background-color: var(--f7-theme-color-bg-color) !
important; }
[class*="border-color-"] { border-color: var(--f7-theme-color-border-color) !
important; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ---Content-Type: text/css
Content-Transfer-Encoding: binary
Content-Location:

283.

https://swftnjxr7nhxtoat_sas_801_d7a0dcc45c192f87445494e212e93695.onlyoffice.dis
k.yandex.net/7.4.0-112/web-apps/apps/presentationeditor/mobile/css/612.css
@charset "utf-8";
:root { --brand-word: #446995; --brand-cell: #40865c; --brand-slide: #aa5252; -brand-primary: #3880be; --brand-secondary: #ed7309; --brand-text-on-brand: #fff;
--background-primary: #fff; --background-secondary: #fff; --background-tertiary:
#eff0f5; --background-menu-divider: rgba(60,60,67,.15); --background-button:
#eff0f5; --text-normal: #000; --text-secondary: rgba(0,0,0,.6); --text-tertiary:
rgba(0,0,0,.4); --text-link: #007aff; --text-error: #ff3b30; --fill-black: #000;
--fill-white: #fff; --toolbar-background: #446995; --toolbar-icons: #fff; -toolbar-segment: #446995; --toolbar-tab-normal: hsla(0,0%,100%,.5); --componentdisabled-opacity: 0.4; --active-opacity-word: rgba(68,105,149,.3); --activeopacity-slide: rgba(170,82,82,.3); --active-opacity-cell: rgba(64,134,92,.3); -image-border-types-filter: none; --canvas-background: #eee; --canvas-contentbackground: #fff; --canvas-page-border: #ccc; --canvas-ruler-background: #fff;
--canvas-ruler-border: #cbcbcb; --canvas-ruler-margins-background: #d9d9d9; -canvas-ruler-mark: #555; --canvas-ruler-handle-border: #555; --canvas-rulerhandle-border-disabled: #aaa; --canvas-high-contrast: #000; --canvas-highcontrast-disabled: #666; --canvas-cell-border: rgba(0,0,0,.1); --canvas-celltitle-hover: #dfdfdf; --canvas-cell-title-selected: #cfcfcf; --canvas-celltitle-border: #d8d8d8; --canvas-cell-title-border-hover: #c9c9c9; --canvas-celltitle-border-selected: #bbb; --canvas-dark-cell-title: #444; --canvas-dark-celltitle-hover: #666; --canvas-dark-cell-title-selected: #111; --canvas-dark-celltitle-border: #3d3d3d; --canvas-dark-cell-title-border-hover: #5c5c5c; --canvasdark-cell-title-border-selected: #0f0f0f; --canvas-dark-content-background:
#3a3a3a; --canvas-dark-page-border: #2a2a2a; --canvas-scroll-thumb: #f7f7f7; -canvas-scroll-thumb-hover: silver; --canvas-scroll-thumb-pressed: #adadad; -canvas-scroll-thumb-border: #cbcbcb; --canvas-scroll-thumb-border-hover:
#cbcbcb; --canvas-scroll-thumb-border-pressed: #adadad; --canvas-scroll-arrow:
#adadad; --canvas-scroll-arrow-hover: #f7f7f7; --canvas-scroll-arrow-pressed:
#f7f7f7; --canvas-scroll-thumb-target: silver; --canvas-scroll-thumb-targethover: #f7f7f7; --canvas-scroll-thumb-target-pressed: #f7f7f7; }
:root .theme-dark, :root .theme-type-dark { --background-primary: #232323; -background-secondary: #333; --background-tertiary: #131313; --background-menudivider: rgba(84,84,88,.5); --background-button: #333; --text-normal:
hsla(0,0%,100%,.87); --text-secondary: hsla(0,0%,100%,.6); --text-tertiary:
hsla(0,0%,100%,.4); --text-link: #1976d2; --text-error: #ff453a; --fill-black:
#000; --fill-white: #fff; --brand-word: #208bff; --brand-cell: #34c759; --brandslide: #fe8c33; --brand-primary: #3e9cf0; --brand-secondary: #ffaf49; --brandtext-on-brand: #000; --toolbar-background: #232323; --toolbar-icons: #208bff; -toolbar-segment: #fff; --toolbar-tab-normal: #757575; --component-disabledopacity: 0.4; --active-opacity-word: rgba(68,105,149,.2); --active-opacityslide: rgba(170,82,82,.2); --active-opacity-cell: rgba(64,134,92,.2); --imageborder-types-filter: invert(100%) brightness(4); --canvas-background: #555; -canvas-content-background: #fff; --canvas-page-border: #555; --canvas-rulerbackground: #555; --canvas-ruler-border: #2a2a2a; --canvas-ruler-marginsbackground: #444; --canvas-ruler-mark: #b6b6b6; --canvas-ruler-handle-border:
#b6b6b6; --canvas-ruler-handle-border-disabled: grey; --canvas-high-contrast:
#fff; --canvas-high-contrast-disabled: #ccc; --canvas-cell-border:
rgba(0,0,0,.1); --canvas-cell-title-border: #757575; --canvas-cell-title-borderhover: #858585; --canvas-cell-title-border-selected: #9e9e9e; --canvas-celltitle-hover: #787878; --canvas-cell-title-selected: #939393; --canvas-dark-celltitle: #111; --canvas-dark-cell-title-hover: #000; --canvas-dark-cell-titleselected: #333; --canvas-dark-cell-title-border: #282828; --canvas-dark-celltitle-border-hover: #191919; --canvas-dark-cell-title-border-selected: #474747;
--canvas-scroll-thumb: #404040; --canvas-scroll-thumb-hover: #999; --canvasscroll-thumb-pressed: #adadad; --canvas-scroll-thumb-border: #2a2a2a; --canvasscroll-thumb-border-hover: #999; --canvas-scroll-thumb-border-pressed: #adadad;
--canvas-scroll-arrow: #999; --canvas-scroll-arrow-hover: #404040; --canvasscroll-arrow-pressed: #404040; --canvas-scroll-thumb-target: #999; --canvasscroll-thumb-target-hover: #404040; --canvas-scroll-thumb-target-pressed:

284.

#404040; }
[dir="rtl"].device-android .app-layout .searchbar input { background-position:
100% center; padding-left: 36px; padding-right: 24px; }
[dir="rtl"].device-android .comment-list .comment-header .initials,
[dir="rtl"].device-android .wrap-comment .comment-header .initials { marginleft: 10px; margin-right: 0px; }
[dir="rtl"].device-android .actions-modal .actions-button-text { text-align:
right; }
[dir="rtl"].device-android .navigation-sheet__title { padding-left: 0px;
padding-right: 16px; }
[dir="rtl"].device-ios .app-layout .navbar .left a + a, [dir="rtl"].deviceios .app-layout .navbar .right a + a, [dir="rtl"].device-ios .applayout .subnavbar { margin-right: 0px; }
[dir="rtl"].device-ios .app-layout .tab-buttons .tab-link:first-child { borderradius: 0px 5px 5px 0px; }
[dir="rtl"].device-ios .app-layout .tab-buttons .tab-link:last-child { borderradius: 5px 0px 0px 5px; }
[dir="rtl"].device-ios .app-layout .popover li:first-child .segmented a:firstchild, [dir="rtl"].device-ios .app-layout .popover li:last-child .segmented
a:first-child { border-radius: 0 var(--f7-button-border-radius) var(--f7-buttonborder-radius) 0; }
[dir="rtl"].device-ios .app-layout .popover li:first-child .segmented a:lastchild, [dir="rtl"].device-ios .app-layout .popover li:last-child .segmented
a:last-child { border-radius: var(--f7-button-border-radius) 0 0 var(--f7button-border-radius); }
[dir="rtl"].device-ios .app-layout .list .item-inner .item-after .segmented
{ margin-left: 0px; margin-right: 10px; }
[dir="rtl"].device-ios .app-layout .searchbar-inner__right .buttons-row a.next {
margin-left: 0px; margin-right: 15px; }
[dir="rtl"].device-ios .app-layout .navbar .searchbar-input-wrap,
[dir="rtl"].device-ios .app-layout .searchbar-inner__left { margin-left: 10px;
margin-right: 0px; }
[dir="rtl"].device-ios .app-layout .comment-list .item-content .iteminner .comment-header { padding-left: 16px; }
[dir="rtl"] .comment-list .item-content .item-inner { padding-left: 0px; }
[dir="rtl"] .comment-list .item-content .item-inner .comment-header .right
{ justify-content: space-between; }
[dir="rtl"] .comment-list .item-content .item-inner .commentheader .right .comment-resolve { margin-left: 10px; margin-right: 0px; }
[dir="rtl"] .comment-list .item-content .item-inner .comment-header .name
{ text-align: right; }
[dir="rtl"] .comment-quote { border-left: 0px; border-right: 1px solid var(-text-secondary); padding-left: 16px; padding-right: 10px; }
[dir="rtl"] .comment-text, [dir="rtl"] .reply-text { padding-left: 15px;
padding-right: 0px; }

285.

[dir="rtl"] #add-comment-dialog .dialog .dialog-inner .wrap-comment .commentdate, [dir="rtl"] #add-comment-dialog .dialog .dialog-inner .wrap-comment .name,
[dir="rtl"] #add-comment-dialog .dialog .dialog-inner .wrap-comment .reply-date,
[dir="rtl"] #add-reply-dialog .dialog .dialog-inner .wrap-comment .comment-date,
[dir="rtl"] #add-reply-dialog .dialog .dialog-inner .wrap-comment .name,
[dir="rtl"] #add-reply-dialog .dialog .dialog-inner .wrap-comment .reply-date,
[dir="rtl"] #edit-comment-dialog .dialog .dialog-inner .wrap-comment .commentdate, [dir="rtl"] #edit-comment-dialog .dialog .dialog-inner .wrapcomment .name, [dir="rtl"] #edit-comment-dialog .dialog .dialog-inner .wrapcomment .reply-date, [dir="rtl"] #edit-reply-dialog .dialog .dialog-inner .wrapcomment .comment-date, [dir="rtl"] #edit-reply-dialog .dialog .dialoginner .wrap-comment .name, [dir="rtl"] #edit-reply-dialog .dialog .dialoginner .wrap-comment .reply-date { text-align: right; }
[dir="rtl"] #view-comment-popover .page .page-content { padding: 16px 0px 60px
16px; }
[dir="rtl"] .wrap-comment { padding: 16px 16px 0px 24px; }
[dir="rtl"] .shapes .thumb { transform: scaleX(-1); }
[dir="rtl"] #settings-popover .link, [dir="rtl"] .settings-popup .link
{ display: inline; }
[dir="rtl"] #edit-table-style ul { padding-right: 0px; }
[dir="rtl"] .color-schemes-menu .item-title { margin-right: 20px; }
[dir="rtl"] .list [slot="root-start"] { padding: 15px 15px 0px 0px; }
[dir="rtl"] .bullets .item-content, [dir="rtl"] .multilevels .item-content,
[dir="rtl"] .numbers .item-content { padding-right: 0px; }
[dir="rtl"] .dataview .active::after { left: -5px; right: unset; }
[dir="rtl"] .popover .list .range-number, [dir="rtl"] .popup .list .rangenumber, [dir="rtl"] .sheet-modal .list .range-number { text-align: left; }
[dir="rtl"] .popover .list .inner-range-title, [dir="rtl"] .popup .list .innerrange-title, [dir="rtl"] .sheet-modal .list .inner-range-title { padding-left:
0px; padding-right: 15px; }
[dir="rtl"] #color-picker .right-block, [dir="rtl"] .page-review .toolbar #btnreject-change { margin-left: 0px; margin-right: 20px; }
[dir="rtl"] .list li.no-indicator .item-link .item-inner { padding-right: 0px; }
@media (max-width: 550px) {
.device-ios[dir="rtl"] .app-layout .searchbar-expandable.searchbarenabled .searchbar-inner__right { margin-left: 0px; margin-right: 10px; }
.device-ios[dir="rtl"] .app-layout .navbar .searchbar-input-wrap { marginleft: 0px; }
.device-android[dir="rtl"] .app-layout .searchbar-expandable.searchbar-enabled
.searchbar-inner__left { margin-left: 33px; margin-right: 0px; }
}
[dir="rtl"] i.icon.icon-next, [dir="rtl"] i.icon.icon-numbers-3, [dir="rtl"]
i.icon.icon-numbers-7, [dir="rtl"] i.icon.icon-prev, [dir="rtl"] i.icon.icontable-add-column-left,
[dir="rtl"] i.icon.icon-table-add-column-right, [dir="rtl"] i.icon.icon-tableborders-left, [dir="rtl"] i.icon.icon-table-borders-right, [dir="rtl"]
i.icon.icon-table-remove-column, [dir="rtl"] i.icon.icon-text-align-left,
[dir="rtl"] i.icon.icon-text-align-right { transform: scaleX(-1); }

286.

[dir="rtl"] i.icon.icon-numbers-1 { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M43
13H8v1h35zM43 31H8v1h35zM43 49H8v1h35z'/%3E%3Cpath d='M55.728 18v-6.725h-.022l2.051 1.477v-1.02l2.062-1.482h.946V18h-.935ZM52.35 30.484c0-.677.243-1.239.731.687.487-.45 1.096-.676 1.826-.676.691 0 1.277.206 1.757.617.48.412.72.915.72
1.51 0 .43-.119.843-.355 1.24-.236.398-.68.933-1.332 1.606l-1.96
2.025v.022h3.775V36h-5.113v-.666l2.728-2.874c.52-.547.863-.963 1.0321.246.172-.282.258-.585.258-.907 0-.373-.15-.69-.452-.951a1.585 1.585 0 0 01.085-.392c-.454 0-.834.145-1.138.435-.305.29-.457.652-.457
1.085v.005h-.934v-.005ZM53.698 49.423v-.817h.929c.444 0 .807-.127
1.09-.38.283-.259.425-.585.425-.978 0-.394-.131-.708-.393-.94-.26-.233-.632-.351.111-.35-.444 0-.806.119-1.085.355-.28.236-.44.559-.484.967h-.929c.054-.66.3081.184.763-1.574.458-.39 1.05-.585 1.778-.585.698 0 1.278.188
1.74.564.462.375.693.854.693 1.434 0 .483-.143.89-.43 1.219-.286.33-.673.5371.16.623v.021c.587.036 1.054.224 1.402.564.347.337.52.777.52 1.322
0 .433-.121.823-.364 1.17a2.39 2.39 0 0 1-.989.806c-.415.19-.875.2851.38.285-.802 0-1.449-.2-1.94-.602-.49-.4-.753-.927-.7891.579h.93c.042.405.223.73.542.978.319.243.734.365 1.246.365s.933-.13
1.262-.392c.333-.261.5-.595.5-1 0-.454-.161-.814-.483-1.079-.32-.265-.756-.3971.311-.397h-.972ZM51 17h-1v1h1zM51 35h-1v1h1zM51 52h-1v1h1z' fill='%23444'/%3E
%3C/svg%3E"); }
[dir="rtl"] i.icon.icon-numbers-2 { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M43
13H8v1h35zM43 31H8v1h35zM43 49H8v1h35z'/%3E%3Cpath d='M52.312 18v-6.725h-.021l2.052 1.477v-1.02L52.3 10.25h.946V18h-.935Zm2.47
1.488c.123-.208.214-.37.275-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.577-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822ZM48.934
30.484c0-.677.243-1.239.73-1.687.487-.45 1.096-.676 1.826-.676.691 0 1.277.206
1.757.617.48.412.72.915.72 1.51 0 .43-.119.843-.355 1.24-.236.398-.68.933-1.332
1.606l-1.96 2.025v.022h3.775V36h-5.113v-.666l2.728-2.874c.52-.547.863-.963
1.032-1.246.172-.282.258-.585.258-.907 0-.373-.15-.69-.452-.951a1.585 1.585 0 0
0-1.085-.392c-.454 0-.834.145-1.138.435-.305.29-.457.652-.457
1.085v.005h-.934v-.005Zm5.849
7.004c.121-.208.213-.37.274-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.576-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822ZM50.282
49.423v-.817h.929c.444 0 .807-.127 1.09-.38.283-.259.425-.585.425-.978
0-.394-.131-.708-.392-.94-.262-.233-.633-.35-1.112-.35-.444 0-.806.1191.085.355-.28.236-.44.559-.484.967h-.929c.054-.66.308-1.184.763-1.574.458-.39
1.05-.585 1.778-.585.698 0 1.278.188 1.74.564.462.375.693.854.693 1.434
0 .483-.144.89-.43 1.219-.286.33-.673.537-1.16.623v.021c.587.036 1.054.224
1.402.564.347.337.52.777.52 1.322 0 .433-.121.823-.364 1.17a2.39 2.39 0 0
1-.989.806c-.415.19-.875.285-1.38.285-.802 0-1.448-.21.94-.602-.49-.4-.753-.927-.7891.579h.93c.043.405.223.73.542.978.319.243.734.365 1.246.365s.933-.13
1.262-.392c.333-.261.5-.595.5-1 0-.454-.161-.814-.483-1.079-.32-.265-.756-.3971.311-.397h-.972Zm4.5
5.065c.123-.208.214-.37.275-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.576-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822Z'

287.

fill='%23444'/%3E%3C/svg%3E"); }
[dir="rtl"] i.icon.icon-numbers-4 { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M43
13H8v1h35zM43 31H8v1h35zM43 49H8v1h35z'/%3E%3Cpath d='m56.85 18-.778-2.218h3.083L52.21 18h-1.015l2.857-7.75h.956L57.866 18H56.85Zm-2.336-6.574-1.24
3.534h2.513l-1.24-3.534h-.033ZM55.03 36h-3.024v-7.75h3.035c.662 0 1.197.177
1.606.531.411.355.617.822.617 1.402 0 .405-.13.772-.392
1.101-.258.326-.573.523-.945.591v.043c.526.068.945.274
1.257.618.315.343.472.773.472 1.289 0 .684-.233 1.217-.698 1.6-.462.3831.105.575-1.928.575Zm-2.057-6.896v2.486h1.547c.572 0 1.01-.11
1.31-.333.304-.222.457-.542.457-.961
0-.383-.127-.677-.382-.881-.254-.208-.616-.311-1.085-.311h-1.847Zm0
6.042h1.912c.583 0 1.026-.116 1.326-.35.301-.232.452-.572.452-1.02 0-.902-.6231.353-1.87-1.353h-1.82v2.723ZM54.39 53.129c-1.07 0-1.92-.36-2.551.08-.627-.723-.94-1.699-.94-2.927 0-1.217.316-2.188.95-2.911.634-.727 1.48-1.09
2.54-1.09.846 0 1.562.236 2.15.709.59.469.946 1.09 1.068 1.863h-.978a2.1 2.1 0 0
0-.8-1.219c-.408-.308-.888-.462-1.44-.462-.755 0-1.36.2831.815.849-.455.566-.682 1.32-.682 2.261 0 .953.226 1.71.677 2.272.451.562
1.06.843 1.826.843.57 0 1.05-.13 1.44-.392.39-.261.655-.628.7941.1h.978c-.18.765-.546 1.354-1.101 1.766-.555.412-1.26.618-2.116.618ZM49 17h1v1h1zM49 35h-1v1h1zM49 52h-1v1h1z' fill='%23444'/%3E%3C/svg%3E"); }
[dir="rtl"] i.icon.icon-numbers-5 { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M43
13H8v1h35zM43 31H8v1h35zM43 49H8v1h35z'/%3E%3Cpath d='M51.404 17.243c.473
0 .863-.136 1.171-.409.312-.275.467-.62.467-1.036v-.467l-1.514.096c-.881.0541.322.364-1.322.93 0 .268.108.483.323.644.218.161.51.242.875.242Zm-.198.81c-.588
0-1.06-.155-1.418-.467-.358-.311-.537-.723-.537-1.235 0-.498.186-.888.5581.17.373-.287.91-.452
1.611-.495l1.622-.097v-.483c0-.358-.114-.634-.343-.827-.23-.194-.557-.29-.983-.2
9-.337 0-.621.08-.854.241-.23.162-.373.378-.43.65h-.897c.015-.487.231-.895.651.224.419-.333.933-.5 1.542-.5.684 0 1.23.17 1.638.51.408.337.612.79.612
1.36V18h-.886v-1.004h-.022c-.164.322-.415.58-.752.773-.336.19-.707.2851.111.285Zm3.577
1.435c.121-.208.213-.37.274-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.577-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822ZM51.759
36.054a2.3 2.3 0 0 1-1.117-.264 1.979 1.979 0 0 1-.769-.767h-.02V36h-.887v8.089h.934v3.239h.022c.183-.319.435-.564.757-.736.322-.172.69-.258 1.101-.258.73
0 1.322.272 1.773.817.45.54.677 1.251.677 2.132 0 .884-.228 1.597-.683
2.138-.45.54-1.047.81-1.788.81Zm-.167-5.065c-.505 0-.915.1971.23.59-.311.39-.467.9-.467 1.526 0 .63.156 1.14.467 1.53.315.391.725.586
1.23.586.509 0 .915-.191 1.22-.574.308-.384.461-.898.461-1.542 0-.641-.1541.153-.462-1.536-.304-.387-.71-.58-1.219-.58Zm3.19
6.499c.123-.208.214-.37.275-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.576-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822ZM54.31
49.095h-.918a1.274 1.274 0 0 0-.484-.795c-.261-.207-.601-.311-1.02-.311-.509
0-.919.193-1.23.58-.312.387-.468.899-.468 1.536 0 .652.156 1.167.468
1.547.315.38.728.57 1.24.57.405
0 .736-.092.994-.275.261-.186.432-.453.51-.8h.919c-.079.57-.34 1.03-.784
1.38-.44.351-.989.527-1.644.527-.802 0-1.445-.265-1.928-.795-.484-.534-.7251.252-.725-2.154 0-.888.241-1.6.725-2.138.483-.54 1.122-.81 1.917-.81.684 0
1.245.189 1.681.569.437.376.686.832.747 1.37Zm.473
5.393c.121-.208.213-.37.274-.489.064-.115.157-.299.279-.553.125-.254.224-.496.29

288.

5-.725.075-.23.152-.5.231-.811.083-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.576-.047-1.128-.14-1.654a6.93 6.93 0 0 0-.36-1.343 7.93 7.93 0 0
0-.424-.919 3.367 3.367 0 0
0-.408-.601h.784c.168.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.845 8.845 0 0 1 .328 2.412c0 1.923-.486 3.49-1.456 4.705h-.822Z'
fill='%23444'/%3E%3C/svg%3E"); }
[dir="rtl"] i.icon.icon-numbers-6 { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M43
13H8v1h35zM43 31H8v1h35zM43 49H8v1h35z'/%3E%3Cpath d='M54.82 17.243c.473
0 .863-.136 1.171-.409.312-.275.468-.62.468-1.036v-.467l-1.515.096c-.881.0541.321.364-1.321.93 0 .268.107.483.322.644.218.161.51.242.875.242Zm-.198.81c-.588
0-1.06-.155-1.418-.467-.358-.311-.538-.723-.538-1.235 0-.498.187-.888.561.17.371-.287.909-.452
1.61-.495l1.623-.097v-.483c0-.358-.115-.634-.344-.827-.23-.194-.557-.29-.983-.29
-.337 0-.621.08-.854.241-.23.162-.373.378-.43.65h-.897c.014-.487.231-.895.651.224.419-.333.933-.5 1.542-.5.684 0 1.23.17 1.638.51.408.337.612.79.612
1.36V18h-.886v-1.004h-.022a1.86 1.86 0 0 1-.752.773c-.336.19-.707.2851.111.285ZM55.175
36.054a2.3 2.3 0 0 1-1.117-.264 1.979 1.979 0 0 1-.768-.767h-.022V36h-.886v8.089h.934v3.239h.022c.182-.319.435-.564.757-.736.322-.172.69-.258 1.101-.258.73
0 1.322.272 1.773.817.45.54.676 1.251.676 2.132 0 .884-.227 1.597-.682
2.138-.45.54-1.047.81-1.788.81Zm-.167-5.065c-.505 0-.915.1971.23.59-.311.39-.467.9-.467 1.526 0 .63.156 1.14.467 1.53.315.391.725.586
1.23.586.509 0 .915-.191 1.22-.574.307-.384.462-.898.462-1.542 0-.641-.1541.153-.462-1.536-.305-.387-.711-.58-1.22-.58ZM57.726 49.095h-.918a1.274 1.274 0
0 0-.484-.795c-.261-.207-.601-.311-1.02-.311-.509 0-.919.1931.23.58-.312.387-.468.899-.468 1.536 0 .652.156 1.167.468 1.547.315.38.728.57
1.24.57.405 0 .736-.092.994-.275.261-.186.432-.453.51-.8h.919c-.079.57-.34
1.03-.784 1.38-.44.351-.989.527-1.644.527-.802 0-1.445-.2651.928-.795-.483-.534-.725-1.252-.725-2.154 0-.888.242-1.6.725-2.138.483-.54
1.122-.81 1.917-.81.684 0 1.245.189 1.681.569.437.376.686.832.747 1.37ZM51 17h1v1h1zM51 35h-1v1h1zM51 52h-1v1h1z' fill='%23444'/%3E%3C/svg%3E"); }
[dir="rtl"] i.icon.icon-align-left, [dir="rtl"] i.icon.icon-align-right
{ transform: scaleX(-1); }
[dir="rtl"] i.icon.icon-text-orientation-horizontal { background-color: var(-brand-slide); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M9.514 10.75h1.755L8.069 2H6.363L3.25
10.75h1.712l.66-1.988h3.194l.698 1.988ZM7.197 4.041l1.101 3.247h-2.18l1.0793.247ZM16 2h-3.194v8.75h2.72c1.028-.008 1.677-.028 1.946-.06.429-.051.789-.189
1.08-.412.294-.226.525-.527.692-.9.17-.379.256-.767.256-1.165
0-.505-.13-.945-.392-1.319s-.637-.6381.123-.794c.345-.17.617-.427.817-.77.204-.342.306-.718.306-1.128
0-.378-.082-.718-.246-1.02a2.162 2.162 0 0 0-.616-.734 1.93 1.93 0 0
0-.834-.358C17.103 2.03 16.632 2 16 2Zm-1.58 3.48V3.456h.926c.76 0 1.22.01
1.38.03.268.036.47.14.604.31.138.168.208.387.208.657
0 .283-.08.511-.24.686-.157.172-.373.275-.65.31-.152.02-.542.03-1.171.03h1.058Zm0 3.796v-2.34h1.302c.734 0 1.21.042
1.428.125.222.084.391.217.507.4.117.183.175.406.175.669
0 .31-.076.559-.23.746a.973.973 0 0 1-.582.346c-.157.036-.526.054-1.107.054h1.494ZM6.016 13.25l-3.52 3.833-.497.542.498.542L6.018 22l.995-1.084-2.3182.524H22v-1.534H4.695l2.317-2.524-.995-1.084Z' fill='%23000'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; }
[dir="rtl"] i.icon.icon-text-orientation-anglecount { background-color: var(-brand-slide); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='m12.614 10.658-1.076-1.113.79-1.703-1.958-2.025-1.623.842-1.05-1.085L14.972
2l1.046 1.082-3.403 7.576Zm.301-4.079 1.316-2.756-2.653 1.374 1.337 1.382ZM18.92
6.085l1.96 2.025c.387.4.657.718.81.952.157.233.255.485.292.756a2 2 0 0

289.

1-.073.856 1.905 1.905 0 0 1-.475.802c-.251.26-.544.434-.879.522a1.61 1.61 0 0
1-.973-.03c.203.407.27.812.202 1.215a2.032 2.032 0 0 1-.568 1.085 2.42 2.42 0 0
1-.871.575 1.928 1.928 0 0
1-.977.133c-.315-.043-.62-.185-.914-.424-.185-.15-.595-.549-1.23-1.196l-1.6681.724 5.365-5.547Zm.097 1.946-1.24
1.283.648.67c.386.399.631.64.737.724.191.153.387.224.588.215.205-.01.395-.104.56
8-.283.166-.172.258-.354.275-.548.023-.194-.038-.387-.18-.58-.086-.114-.362-.412
-.828-.894l-.568-.587Zm-2.133 2.206-1.435
1.483.916.947c.357.369.594.591.712.668a.822.822 0 0
0 .57.15c.208-.022.407-.131.597-.328.161-.166.262-.344.303-.534a.92.92 0 0
0-.066-.575c-.082-.191-.348-.52-.798-.985l-.8-.826Z' fill='%23000'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M2 8.72h5.604v1.358H4.24L15.45 20.916
14.328 22 3.403 11.144v3.286H2V8.72Z' fill='%23000'/%3E%3C/svg%3E"); -webkitmask-repeat: round; -webkit-mask-size: contain; }
[dir="rtl"] i.icon.icon-text-orientation-angleclock { background-color: var(-brand-slide); -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M8.72 22v-5.604h1.358v3.363L20.916
8.55 22 9.672 11.144 20.597h3.286V22H8.72Z' fill='%23000'/%3E%3Cpath d='m10.658
11.386-1.113 1.076-1.703-.79-2.025 1.958.842 1.623-1.085 1.05L2 9.028l1.0821.046 7.576 3.403Zm-4.079-.301L3.823 9.769l1.374 2.653 1.382-1.337ZM6.085 5.08
8.11 3.12c.4-.387.718-.657.952-.81.233-.157.485-.255.756-.292a2 2 0 0
1 .856.073c.295.085.562.243.802.475.26.251.434.544.522.879.09.332.08.657-.03.973
.407-.203.812-.27 1.215-.202.403.07.764.259
1.085.568.252.244.444.535.575.871.131.332.175.658.133.977-.043.315-.185.62-.424.
914-.15.185-.549.595-1.196 1.23l-1.724 1.668-5.547-5.365Zm1.946-.097 1.283
1.24.67-.648c.399-.385.64-.631.724-.737.153-.191.224-.387.215-.588-.01-.205-.104
-.395-.283-.568-.172-.166-.354-.257-.548-.275-.194-.023-.387.038-.58.18-.114.086
-.412.362-.894.828l-.587.568Zm2.206 2.133 1.483
1.435.947-.916c.369-.357.591-.594.668-.712a.822.822 0 0
0 .15-.57c-.022-.208-.131-.407-.328-.597a1.104 1.104 0 0 0-.534-.303.92.92 0 0
0-.575.066c-.191.082-.52.348-.985.798l-.826.8Z' fill='%23000'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; }
[dir="rtl"] .slide-theme .item-theme.active::before { left: -5px; right:
unset; }
[dir="rtl"] .slide-layout .item-inner::before { left: 11px; right: unset; }
[dir="rtl"] .slide-layout .row img { transform: scaleX(-1); }
.device-ios { --toolbar-background: var(--background-primary,#fff); --toolbarsegment: var(--brand-slide,#aa5252); --toolbar-icons: var(--brandslide,#aa5252); }
.device-android { --toolbar-background: var(--brand-slide,#aa5252); }
.device-android .theme-type-dark { --toolbar-icons: var(--brandslide,#aa5252); }
.page.page-users .block-title { font-size: 17px; font-weight: 400; line-height:
17px; margin-bottom: 20px; margin-top: 20px; text-transform: none; }
.page.page-users .color { border-radius: 50px; color: var(--fill-white); fontsize: 18px; line-height: 40px; min-height: 40px; min-width: 40px; text-align:
center; }
.navbar.main-navbar { height: 0px; }
.navbar.main-navbar.navbar-with-logo { height: 26px; }
.navbar.main-navbar .navbar-inner { display: flex; justify-content: center;
padding-top: 8px; }

290.

.navbar.main-navbar .navbar-bg::after, .navbar.main-navbar .navbar-bg::before
{ content: none; }
.navbar-hidden { transform: translate3d(0,calc((var(--f7-navbar-height) + var(-f7-subnavbar-height))*-1),0); }
.navbar-hidden + .page-content, .navbar-hidden + .page > .page-content
{ padding-top: 0px; }
.page.editor > .page-content { transition: padding-top 0.3s ease-in 0s; }
.subnavbar .subnavbar-inner { padding: 0px; }
.subnavbar .subnavbar-inner .title { flex-shrink: 1; margin: 0px; overflow:
hidden; padding: 0px; text-overflow: clip; }
.subnavbar .icon-back { color: var(--toolbar-icons); }
.page.page-with-subnavbar .page-content { --f7-page-subnavbar-offset: 0px; }
.page.page-with-subnavbar.page-with-logo .page-content { --f7-page-subnavbaroffset: 26px; }
.popover .list:first-child, .popup .list:first-child, .sheet-modal .list:firstchild { margin-bottom: 0px; margin-top: 0px; }
.popover .list .inner-range-title, .popup .list .inner-range-title, .sheet-modal
.list .inner-range-title { color: var(--text-normal); padding: 15px 0px 0px
15px; }
.popover .list .range-number, .popup .list .range-number, .sheetmodal .list .range-number { color: var(--text-normal); min-width: 60px; textalign: right; }
.popover .page-content.no-padding-top, .popup .page-content.no-paddingtop, .sheet-modal .page-content.no-padding-top { padding-top: 0px; }
.sheet-modal.coauth__sheet { transition: all 0.3s ease 0s; }
.disabled, [disabled] { opacity: 0.55; pointer-events: none; }
.text-content { padding: 14px 10px 0px; }
.list { max-width: 100%; }
.list ul { width: 100%; }
.list li.no-indicator .item-link .item-inner { padding-right: 15px; }
.list li.no-indicator .item-link .item-inner::before { content: none; }
.list .item-text { height: auto; max-height: none; text-overflow: clip; whitespace: normal; }
.list .font-item img { filter: var(--image-border-types-filter,none); }
.list .buttons .button.active { background-color: var(--active-opacity-slide); }
.list .item-link .item-inner { width: 100%; }
.list .item-inner { color: var(--text-normal); }
.bullets, .multilevels, .numbers { min-height: 160px; }

291.

.bullets .row.list, .multilevels .row.list, .numbers .row.list { margin: 0px; }
.bullets .row.list ul, .multilevels .row.list ul, .numbers .row.list ul { gap:
10px; background: none; display: grid; grid-template-columns: repeat(4, auto);
justify-content: space-around; padding: 5px; width: 100%; }
.bullets .row.list ul::after, .bullets .row.list
ul::before, .multilevels .row.list ul::after, .multilevels .row.list ul::before,
.numbers .row.list ul::after, .numbers .row.list ul::before { display: none; }
.bullets .row.list ul li, .multilevels .row.list ul li, .numbers .row.list ul li
{ border: 1px solid rgb(196, 196, 196); height: 70px; width: 70px; }
html.pixel-ratio-2 .bullets .row.list ul li, html.pixel-ratio2 .multilevels .row.list ul li, html.pixel-ratio-2 .numbers .row.list ul li
{ border: 0.5px solid rgb(196, 196, 196); }
html.pixel-ratio-3 .bullets .row.list ul li, html.pixel-ratio3 .multilevels .row.list ul li, html.pixel-ratio-3 .numbers .row.list ul li
{ border: 0.33px solid rgb(196, 196, 196); }
.bullets .row.list ul li .thumb, .multilevels .row.list ul
li .thumb, .numbers .row.list ul li .thumb { background-color: var(--fillwhite); background-size: cover; height: 100%; width: 100%; }
.bullets .row.list ul li .thumb label, .multilevels .row.list ul li .thumb
label, .numbers .row.list ul li .thumb label { color: var(--fill-black);
position: absolute; text-align: center; top: 34%; width: 100%; }
.bullets .row.list ul li .item-marker, .bullets .row.list ul li .itemmultilevellist, .bullets .row.list
ul li .item-number, .multilevels .row.list ul li .itemmarker, .multilevels .row.list ul li .itemmultilevellist, .multilevels .row.list ul li .item-number, .numbers .row.list ul
li .item-marker, .numbers .row.list ul li .itemmultilevellist, .numbers .row.list ul li .item-number { height: 68px; width:
68px; }
.bullets .row.list .item-content, .multilevels .row.list .item-content, .numbers
.row.list .item-content { min-height: 68px; padding-left: 0px; padding-right:
0px; }
.bullets .row.list .item-content .item-inner, .multilevels .row.list .itemcontent .item-inner, .numbers .row.list .item-content .item-inner { padding:
0px; }
.bullets .row.list .item-content .iteminner::after, .multilevels .row.list .item-content .iteminner::after, .numbers .row.list .item-content .item-inner::after { display:
none; }
.popover .page .list ul { background-color: var(--f7-list-bg-color); }
.popover .list:first-child li:first-child, .popover .list:first-child li:firstchild a, .popover .list:first-child li:first-child > label, .popover .list:lastchild li:last-child, .popover .list:last-child li:last-child
a, .popover .list:last-child li:last-child > label, .popover .page .list ul
li:first-child .item-link, .popover .page .list ul li:last-child .item-link
{ border-radius: 0px; }
.shapes li { height: 70px; margin: 0px 1px; width: 70px; }
.shapes li .thumb { background-color: var(--brand-slide); height: 100%; width:

292.

100%; }
.chart-types { width: 100%; }
.chart-types .row { padding: 0px 10px; }
.chart-types li { height: 60px; margin: 6px; width: 60px; }
.chart-types li .thumb { background-size: contain; height: 100%; width: 100%; }
.chart-styles .row li { margin: 0px; padding: 1px; }
.chart-styles .row img { height: 50px; width: 50px; }
.segmented .decrement, .segmented .increment { text-overflow: clip; }
.content-block { box-sizing: border-box; margin: 32px 0px; padding: 0px 16px; }
.content-block p { color: var(--text-normal); }
.color-schemes-menu { cursor: pointer; display: block; }
.color-schemes-menu .item-inner { justify-content: flex-start; }
.color-schemes-menu .color-schema-block { display: flex; }
.color-schemes-menu .color { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px
inset; margin: 0px 2px 0px 0px; min-height: 26px; min-width: 26px; }
.color-schemes-menu .item-title { color: var(--text-normal); margin-left:
20px; }
.slide-layout__list { margin: auto; }
.slide-layout ul { display: flex; flex-wrap: wrap; justify-content: spacearound; }
.slide-layout ul::after, .slide-layout ul::before { display: none; }
.slide-layout li { margin-top: 12px; position: relative; z-index: 1; }
.slide-layout li img { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px; }
.slide-layout .item-inner { padding-top: 0px; }
.slide-layout .item-inner::after { display: none; }
.slide-layout .item-inner::before { background-color: var(--brand-slide);
background-repeat: no-repeat; bottom: 0px; content: ""; height: 22px; -webkitmask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Ccircle fill='transparent' cx='11' cy='11' r='11'/%3E%3Cpath d='M11
21a10 10 0 1 1 10-10 10 10 0 0 1-10 10Zm6.4-13.68L17.06 7a.48.48 0 0 0-.67 0l-7
6.84-2.44-2.6a.51.51 0 0 0-.59.08l-.36.34a.58.58 0 0 0 0 .65l3.19 3.35a.38.38 0
0 0 .39 0L17.4 8a.48.48 0 0 0 0-.67Z'/%3E%3C/svg%3E"); -webkit-mask-repeat:
round; -webkit-mask-size: contain; opacity: 0; position: absolute; right: 11px;
width: 22px; z-index: 1; }
.slide-layout .active .item-inner::before { opacity: 1; }
.slide-transition .splitter { align-items: center; color: rgb(0, 0, 0); display:
flex; }
.slide-transition .splitter label { margin: 0px 5px; }

293.

.slide-transition .buttons-row { display: flex; margin: 0px 0px 0px 10px; minwidth: 90px; }
.slide-transition .buttons-row .button { width: 100%; }
.slide-transition .buttons-row .button:first-child { border-left-style: solid;
border-left-width: 1px; border-radius: 5px 0px 0px 5px; }
.slide-transition .buttons-row .button:last-child { border-radius: 0px 5px 5px
0px; }
.style-effect .list .item-title, .style-type .list .item-title { font-weight:
400; }
.range-slider-delay { appearance: none; background: linear-gradient(90deg,
rgb(183, 184, 183) 0px, rgb(183, 184, 183)) 50% center / 100% 2px no-repeat;
border: none; box-sizing: initial; margin: 4px 0px 5px; outline: 0px; width:
100%; }
.range-slider-delay:disabled { opacity: 0.55; }
.range-slider-delay::-webkit-slider-thumb { appearance: none; background:
rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px
4px; cursor: pointer; height: 28px; width: 28px; }
.buttons-list ul li { border: 0px; font-weight: 400; }
.buttons-list ul li .item-link { height: 100%; }
.buttons-list ul li .item-link .item-content { height: 100%; min-height: auto;
padding: 0px; }
.buttons-list ul li .item-link .item-inner { align-items: center; justifycontent: center; min-height: auto; padding: 0px; }
.buttons-list ul li .item-link .item-inner::before { display: none; }
.item-color-auto .color-auto { background-color: rgb(0, 0, 0); height: 22px;
width: 22px; }
.item-color-auto.active .color-auto { border-radius: 1px; box-shadow: 0 0 0 1px
#fff,0 0 0 4px var(--brand-slide); }
.page .color-palettes .list ul .palette { padding: 8px 0px; }
.page .color-palettes .list ul .palette a { border-radius: 0px; box-shadow:
rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; flex-grow: 1; margin: 1px 1px 0px
0px; min-height: 26px; min-width: 10px; position: relative; }
.page .color-palettes .list ul .palette a.active::after { border-radius: 1px;
box-shadow: 0 0 0 1px #fff,0 0 0 4px var(--brand-slide); content: " "; height:
100%; position: absolute; width: 100%; z-index: 1; }
.page .color-palettes .list ul .palette a.transparent { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' xml:space='preserve'%3E%3Cpath stroke='red' strokelinecap='undefined' stroke-linejoin='undefined' stroke-width='2' fill='none'
d='M0 22 22 0'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size:
100% 100%; }
.page .color-palettes .row { padding: 0px; }
.page .color-palettes .list .item-inner { color: var(--text-normal); display:

294.

block; }
.page .color-palettes .dynamic-colors .palette, .page .color-palettes .standartcolors .palette { display: flex; }
.page .color-palettes .dynamic-colors .empty-color { background-color: rgb(255,
255, 255); }
#color-picker { align-items: center; display: flex; justify-content: spacearound; margin: 4px auto 0px; max-width: 300px; }
#color-picker .color-picker-container { font-size: 0px; height: auto; max-width:
100%; position: relative; width: calc(100% - 94px); }
#color-picker .color-picker-container .color-picker-module-wheel { margin:
0px; }
#color-picker .right-block { margin-left: 20px; }
#color-picker .right-block .color-hsb-preview { border: 1px solid rgb(196, 196,
196); border-radius: 100px; height: 72px; overflow: hidden; width: 72px; }
#color-picker .right-block .color-hsb-preview .current-color-hsb-preview,
#color-picker .right-block .color-hsb-preview .new-color-hsb-preview { height:
36px; }
#color-picker .right-block .color-hsb-preview .new-color-hsb-preview { borderradius: 100px 100px 0px 0px; }
#color-picker .right-block .color-hsb-preview .current-color-hsb-preview
{ border-radius: 0px 0px 100px 100px; }
#color-picker .right-block .button-round { align-items: center; backgroundcolor: var(--fill-white); border: 0px; border-radius: 100px; box-shadow: rgba(0,
0, 0, 0.25) 0px 4px 4px; display: flex; height: 72px; justify-content: center;
margin-top: 20px; padding: 0px; width: 72px; }
.table-styles { width: 100%; }
.table-styles .row, .table-styles .row li { margin-bottom: 12px; }
.table-styles .row div, .table-styles .row li { align-items: center; box-shadow:
rgb(196, 196, 196) 0px 0px 0px 1px; display: flex; justify-content: center; }
.table-styles .row div, .table-styles li { margin: 0px; padding: 1px; }
.table-styles .row div img, .table-styles li img { height: 50px; width: 70px; }
#edit-table-style .list ul ul { padding-left: 0px; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkitouter-spin-button { appearance: none; margin: 0px; }
.icon.lang-flag { background-image:
url("../../../presentationeditor/mobile/resources/img/controls/[email protected]");
background-size: 48px; height: 12px; width: 16px; }
.lang-flag.ca, .lang-flag.ca-ES { background-position: 0px 0px; }
.lang-flag.cs, .lang-flag.cs-CZ { background-position: -16px 0px; }
.lang-flag.da, .lang-flag.da-DK { background-position: -32px 0px; }
.lang-flag.de, .lang-flag.de-DE { background-position: 0px -12px; }

295.

.lang-flag.el, .lang-flag.el-GR { background-position: -16px -12px; }
.lang-flag.en, .lang-flag.en-US { background-position: -32px -12px; }
.lang-flag.fr, .lang-flag.fr-FR { background-position: 0px -24px; }
.lang-flag.hu, .lang-flag.hu-HU { background-position: -16px -24px; }
.lang-flag.it, .lang-flag.it-IT { background-position: -32px -24px; }
.lang-flag.ko, .lang-flag.ko-KR { background-position: 0px -36px; }
.lang-flag.nl, .lang-flag.nl-NL { background-position: -16px -36px; }
.lang-flag.nb, .lang-flag.nb-NO, .lang-flag.nn, .lang-flag.nn-NO { backgroundposition: -32px -36px; }
.lang-flag.pl, .lang-flag.pl-PL { background-position: 0px -48px; }
.lang-flag.pt, .lang-flag.pt-BR { background-position: -16px -48px; }
.lang-flag.ro, .lang-flag.ro-RO { background-position: -32px -48px; }
.lang-flag.ru, .lang-flag.ru-RU { background-position: 0px -60px; }
.lang-flag.sv, .lang-flag.sv-SE { background-position: -32px -60px; }
.lang-flag.tr, .lang-flag.tr-TR { background-position: 0px -72px; }
.lang-flag.uk, .lang-flag.uk-UA { background-position: -16px -72px; }
.lang-flag.lv, .lang-flag.lv-LV
{ background-position: -32px -72px; }
.lang-flag.lt, .lang-flag.lt-LT { background-position: 0px -84px; }
.lang-flag.vi, .lang-flag.vi-VN { background-position: -16px -84px; }
.lang-flag.de-CH, .lang-flag.fr-CH, .lang-flag.it-CH { background-position: 32px -84px; }
.lang-flag.pt-PT { background-position: -16px -96px; }
.lang-flag.de-AT { background-position: -32px -96px; }
.lang-flag.es, .lang-flag.es-ES { background-position: 0px -108px; }
.lang-flag.en-GB { background-position: -32px -108px; }
.lang-flag.en-AU { background-position: 0px -120px; }
.lang-flag.az-Latn-AZ { background-position: -16px -120px; }
.lang-flag.id, .lang-flag.id-ID { background-position: -32px -120px; }
.lang-flag.bg, .lang-flag.bg-BG { background-position: 0px -132px; }
.lang-flag.ca-ES-valencia { background-position: -16px -132px; }
.lang-flag.en-CA { background-position: -32px -132px; }
.lang-flag.en-ZA { background-position: 0px -144px; }

296.

.lang-flag.eu, .lang-flag.eu-ES { background-position: -16px -144px; }
.lang-flag.gl, .lang-flag.gl-ES { background-position: -32px -144px; }
.lang-flag.hr, .lang-flag.hr-HR { background-position: 0px -156px; }
.lang-flag.lb, .lang-flag.lb-LU { background-position: -16px -156px; }
.lang-flag.mn, .lang-flag.mn-MN { background-position: -32px -156px; }
.lang-flag.sl, .lang-flag.sl-SI { background-position: 0px -168px; }
.lang-flag.sr, .lang-flag.sr-Cyrl-RS, .lang-flag.sr-Latn-RS { backgroundposition: -16px -168px; }
.lang-flag.sk, .lang-flag.sk-SK { background-position: -32px -168px; }
.lang-flag.kk, .lang-flag.kk-KZ { background-position: 0px -180px; }
.lang-flag.fi, .lang-flag.fi-FI, .lang-flag.sv-FI { background-position: -16px 180px; }
.lang-flag.zh, .lang-flag.zh-CN { background-position: -32px -180px; }
.lang-flag.ja, .lang-flag.ja-JP { background-position: 0px -192px; }
.lang-flag.es-MX { background-position: -16px -192px; }
.checkbox-in-modal { align-items: center; display: flex; margin-top: 10px; }
.checkbox-in-modal .right-text { margin-left: 10px; }
.username-tip { color: rgb(255, 255, 255); display: none; height: 20px; opacity:
0; padding: 0px 10px; pointer-events: none; position: absolute; transition:
opacity 0.1ms ease-out 0s; z-index: 900; }
.username-tip.active { display: block; opacity: 1; }
.dlg-adv-options { z-index: 13700; }
.dlg-adv-options .content-block { padding: 0px; }
.dlg-adv-options .picker-3d .picker-item { font-size: 16px; padding: 0px; textalign: left; }
.dlg-adv-options .picker-center-highlight { left: 0px; right: 0px; width:
100%; }
.dlg-macros-request .dialog-text { word-break: break-word; }
@keyframes flickerAnimation {
0% { opacity: 0.1; }
50% { opacity: 1; }
100% { opacity: 0.1; }
}
@-webkit-keyframes flickerAnimation {
0% { opacity: 0.1; }
50% { opacity: 1; }
100% { opacity: 0.1; }
}
.doc-placeholder-container { height: 100%; left: 0px; overflow: hidden;
position: absolute; top: 0px; width: 100%; z-index: 6000; }

297.

.statusbar .statusbar--box-tabs > ul > .locked a { box-shadow: red 0px 2px
inset; }
.font-item .item-inner { overflow: hidden; }
.font-item .item-inner::after { left: 16px; }
.cell-editor { overflow: initial; }
.functions-list { background-color: var(--background-primary); max-height:
200px; overflow: hidden auto; width: 360px; }
.functions-list__mobile { box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px -10px;
left: 0px; position: absolute; right: 0px; width: 100%; }
.functions-list__mobile .list { margin: 0px; }
.functions-list__mobile .list ul::before { display: none; }
.functions-list__mobile .list .item-content { padding-left: 0px; }
.functions-list__mobile .list .item-inner { padding-left: calc(var(--f7-listitem-padding-horizontal) + var(--f7-safe-area-left) - var(--menu-listoffset)); }
.functions-list__mobile .list .item-title { font-size: 15px; }
#idx-functions-list { width: 350px; }
#idx-functions-list .popover-inner .navbars .right .link { font-weight: 600; }
#idx-functions-list .popover-inner .navbars .navbar-bg { background: var(-background-secondary); }
#idx-functions-list .popover-inner .navbars .navbar-bg::after, #idx-functionslist .popover-inner .page-function-info .navbar .navbar-bg::after { background:
var(--background-menu-divider); }
#idx-functions-list .popover-inner .page-function-info .navbar .navbar-inner
{ background: var(--background-secondary); }
#idx-functions-list .popover-inner .page-function-info .navbar .navbarinner .title { color: var(--text-normal); }
#idx-functions-list .popover-inner .page-function-info .navbar .navbarinner .right .link { color: var(--brand-slide); font-weight: 600; }
#idx-functions-list .popover-inner .page-function-info .navbar .navbarinner .icon-back::after { color: var(--brand-slide); }
.highlight-palette { width: 100%; }
.highlight-color { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; flexgrow: 1; margin: 1px; min-height: 34px; min-width: 10px; position: relative; }
.highlight-color_active::after { border-radius: 1px; box-shadow: rgb(255, 255,
255) 0px 0px 0px 1px, rgb(68, 105, 149) 0px 0px 0px 4px; content: " "; height:
100%; position: absolute; width: 100%; z-index: 1; }
#idx-celleditor.expanded .functions-list__mobile { top: 70px; }
.popover__functions { box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 100px; }

298.

.popover__functions .view { transition: height 0.2s ease 0s; }
.popover__functions .popover-angle.on-bottom { display: none; }
.target-function-list { bottom: 0px; height: 100%; left: 0px; position:
absolute; top: 0px; width: 0px; }
.dropdown-list__placeholder { opacity: 0.6; }
.dropdown-list__placeholder .item-inner { border-bottom: 1px solid var(--f7list-item-border-color); }
.swiper-wrapper .swiper-slide .list ul { background-color: initial; }
.swiper-pagination-bullet { background: var(--background-menu-divider); opacity:
1; }
.swiper-pagination-bullet-active { background: var(--text-secondary); }
.swiper-pagination-bullets { bottom: 9px; position: fixed; width: 100%; }
.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 5.5px; }
.preview-cell-style { background-color: var(--fill-white); background-position:
50% center; background-repeat: no-repeat; background-size: cover; border: .5px
solid var(--background-menu-divider); border-radius: 4px; height: 44px; width:
104px; }
.sharing-placeholder { height: 100%; }
.sheet-modal .page-current-comment { padding-bottom: 60px; }
.picker-columns { justify-content: space-around; }
.row-picker .col-50 { color: var(--text-secondary); text-align: center; }
.block { font-size: 12px; font-style: normal; font-weight: 400; line-height:
16px; margin-top: 8px; }
.block-title + .block, .block-title + .block-header, .block-title
+ .card, .block-title + .list, .block-title + .timeline { margin: 0px; }
.inputs-list { margin-bottom: 0px; }
.inputs-list ul { background: var(--f7-list-bg-color); list-style: none; margin:
0px; padding: 0px; position: relative; }
.list input[type="password"], .list input[type="text"] { background:
transparent; }
.dialog .modal-password { position: relative; }
.dialog .modal-password__icon { position: absolute; right: 4px; top: calc(50% 12.5px); }
.device-ios .app-layout { --f7-navbar-link-color: var(--brand-slide); --f7subnavbar-link-color: var(--brand-slide); --f7-navbar-text-color: var(--textnormal); --f7-navbar-title-line-height: 44px; --f7-navbar-link-line-height:
44px; --f7-navbar-title-font-size: 17px; --f7-list-bg-color: var(--backgroundprimary); --f7-navbar-bg-color: var(--toolbar-background); --f7-tabbar-linkinactive-color: var(--toolbar-segment); --f7-radio-active-color: var(--brandslide); --f7-toggle-active-color: var(--brand-slide); --f7-range-bar-active-bgcolor: var(--brand-slide); --f7-list-button-text-color: var(--brand-slide); -f7-list-item-border-color: var(--background-menu-divider); --f7-page-bg-color:

299.

var(--background-tertiary); --f7-list-item-title-text-color: var(--text-normal);
--f7-list-item-text-text-color: var(--text-normal); --f7-list-item-subtitletext-color: var(--text-secondary); --f7-label-text-color: var(--text-normal); -f7-list-item-after-text-color: var(--text-normal); --f7-input-text-color: var(-text-normal); --f7-block-title-text-color: var(--text-secondary); --f7-inputplaceholder-color: var(--text-secondary); --f7-list-chevron-icon-color: var(-text-tertiary); --f7-searchbar-search-icon-color: var(--text-tertiary); --f7searchbar-input-clear-button-color: var(--text-tertiary); --f7-toggle-inactivecolor: var(--background-menu-divider); --f7-toggle-border-color: var(-background-menu-divider); --f7-actions-button-border-color: var(--backgroundmenu-divider); --f7-popover-bg-color: var(--background-primary); --f7-dialog-bgcolor-rgb: var(--background-secondary); --f7-dialog-title-text-color: var(-text-normal); --f7-dialog-text-color: var(--text-normal); --f7-dialog-buttontext-color: var(--brand-slide); --f7-dialog-border-divider-color: var(-background-menu-divider); --f7-subnavbar-border-color: var(--background-menudivider); --f7-list-border-color: var(--background-menu-divider); --f7-pickeritem-text-color: rgba(var(--text-normal),0.45); --f7-picker-item-selected-textcolor: var(--text-normal); --f7-block-text-color: var(--text-secondary); }
.device-ios .app-layout #editor-navbar.navbar .left a + a, .device-ios .applayout #editor-navbar.navbar .right a + a { margin-left: 0px; }
.device-ios .app-layout .navbar, .device-ios .app-layout .navbar-bg, .device-ios
.app-layout .subnavbar { background-color: var(--f7-navbar-bg-color); }
.device-ios .app-layout .navbar a.btn-doc-back, .device-ios .app-layout .navbarbg a.btn-doc-back, .device-ios .app-layout .subnavbar a.btn-doc-back { width:
22px; }
.device-ios .app-layout .navbar .title, .device-ios .app-layout .navbarbg .title, .device-ios .app-layout .subnavbar .title { color: var(--textnormal); font-weight:
600; }
.device-ios .app-layout .navbar .navbar-inner, .device-ios .applayout .navbar .subnavbar-inner, .device-ios .app-layout .navbar-bg .navbarinner, .device-ios .app-layout .navbar-bg .subnavbar-inner, .device-ios .applayout .subnavbar .navbar-inner, .device-ios .app-layout .subnavbar .subnavbarinner { z-index: auto; }
.device-ios .app-layout .navbar .sheet-close, .device-ios .app-layout .navbar-bg
.sheet-close, .device-ios .app-layout .subnavbar .sheet-close { display: flex;
height: 44px; justify-content: center; width: 44px; }
.device-ios .app-layout .subnavbar .icon-back { color: var(--brand-slide); }
.device-ios .app-layout .popover__titled .list:first-child li:first-child >
label, .device-ios .app-layout .popover__titled .list:first-child li:last-child
> label, .device-ios .app-layout .popover__titled .list:first-child ul, .deviceios .app-layout .popover__titled .list:last-child li:first-child >
label, .device-ios .app-layout .popover__titled .list:last-child li:last-child >
label, .device-ios .app-layout .popover__titled .list:last-child ul { borderradius: 0px; }
.device-ios .app-layout .popover__titled .popover-inner > .view { border-radius:
var(--f7-popover-border-radius); }
.device-ios .app-layout .popover__titled .navbar-bg { backdrop-filter: none; }
.device-ios .app-layout .popover__titled .navbar-bg::after { background: var(-background-menu-divider); }
.device-ios .app-layout .popover__titled .list:last-child li:last-child::after {
backface-visibility: hidden; background-color: var(--f7-navbar-border-

300.

color,var(--f7-bars-border-color)); inset: auto auto 0px 0px; content: "";
display: block; height: 1px; position: absolute; transform: scaleY(calc(1/var(-f7-device-pixel-ratio))); transform-origin: 50% 100%; width: 100%; }
.device-ios .app-layout .popover li:last-child .segmented a:first-child
{ border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-borderradius); }
.device-ios .app-layout .popover li:last-child .segmented a:last-child { borderradius: 0 var(--f7-button-border-radius) var(--f7-button-border-radius) 0; }
.device-ios .app-layout .list .item-content .color-preview { background: var(-fill-white); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset; box-sizing:
border-box; display: inline-block; height: 8px; margin-top: 21px; width: 22px; }
.device-ios .app-layout .list .item-content .item-after .color-preview { height:
30px; margin-top: -3px; width: 75px; }
.device-ios .app-layout .list .item-inner { padding-top: 7px; }
.device-ios .app-layout .list .item-inner .item-after .after-start { margin: 0px
5px; }
.device-ios .app-layout .list .item-inner .item-after .segmented { margin-left:
10px; min-width: 90px; }
.device-ios .app-layout .list .buttons .item-inner { align-items: stretch;
padding-bottom: 0px; padding-top: 0px; }
.device-ios .app-layout .list .buttons .item-inner > .row { align-items:
stretch; width: 100%; }
.device-ios .app-layout .list .buttons .item-inner > .row .button { align-items:
center; border: none; border-radius: 0px; display: flex; flex: 1 1 0%; fontsize: 17px; height: inherit; justify-content: center; }
.device-ios .app-layout .list .list-input-right input { text-align: right; }
.device-ios .app-layout .tab-buttons { align-self: center; display: flex; flexwrap: nowrap; width: 100%; }
.device-ios .app-layout .tab-buttons .tab-link { -webkit-box-flex: 1; border:
1px solid var(--toolbar-segment); color: var(--brand-slide); cursor: pointer;
display: block; font-family: inherit; font-size: 14px; font-weight: 600; height:
29px; line-height: 26px; margin: 0px; outline: 0px; overflow: hidden; padding:
0px 1px; position: relative; text-align: center; text-decoration: none; textoverflow: ellipsis; white-space: nowrap; width: 100%; }
.device-ios .app-layout .tab-buttons .tab-link:first-child { border-left-style:
solid; border-left-width: 1px; border-radius: 5px 0px 0px 5px; }
.device-ios .app-layout .tab-buttons .tab-link:last-child { border-radius: 0px
5px 5px 0px; }
.device-ios .app-layout .tab-buttons .tab-link.tab-link-active { background:
var(--toolbar-segment); color: var(--brand-text-on-brand); }
.device-ios .app-layout .tab-buttons .tab-link.tab-link-active i.icon
{ background-color: var(--brand-text-on-brand); }
.device-ios .app-layout .button { background: 0px 0px; border: 1px solid var(-brand-slide); box-sizing: border-box; color: var(--brand-slide); cursor:
pointer; display: block; font-family: inherit; font-size: 14px; height: 29px;
line-height: 27px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px

301.

10px; position: relative; text-align: center; text-decoration: none; textoverflow: ellipsis; white-space: nowrap; }
.device-ios .app-layout .button-fill { background-color: var(--backgroundprimary); color: var(--brand-slide); }
.device-ios .app-layout .button-red { background-color: var(--backgroundprimary); color: var(--text-error); }
.device-ios .app-layout .buttons-list li { border: 0px; border-radius: 0px; boxshadow: none; font-size: 17px; height: 43px; min-height: 43px; padding: 0px;
text-transform: none; }
.device-ios .app-layout .button-red .list-button { color: var(--text-error); }
.device-ios .app-layout .list-button { position: static; }
.device-ios .app-layout .block-title { color: rgb(109, 109, 114); font-size:
14px; line-height: 1; margin: 35px 15px 10px; overflow: hidden; position:
relative; text-overflow: ellipsis; text-transform: uppercase; white-space:
nowrap; }
.device-ios .app-layout .shapes .page-content { background: var(--fill-white); }
.device-ios .app-layout .dialog { background-color: var(--f7-dialog-bg-colorrgb); }
.device-ios .app-layout #color-picker .right-block .button-round .icon { height:
30px; width: 30px; }
.device-ios .app-layout .content-block { color: rgb(109, 109, 114); }
.device-ios .app-layout #add-chart .page-content, .device-ios .app-layout #addchart.page-content, .device-ios .app-layout #add-shape .page-content, .deviceios .app-layout #add-shape.page-content, .device-ios .app-layout #addslide .page-content, .device-ios .app-layout #add-slide.page-content, .deviceios .app-layout #add-table .page-content, .device-ios .app-layout #addtable.page-content, .device-ios .app-layout .dataview .page-content, .device-ios
.app-layout .dataview.page-content { background-color: var(--backgroundtertiary); }
.device-ios .app-layout .regional-settings .item-title-row { align-items:
center; display: flex; justify-content: flex-start; }
.device-ios .app-layout .regional-settings .item-title-row .item-title { marginleft: 20px; white-space: normal; }
.device-ios .app-layout .navbar .searchbar { background: var(--f7-navbar-bgcolor); }
.device-ios .app-layout .navbar .searchbar-input-wrap { height: 28px; marginright: 10px; }
.device-ios .app-layout .navbar .buttons-row-replace a { color: var(--brandslide); }
.device-ios .app-layout .searchbar input { appearance: none; background-color:
var(--background-button); border: none; border-radius: 5px; box-sizing: borderbox; color: var(--text-normal); display: block; font-family: inherit; font-size:
14px; font-weight: 400; height: 100%; padding: 0px 28px; width: 100%; }
.device-ios .app-layout .searchbar input::placeholder { color: var(--texttertiary); }

302.

.device-ios .app-layout .searchbar-inner__left { justify-content: center;
margin-right: 10px; }
.device-ios .app-layout .searchbar-inner__right .buttons-row a.next { marginleft: 15px; }
.device-ios .app-layout .searchbar-expandable.searchbarenabled.replace .searchbar-inner__right { width: 28%; }
@media (max-width: 550px) {
.device-ios .app-layout .navbar .searchbar-input-wrap { margin-right: 0px; }
.device-ios .app-layout .searchbar-expandable.searchbar-enabled { top: 0px; }
.device-ios .app-layout .searchbar-expandable.searchbar-enabled .searchbarinner__center { flex-direction: column; }
.device-ios .app-layout .searchbar-expandable.searchbar-enabled .searchbarinner__right { flex-direction: column-reverse; margin-left: 10px; }
.device-ios .app-layout .searchbar-expandable.searchbar-enabled.replace
{ height: 88px; }
.device-ios .app-layout .searchbar-expandable.searchbarenabled.replace .searchbar-inner { height: 100%; }
.device-ios .app-layout .searchbar-expandable.searchbarenabled.replace .searchbar-inner__center .searchbar-input-wrap { margin: 8px
0px; }
.device-ios .app-layout .searchbar-expandable.searchbarenabled.replace .searchbar-inner__right { height: 100%; justify-content: spacebetween; width: auto; }
.device-ios .app-layout .searchbar-expandable.searchbarenabled.replace .searchbar-inner__right .buttons-row-replace { height: 50%; }
}
.device-ios .app-layout .actions-button { --f7-actions-button-border-color:
var(--background-menu-divider); background: var(--background-secondary); }
.device-ios .app-layout .actions-button-text { color: var(--text-normal); fontsize: 20px; text-overflow: ellipsis; white-space: normal; }
.device-ios .app-layout input.modal-text-input { appearance: none; background:
var(--background-primary); border: 1px solid var(--text-tertiary); borderradius: 0px; box-shadow: transparent 0px 0px 0px; box-sizing: border-box;
display: block; font-family: inherit; font-size: 14px; height: 26px; margin:
15px 0px 0px; padding: 0px 5px; width: 100%; }
.device-ios .app-layout .font-item .item-content { padding-left: 0px; }
.device-ios .app-layout .toggle-icon { background: transparent; }
.device-ios .app-layout .edit-comment-popup .navbar .title { line-height:
normal; }
.device-android .app-layout { --f7-navbar-shadow-image: none; --f7-theme-color:
var(--brand-slide); --f7-navbar-bg-color: var(--toolbar-background); --f7navbar-link-color: var(--fill-white); --f7-navbar-text-color: var(--fill-white);
--f7-navbar-height: 56px; --f7-list-bg-color: var(--background-primary); --f7subnavbar-bg-color: var(--toolbar-background);
--f7-subnavbar-link-color: var(--toolbar-icons); --f7-subnavbar-text-color:
var(--fill-white); --f7-subnavbar-height: 56px; --f7-radio-active-color: var(-brand-slide); --f7-toggle-active-color: var(--brand-slide); --f7-range-baractive-bg-color: var(--brand-slide); --f7-range-knob-color: var(--brand-slide);
--f7-range-knob-size: 16px; --f7-list-item-after-text-color: var(--text-normal);
--f7-link-highlight-color: transparent; --f7-link-touch-ripple-color:
hsla(0,0%,100%,.1); --f7-actions-bg-color: var(--background-secondary); --f7actions-button-border-color: var(--background-menu-divider); --f7-popover-bgcolor: var(--background-secondary); --f7-dialog-bg-color: var(--backgroundsecondary); --f7-dialog-text-color: var(--text-secondary); --f7-dialog-title-

303.

text-color: var(--text-normal); --f7-dialog-button-text-color: var(--brandslide); --f7-picker-item-text-color: rgba(var(--text-normal),0.45); --f7-pickeritem-selected-text-color: var(--text-normal); --f7-input-bg-color: var(-background-primary); --f7-input-placeholder-color: var(--text-secondary); --f7input-text-color: var(--text-normal); --f7-block-text-color: var(--textsecondary); --f7-input-focused-border-color: var(--brand-slide); --f7-labelfocused-text-color: var(--brand-slide); }
.device-android .app-layout .button { --f7-touch-ripple-color: transparent; }
.device-android .app-layout .segmented .button { --f7-touch-ripple-color: var(-f7-list-link-pressed-bg-color); }
.device-android .app-layout .navbar { --f7-touch-ripple-color:
hsla(0,0%,100%,.1); }
.device-android .app-layout .navbar .sheet-close { display: flex; height: 56px;
justify-content: center; width: 56px; }
.device-android .app-layout .navbar-inner { background-position-x: ; backgroundposition-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ;
background-attachment: ; background-origin: ; background-clip: ; backgroundcolor: var(--f7-navbar-bg-color,var(--f7-bars-bg-color)); background-image:
var(--f7-navbar-bg-image,var(--f7-bars-bg-image)); }
.device-android .app-layout .page.page-with-subnavbar.page-with-logo .pagecontent { --f7-page-navbar-offset: var(--f7-navbar-height); }
.device-android .app-layout .page { --f7-text-color: var(--text-normal); --f7list-item-title-text-color: var(--text-normal); --f7-list-item-text-text-color:
var(--text-normal); --f7-list-item-subtitle-text-color: var(--text-secondary);
--f7-block-title-text-color: var(--text-secondary); --f7-label-text-color:
var(--text-normal); --f7-page-bg-color: var(--background-tertiary); --f7-listitem-border-color: var(--background-menu-divider); --f7-list-chevron-icon-color:
var(--text-tertiary); --f7-toggle-inactive-color: var(--background-menudivider); --f7-toggle-border-color: var(--background-menu-divider); --f7actions-button-text-color: var(--text-normal); --f7-subnavbar-border-color:
var(--background-menu-divider); --f7-list-border-color: var(--background-menudivider); }
.device-android .app-layout .add-popup .view .add-image ul::after, .deviceandroid .app-layout .add-popup .view .inputs-list ul::after { display: none; }
.device-android .app-layout .coauth__sheet { max-height: 65%; }
.device-android .app-layout .segmented .decrement, .device-android .applayout .segmented .increment { border: none; border-radius: 0px; display: flex;
height: 32px; margin-left: 0px; min-width: 40px; }
.device-android .app-layout .segmented .decrement i.icon-expand-down, .deviceandroid .app-layout .segmented .increment i.icon-expand-down { background:
var(--brand-slide); }
.device-android .app-layout .segmented label { color: var(--text-normal); lineheight: 32px; margin: 0px 5px; }
.device-android .app-layout .button { --f7-button-text-color: var(--brandslide); appearance: none; background: 0px 0px; border-radius: 2px; box-sizing:
border-box; color: var(--brand-slide); cursor: pointer; display: block; fontfamily: inherit; font-size: 14px; height: 36px; line-height: 36px; margin: 0px;
min-width: 64px; outline: 0px; overflow: hidden; padding: 0px 8px; position:
relative; text-align: center; text-overflow: ellipsis; text-transform:
uppercase; transform: translateZ(0px); transition-duration: 0.3s; white-space:
nowrap; }

304.

.device-android .app-layout .button-fill { background-color: initial; color:
var(--brand-text-on-brand); }
.device-android .app-layout .button-raised { box-shadow: rgba(0, 0, 0, 0.12) 0px
1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; }
.device-android .app-layout .button-red { background-color: var(--text-error);
color: var(--brand-text-on-brand); }
.device-android .app-layout .buttons-list ul { background-color: var(-background-tertiary); }
.device-android .app-layout .buttons-list ul::after, .device-android .app-layout
.buttons-list ul::before { display: none; }
.device-android .app-layout .buttons-list ul li { border-radius: 2px; color:
var(--fill-white); font-size: 14px; height: 36px; margin: 20px 16px; min-height:
36px; text-transform: uppercase; }
.device-android .app-layout .table-presets .button { min-width: 0px; }
.device-android .app-layout .button-fill .list-button { background-color: var(-brand-slide); border-radius: 2px; color: var(--brand-text-on-brand); font-size:
14px; font-weight: 500; height: 36px; line-height: 36px; margin: 0px; textalign: center; text-transform: uppercase; }
.device-android .app-layout .button-raised .list-button { box-shadow: rgba(0, 0,
0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; }
.device-android .app-layout .button-red .list-button { background-color: var(-text-error); }
.device-android .app-layout .tab-buttons { display: flex; height: 100%; justifycontent: space-between; position: relative; width: 100%; }
.device-android .app-layout .tab-buttons .tab-link { align-items: center; boxsizing: border-box; color: rgba(255, 255, 255, 0.7); font-size: 14px; fontweight: 500; height: 100%; justify-content: center; padding-left: 0px; paddingright: 0px; text-transform: uppercase; }
.device-android .app-layout .tab-buttons .tab-link i.icon { opacity: 0.5; }
.device-android .app-layout .tab-buttons .tab-link.tab-link-active { color:
var(--fill-white); }
.device-android .app-layout .tab-buttons .tab-link.tab-link-active i.icon
{ background-color: var(--fill-white); opacity: 1; }
.device-android .app-layout .tab-buttons .tab-link-highlight { --f7-tabbar-linkactive-border-color: var(--toolbar-icons); bottom: 0px; height: 3px; left: 0px;
position: absolute; }
.device-android .app-layout .list.inputs-list .item-input .item-inner, .deviceandroid .app-layout .list.inputs-list .item-link .item-inner { display: block; }
.device-android .app-layout .list.inputs-list .item-input .item-inner .itemlabel, .device-android .app-layout .list.inputs-list .item-input .iteminner .item-title, .device-android .app-layout .list.inputs-list .itemlink .item-inner .item-label, .device-android .app-layout .list.inputslist .item-link .item-inner .item-title { font-size: 12px; width: 100%; }
.device-android .app-layout .list.inputs-list .item-input .item-inner .iteminput-wrap, .device-android .app-layout .list.inputs-list .item-link .item-inner

305.

.item-input-wrap { margin-left: 0px; }
.device-android .app-layout .list .buttons { align-items: center; box-sizing:
border-box; display: flex; justify-content: space-between; min-height: 48px;
width: 100%; }
.device-android .app-layout .list .buttons .item-content { width: 100%; }
.device-android .app-layout .list .buttons .item-content .item-inner { paddingbottom: 0px; padding-top: 0px; }
.device-android .app-layout .list .buttons .item-content .item-inner .row
{ width: 100%; }
.device-android .app-layout .list .buttons .item-content .iteminner .row .button { align-items: center; display: flex; flex: 1 1 0%; fontsize: 17px; justify-content: center; margin-left: 5px; }
.device-android .app-layout .list .buttons .item-content .iteminner .row .button:first-child { margin-left: 0px; }
.device-android .app-layout .list .item-content .color-preview { backgroundcolor: var(--fill-white); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.15)
0px 0px 0px 1px inset; height: 30px; margin-top: -3px; width: 30px; }
.device-android .app-layout .list .item-content .color-preview.auto
{ background-color: rgb(0, 0, 0); }
.device-android .app-layout #color-picker .right-block .button-round
{ background-color: var(--brand-slide); }
.device-android .app-layout .regional-settings .list .item-inner { margin-left:
16px; }
.device-android .app-layout .regional-settings .list .item-title-row { alignitems: center; display: flex; flex-direction: row-reverse; justify-content:
space-between; width: 100%; }
.device-android .app-layout .regional-settings .list .item-title-row .item-title
{ white-space: normal; }
.device-android .app-layout .searchbar-inner__center { flex-wrap: wrap; }
.device-android .app-layout .navbar .searchbar-input-wrap { height: 32px;
margin: 4px 0px; }
.device-android .app-layout .navbar-inner { overflow: initial; }
.device-android .app-layout .searchbar .input-clear-button { height: 18px;
margin-top: -8px; width: 18px; }
.device-android .app-layout .searchbar .input-clear-button::after { color:
var(--fill-white); font-size: 19px; line-height: 19px; }
.device-android .app-layout .searchbar-icon::after { color: var(--fill-white);
font-size: 19px; }
.device-android .app-layout .searchbar input { appearance: none; backgroundcolor: initial; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' fill='%23fff' height='24' width='24'%3E
%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5
16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5
11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0
0h24v24H0z' fill='none'/%3E%3C/svg%3E"); background-position: 0px center;

306.

background-repeat:
no-repeat; background-size: 24px 24px; border-top: none; border-right: none;
border-left: none; border-image: initial; border-bottom: 1px solid var(--fillwhite); border-radius: 0px; box-sizing: border-box; color: var(--fill-white);
display: block; font-family: inherit; font-size: 16px; font-weight: 400; height:
100%; opacity: 1; padding: 0px 36px 0px 24px; transition-duration: 0.3s; width:
100%; }
.device-android .app-layout .searchbar input::placeholder { color: var(--fillwhite); }
.device-android .app-layout .navbar .searchbar-expandable.searchbar-enabled
{ top: 0px; }
.device-android .app-layout .navbar .searchbar-expandable.searchbarenabled .searchbar-inner { height: 100%; }
.device-android .app-layout .navbar .searchbar-expandable.searchbarenabled .searchbar-inner__center { flex-direction: column; }
.device-android .app-layout .navbar .searchbar-expandable.searchbarenabled .searchbar-inner__right { flex-direction: column-reverse; }
.device-android .app-layout .navbar .searchbar-expandable.searchbarenabled.replace { height: 96px; }
.device-android .app-layout .navbar a.link { padding: 0px 16px; }
.device-android .app-layout .navbar a.link.searchbar-enable i.icon-search
{ background-color: var(--toolbar-icons); }
.device-android .app-layout .navbar a.icon-only { height: 56px; width: auto; }
.device-android .app-layout .navbar .buttons-row-replace a { color: var(--fillwhite); padding: 0px; }
.device-android .app-layout .navbar .searchbar .buttons-row { align-self: flexstart; }
@media (max-width: 550px) {
.device-android .app-layout .searchbar-expandable.searchbarenabled .searchbar-inner__left { margin-right: 33px; }
}
.device-android .app-layout .actions-button-text { color: var(--text-normal);
cursor: pointer; font-size: 16px; line-height: 48px; }
@media (min-width: 496px) {
.device-android .app-layout .actions-modal { left: auto; margin-left: 0px;
width: 100%; }
}
.device-android .app-layout input.modal-text-input { appearance: none;
background: rgb(255, 255, 255); border: none; box-shadow: none; box-sizing:
border-box; display: block; font-family: inherit; font-size: 16px; height: 36px;
margin: 15px 0px 0px; padding: 0px; transition-duration: 0.2s; width: 100%; }
.device-android .app-layout .input-field .inputs-list { margin: 15px 0px 0px; }
.device-android .app-layout .input-field .inputs-list ul { background: none; }
.device-android .app-layout .input-field .inputs-list ul::after, .device-android
.app-layout .input-field .inputs-list ul::before { display: none; }

307.

.device-android .app-layout .input-field .inputs-list .item-inner, .deviceandroid .app-layout .input-field .inputs-list .item-input { padding: 0px; }
.device-android .app-layout .font-item .item-radio:not(.item-radio-icon-end)
> .icon-radio { margin-right: 0px; }
.device-android .app-layout .navbar-link-settings .navbar-inner { background:
var(--background-primary); }
.device-android .app-layout .navbar-link-settings .title, .device-android .applayout .navbar-link-settings a { color: var(--text-normal); }
.device-ios .theme-type-dark i.icon.icon-logo { background:
url("../../../presentationeditor/mobile/resources/img/header/logo-android.svg")
50% center no-repeat; }
.device-ios i.icon.icon_mask { background-color: rgb(255, 255, 255); }
.device-ios i.icon.icon-logo { background:
url("../../../presentationeditor/mobile/resources/img/header/logo-ios.svg") 50%
center no-repeat; height: 14px; width: 100px; }
.device-ios i.icon.icon-prev { background-color: var(--brand-slide); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='m16 20.5-1 1L4.5 11 15 .5l1 1L6.6 11l9.4 9.5z'/%3E%3C/svg
%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-prev::after { display: none; }
.device-ios i.icon.icon-next { background-color: var(--brand-slide); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M15.5 11 6 1.5 7.1.4 17.5 11 7.1 21.5l-1.1-1 9.5-9.5z'/%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
22px; }
.device-ios i.icon.icon-next::after { display: none; }
.device-ios i.icon.icon-edit { background-color: var(--brand-slide); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M0 20h22v1H0v-1zM19.3 5.3 6.1 18.4l-1.5-1.5L17.8
3.8l-.7-.7L3.5 16.7 3 20l3.3-.5L19.9 5.9zM20.5 5.3 22 3.8s-.2-1.2-.9-1.9c-.7-.81.9-.9-1.9-.9l-1.5 1.5 2.8 2.8z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-show-password { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='25' height='25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M5.625 12.5A8.488 8.488 0 0 0 12.5 16a8.487 8.487 0 0 0 6.875-3.5A8.487 8.487
0 0 0 12.5 9a8.488 8.488 0 0 0-6.875 3.5Zm14.954 0A9.494 9.494 0 0 0 12.5
8a9.494 9.494 0 0 0-8.08 4.5A9.494 9.494 0 0 0 12.5 17a9.494 9.494 0 0 0 8.084.5Z'/%3E%3Cpath d='M12.5 10a2.5 2.5 0 0 1 2.502 2.5 2.502 2.502 0 0 1-2.502
2.511 2.5 2.5 0 0 1-2.489-2.511 2.499 2.499 0 0 1 2.49-2.5Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-hide-password, .device-ios i.icon.icon-show-password
{ background-color: var(--text-secondary); height: 25px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 25px; }
.device-ios i.icon.icon-hide-password { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='25' height='25'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M11.356 15.765a8.487 8.487 0 0 0 8.019-3.424c-.751-1.03-1.209-1.584-2.339-

308.

2.19l.723-.74c1.375.787 1.987 1.587 2.82 2.93a9.494 9.494 0 0 1-8.079 4.5 9.534
9.534 0 0 1-1.99-.208l.846-.868Zm-3.228-1.133a8.546 8.546 0 0 1-2.503-2.29 8.488
8.488 0 0 1 6.875-3.5c.598 0 .719-.018 1.297.069l.924-.849c-.83-.238-1.303-.222.206-.22H12.5a9.494 9.494 0 0 0-8.08 4.5 9.549 9.549 0 0 0 2.962
3.004l.746-.714Z'/%3E%3Cpath d='M16.031 9.671a20.396 20.396 0 0 0-1.01-.397l5.863 5.885a8.45 8.45 0 0 0 1.033.365l5.84-5.853Z'/%3E%3Cpath d='M16.79
8.91c-.311-.146-.65-.298-.974-.434l-.794.798c.336.122.687.26
1.01.397l.758-.76Z'/%3E%3Cpath d='m18.345 7.353-.72-.692-1.809
1.815c.324.136.663.288.974.435l1.555-1.558ZM9.395 16.322a9.443 9.443 0 0
1-.99-.406l-1.728 1.733.705.69 2.013-2.017Z'/%3E%3Cpath d='M10.191 15.524a8.45
8.45 0 0 1-1.033-.365l-.754.757c.32.153.651.289.99.406l.797-.798Z'/%3E%3C/svg
%3E"); }
.device-android i.icon.icon_mask { background-color: var(--text-normal); }
.device-android i.icon.icon-logo { background:
url("../../../presentationeditor/mobile/resources/img/header/logo-android.svg")
50% center no-repeat; height: 14px; width: 100px; }
.device-android i.icon.icon-prev { background-color: var(--brand-slide); height:
20px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M5.1 10.9 13.9 2 16 4.1l-6.8 7 6.8 6.8-2.1 2.1-8.88.8-.1-.1z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size:
contain; width: 20px; }
.device-android i.icon.icon-prev::after { display: none; }
.device-android i.icon.icon-next { background-color: var(--brand-slide); height:
20px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M16.9 10.9 8.1 2 6 4.1l6.8 7L6 17.9 8.1
20l8.8-8.8.1-.1z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-masksize: contain; width: 20px; }
.device-android i.icon.icon-next::after { display: none; }
.device-android i.icon.icon-show-password { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cpath d='M9.894 9.89C10.486 9.298 11.189 9 12 9c.811
0 1.514.297 2.106.89.593.594.89 1.297.89 2.11s-.297 1.516-.89 2.11c-.592.5931.295.89-2.106.89-.811 0-1.514-.297-2.106-.89-.593-.594-.89-1.297-.89-2.11s.2971.516.89-2.11Zm-1.451 5.672c.998.97 2.184 1.454 3.557 1.454 1.373 0 2.543-.485
3.51-1.453 1-1 1.499-2.188 1.499-3.563s-.5-2.547-1.498-3.516c-.968-1-2.138-1.53.511-1.5-1.373 0-2.559.5-3.557 1.5-.968.97-1.452 2.141-1.452 3.516s.484 2.563
1.452 3.563Zm-3.137-9C7.304 5.188 9.535 4.5 12 4.5s4.697.688 6.694 2.063C20.69
7.938 22.126 9.75 23 12c-.874 2.25-2.31 4.063-4.306 5.438C16.697 18.813 14.465
19.5 12 19.5s-4.696-.688-6.694-2.063C3.31 16.063 1.874 14.25 1 12c.874-2.25
2.31-4.063 4.306-5.438Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-hide-password, .device-android i.icon.icon-showpassword { background-color: var(--text-secondary); height: 24px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android i.icon.icon-hide-password { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cpath d='M11.883 9.005h.14c.813 0 1.517.297
2.111.891.595.595.892 1.298.892 2.111v.188l-3.143-3.19Zm4.316.797c-.375.751-.563 1.486-.563 2.205 0 1.377.485 2.565 1.454 3.566 1.001.97
2.19 1.454 3.566 1.454.719 0 1.454-.188 2.204-.563l-1.5481.548c-.25.063-.469.094-.656.094-.814 0-1.517-.297-2.111-.892-.595-.594-.8921.297-.892-2.11 0-.188.032-.407.094-.657L7.567 9.802ZM2.032 4.267 3.299 3l17.73
17.733L19.764 22c-.156-.156-.656-.641-1.5-1.454l-1.877-1.877c-1.345.5632.799.845-4.362.845-2.471 0-4.707-.688-6.708-2.065-2.002-1.376-3.44-3.19-4.316-

309.

5.442.782-1.939 2.033-3.596 3.753-4.972L3.158 5.44a139.128 139.128 0 0 0-1.1261.173Zm9.992 2.72c-.626 0-1.236.126-1.83.376L8.036 5.205c1.22-.47
2.549-.704 3.988-.704 2.47 0 4.69.688 6.66 2.064 2.002 1.377 3.44 3.19 4.316
5.442a12.231 12.231 0 0 1-3.424 4.739l-2.909-2.909c.25-.594.376-1.204.376-1.83
0-1.376-.5-2.549-1.501-3.518-.97-1-2.143-1.501-3.518-1.501Z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-collaboration { background-color: var(-toolbar-icons); height: 24px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cg clip-path='url(%23a)' fill-rule='evenodd' cliprule='evenodd'%3E%3Cpath d='M7.5 14c-2.823 0-4.989 1.407-6.099 3.257-.56.935-.4
1.305-.299 1.433.154.194.508.31.87.31H7.5v1H1.972c-.47 0-1.216-.1341.655-.69-.49-.622-.412-1.502.227-2.567C1.834 14.593 4.324 13 7.5 13v1Zm01c3.177 0 5.639 1.593 6.929 3.743.639 1.065.716 1.945.226 2.567-.438.5561.184.69-1.655.69H7.5v-1H13c.363 0 .717-.116.87-.31.101-.128.262-.498-.2991.433C12.461 15.407 10.323 14 7.5 14v-1Z'/%3E%3Cpath d='M15 20h7c.471 0
1.217-.134 1.656-.69.49-.622.413-1.502-.226-2.567C22.14 14.593 19.677 13 16.5
13c-1.293 0-2.322.164-3.354.623.364.28.64.494.997.732A7.774 7.774 0 0 1 16.502
14c2.823 0 4.96 1.407 6.071 3.257.561.935.4 1.305.299
1.433-.153.194-.508.31-.87.31H16.5a1.466 1.466 0 0
1-.343.478c-.444.415-.738.522-1.157.522ZM7.5 11C8.76 11 10 9.786 10 8S8.76 5 7.5
5 5 6.214 5 8s1.24 3 2.5 3Zm0 1c1.933 0 3.5-1.79 3.5-4S9.433 4 7.5 4 4 5.79 4
8s1.567 4 3.5 4ZM17 11c.965 0 2-.97 2-2.5S17.965 6 17 6c-.965 0-2 .97-2
2.5s1.035 2.5 2 2.5Zm0 1c1.657 0 3-1.567 3-3.5S18.657 5 17 5s-3 1.567-3 3.5
1.343 3.5 3 3.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath
fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android .navbar i.icon.icon-back { color: var(--toolbar-icons); }
.device-android .navbar i.icon.icon-edit { background-color: var(--toolbaricons); height: 22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(-toolbar-icons)'%3E%3Cpath d='M0 20h22v1H0v-1zM17.1 3.1 3.5 16.7 3 20l3.3-.5L19.9
5.9zM20.5 5.3 22 3.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5 2.8 2.8z'/%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
22px; }
.device-android .navbar i.icon.icon-close { background-color: var(--textnormal); height: 24px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath
d='M18.984 6.422 13.406 12l5.578 5.578-1.406 1.406L12 13.406l-5.578 5.578-1.4061.406L10.594 12 5.016 6.422l1.406-1.406L12 10.594l5.578-5.578 1.406 1.406Z'/%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
24px; }
.device-android .navbar i.icon.icon-done-disabled { background-color: var(-text-tertiary); }
.device-android .navbar i.icon.icon-done, .device-android .navbar i.icon.icondone-disabled { height: 24px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cpath d='m9 16.219 10.594-10.64L21 6.983l-12 125.578-5.578L4.782 12 9 16.219Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; webkit-mask-size: contain; width: 24px; }
.device-android .navbar i.icon.icon-done { background-color: var(--brand-slide);
}
.device-android .navbar i.icon.icon-search { background-color: var(--toolbaricons); height: 24px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M16 16.708a9 9 0 1 1 .707-.707l5.647
5.645-.708.708-5.645-5.646ZM18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z'/%3E%3C/svg

310.

%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
i.icon.icon-paste { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M5 2H0v18h9v4h15V7h-5V2h5v1h4v4H9v12H1V3h4V2Zm5 6h13v15H10V8Z'/%3E%3Cpath d='M5 0h9v5H5V0Z'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M21 12h-9v-1h9v1ZM21 16h-9v-1h9v1ZM21
20h-9v-1h9v1Z'/%3E%3C/svg%3E"); }
i.icon.icon-copy, i.icon.icon-paste { background-color: var(--text-normal);
height: 24px; -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
24px; }
i.icon.icon-copy { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M1 1h14v6h1V0H0v17h8v-1H1V1Z'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M23 8H9v15h14V8ZM8 7v17h16V7H8ZM13 5H3V4h10v1ZM8 9H3V8h5v1ZM8
13H3v-1h5v1Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12H11v1h10v1ZM21 16H11v-1h10v1ZM21 20H11v-1h10v1Z'/%3E%3C/svg%3E"); }
i.icon.icon-cut { background-color: var(--text-normal); height: 24px; -webkitmask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M3.224 22.27c1.291.857 3.303.448 4.4351.257 1.132-1.706.727-3.719-.564-4.575-1.291-.857-3.303-.448-4.435 1.257-1.132
1.706-.727 3.719.564 4.575Zm-.553.834c1.841 1.221 4.447.532 5.821-1.538 1.3752.071.996-4.74-.844-5.962-1.841-1.221-4.447-.533-5.821 1.538-1.375 2.071-.996
4.74.844 5.962ZM20.916 22.27c-1.291.857-3.303.448-4.435-1.257-1.132-1.706-.7273.719.564-4.575 1.291-.857 3.303-.448 4.435 1.257 1.132 1.706.727 3.719-.564
4.575Zm.553.834c-1.841 1.221-4.447.532-5.821-1.538-1.374-2.071-.996-4.74.8445.962 1.841-1.221 4.447-.533 5.822 1.538 1.374 2.071.995 4.74-.845 5.962Z'/%3E
%3Cpath d='m16.492 15.604-2.588-3.13L19.955.676a.436.436 0 0
0-.228-.595c-.285-.092-.628 0-.742.183L12.023 11.42
5.176.264c-.115-.229-.457-.32-.742-.229-.286.092-.4.366-.286.595L10.2 12.428l2.552 3.176L9.229 18l2.794-4.52L14.911 18l1.581-2.396Z'/%3E%3C/g%3E%3Cdefs%3E
%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
24px; }
i.icon.icon-next::after, i.icon.icon-prev::after { content: none; }
i.icon.icon-collaboration { background-color: var(--brand-slide); height: 24px;
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg clippath='url(%23a)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M7.5 14c2.823 0-4.989 1.407-6.099 3.257-.56.935-.4 1.305-.299
1.433.154.194.508.31.87.31H7.5v1H1.972c-.47 0-1.216-.1341.655-.69-.49-.622-.412-1.502.227-2.567C1.834 14.593 4.324 13 7.5 13v1Zm01c3.177 0 5.639 1.593 6.929 3.743.639 1.065.716 1.945.226 2.567-.438.5561.184.69-1.655.69H7.5v-1H13c.363 0 .717-.116.87-.31.101-.128.262-.498-.2991.433C12.461 15.407 10.323 14 7.5 14v-1Z'/%3E%3Cpath d='M15 20h7c.471 0
1.217-.134 1.656-.69.49-.622.413-1.502-.226-2.567C22.14 14.593 19.677 13 16.5
13c-1.293 0-2.322.164-3.354.623.364.28.64.494.997.732A7.774 7.774 0 0 1 16.502
14c2.823 0 4.96 1.407 6.071 3.257.561.935.4 1.305.299
1.433-.153.194-.508.31-.87.31H16.5a1.466 1.466 0 0
1-.343.478c-.444.415-.738.522-1.157.522ZM7.5 11C8.76 11 10 9.786 10 8S8.76 5 7.5
5 5 6.214 5 8s1.24 3 2.5 3Zm0 1c1.933 0 3.5-1.79 3.5-4S9.433 4 7.5 4 4 5.79 4
8s1.567 4 3.5 4ZM17 11c.965 0 2-.97 2-2.5S17.965 6 17 6c-.965 0-2 .97-2
2.5s1.035 2.5 2 2.5Zm0 1c1.657 0 3-1.567 3-3.5S18.657 5 17 5s-3 1.567-3 3.5
1.343 3.5 3 3.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath
fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
i.icon.icon-cancellation { background-image:

311.

url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' style='mask-type:alpha'
maskUnits='userSpaceOnUse' x='2' y='2' width='20' height='20'%3E%3Ccircle
cx='12' cy='12' r='9.5' fill='%23c4c4c4' stroke='var(--brand-slide)'/%3E%3C/mask
%3E%3Cg mask='url(%23a)' stroke='var(--brand-slide)'%3E%3Ccircle cx='12' cy='12'
r='9.5' transform='rotate(-90 12 12)'/%3E%3Cpath d='M5.091 19.202 19.192
5.101'/%3E%3C/g%3E%3C/svg%3E"); height: 24px; width: 24px; }
i.icon.icon-remove-style { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M9.333 2a1.06 1.06 0 0 0-1.066 1.053V4H4.533A.53.53 0 0 0 4
4.526c0 .291.239.527.533.527h.534l1 15.894A1.06 1.06 0 0 0 7.133 22h9.734a1.06
1.06 0 0 0 1.066-1.053L19 5h.467c.294 0 .533-.21.533-.5 0-.29-.239-.5-.533-.5h3.734v-.947A1.06 1.06 0 0 0 14.667 2H9.333Zm5.334 2v-.947H9.333V4h5.334ZM18
5H6l.941 15.062A1 1 0 0 0 7.94 21h8.122a1 1 0 0 0 .998-.938L18 5Z'
fill='%23FF3B30'/%3E%3Cpath d='M8 7.002h1L9.5 19h-1L8 7.002ZM11.5 7h1v12h1V7ZM15 7.002 16 7l-.5 12h-1L15 7.002Z' fill='%23FF3B30'/%3E%3C/svg%3E");
height: 24px; width: 24px; }
i.icon.icon-image { background-color: var(--brand-slide); height: 24px; -webkitmask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M9 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 9a1 1
0 1 1-2 0 1 1 0 0 1 2 0Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='M2 4v16h20V4H2Zm19 1H3v11.293l3.5-3.5 2 2 6-6 6.5 6.5V5ZM3 19v-1.293l3.5-3.5
2 2 6-6 6.5 6.5V19H3Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkitmask-size: contain; width: 24px; }
i.icon.icon-format-pdf { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse'
x='0' y='0' width='24' height='24'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M4 1a3 3 0 0 0-3 3v16a3 3 0 0 0
3 3h16a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4Zm1 8v6h1.071v-2H7.68c.887 0 1.607-.672
1.607-1.5v-1c0-.828-.72-1.5-1.607-1.5H5Zm1.071 1H7.68c.295
0 .535.224.535.5v1c0 .276-.24.5-.535.5H6.07v-2Zm9.643 5h1.072v-2h2.678v-1h2.678v-2H20V9h-4.286v6Zm-5.357-6h2.679c.887 0 1.607.672 1.607 1.5v3c0 .828-.72
1.5-1.607 1.5h-2.679V9Zm2.679 1h-1.607v4h1.607c.296 0 .535-.224.535-.5v3c0-.276-.24-.5-.535-.5Z' fill='%23000'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E
%3Cpath fill='%23DB4437' d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/svg%3E"); height:
22px; width: 22px; }
i.icon.icon-format-pdfa { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 12a6 6 0 1
0 0 12 6 6 0 0 0 0-12Zm.275 2.815h.326l2.618 6.37H19.82l-.524-1.417h-2.602l-.52
1.418H14.78l2.604-6.371H18.275Zm-1.23 4.003h1.902l-.954-2.582-.949 2.582Z'
fill='%23A8A8A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4a3 3
0 0 1 3-3h16a3 3 0 0 1 3 3v9.101a6.981 6.981 0 0 0-4.036-2.035V11h2.678V9H19.5V8h-4.286v3.576a6.983 6.983 0 0 0-1.071.582V9.5c0-.828-.72-1.51.607-1.5H9.857v6h2.398A6.968 6.968 0 0 0 11 18c0 1.959.805 3.73 2.101 5H4a3 3 0
0 1-3-3V4Zm3.5 4v6h1.071v-2H7.18c.887 0 1.607-.672 1.607-1.5v-1c0-.828-.72-1.51.607-1.5H4.5Zm1.071 1H7.18c.295
0 .535.224.535.5v1c0 .276-.24.5-.535.5H5.57V9Zm6.965 0h-1.607v4h1.607c.296
0 .535-.224.535-.5v-3c0-.276-.24-.5-.535-.5Z' fill='%23DB4437'/%3E%3C/svg%3E");
height: 22px; width: 22px; }
i.icon.icon-numbers-1 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath d='M8.605
18.998v-6.725h-.021l-2.052 1.478V12.73l2.062-1.482h.946v7.75h-.935ZM6.58
31.482c0-.677.244-1.239.73-1.687.488-.45 1.096-.676 1.827-.676.69 0 1.276.206

312.

1.756.617.48.412.72.915.72 1.51 0 .43-.118.843-.355 1.24-.236.398-.68.933-1.332
1.606l-1.96 2.025v.022h3.776v.859H6.628v-.666l2.729-2.873c.52-.548.863-.964
1.031-1.247.172-.283.258-.585.258-.907 0-.373-.15-.69-.451-.951a1.585 1.585 0 0
0-1.085-.392c-.455 0-.834.145-1.139.435-.304.29-.456.652-.456
1.085v.005H6.58v-.005ZM8.208 50.42v-.816h.929c.444 0 .807-.127
1.09-.38.283-.259.424-.584.424-.978s-.13-.708-.392-.94c-.261-.233-.632-.351.112-.35-.444 0-.805.1191.085.355-.279.236-.44.559-.483.967h-.93c.055-.659.309-1.184.764-1.574.458-.39
1.05-.585 1.777-.585.699 0 1.279.188 1.74.564.463.376.694.854.694 1.434
0 .483-.144.89-.43 1.219-.287.33-.673.537-1.16.623v.021c.587.036 1.054.224
1.401.564.348.337.521.778.521 1.322 0 .433-.121.823-.365 1.17a2.39 2.39 0 0
1-.988.806c-.415.19-.875.285-1.38.285-.802 0-1.449-.21.94-.602-.49-.4-.753-.927-.7891.579h.93c.042.405.223.73.542.978.319.243.734.365 1.246.365s.933-.13
1.262-.392c.333-.261.5-.594.5-1 0-.454-.162-.814-.484-1.079-.319-.265-.755-.3971.31-.397h-.972ZM13 17.998h1v1h-1zM13 35.998h1v1h-1zM13 52.998h1v1h-1z'
fill='%23444'/%3E%3C/svg%3E"); }
i.icon.icon-numbers-2 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath d='M8.605
18.998v-6.725h-.021l-2.052 1.478V12.73l2.062-1.482h.946v7.75h-.935Zm2.47
1.488c.122-.208.214-.37.275-.489.064-.114.157-.299.279-.553.125-.254.224-.496.29
5-.725.075-.23.152-.5.231-.811.083-.312.144-.647.183-1.005.04-.361.059-.74.0591.133 0-.576-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.784-2.261 3.354 3.354 0 0
0-.408-.602h.784c.168.215.31.406.424.575.115.164.246.39.393.676.15.287.27.575.36
.865a8.83 8.83 0 0 1 .328 2.412c-.001 1.923-.486 3.491-1.457 4.705h-.821ZM6.58
31.482c0-.677.244-1.239.73-1.687.488-.45 1.096-.676 1.827-.676.69 0 1.276.206
1.756.617.48.412.72.915.72 1.51 0 .43-.118.843-.355 1.24-.236.398-.68.933-1.332
1.606l-1.96 2.025v.022h3.776v.859H6.628v-.666l2.729-2.873c.52-.548.863-.964
1.031-1.247.172-.283.258-.585.258-.907 0-.373-.15-.69-.451-.951a1.585 1.585 0 0
0-1.085-.392c-.455 0-.834.145-1.139.435-.304.29-.456.652-.456
1.085v.005H6.58v-.005Zm5.85
7.004c.12-.208.212-.37.273-.489.065-.114.158-.299.28-.553.125-.254.223-.496.295.725.075-.23.152-.5.23-.811.083-.312.144-.647.183-1.005.04-.361.06-.74.06-1.133
0-.577-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.784-2.261 3.364 3.364 0 0
0-.409-.602h.785c.168.215.31.406.424.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.844 8.844 0 0 1 .328 2.412c0 1.923-.486 3.491-1.456 4.705h-.822ZM8.208
50.42v-.816h.929c.444 0 .807-.127
1.09-.38.283-.259.424-.584.424-.978s-.13-.708-.392-.94c-.261-.233-.632-.351.112-.35-.444 0-.805.1191.085.355-.279.236-.44.559-.483.967h-.93c.055-.659.309-1.184.764-1.574.458-.39
1.05-.585 1.777-.585.699 0 1.279.188 1.74.564.463.376.694.854.694 1.434
0 .483-.144.89-.43 1.219-.287.33-.673.537-1.16.623v.021c.587.036 1.054.224
1.401.564.348.337.521.778.521 1.322 0 .433-.121.823-.365 1.17a2.39 2.39 0 0
1-.988.806c-.415.19-.875.285-1.38.285-.802 0-1.449-.21.94-.602-.49-.4-.753-.927-.7891.579h.93c.042.405.223.73.542.978.319.243.734.365 1.246.365s.933-.13
1.262-.392c.333-.261.5-.594.5-1 0-.454-.162-.814-.484-1.079-.319-.265-.755-.3971.31-.397h-.972Zm4.5
5.066c.122-.208.213-.37.274-.489.065-.114.158-.299.28-.553.125-.254.223-.496.295
-.725.075-.23.152-.5.231-.811.082-.312.143-.647.183-1.005.04-.361.059-.74.0591.133 0-.577-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.784-2.261 3.364 3.364 0 0
0-.408-.602h.784c.168.215.31.406.424.575.115.164.245.39.392.676.15.287.27.575.36
.865.09.29.167.647.231 1.069.065.419.097.866.097 1.343 0 1.923-.485 3.491-1.456
4.705h-.821Z' fill='%23444'/%3E%3C/svg%3E"); }
i.icon.icon-numbers-3 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath fill='%23444'
d='M7 10.998h1v8H7zM10 17.998h1v1h-1zM7 28.998h1v8H7zM10 28.998h1v8h-1zM13
35.998h1v1h-1zM7 45.998h1v8H7zM10 45.998h1v8h-1zM13 45.998h1v8h-1zM16

313.

52.998h1v1h-1z'/%3E%3C/svg%3E"); }
i.icon.icon-numbers-4 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath d='m11.79
18.998-.779-2.218H7.928l-.779 2.218H6.134l2.858-7.75h.956l2.857 7.75H11.79Zm2.336-6.574-1.241 3.534h2.514l-1.241-3.534h-.032ZM9.776 36.998H6.752v7.75h3.035c.662 0 1.197.177 1.606.531.411.355.617.822.617 1.402
0 .405-.13.772-.392 1.101-.258.326-.573.523-.945.591v.043c.526.068.945.274
1.257.618.315.343.472.773.472 1.289 0 .684-.232 1.217-.698 1.6-.462.3831.105.575-1.928.575Zm-2.057-6.896v2.486h1.547c.573 0 1.01-.11
1.31-.333.304-.222.457-.542.457-.961
0-.383-.127-.677-.382-.88-.254-.209-.615-.312-1.085-.312H7.72Zm0 6.042H9.63c.583
0 1.026-.116 1.326-.35.301-.232.452-.572.452-1.02 0-.902-.623-1.353-1.871.353H7.72v2.723ZM9.942 54.127c-1.07 0-1.92-.36-2.55-1.08-.628-.723-.941.699-.94-2.927 0-1.217.316-2.188.95-2.911.634-.727 1.48-1.09 2.54-1.09.845 0
1.562.236 2.149.709.59.469.947 1.09 1.069 1.863h-.978a2.1 2.1 0 0 0-.81.219c-.408-.308-.888-.462-1.44-.462-.755 0-1.36.283-1.815.849-.455.566-.682
1.32-.682 2.261 0 .953.225 1.71.677 2.272.45.562 1.06.843 1.826.843.57 0
1.049-.13 1.44-.392.39-.261.655-.628.794-1.1h.978c-.18.765-.546 1.354-1.101
1.766-.555.412-1.26.618-2.117.618ZM15 17.998h1v1h-1zM15 35.998h1v1h-1zM15
52.998h1v1h-1z' fill='%23444'/%3E%3C/svg%3E"); }
i.icon.icon-numbers-5 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath d='M8.524
18.24c.473 0 .863-.135 1.171-.407.312-.276.468-.622.468-1.037v-.467l1.515.096c-.88.054-1.321.364-1.321.93
0 .268.107.483.322.644.218.161.51.242.875.242Zm-.198.812c-.588 0-1.06-.1561.418-.468-.358-.311-.537-.723-.537-1.235 0-.498.186-.888.5581.17.373-.287.91-.452
1.612-.495l1.622-.097v-.483c0-.358-.115-.634-.344-.827-.23-.193-.557-.29-.983-.2
9-.337 0-.621.08-.854.242-.23.16-.372.377-.43.65h-.897c.015-.488.231-.896.651.225.42-.333.933-.5 1.542-.5.684 0 1.23.17 1.638.51.408.337.612.79.612
1.36v3.974h-.886v-1.004h-.021a1.86 1.86 0 0 1-.752.773c-.337.19-.708.2851.112.285Zm3.577
1.434c.122-.208.213-.37.274-.489.064-.114.157-.299.28-.553.124-.254.223-.496.294
-.725.076-.23.153-.5.231-.811a6.85 6.85 0 0 0 .183-1.005c.04-.361.06-.74.061.133 0-.576-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.36-1.343 7.911 7.911 0 0
0-.425-.918 3.36 3.36 0 0
0-.408-.602h.784c.169.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.844 8.844 0 0 1 .328 2.412c0 1.923-.486 3.491-1.456 4.705h-.822ZM9.48
37.052a2.3 2.3 0 0 1-1.117-.263 1.98 1.98 0 0 1-.768-.769h-.021v.978h-.886v8.089h.934v3.239h.022c.182-.319.435-.564.757-.736.322-.172.69-.258 1.101-.258.73
0 1.321.272 1.772.817.452.54.677 1.251.677 2.132 0 .884-.227 1.597-.682
2.138-.451.54-1.047.81-1.789.81Zm-.166-5.065c-.505 0-.915.1971.23.59-.312.39-.467.9-.467 1.526 0 .63.155 1.14.467 1.53.315.391.725.586
1.23.586.508 0 .915-.191 1.22-.575.307-.383.461-.896.461-1.541 0-.64-.1541.153-.462-1.536-.304-.387-.71-.58-1.219-.58Zm3.19
6.499c.122-.208.213-.37.274-.489.065-.114.158-.299.28-.553.125-.254.223-.496.295
-.725.075-.23.152-.5.231-.811.082-.312.143-.647.183-1.005.039-.361.059-.74.0591.133 0-.577-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.784-2.261 3.364 3.364 0 0
0-.408-.602h.784c.168.215.31.406.424.575.115.164.245.39.392.676.15.287.27.575.36
.865.09.29.167.647.231 1.069.064.419.097.866.097 1.343 0 1.923-.486 3.491-1.456
4.705h-.822ZM11.42 50.093H10.5a1.274 1.274 0 0 0-.483-.795c-.262-.207-.602-.3111.02-.311-.51
0-.92.193-1.23.58-.312.387-.468.899-.468 1.536 0 .652.156 1.167.467
1.547.315.38.729.57 1.24.57.405
0 .737-.092.995-.275.26-.186.43-.453.51-.8h.918c-.079.57-.34 1.03-.784
1.38-.44.351-.988.527-1.644.527-.802 0-1.444-.265-1.928-.795-.483-.534-.7251.252-.725-2.154 0-.888.242-1.6.725-2.138.484-.54 1.123-.81 1.918-.81.684 0
1.244.19 1.68.569.438.376.687.832.747 1.37Zm.472

314.

5.393c.122-.208.213-.37.274-.489.064-.114.158-.299.28-.553.125-.254.223-.496.295
-.725.075-.23.152-.5.23-.811.083-.312.144-.647.183-1.005.04-.361.06-.74.06-1.133
0-.577-.047-1.128-.14-1.654a6.935 6.935 0 0 0-.784-2.261 3.359 3.359 0 0
0-.409-.602h.784c.169.215.31.406.425.575.114.164.245.39.392.676.15.287.27.575.36
.865a8.844 8.844 0 0 1 .328 2.412c0 1.923-.486 3.491-1.456 4.705h-.822Z'
fill='%23444'/%3E%3C/svg%3E"); }
i.icon.icon-numbers-6 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath d='M8.524
18.24c.473 0 .863-.135 1.171-.407.312-.276.468-.622.468-1.037v-.467l1.515.096c-.88.054-1.321.364-1.321.93
0 .268.107.483.322.644.218.161.51.242.875.242Zm-.198.812c-.588 0-1.06-.1561.418-.468-.358-.311-.537-.723-.537-1.235 0-.498.186-.888.5581.17.373-.287.91-.452
1.612-.495l1.622-.097v-.483c0-.358-.115-.634-.344-.827-.23-.193-.557-.29-.983-.2
9-.337 0-.621.08-.854.242-.23.16-.372.377-.43.65h-.897c.015-.488.231-.896.651.225.42-.333.933-.5 1.542-.5.684 0 1.23.17 1.638.51.408.337.612.79.612
1.36v3.974h-.886v-1.004h-.021a1.86 1.86 0 0 1-.752.773c-.337.19-.708.2851.112.285ZM9.48 37.052a2.3 2.3 0 0 1-1.117-.263 1.98 1.98 0 0
1-.768-.769h-.021v.978h-.886v8.089h.934v3.239h.022c.182-.319.435-.564.757-.736.322-.172.69-.258 1.101-.258.73
0 1.321.272 1.772.817.452.54.677 1.251.677 2.132 0 .884-.227 1.597-.682
2.138-.451.54-1.047.81-1.789.81Zm-.166-5.065c-.505 0-.915.1971.23.59-.312.39-.467.9-.467 1.526 0 .63.155 1.14.467 1.53.315.391.725.586
1.23.586.508 0 .915-.191 1.22-.575.307-.383.461-.896.461-1.541 0-.64-.1541.153-.462-1.536-.304-.387-.71-.58-1.219-.58ZM11.42 50.093H10.5a1.274 1.274 0 0
0-.483-.795c-.262-.207-.602-.311-1.02-.311-.51 0-.92.1931.23.58-.312.387-.468.899-.468 1.536 0 .652.156 1.167.467 1.547.315.38.729.57
1.24.57.405 0 .737-.092.995-.275.26-.186.43-.453.51-.8h.918c-.079.57-.34
1.03-.784 1.38-.44.351-.988.527-1.644.527-.802 0-1.444-.2651.928-.795-.483-.534-.725-1.252-.725-2.154 0-.888.242-1.6.725-2.138.484-.54
1.123-.81 1.918-.81.684 0 1.244.19 1.68.569.438.376.687.832.747 1.37ZM13
17.998h1v1h-1zM13 35.998h1v1h-1zM13 52.998h1v1h-1z' fill='%23444'/%3E%3C/svg
%3E"); }
i.icon.icon-numbers-7 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='64' height='65' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.3' fill='%23444' d='M21
13.998h35v1H21zM21 31.998h35v1H21zM21 49.998h35v1H21z'/%3E%3Cpath fill='%23444'
d='M7 12.998h1v6H7zM7 10.998h1v1H7zM10 17.998h1v1h-1zM7 30.998h1v6H7zM10
30.998h1v6h-1zM10 28.998h1v1h-1zM7 28.998h1v1H7zM13 35.998h1v1h-1zM7
47.998h1v6H7zM10 47.998h1v6h-1zM13 47.998h1v6h-1zM7 45.998h1v1H7zM10
45.998h1v1h-1zM13 45.998h1v1h-1zM16 52.998h1v1h-1z'/%3E%3C/svg%3E"); }
i.icon.icon-sharing-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
width='24' height='24'%3E%3Cg clip-path='url(%23a)' fill-rule='evenodd' cliprule='evenodd'%3E%3Cpath d='M7.5 14c-2.823 0-4.989 1.407-6.099 3.257-.56.935-.4
1.305-.299 1.433.154.194.508.31.87.31H7.5v1H1.972c-.47 0-1.216-.1341.655-.69-.49-.622-.412-1.502.227-2.567C1.834 14.593 4.324 13 7.5 13v1Zm01c3.177 0 5.639 1.593 6.929 3.743.639 1.065.716 1.945.226 2.567-.438.5561.184.69-1.655.69H7.5v-1H13c.363 0 .717-.116.87-.31.101-.128.262-.498-.2991.433C12.461 15.407 10.323 14 7.5 14v-1Z'/%3E%3Cpath d='M15 20h7c.471 0
1.217-.134 1.656-.69.49-.622.413-1.502-.226-2.567C22.14 14.593 19.677 13 16.5
13c-1.293 0-2.322.164-3.354.623.364.28.64.494.997.732A7.774 7.774 0 0 1 16.502
14c2.823 0 4.96 1.407 6.071 3.257.561.935.4 1.305.299
1.433-.153.194-.508.31-.87.31H16.5a1.466 1.466 0 0
1-.343.478c-.444.415-.738.522-1.157.522ZM7.5 11C8.76 11 10 9.786 10 8S8.76 5 7.5
5 5 6.214 5 8s1.24 3 2.5 3Zm0 1c1.933 0 3.5-1.79 3.5-4S9.433 4 7.5 4 4 5.79 4
8s1.567 4 3.5 4ZM17 11c.965 0 2-.97 2-2.5S17.965 6 17 6c-.965 0-2 .97-2
2.5s1.035 2.5 2 2.5Zm0 1c1.657 0 3-1.567 3-3.5S18.657 5 17 5s-3 1.567-3 3.5
1.343 3.5 3 3.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath

315.

fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
i.icon.icon-info, i.icon.icon-sharing-settings { background-color: var(--brandslide); height: 24px; -webkit-mask-repeat: round; -webkit-mask-size: contain;
width: 24px; }
i.icon.icon-info { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M4 8v13h6v1H3V7l6-6h11v9h-1V2h9v6H4Zm.414-1L9 2.414V7H4.414Z' fill='var(--brand-slide)'/%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M17 12a6 6 0 1 0 0 12 6 6 0 0 0 0-12Zm-5
6a5 5 0 1 1 10 0 5 5 0 0 1-10 0Z' fill='var(--brand-slide)'/%3E%3Cpath
d='M16.252 14.991h1.484v1.496h-1.484v-1.496ZM16.252 17.509v3.98h1.484v-3.98h1.484Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
i.icon.icon-help { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath
d='M11.26 17h1.497v-1.5h-1.496V17ZM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48
10-10S17.52 2 12 2Zm0 19c-5 0-9-4-9-9s4-9 9-9 9 4 9 9-4 9-9 9Zm.392-14C10.181 7
9 8.29 9 10.5h1.5c0-1.1.588-2 1.892-2 1.303 0 1.612.618 1.608 1.5-.005 1-2.74
1.5-2.74 4.442h1.497c0-2.25 2.79-1.942 2.79-4.442 0-2.21-1.547-3-3.155-3Z'/%3E
%3C/svg%3E"); }
i.icon.icon-about, i.icon.icon-help { background-color: var(--brand-slide);
height: 24px; -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
24px; }
i.icon.icon-about { -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0
18Zm0 1c5.522 0 10-4.477 10-10S17.522 2 12 2C6.476 2 2 6.477 2 12s4.477 10 10
10Z'/%3E%3Cpath d='M11.252 7h1.493v1.5h-1.492V7ZM12.745 10.012V17h-1.492v6.988h1.492Z'/%3E%3C/svg%3E"); }
i.icon.icon-search { background-color: var(--brand-slide); height: 24px; webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M16 16.708a9 9 0 1 1 .707-.707l5.647
5.645-.708.708-5.645-5.646ZM18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z'/%3E%3C/svg
%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.dataview .row { justify-content: space-around; }
.dataview ul { list-style: none; padding: 0px 10px; }
.dataview ul li { display: inline-block; }
.dataview .row.list:last-child li:not(.active):last-child::after { content:
none; }
.dataview .active, .dataview .row.list:last-child li.active:last-child
{ position: relative; z-index: 1; }
.dataview .active::after, .dataview .row.list:last-child li.active:lastchild::after { background-color: var(--brand-slide); bottom: -5px; content: "";
height: 22px; left: auto; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='11' cy='11' r='11'/%3E%3Cpath
fill='%23fff' d='M11 21a10 10 0 1 1 10-10 10 10 0 0 1-10 10Zm6.4-13.68L17.06
7a.48.48 0 0 0-.67 0l-7 6.84-2.44-2.6a.51.51 0 0 0-.59.08l-.36.34a.58.58 0 0 0 0
.65l3.19 3.35a.38.38 0 0 0 .39 0L17.4 8a.48.48 0 0 0 0-.67Z'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; position: absolute;
right: -5px; transform: none; width: 22px; }

316.

.about .page-content { display: flex; flex-direction: column; text-align:
center; }
.about_ios { padding-bottom: 30px; padding-top: 120px; }
.about_android { padding-bottom: 16px; padding-top: 60px; }
.about_tablet { padding-bottom: 12px; padding-top: 12px; }
.about__text { color: var(--text-normal); font-size: 12px; font-style: normal;
font-weight: 400; line-height: 16px; margin: 0px; text-align: center; }
.about a { color: var(--brand-slide); }
.about .logo-block__elem { display: flex; justify-content: center; }
.about .logo-block__elem img { height: auto; max-width: 100%; }
.about__logo { background:
url("../../../presentationeditor/mobile/resources/img/about/logo-new.svg") 50%
center no-repeat; height: 80px; width: 100%; }
.about__editor { flex-grow: 1; margin-top: 20px; }
.about__contacts { padding-left: 72px; padding-right: 72px; text-align:
center; }
.about__customer, .about__licensor { margin-top: 12px; text-align: center; }
.theme-type-dark .about__logo { background:
url("../../../presentationeditor/mobile/resources/img/about/logo-new-white.svg")
50% center no-repeat; }
.navbar .searchbar { background-color: var(--f7-navbar-bg-color); }
.navbar .searchbar .buttons-row { align-self: center; display: flex; }
.navbar .searchbar .searchbar-bg::after { background-color: rgb(203, 203, 203);
inset: auto auto 0px 0px; content: ""; display: block; height: 1px; position:
absolute; transform: scaleY(calc(1/var(--f7-device-pixel-ratio))); transformorigin: 50% 100%; width: 100%; z-index: 15; }
.navbar .searchbar-inner { justify-content: space-between; }
.navbar .searchbar-inner__center { align-items: center; display: flex; width:
81%; }
.navbar .searchbar-inner__right { align-items: center; display: flex; }
.navbar .searchbar-expandable { transition-duration: 0s; }
.navbar .buttons-row-replace { align-items: center; display: flex; flexdirection: column; justify-content: center; width: 100%; }
.navbar .buttons-row-replace a { display:
block; font-size: 15px; height: auto; line-height: normal; }
.navbar .buttons-row-replace a::before { display: none; }
@media (max-width: 550px) {
.navbar .searchbar-expandable.searchbar-enabled .searchbar-inner__left { maxwidth: 22px; min-width: 22px; }
.navbar .searchbar-expandable.searchbar-enabled .searchbar-inner__center
{ flex-direction: column; }

317.

.navbar .searchbar-expandable.searchbar-enabled .searchbar-inner__right
{ flex-direction: column-reverse; }
.navbar .searchbar-expandable.searchbar-enabled.replace { top: 0px; }
.navbar .searchbar-expandable.searchbar-enabled.replace .searchbar-inner
{ height: 100%; }
.navbar .searchbar-expandable.searchbar-enabled.replace .searchbar-inner__left
{ align-self: flex-start; }
}
.device-ios .document-menu { background-color: rgba(0, 0, 0, 0.9); borderradius: 8px; }
.device-ios .document-menu .popover-angle::after { background: rgba(0, 0, 0,
0.9); }
.device-ios .document-menu .list-block { font-size: 14px; white-space: pre; }
.device-ios .document-menu .list-block:first-child ul::before { display: none !
important; }
.device-ios .document-menu .list-block:first-child li:first-child a { borderradius: 0px; }
.device-ios .document-menu .list-block .item-link { display: inline-block; }
.device-ios .document-menu .list-block .item-link.active-state, html:not(.watchactive-state) .device-ios .document-menu .list-block .item-link:active
{ background-color: rgb(217, 217, 217); }
.device-ios .document-menu .list-block .item-link.active-state .iteminner::after, html:not(.watch-active-state) .device-ios .document-menu .listblock .item-link:active .item-inner::after { background-color: initial; }
html.phone .device-ios .document-menu .list-block .item-link { padding: 0px
10px; }
.device-ios .document-menu .list-block .list-button { color: rgb(255, 255, 255);
line-height: 36px; }
.device-ios .document-menu .list-block .list-button::after { background-color:
rgba(230, 230, 230, 0.9); inset: 0px 0px auto auto; content: ""; display: block;
height: 100%; position: absolute; transform: scaleX(calc(1/var(--f7-devicepixel-ratio))); transform-origin: 100% 50%; width: 1px; z-index: 15; }
.device-ios .document-menu .list-block li { display: inline-flex; }
.device-ios .document-menu .list-block li:last-child .iteminner::after, .device-ios .document-menu .list-block li:last-child .listbutton::after, .device-ios .document-menu .list-block li:last-child li:lastchild .item-inner::after { display: none !important; }
.device-ios .document-menu .list-block li li:last-child .iteminner::after, .device-ios .document-menu .list-block li:last-child li .iteminner::after { background-color: rgba(230, 230, 230, 0.9); inset: 0px 0px auto
auto; content: ""; display: block; height: 100%; position: absolute; transform:
scaleX(calc(1/var(--f7-device-pixel-ratio))); transform-origin: 100% 50%; width:
1px; z-index: 15; }
.md .document-menu .popover-inner { overflow: hidden; }
.md .document-menu .list-block { white-space: pre; }
.md .document-menu .list-block ul { height: 48px; }

318.

.md .document-menu .list-block li { display: inline-block; }
.md .document-menu .list-block .list-button { color: var(--text-normal); }
.document-menu { width: auto; }
html.phone .document-menu .list-block .list-button { padding: 0px 10px; }
.device-ios .wrap-comment { height: calc(100% - 60px); }
.device-ios .add-comment-dialog .wrap-textarea, .device-ios .add-commentpopup .wrap-textarea, .device-ios .add-reply-dialog .wrap-textarea, .deviceios .add-reply-popup .wrap-textarea { height: calc(100% - 34px); }
.device-ios .edit-comment-dialog .wrap-textarea, .device-ios .edit-comment-popup
.wrap-textarea, .device-ios .edit-reply-dialog .wrap-textarea, .deviceios .edit-reply-popup .wrap-textarea { height: calc(100% - 52px); }
.device-ios .comment-list .reply-item .item-inner::after { content: none !
important; }
.device-ios .comment-list .reply-item::before { background-color: var(--f7-listitem-border-color); inset: 0px auto; content: ""; display: block; height: 1px;
position: absolute; transform-origin: 50% 100%; width: 100%; z-index: 15; }
.device-android .wrap-comment { height: calc(100% - 72px); }
.device-android .add-comment-dialog .wrap-textarea, .device-android .addcomment-popup .wrap-textarea, .device-android .add-reply-dialog .wraptextarea, .device-android .add-reply-popup .wrap-textarea { height: calc(100% 41px); }
.device-android .edit-comment-dialog .wrap-textarea, .device-android .editcomment-popup .wrap-textarea, .device-android .edit-reply-dialog .wrap-textarea,
.device-android .edit-reply-popup .wrap-textarea { height: calc(100% - 56px); }
.device-android .comment-list .comment-header, .device-android .commentlist .reply-header, .device-android .reply-list .comment-header, .device-android
.reply-list .reply-header, .device-android .wrap-comment .commentheader, .device-android .wrap-comment .reply-header { display: flex; }
.device-android .comment-list .comment-header .initials, .deviceandroid .comment-list .reply-header .initials, .device-android .replylist .comment-header .initials, .device-android .reply-list .replyheader .initials, .device-android .wrap-comment .commentheader .initials, .device-android .wrap-comment .reply-header .initials { alignitems: center; border-radius: 50px; color: var(--fill-white); display: flex;
font-size: 14px; justify-content: center; margin-right: 10px; }
.device-android .wrap-comment .comment-header { align-items: center; }
.device-android .wrap-comment .comment-header .initials { height: 30px; width:
30px; }
.device-android .wrap-comment .wrap-textarea .input:not(.input-outline)::after {
content: none; }
.device-android #add-comment-dialog .dialog, .device-android #add-replydialog .dialog, .device-android #edit-comment-dialog .dialog, .device-android
#edit-reply-dialog .dialog { --f7-dialog-text-color: #000; }
.device-android #add-comment-dialog .dialog .done, .device-android #add-replydialog .dialog .done, .device-android #edit-commentdialog .dialog .done, .device-android #edit-reply-dialog .dialog .done

319.

{ padding-right: 6px; }
.device-android .comment-list .item-inner::after, .device-android .comment-list
li:last-child li .item-inner::after, .device-android .comment-list ul::after
{ content: none; }
.device-android .comment-list .comment-header .left { align-items: center;
display: flex; }
.device-android .comment-list .comment-header .left .initials { font-size: 18px;
height: 40px; width: 40px; }
.device-android .reply-list .reply-header .left { display: flex; }
.device-android .reply-list .reply-header .left .initials { font-size: 11px;
height: 24px; margin-top: 5px; width: 24px; }
.device-android #edit-comment-dialog .wrap-comment .commentheader .initials, .device-android #edit-comment-dialog .wrap-comment .replyheader .initials, .device-android #edit-reply-dialog .wrap-comment .commentheader .initials, .device-android #edit-reply-dialog .wrap-comment .reply-header
.initials, .device-android .edit-comment-popup .wrap-comment .commentheader .initials, .device-android .edit-comment-popup .wrap-comment .replyheader .initials, .device-android .edit-reply-popup .wrap-comment .commentheader .initials, .device-android .edit-reply-popup .wrap-comment .replyheader .initials { height: 40px; width: 40px; }
.device-android #view-comment-popover .toolbar-bottom::after { content: none; }
.wrap-comment { background-color: var(--background-tertiary); padding: 16px 24px
0px 16px; }
.wrap-comment .comment-date { color: var(--text-secondary); }
.wrap-comment .name { color: var(--text-normal); font-size: 16px; font-weight:
600; }
.wrap-comment .wrap-textarea { margin-top: 6px; }
.wrap-comment .wrap-textarea .input { height: 100%; }
.wrap-comment .wrap-textarea textarea { color: var(--text-normal); font-size:
14px; height: 100%; margin-top: 0px; padding: 5px 0px; }
.wrap-comment .reply-date { color: var(--text-secondary); }
#add-comment-dialog .dialog, #add-reply-dialog .dialog, #edit-commentdialog .dialog, #edit-reply-dialog .dialog { --f7-dialog-width: 400px; z-index:
13700; }
#add-comment-dialog .dialog .dialog-inner, #add-reply-dialog .dialog .dialoginner, #edit-comment-dialog .dialog .dialog-inner, #edit-replydialog .dialog .dialog-inner { height: 400px; padding: 0px; }
#add-comment-dialog .dialog .dialog-inner .wrap-comment .comment-date, #addcomment-dialog .dialog .dialog-inner .wrap-comment .name, #add-commentdialog .dialog .dialog-inner .wrap-comment .reply-date, #add-replydialog .dialog .dialog-inner .wrap-comment .comment-date, #add-replydialog .dialog .dialog-inner .wrap-comment .name, #add-replydialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-commentdialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-commentdialog .dialog .dialog-inner .wrap-comment .name, #edit-commentdialog .dialog .dialog-inner .wrap-comment .reply-date, #edit-replydialog .dialog .dialog-inner .wrap-comment .comment-date, #edit-reply-

320.

dialog .dialog .dialog-inner .wrap-comment .name, #edit-replydialog .dialog .dialog-inner .wrap-comment .reply-date { text-align: left; }
#add-comment-dialog .dialog .dialog-inner .wrap-comment .wrap-textarea textarea,
#add-reply-dialog .dialog .dialog-inner .wrap-comment .wrap-textarea textarea,
#edit-comment-dialog .dialog .dialog-inner .wrap-comment .wrap-textarea
textarea, #edit-reply-dialog .dialog .dialog-inner .wrap-comment .wrap-textarea
textarea { color: var(--text-normal); width: 100%; }
.comment-list .item-content .item-inner { padding-bottom: 0px; padding-right:
0px; padding-top: 16px; }
.comment-list .item-content .item-inner .comment-header { display: flex;
justify-content: space-between; padding-right: 16px; }
.comment-list .item-content .item-inner .comment-header .right { display: flex;
justify-content: flex-end; width: 70px; }
.comment-list
.item-content .item-inner .comment-header .right .comment-resolve { marginright: 10px; }
.comment-list .item-content .item-inner .reply-header { display: flex; justifycontent: space-between; padding-right: 16px; }
.comment-list .item-title { width: 100%; }
.comment-list .user-name { color: var(--text-normal); font-size: 16px; fontweight: 700; line-height: 22px; margin: 0px; }
.comment-list .comment-date, .comment-list .reply-date { color: var(--textsecondary); font-size: 12px; line-height: 18px; margin: 0px; }
.comment-list .comment-quote { border-left: 1px solid var(--text-secondary);
color: var(--text-secondary); font-size: 14px; margin: 5px 0px; padding-left:
10px; padding-right: 16px; }
.comment-list .comment-text, .comment-list .reply-text { color: var(--textnormal); font-size: 14px; line-height: 25px; margin: 0px; max-width: 100%;
padding-right: 15px; word-break: break-all; }
.comment-list .comment-text pre, .comment-list .reply-text pre { overflow-wrap:
break-word; white-space: pre-wrap; }
.comment-list .reply-list { padding-left: 26px; }
.comment-list .reply-item { padding-right: 26px; }
.add-reply-popup, .edit-comment-popup, .edit-reply-popup { z-index: 20000; }
#view-comment-sheet { background-color: var(--fill-white); border-top-leftradius: 4px; border-top-right-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px
1px 10px, rgba(0, 0, 0, 0.12) 0px 4px 5px; height: 45%; transition: height 0.2s
ease 0s; }
#view-comment-sheet .top { height: 90%; }
#view-comment-sheet .swipe-container { background-color: var(--backgroundprimary); display: flex; height: 40px; justify-content: center; }
#view-comment-sheet .swipe-container .icon-swipe { background: var(--backgroundmenu-divider); border-radius: 2px; height: 4px; margin-top: 8px; width: 40px; }
#view-comment-popover .toolbar, #view-comment-sheet .toolbar { background-color:

321.

var(--background-primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 10px, rgba(0,
0, 0, 0.12) 0px 4px 5px, rgba(0, 0, 0, 0.14) 0px 2px 4px; position: fixed; }
#view-comment-popover .toolbar .link, #view-comment-sheet .toolbar .link { --f7toolbar-link-color: var(--brand-slide); }
#view-comment-popover .toolbar .toolbar-inner, #view-commentsheet .toolbar .toolbar-inner { padding: 0px 16px; }
#view-comment-popover .toolbar .btn-add-reply, #view-commentsheet .toolbar .btn-add-reply { font-size: 16px; min-width: 80px; padding:
0px; }
#view-comment-popover .toolbar .comment-navigation, #view-comment-sheet .toolbar
.comment-navigation { display: flex; justify-content: space-between; min-width:
62px; }
#view-comment-popover .toolbar .comment-navigation .link, #view-commentsheet .toolbar .comment-navigation .link { padding: 0px 12px; }
#view-comment-popover { background-color: var(--background-primary); }
#view-comment-popover .pages { position: absolute; }
#view-comment-popover .page, #view-comment-popover .page .page-content { borderradius: var(--f7-popover-border-radius); }
#view-comment-popover .page .page-content { padding: 16px 16px 60px 0px; }
#view-comment-popover .comment-list .item-content .item-inner .comment-header,
#view-comment-popover .comment-list .item-content .item-inner .reply-header
{ padding-right: 0px; }
#view-comment-popover .toolbar { border-radius: 0 0 var(--f7-popover-borderradius) var(--f7-popover-border-radius); position: absolute; }
.page-current-comment { position: relative; }
.page-current-comment .page-content { background-color: var(--backgroundprimary); }
.page-current-comment .comment-list ul::after, .page-current-comment .commentlist ul::before { content: none; }
.page-current-comment .comment-list ul .item-content .item-inner { padding-top:
0px; }
.page-current-comment .comment-list ul .item-content .item-inner .replylist .item-content .item-inner { padding-top: 13px; }
.dialog.modal-in { max-height: 100%; overflow: auto; z-index: 14000; }
.dialog.modal-in .item-content .item-input-wrap::after { background-color:
var(--brand-slide); }
.dialog-backdrop.backdrop-in { z-index: 13600; }
.no-comments { color: var(--text-normal); margin-top: 35px; text-align:
center; }
.actions-modal.modal-in { z-index: 13700; }
.actions-modal.modal-in .actions-group::after { background-color: var(-background-menu-divider); }

322.

.actions-backdrop.backdrop-in { z-index: 13600; }
.device-android { --f7-navbar-bg-color: var(--brand-slide); --f7-navbar-linkcolor: var(--text-link); --f7-navbar-text-color: var(--text-normal); }
.device-android #editor-navbar.navbar .right { padding-right: 4px; }
.device-android #editor-navbar.navbar .left a.link, .device-android #editornavbar.navbar .right a.link { align-items: center; box-sizing: border-box;
justify-content: space-between; padding: 0px 13px; width: auto; }
.device-ios .view .page-content { background: var(--background-tertiary); }
.device-ios i.icon.icon-burger { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M2 17h18v1H2zM2
13h18v1H2zM2 9h18v1H2zM2 5h18v1H2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-burger, .device-ios i.icon.icon-edit-settings
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-edit-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22'%3E%3Cpath d='M8 1 3 15h1.2l1.777-5h5.046l.616 1.732.88-.88L9
1zm.5 1.9L10.668 9H6.332z' clip-rule='evenodd' fill-rule='evenodd'/%3E%3Cpath
d='m18.3 11.3-9.2 9.1-1.5-1.5 9.2-9.1-.7-.7-9.6 9.6L6 22l3.3-.5 9.6-9.6zm1.2
0L21 9.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-play { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M4.046 2.988A.286.286
0 0 1 4.07 3c.59.336 12.711 7.293 13.897 8.027-.583.342-13.013 7.488-13.934
7.983l.013-16.022M3.99 2C3.443 2 3 2.453 3 3.015V19.01c0 .613.479.99.993.99.173
0 .35-.043.514-.133.89-.491 13.188-7.559 13.94-8a.99.99 0 0 0 0-1.732C17.404
9.533 5.153 2.502 4.54 2.154A1.11 1.11 0 0 0 3.99 2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-play, .device-ios i.icon.icon-undo { background-color:
var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkit-mask-size:
contain; width: 22px; }
.device-ios i.icon.icon-undo { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M22 16v2h-1v-2c0-2.92.1-5-5-5H1.9L5 14c.1.1.1.2 0 .3l-.4.4c-.1.1-.2.1-.3 0L.1 10.5c-.1-.1-.1-.2
0-.3l.4-.4h.1L4.4 6c.1-.1.2-.1.3 0l.5.4c.1.1.1.2 0 .3L1.9 10H16c3.3 0 6 2.7 6
6z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-redo { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M0 16c0-3.3 2.7-6 66h14.1l-3.3-3.3c-.1-.1-.1-.2 0-.3l.5-.4c.1-.1.2-.1.3 0l3.8 3.8h.1l.4.4c.1.1.1.2
0 .3l-4.2 4.2c-.1.1-.2.1-.3 0l-.4-.4c-.1-.1-.1-.2 0-.3l3.1-3H6c-2.9 0-5 2.1-5
5v2H0v-2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-reader, .device-ios i.icon.icon-redo { background-color:
var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkit-mask-size:
contain; width: 22px; }
.device-ios i.icon.icon-reader { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M17
21H1V9h6V2h10v5h1V1H6.2L0 7.6V22h18v-3h-1v2zM6 2.8V8H1.1L6 2.8zM13 8c-5.1 0-9 5-

323.

9 5s4.1 5 9 5c5 0 9-5 9-5s-4-5-9-5zm-4.3 7.5C6.8 14.4 6.4 13 6.4 13s.4-1.5 2.42.6C8.3 11.2 8 12 8 13c0 .9.3 1.8.7 2.5zm4.3 1.2c-2.1 0-3.7-1.7-3.7-3.7 0-2.1
1.7-3.7 3.7-3.7 2.1 0 3.7 1.7 3.7 3.7 0 2.1-1.6 3.7-3.7 3.7zm4.3-1.2c.4-.7.71.6.7-2.5 0-1-.3-1.8-.7-2.6 2 1.1 3.4 2.6 3.4 2.6s-1.5 1.4-3.4 2.5zM13 11.7c-.7
0-1.3.6-1.3 1.3s.6 1.3 1.3 1.3 1.3-.6 1.3-1.3-.6-1.3-1.3-1.3z'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-download { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M12 0h-1v14l-3.63.7-.7.8 4.8 4.9 4.8-4.9-.7-.8L12 14V0Z'/%3E%3Cpath d='M14
5v1h5v14H4V6h5V5H3v16h17V5h-6Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-download, .device-ios i.icon.icon-print { backgroundcolor: var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkitmask-size: contain; width: 22px; }
.device-ios i.icon.icon-print { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath fill-rule='evenodd'
clip-rule='evenodd' d='M5 1h12v5h4v11h-4v4H5v-4H1V6h4V1Zm1 5h10V2H6v4ZM5 16v3H2v3h3Zm-3-4h18V7H2v5Zm18 1h-3v3h3v-3Zm-4 0H6v7h10v-7Zm-2 3H8v-1h6v1Zm0 2H8v1h6v1Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-spellcheck { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cg fill-rule='evenodd' cliprule='evenodd'%3E%3Cpath d='M8 1 3 15h1.2l1.777-5h5.046l.654 1.84a6.03 6.03 0 0
1 .916-.78L9 1H8Zm.5 1.9L10.668 9H6.332L8.5 2.9ZM16 21a5 5 0 1 0 0-10 5 5 0 0 0
0 10Zm-.646-2.646 4-4-.708-.708L15 17.293l-1.646-1.647-.708.708 2
2 .354.353.354-.353Z'/%3E%3C/g%3E%3C/svg%3E"); }
.device-ios i.icon.icon-plus, .device-ios i.icon.icon-spellcheck { backgroundcolor: var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkitmask-size: contain; width: 22px; }
.device-ios i.icon.icon-plus { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M22 12H12v10h1V12H1v-1h10V1h1v10h10v1z'/%3E%3C/svg%3E");
}
.device-ios i.icon.icon-settings { background-color: var(--brand-slide); height:
24px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='m11.8 3 .4 2c.1.7.6 1.1 1.3 1.1.3 0 .5-.1.7-.2l1.9-1.2 1.1
1.1-1.1 1.8c-.3.4-.3.9-.1 1.3.2.4.5.7 1 .8l2.1.5v1.6l-2.1.4c-.5.1-.8.41 .8-.2.4-.1.9.1 1.2l1.2 1.9-1.1 1.1-1.8-1.1c-.2-.2-.5-.2-.8-.2-.6 0-1.2.5-1.3
1.1l-.5 2.1h-1.6l-.4-2c-.1-.7-.6-1.1-1.3-1.1-.3 0-.5.1-.7.2l-1.9 1.2-1.1-1.1
1.1-1.8c.3-.4.3-.9.1-1.3-.2-.4-.5-.7-1-.8l-2.1-.5v-1.6l2-.4c.5-.1.8-.4
1-.8.2-.4.1-.9-.1-1.2l-1-2 1.1-1.1 1.8 1.1c.3.2.5.3.8.3.6 0 1.2-.5 1.3-1.1l.52.1h1.5M11 15.5c2.5 0 4.5-2 4.5-4.5s-2-4.5-4.5-4.5-4.5 2-4.5 4.5 2 4.5 4.5
4.5M12.1 2H9.9c-.3 0-.5.2-.6.5l-.5 2.4c0 .2-.2.3-.3.3s-.1 0-.2-.1L6.2
3.8c-.1-.1-.2-.1-.4-.1-.1 0-.3 0-.4.1L3.8 5.4c-.1.2-.2.5 0 .8l1.3
2.1c.1.2.1.4-.2.5l-2.4.5c-.3.1-.5.3-.5.6v2.2c0 .3.2.5.5.6l2.4.5c.3.1.4.3.2.5l1.3 2.1c-.2.2-.1.6.1.8l1.6 1.6c.1.1.3.2.4.2s.2 0 .3-.1L8.3
17c.1-.1.1-.1.2-.1s.3.1.3.3l.5 2.3c.1.3.3.5.6.5h2.2c.3 0 .5-.2.6-.5l.52.4c0-.2.1-.3.3-.3.1 0 .1 0 .2.1l2.1 1.3c.1.1.2.1.3.1.2 0 .3-.1.4-.2l1.61.6c.2-.2.2-.5.1-.8l-1.32.1c-.2-.2-.1-.5.2-.5l2.4-.5c.3-.1.5-.3.5-.6V9.8c0-.3-.2-.5-.5-.6l2.4-.5c-.3-.1-.4-.3-.2-.5l1.3-2.1c.2-.2.1-.6-.1-.8l-1.61.6c-.1-.1-.3-.2-.4-.2-.1 0-.2 0-.3.1l-2.1 1.3c-.1.1-.1.1-.2.1s-.3-.1-.3-.3l-.52.2c-.1-.3-.3-.5-.6-.5zM11 14.5c-1.9 0-3.5-1.6-3.5-3.5S9.1 7.5 11 7.5s3.5 1.6
3.5 3.5-1.6 3.5-3.5 3.5z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-

324.

mask-size: contain; width: 24px; }
.device-ios i.icon.icon-feedback { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M21 6H3v12h18V6ZM3 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0
0 1-1V6a1 1 0 0 0-1-1H3Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd'
d='m2.666 6.372.668-.744 8.666 7.7 8.666-7.7.668.744-9.334 8.3-9.334-8.3Z'/%3E
%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m9.376 11.33-6 7-.752-.66 6-7
.752.66ZM15.376 10.67l6 7-.752.66-6-7 .752-.66Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-feedback, .device-ios i.icon.icon-setup { backgroundcolor: var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkitmask-size: contain; width: 22px; }
.device-ios i.icon.icon-setup { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M0 3v16h22V3H0zm21
14H1V5h20v12zM16.5 5.9l-7.2 7.2-.5 1.9H4v1h5c.4 0 .2 0 .2-.2l2.2-.6L18.7 8l-2.22.1zm-6.6 7.2 6.5-6.4L18 8l-6.5 6.4-1.6-1.3z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-versions { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='-1 7 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M19 12c0-1.1-.9-2-22 0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2v12c0 1.1.9 2 2
2h18c1.1 0 2-.9 2-2V14c0-1.1-.9-2-2-2zM5 9h10c.6 0 1 .4 1 1H4c0-.6.4-1 1-1zm-2
2h14c.6 0 1 .4 1 1H2c0-.6.4-1 1-1zm17 15c0 .6-.4 1-1 1H1c-.6 0-1-.4-11V14c0-.6.4-1 1-1h18c.6 0 1 .4 1 1v12z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-additional, .device-ios i.icon.icon-versions
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-text-additional { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M18.5 15.5c-1.1 02 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1
1zm0-11c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0-3c.6 0 1 .4 1 1s-.4 1-1 11-.4-1-1 .4-1 1-1zm0 5c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 01-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zM6.9 3.8 1 18.9h1.5l1.8-4.7h6.9l1.7
4.7h1.5L8.6 3.8H6.9zm-2.2 9.1 3-7.9 3 7.9h-6z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-color { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='m8.9 12 2.3-6.3 2.2
6.3H8.9zm-4.2 5.8h2l1.6-4.3h5.6l1.5 4.3h2.1L12.3 3.5h-2.2L4.7 17.8z'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-text-color, .device-ios i.icon.icon-text-selection
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-text-selection { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M7.6
10.3c.2.3.4.4.5.5.3.2.6.3 1 .3.7 0 1.3-.3 1.7-.8.4-.5.6-1.2.6-2.1 0-.9-.21.5-.6-2-.4-.4-.9-.7-1.6-.7-.3 0-.6.1-.9.2l-.7.7V3.8h-.8V11h.8v-.7zM8
6.9c.3-.3.7-.4 1.1-.4.5 0 .8.2 1 .5.2.4.4.8.4 1.4 0 .6-.1 1.1-.4 1.5-.2.4-.6.61.1.6-.6 0-1.1-.3-1.3-.9-.1-.4-.1-.8-.1-1.3 0-.6.1-1.1.4-1.4zm-2.3 3.5c-.1 0-.2
0-.2-.1s-.1-.1-.1-.2v-3c0-.5-.2-.9-.6-1.1-.4-.2-.8-.4-1.5-.4-.5 0-1 .11.4.4-.4.3-.6.7-.6 1.4h.8c0-.3.1-.5.2-.6.2-.2.5-.4 1-.4.4 0 .7.1.9.2.2.1.3.4.3.7
0 .1 0 .3-.1.3 0 .1-.1.2-.3.2L2.7 8c-.5.1-.9.2-1.2.5-.3.3-.5.6-.5 1.1 0 .4.2.8.5
1.1.3.3.7.4 1.2.4.4 0 .8-.1 1.1-.3.3-.2.6-.4.8-.6 0 .2.1.4.2.5.1.2.4.3.7.3h.3c.1
0 .2 0 .3-.1v-.6h-.2c-.1.1-.2.1-.2.1zM4.5 9.1c0 .5-.2.9-.7 1.2-.3.1-.6.2-.9.2-.3

325.

0-.5-.1-.7-.2-.2-.2-.2-.4-.2-.7 0-.3.1-.6.4-.7.2-.1.4-.2.7-.2l.5-.1c.2
0 .3-.1.5-.1s.3-.1.4-.2v.8zm14-4.1L8.3 15.3l-.5 2c-.6.4-1.3.3-1.5.6-.3.4.9.4
1.5.3.4 0 .5 0 .5-.2l2.2-.6L20.7 7.1 18.5 5zM9 15.3l9.5-9.5L20 7.1l-9.5 9.5L9
15.3z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-bullets { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M7 4v1h15V4H7zM1
6h3V3H1v3zm6 6h15v-1H7v1zm-6 1h3v-3H1v3zm6 6h15v-1H7v1zm-6
1h3v-3H1v3z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-bullets, .device-ios i.icon.icon-numbers { backgroundcolor: var(--brand-slide); height: 22px; -webkit-mask-repeat: round; -webkitmask-size: contain; width: 22px; }
.device-ios i.icon.icon-numbers { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M7 3.8v1h15v-1H7zm0
8h15v-1H7v1zm0 7h15v-1H7v1zM3.1
6.9h.7V2h-.5c-.1.4-.2.6-.4.7-.2.1-.5.2-.9.2v.5h1.2v3.5zM3.3 9c-.7 0-1.2.21.4.7-.2.3-.2.6-.2 1h.6c0-.3.1-.5.1-.7.2-.3.5-.5.9-.5.3
0 .5.1.7.3s.3.4.3.7c0 .2-.1.5-.3.7-.1.1-.3.3-.6.4l-.7.4c-.4.3-.7.5-.9.9-.2.3-.2.
7-.3
1.1h3.4v-.6H2.2c.1-.2.2-.5.4-.7.1-.1.3-.2.5-.4l.5-.3c.4-.2.7-.4.9-.6.3-.3.4-.6.4
-1s-.1-.7-.4-1c-.2-.3-.6-.4-1.2-.4zm.8 9.3c.2-.1.3-.2.4-.3.2-.2.2-.4.2-.7
0-.4-.1-.7-.4-1-.3-.2-.7-.3-1.2-.3-.6 0-1.1.21.3.7-.1.3-.2.6-.2.9h.6c0-.3.1-.5.1-.6.2-.3.4-.4.9-.4.2
0 .4.1.6.2.2.1.3.2.3.5s-.1.6-.4.7c-.1.1-.3.1-.6.1H2.8v.5H3c.4
0 .7.1.9.2.2.1.3.4.3.7 0 .3-.1.5-.3.7-.2.2-.5.3-.8.3-.4
0-.7-.1-.9-.4-.1-.1-.2-.4-.2-.7h-.5c0 .5.1.8.4 1.2.2.2.6.4 1.2.4s1-.1
1.3-.4c.3-.3.5-.7.5-1.1 0-.3-.1-.5-.2-.7-.2-.3-.4-.5-.6-.5z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-linespacing { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M22 4V3H1v1h10v.3L8
7.4l.7.7L11 5.7v11.6l-2.3-2.4-.7.7 3 3.1v.3H1v1h21v-1H12v-.4l3-3-.7-.7-2.3
2.3V5.8l2.3 2.3.7-.7-3-3V4z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-linespacing, .device-ios i.icon.icon-text-align-center {
background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat: round;
-webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-text-align-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm3
4v1h14V7H4zm-3 5h21v-1H1v1zm3 3v1h14v-1H4zm-3 5h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-align-just { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm0
5h21V7H1v1zm0 4h21v-1H1v1zm0 4h21v-1H1v1zm0 4h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-align-just, .device-ios i.icon.icon-text-align-left
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-text-align-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm14
4H1v1h14V7zM1 12h21v-1H1v1zm14 3H1v1h14v-1zM1 20h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-align-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm7

326.

5h14V7H8v1zm14 3H1v1h21v-1zM8 16h14v-1H8v1zm14 3H1v1h21v-1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-de-indent, .device-ios i.icon.icon-text-align-right
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-de-indent { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 20v-1h21v1H1zm105h11v1H11v-1zm0-4h11v1H11v-1zm0-4h11v1H11V7zM6.3 7l.7.7-3.8 3.8L7 15.3l-.7.7L2
11.8l-.2-.3.2-.3L6.3 7zM1 3h21v1H1V3z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-in-indent { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 20v-1h21v1H1zm114H1v-1h11v1zm0-4H1v-1h11v1zm0-4H1V7h11v1zm9
3.2.2.3-.2.3-4.3 4.2-.7-.7 3.8-3.8L16 7.7l.7-.7 4.3 4.2zM22 4H1V3h21v1z'/%3E
%3C/svg%3E"); }
.device-ios i.icon.icon-in-indent, .device-ios i.icon.icon-table-add-column-left
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-table-add-column-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M15 19H7v4H0V2h22v17h-7zm0-1h6v-3h-6v3zm0-4h6v-3h-6v3zm-7 4h6v-3H8v3zm0-4h6v-3H8v3zm64V7H8v3h6zM8 3v3h6V3H8zm13 0h-6v3h6V3zm-6 4v3h6V7h-6zM3 16h1v2h2v1H4v2H3v-2H1v1h2v-2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-add-column-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M0 19V2h22v13h7v4H0zm7-4H1v3h6v-3zm0-4H1v3h6v-3zm7 4H8v3h6v-3zm0-4H8v3h6v-3zm0-1V7H8v3h6zM8
3v3h6V3H8zM1 6h6V3H1v3zm0 1v3h6V7H1zm18 11h2v1h-2v2h-1v-2h-2v-1h2v-2h1v2z'/%3E
%3C/svg%3E"); }
.device-ios i.icon.icon-table-add-column-right, .device-ios i.icon.icon-tableadd-row-above { background-color: var(--brand-slide); height: 22px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-table-add-row-above { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21
20H0V1h15v6h7v13h-1zM7 8H1v3h6V8zm0 4H1v3h6v-3zm0 4H1v3h6v-3zm1 3h6v-3H8v3zm04h6v-3H8v3zm0-4h6V8H8v3zm13-3h-6v3h6V8zm0 4h-6v3h6v-3zm0 4h-6v3h6v-3zM19 6h1V4h-2V3h2V1h1v2h2v1h-2v2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-add-row-below { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M22 1v13h7v6H0V1h22zM7 10H1v3h6v-3zm0-4H1v3h6V6zm0-4H1v3h6V2zm1 3h6V2H8v3zm0 4h6V6H8v3zm0
4h6v-3H8v3zm13-3h-6v3h6v-3zm0-4h-6v3h6V6zm0-4h-6v3h6V2zm-2 15h2v1h-2v2h-1v-2h2v-1h2v-2h1v2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-add-row-below, .device-ios i.icon.icon-tableremove-column { background-color: var(--brand-slide); height: 22px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-table-remove-column { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21 19h-8.6c-.9 1.82.7 3-4.9 3s-4-1.2-4.9-3H0V2h22v17h-1zM7.5 12C5 12 3 14 3 16.5S5 21 7.5 21s4.5-2
4.5-4.5S10 12 7.5 12zM14 3H8v3h6V3zm0 4H8v3h6V7zm0 4H8v.1c1.9.2 3.5 1.3 4.4

327.

2.9H14v-3zm0 4h-1.2c.1.5.2 1 .2 1.5s-.1 1-.2 1.5H14v-3zm7-12h-6v3h6V3zm0 4h6v3h6V7zm0 4h-6v3h6v-3zm0 4h-6v3h6v-3zM9.6 19.3l-2.1-2.1-2.1 2.1-.7-.7 2.1-2.12.1-2.1.7-.7 2.1 2.1 2.1-2.1.7.7-2.1 2.1 2.1 2.1-.7.7z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-remove-row { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21 19h-8.6c-.9 1.82.7 3-4.9 3s-4-1.2-4.9-3H0V2h22v17h-1zM1 18h1.2c-.1-.5-.2-1-.2-1.5s.1-1 .21.5H1v3zM7 3H1v3h6V3zm0 4H1v3h6V7zm.5 5C5 12 3 14 3 16.5S5 21 7.5 21s4.5-2 4.54.5S10 12 7.5 12zM14 3H8v3h6V3zm0 4H8v3h6V7zm0 8h-1.2c.1.5.2 1 .2 1.5s-.1 1-.2
1.5H14v-3zm7-12h-6v3h6V3zm0 4h-6v3h6V7zm0 8h-6v3h6v-3zM9.6 19.3l-2.1-2.1-2.1
2.1-.7-.7 2.1-2.1-2.1-2.1.7-.7 2.1 2.1 2.1-2.1.7.7-2.1 2.1 2.1 2.1-.7.7z'/%3E
%3C/svg%3E"); }
.device-ios i.icon.icon-expand-down, .device-ios i.icon.icon-table-remove-row
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-expand-down { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='m20.5 6.5 1.1 1.1L11
18 .5 7.5l1.1-1.1 9.5 9.5 9.4-9.4z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-pagebreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M8 14v1h1v-1H8zm-2
0v1h1v-1H6zm12 7H3v-6H2v7h17v-7h-1v6zM4 14v1h1v-1H4zm10 0v1h1v-1h-1zm-4 0v1h1v1h-1zM8.2 1 2 7.6V14h1V9h6V2h9v12h1V1H8.2zM8 8H3.1L8 2.8V8zm4 6v1h1v-1h-1zm4
0v1h1v-1h-1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-pagebreak, .device-ios i.icon.icon-sectionbreak
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-sectionbreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M20
14V2H3v12H2V1h19v13h-1zM5 14v1H4v-1h1zm2 0v1H6v-1h1zm2 0v1H8v-1h1zm2 0v1h-1v1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1zm1 0h1v1h-1v-1zM3 21h17v6h1v7H2v-7h1v6z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-stringbreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M18 12H5.1L9
15.9l-.7.7-4.5-4.5-.6-.6.6-.6 4.5-4.5.7.7L5.1 11H18V5h1v7h-1z'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-pagenumber, .device-ios i.icon.icon-stringbreak
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-pagenumber { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M8.2 1 2
7.6V22h17V1H8.2zM8 2.8V8H3.1L8 2.8zM18 21H3V9h6V2h9v19zm-6-2h1v4h-.7c0 .2-.1-.1-.1 0-.1.1-.2 0-.3 0-.1.1-.2.1-.4.1h-.4v.9h.9v3zm3.31.7c-.3.6-.2 1.1-.3 1.7h.9c0-.3
0-.6.1-.9.1-.3.1-.6.3-.9.1-.3.3-.6.4-.9.2-.3.1-.3.3-.5V15h-3v1h1.9c-.3.4-.4.7-.6
1.3z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-link { background-color: var(--brand-slide); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M12.4 9.8s-2.1-.1-3.8 1.2c-2.8 2-3.3 4.3-3.3 4.3s1.6-1.7

328.

3.5-2.5c1.7-.7 3.7-.4 3.7-.4v1.9l4.8-3.3-4.8-3.3v2.1zM11 1C5.5 1 1 5.5 1 11s4.5
10 10 10 10-4.5 10-10S16.5 1 11 1zm0 19c-5 0-9-4.1-9-9 0-5 4-9 9-9s9 4.1 9 9c0
5-4 9-9 9z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size:
contain; width: 22px; }
.device-ios i.icon.icon-image-library { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='11.08' y1='10.26'
x2='11.08' y2='1.26' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stopcolor='%23f3e916'/%3E%3Cstop offset='1'
stop-color='%23f89d34'/%3E%3C/linearGradient%3E%3ClinearGradient id='b'
x1='11.08' y1='20.44' x2='11.08' y2='11.88' gradientUnits='userSpaceOnUse'%3E
%3Cstop offset='0' stop-color='%235eb6e8'/%3E%3Cstop offset='1' stopcolor='%23958cc3'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1.46'
y1='11.05' x2='10.46' y2='11.05' gradientTransform='rotate(90 5.955 11.045)'
gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23cc8dba'/%3E
%3Cstop offset='1' stop-color='%23f86867'/%3E%3C/linearGradient%3E
%3ClinearGradient id='d' x1='11.73' y1='11.05' x2='20.73' y2='11.05'
gradientTransform='rotate(90 16.23 11.05)' gradientUnits='userSpaceOnUse'%3E
%3Cstop offset='0' stop-color='%236ac07f'/%3E%3Cstop offset='1' stopcolor='%23c5da3d'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='11.74'
y1='10.42' x2='17.52' y2='4.63' gradientTransform='rotate(135 14.625 7.528)'
gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23c5da3d'/%3E
%3Cstop offset='1' stop-color='%23f3e916'/%3E%3C/linearGradient%3E
%3ClinearGradient id='f' x1='4.7' y1='17.49' x2='10.48' y2='11.71'
gradientTransform='rotate(135 7.55 14.638)' gradientUnits='userSpaceOnUse'%3E
%3Cstop offset='0' stop-color='%239595c3'/%3E%3Cstop offset='1' stopcolor='%23cc8dba'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='4.69'
y1='4.64' x2='10.47' y2='10.42' gradientTransform='rotate(45 7.572 7.527)'
gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f86867'/%3E
%3Cstop offset='1' stop-color='%23f89d34'/%3E%3C/linearGradient%3E
%3ClinearGradient id='h' x1='11.77' y1='11.78' x2='17.55' y2='17.56'
gradientTransform='rotate(45 14.618 14.635)' gradientUnits='userSpaceOnUse'%3E
%3Cstop offset='0' stop-color='%235ec0e8'/%3E%3Cstop offset='1' stopcolor='%236ac07f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Слой 1'
style='isolation:isolate'%3E%3Crect x='.09' y='.01' width='22' height='22'
rx='4' ry='4' style='opacity:.2'/%3E%3Crect x='.57' y='.49' width='21.04'
height='21.04' rx='3.6' ry='3.6' style='fill:%23fff'/%3E%3Crect x='8.33'
y='1.26' width='5.5' height='9' rx='2.5' ry='2.5' style='fill:url(%23a);mixblend-mode:multiply'/%3E%3Crect x='8.33' y='11.76' width='5.5' height='9'
rx='2.5' ry='2.5' style='fill:url(%23b)'/%3E%3Crect x='3.21' y='6.55'
width='5.5' height='9' rx='2.5' ry='2.5' transform='rotate(-90 5.955 11.045)'
style='fill:url(%23c);mix-blend-mode:multiply'/%3E%3Crect x='13.48' y='6.55'
width='5.5' height='9' rx='2.5' ry='2.5' transform='rotate(-90 16.23 11.05)'
style='fill:url(%23d);mix-blend-mode:multiply'/%3E%3Crect x='11.87' y='3.03'
width='5.5' height='9' rx='2.5' ry='2.5' transform='rotate(-135 14.623 7.527)'
style='fill:url(%23e);mix-blend-mode:multiply'/%3E%3Crect x='4.8' y='10.14'
width='5.5' height='9' rx='2.5' ry='2.5' transform='rotate(-135 7.552 14.639)'
style='fill:url(%23f);mix-blend-mode:multiply'/%3E%3Crect x='4.83' y='3.03'
width='5.5' height='9' rx='2.5' ry='2.5' transform='rotate(-45 7.576 7.522)'
style='fill:url(%23g);mix-blend-mode:multiply'/%3E%3Crect
x='11.87' y='10.14' width='5.5' height='9' rx='2.5' ry='2.5'
transform='rotate(-45 14.625 14.642)' style='fill:url(%23h);mix-blendmode:multiply'/%3E%3C/g%3E%3C/svg%3E"); height: 22px; width: 22px; }
.device-ios i.icon.icon-text-valign-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath class='cls-1' d='M2
2h19v1H2zM2 4h19v1H2zM12 18h-1V7.83L8.65 9.8 8 8.94 11.5 6 15 9l-.65.8L12
7.83V18z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-text-valign-middle, .device-ios i.icon.icon-text-valigntop { background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }

329.

.device-ios i.icon.icon-text-valign-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath class='cls-1' d='M2
10h19v1H2zM2 12h19v1H2zM11 2h1v5.17l2.35-1.97.65.86L11.5 9 8 6l.65-.8L11
7.17V2zM12 21h-1v-5.17L8.65 17.8 8 16.94 11.5 14l3.5 3-.65.8L12 15.83V21z'/%3E
%3C/svg%3E"); }
.device-ios i.icon.icon-text-valign-bottom { background-color: var(--brandslide); height: 22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(-brand-slide)'%3E%3Cpath class='cls-1' d='M2 18h19v1H2zM2 20h19v1H2zM11
4h1v11.17l2.35-1.97.65.86L11.5 17 8 14l.65-.8L11 15.17V4z'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-table-borders-all { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M26.9
0H0v27h27V0h-.1ZM13 26H1V14h12v12Zm0-13H1V1h12v12Zm13 13H14V14h12v12Zm013H14V1h12v12Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-all, .device-ios i.icon.icon-tableborders-none { background-color: var(--brand-slide); height: 28px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-table-borders-none { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M26.9
0H0v27h27V0h-.1ZM13 26H1V14h12v12Zm0-13H1V1h12v12Zm13 13H14V14h12v12Zm013H14V1h12v12Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-inner { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M26 13H14V1h1v12H1v1h12v12h1V14h12v-1z'/%3E%3Cpath opacity='.3' d='M27 0H0v27h27V0ZM1
26V1h25v25H1Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-inner, .device-ios i.icon.icon-tableborders-outer { background-color: var(--brand-slide); height: 28px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-table-borders-outer { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M27 0H0v27h27V0ZM1
26V1h25v25H1Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 0h1v27H0z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-center, .device-ios i.icon.icon-tableborders-left { background-color: var(--brand-slide); height: 28px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-table-borders-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M13 0h1v27h-1z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M26 0h1v27h-1z'/%3E%3C/svg%3E"); }

330.

.device-ios i.icon.icon-table-borders-right, .device-ios i.icon.icon-tableborders-top { background-color: var(--brand-slide); height: 28px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-table-borders-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 0h27v1H0z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 13h27v1H0z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-table-borders-bottom, .device-ios i.icon.icon-tableborders-middle { background-color: var(--brand-slide); height: 28px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-table-borders-bottom { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 26h27v1H0z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-move-backward { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M1
1h17v17H1z'/%3E%3Cpath d='M10 10v17h17V10H10Zm16 16H11V11h15v15Z'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-move-backward, .device-ios i.icon.icon-move-forward
{ background-color: var(--brand-slide); height: 28px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-move-forward { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M10
10v17h17V10H10Zm16 16H11V11h15v15Z'/%3E%3Cpath d='M1 1h17v17H1z'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-move-background { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M8
8h13v13H8z'/%3E%3Cpath d='M1 1v12h12V1H1Zm11 11H2V2h10v10ZM15 15v12h12V15H15Zm11
11H16V16h10v10Z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-move-background, .device-ios i.icon.icon-move-foreground
{ background-color: var(--brand-slide); height: 28px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 28px; }
.device-ios i.icon.icon-move-foreground { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M1
1v12h12V1H1Zm11 11H2V2h10v10ZM15 15v12h12V15H15Zm11 11H16V16h10v10Z'/%3E%3Cpath
d='M8 8h13v13H8z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 21h1V1H1v20zm3-8v4h16v-4H4zm88H4v4h8V5z' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-center, .device-ios i.icon.icon-align-left
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:

331.

round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-align-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd'
d='M19 13h-8V9h4V5h-4V1h-1v4H6v4h4v4H2v4h8v4h1v-4h8z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M20 1v20h1V1h-1zM2 17h16v-4H2v4zm88h8V5h-8v4z' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-right, .device-ios i.icon.icon-align-top
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-align-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 1v1h20V1H1zm8 3H5v16h4V4zm8 8V4h4v8h4z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd'
d='M13 2v8H9V6H5v4H1v1h4v4h4v-4h4v8h4v-8h4v-1h-4V2z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-bottom, .device-ios i.icon.icon-align-middle
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-align-bottom { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22'
xml:space='preserve' fill='var(--brand-slide)'%3E%3Cpath d='M21 20v-1H1v1h20zM9
1H5v16h4V1zm4 8v8h4V9h-4z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-horizontal { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 1v1h20V1H1zm0 18v1h20v-1H1zM9
3H5v15h4V3zm8 11V7h-4v7h4z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-align-horizontal, .device-ios i.icon.icon-align-vertical
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-ios i.icon.icon-align-vertical { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 21h1V1H1v20zm18 0h1V1h-1v20zM3
13v4h15v-4H3zm11-8H7v4h7V5z'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-users { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M16 7c0 2.341-.584 4.135-1.386 5.312C13.807 13.497 12.834 14
12 14c-.834 0-1.807-.503-2.614-1.688C8.584 11.135 8 9.341 8 7c0-2.385 1.979-4 44s4 1.615 4 4Zm-.81 6.22C14.286 14.375 13.144 15 12 15s-2.287-.625-3.19-1.78c1.405.564-2.597 1.129-3.54 1.702C3.553 15.967 3 16.832 3 17.5c0 .755.426 1.588
1.823 2.288C6.25 20.503 8.573 21 12 21c3.427 0 5.75-.497 7.177-1.212C20.574

332.

19.088 21 18.254 21 17.5c0-.667-.553-1.533-2.27-2.578-.943-.573-2.135-1.1383.54-1.702Zm.564-.85C16.514 11.028 17 9.21 17 7c0-3-2.491-5-5-5S7 4 7 7c0
2.21.486 4.028 1.246 5.37C4.39 13.94 2 15.579 2 17.5 2 19.985 5 22 12 22s102.015 10-4.5c0-1.921-2.39-3.56-6.246-5.13Z' fill='var(--brand-slide)'/%3E%3C/svg
%3E"); }
.device-ios i.icon.icon-app-settings, .device-ios i.icon.icon-users
{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-ios i.icon.icon-app-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 14h9a4 4 0 0 1 0 8H7a4 4 0 0 1 0-8Zm9-1a5 5 0 0 1 0 10H7a5
5 0 0 1 0-10h9Z' fill='var(--brand-slide)'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M16 20a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0 1a3 3 0 1 1 0-6 3 3 0 0
1 0 6ZM16 3H7a4 4 0 1 0 0 8h9a4 4 0 0 0 0-8ZM7 2a5 5 0 0 0 0 10h9a5 5 0 0 0 010H7Z' fill='var(--brand-slide)'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0
0 6Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-menu-comment { background-color: var(--text-tertiary);
height: 30px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M10 15a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3
1.714a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428ZM18 15a3 3 0 1 1-6 0 3
3 0 0 1 6 0Zm-3 1.714a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428ZM26
15a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 1.714a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0
0 0 0 3.428Z' fill='%23A3A3A3'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; webkit-mask-size: contain; width: 30px; }
.device-ios i.icon.icon-resolve-comment { background-color: var(--brand-slide);
height: 30px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M11.62 20.855a.5.5 0 0 0 .738-.02L22.516
9.058a.75.75 0 1 0-1.138-.98l-9.023 10.509a.5.5 0 0 1-.736.025l-3.5133.575a.755.755 0 0 0-1.082 1.053l4.596 4.765Z' fill='var(--brand-slide)'/%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
30px; }
.device-ios i.icon.icon-resolve-comment.check { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h30v30H0V0Z'
fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.62
20.855a.5.5 0 0 0 .738-.02L22.516 9.058a.75.75 0 1 0-1.138-.98l-9.023
10.509a.5.5 0 0 1-.736.025l-3.513-3.575a.755.755 0 0 0-1.083 1.054l4.597 4.764Z'
fill='%234cd964'/%3E%3C/svg%3E"); height: 30px; width: 30px; }
.device-ios i.icon.icon-insert-comment { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M20.154 9.007h-8.308c-1.02 0-1.846.828-1.846 1.848v4.314c0
1.021.827 1.849 1.846 1.849h1.987c.108 0 .212.038.295.107l4.115
3.267c.3.25.757.037.757-.355V17.48c0-.255.207-.462.462-.462h.692c1.02 0
1.846-.828 1.846-1.849v-4.314c0-1.02-.827-1.848-1.846-1.848ZM20 10.008a1 1 0 0 1
1 1.002v4.005a1 1 0 0 1-1 1.002h-1.997L18 18.9v.1l-3.5-2.983H12a1 1 0 0 1-11.002V11.01a1 1 0 0 1 1-1h8Z' fill='var(--brand-slide)'/%3E%3Cpath d='M14.5 3h10C3.19 3 2 4.215 2 5.503v6.532c0 1.287 1.19 1.978 2.5 1.978h1c.328
0 .5.179.5.5v3.005c0 .494.614.817 1 .5l4-3.032V13.5l-4 3v-3.488H4.5c-.71 01.5-.28-1.5-.977V5.503c0-.698.79-1.502 1.5-1.502h10c.71 0 1.5.804 1.5
1.502v2.503h1V5.503C17 4.215 15.81 3 14.5 3Z'
fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-add-slide, .device-ios i.icon.icon-insert-comment

333.

{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-ios i.icon.icon-add-slide { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0
1-2-2V6Zm7 4.933V8h2v2.933h3v2h-3V16h-2v-3.067H8v-2h3Z' fill='var(--brandslide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-add-shape { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='15.333' cy='14.4' rx='5.667'
ry='5.6' fill='var(--brand-slide)'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M5 4.8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4.328a6.317 6.317 0 0
1-.47-2.4c0-3.534 2.899-6.4 6.475-6.4.56 0 1.102.07 1.62.202V5.8a1 1 0 0 0-11H5Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-add-image, .device-ios i.icon.icon-add-shape
{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-ios i.icon.icon-add-image { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='m5.792 16.667 3.083-3.5 2.25 2.333L14.21 12l4
4.667H5.792Zm13.667 1.859c.361-.316.542-.68.5421.094V6.568c0-.413-.18-.778-.542-1.094A1.842 1.842 0 0 0 18.21 5H5.792c-.472
0-.89.158-1.25.474C4.18 5.79 4 6.154 4 6.568v10.864c0 .414.18.778.542
1.094.36.316.778.474 1.25.474h12.417c.472 0 .89-.158 1.25-.474ZM8.8 11.222c.884
0 1.6-.696 1.6-1.555 0-.86-.716-1.556-1.6-1.556-.883 0-1.6.697-1.6 1.556
0 .859.717 1.555 1.6 1.555Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-add-other { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 18a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm6.5 0a1.5 1.5 0 1
1-3 0 1.5 1.5 0 0 1 3 0Zm5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'
fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-ios i.icon.icon-add-other, .device-ios i.icon.icon-add-table
{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-ios i.icon.icon-add-table { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M1 2h21v19H1V2Zm11 1h9v5h-9V3Zm0 6h9v5h-9V9Zm-1 5V9H2v5h9Zm-9
1v5h9v-5H2Zm10 0h9v5h-9v-5ZM11 3v5H2V3h9Z' fill='var(--brand-slide)'/%3E%3C/svg
%3E"); }
.device-ios .tab-link-active i.icon.icon-add-slide { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0
1-2-2V6Zm7 4.933V8h2v2.933h3v2h-3V16h-2v-3.067H8v-2h3Z' fill='var(--fillwhite)'/%3E%3C/svg%3E"); }
.device-ios .tab-link-active i.icon.icon-add-shape, .device-ios .tab-link-active
i.icon.icon-add-slide { background-color: var(--fill-white); height: 24px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.device-ios .tab-link-active i.icon.icon-add-shape { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'

334.

xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='15.333' cy='14.4' rx='5.667'
ry='5.6' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5
4.8a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h4.328a6.317 6.317 0 0 1-.47-2.4c0-3.534
2.899-6.4 6.475-6.4.56 0 1.102.07 1.62.202V5.8a1 1 0 0 0-1-1H5Z' fill='var(-fill-white)'/%3E%3C/svg%3E"); }
.device-ios .tab-link-active i.icon.icon-add-image { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='m5.792 16.667 3.083-3.5 2.25 2.333L14.21 12l4
4.667H5.792Zm13.667 1.859c.361-.316.542-.68.5421.094V6.568c0-.413-.18-.778-.542-1.094A1.842
1.842 0 0 0 18.21 5H5.792c-.472 0-.89.158-1.25.474C4.18 5.79 4 6.154 4
6.568v10.864c0 .414.18.778.542 1.094.36.316.778.474 1.25.474h12.417c.472
0 .89-.158 1.25-.474ZM8.8 11.222c.884 0 1.6-.696 1.6-1.555 0-.86-.716-1.556-1.61.556-.883 0-1.6.697-1.6 1.556 0 .859.717 1.555 1.6 1.555Z' fill='var(--fillwhite)'/%3E%3C/svg%3E"); }
.device-ios .tab-link-active i.icon.icon-add-image, .device-ios .tab-link-active
i.icon.icon-add-other { background-color: var(--fill-white); height: 24px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.device-ios .tab-link-active i.icon.icon-add-other { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 18a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm6.5 0a1.5 1.5 0 1
1-3 0 1.5 1.5 0 0 1 3 0Zm5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z'
fill='var(--fill-white)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-expand-up { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--fill-white)'%3E%3Cpath d='M10.9 5.1 2 13.9 4.1
16l7-6.8 6.8 6.8 2.1-2.1-8.8-8.8-.1-.1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-expand-down, .device-android i.icon.icon-expand-up {
background-color: var(--brand-slide); height: 17px; -webkit-mask-repeat: round;
-webkit-mask-size: contain; width: 17px; }
.device-android i.icon.icon-expand-down { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M10.9 16.9 2 8.1 4.1
6l7 6.8L17.9 6 20 8.1l-8.8 8.8-.1.1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-edit { background-color: var(--brand-slide); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--brandslide)'%3E%3Cpath d='M0 20h22v1H0v-1zM17.1 3.1 3.5 16.7 3 20l3.3-.5L19.9
5.9zM20.5 5.3 22 3.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5 1.5 2.8 2.8z'/%3E
%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain; width:
22px; }
.device-android i.icon.icon-edit-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22'%3E%3Cpath d='M2.5 15 8 1h2l4.415 11.257-1.601 1.601L12.12
12H5.87l-1.12 3zM9 3.67 6.62 10h4.76z' clip-rule='evenodd'
fill-rule='evenodd'/%3E%3Cpath d='M10 19.5V22h2.5l7.372-7.372-2.5-2.5zm11.8056.805c.26-.26.26-.68 0-.94l-1.56-1.56a.664.664 0 0 0-.94 0l-1.22 1.22 2.5
2.5z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-edit-settings, .device-android i.icon.icon-play
{ background-color: var(--toolbar-icons); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-play { -webkit-mask-image:

335.

url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M4.046
2.988A.286.286 0 0 1 4.07 3c.59.336 12.711 7.293 13.897 8.027-.583.342-13.013
7.488-13.934 7.983l.013-16.022M3.99 2C3.443 2 3 2.453 3
3.015V19.01c0 .613.479.99.993.99.173 0 .35-.043.514-.133.89-.491 13.188-7.559
13.94-8a.99.99 0 0 0 0-1.732C17.404 9.533 5.153 2.502 4.54 2.154A1.11 1.11 0 0 0
3.99 2z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-reader { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M17
21H1V9h6V2h10v5h1V1H6.2L0 7.6V22h18v-3h-1v2zM6 2.8V8H1.1L6 2.8zM13 8c-5.1 0-9 59 5s4.1 5 9 5c5 0 9-5 9-5s-4-5-9-5zm-4.3 7.5C6.8 14.4 6.4 13 6.4 13s.4-1.5 2.42.6C8.3 11.2 8 12 8 13c0 .9.3 1.8.7 2.5zm4.3 1.2c-2.1 0-3.7-1.7-3.7-3.7 0-2.1
1.7-3.7 3.7-3.7 2.1 0 3.7 1.7 3.7 3.7 0 2.1-1.6 3.7-3.7 3.7zm4.3-1.2c.4-.7.71.6.7-2.5 0-1-.3-1.8-.7-2.6 2 1.1 3.4 2.6 3.4 2.6s-1.5 1.4-3.4 2.5zM13 11.7c-.7
0-1.3.6-1.3 1.3s.6 1.3 1.3 1.3 1.3-.6 1.3-1.3-.6-1.3-1.3-1.3z'/%3E%3C/svg
%3E"); }
.device-android i.icon.icon-download, .device-android i.icon.icon-reader
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-download { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M12 0h-1v14l-3.63.7-.7.8 4.8 4.9 4.8-4.9-.7-.8L12 14V0Z'/%3E%3Cpath d='M14
5v1h5v14H4V6h5V5H3v16h17V5h-6Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-print { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath fill-rule='evenodd'
clip-rule='evenodd' d='M5 1h12v5h4v11h-4v4H5v-4H1V6h4V1Zm1 5h10V2H6v4ZM5 16v3H2v3h3Zm-3-4h18V7H2v5Zm18 1h-3v3h3v-3Zm-4 0H6v7h10v-7Zm-2 3H8v-1h6v1Zm0 2H8v1h6v1Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-print, .device-android i.icon.icon-spellcheck
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-spellcheck { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cg fill-rule='evenodd' cliprule='evenodd'%3E%3Cpath d='M8 1 3 15h1.2l1.777-5h5.046l.654 1.84a6.03 6.03 0 0
1 .916-.78L9 1H8Zm.5 1.9L10.668 9H6.332L8.5 2.9ZM16 21a5 5 0 1 0 0-10 5 5 0 0 0
0 10Zm-.646-2.646 4-4-.708-.708L15 17.293l-1.646-1.647-.708.708 2
2 .354.353.354-.353Z'/%3E%3C/g%3E%3C/svg%3E"); }
.device-android i.icon.icon-feedback { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M21 6H3v12h18V6ZM2 5v14h20V5H2Z'/%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='m2.666 6.372.668-.744 8.666 7.7 8.6667.7.668.744-9.334 8.3-9.334-8.3Z'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='m9.376 11.33-6 7-.752-.66 6-7 .752.66ZM15.376 10.67l6
7-.752.66-6-7 .752-.66Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-feedback, .device-android i.icon.icon-setup
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-setup { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M0 3v16h22V3H0zm21

336.

14H1V5h20v12zM16.5 5.9l-7.2 7.2-.5 1.9H4v1h5c.4 0 .2 0 .2-.2l2.2-.6L18.7 8l-2.22.1zm-6.6 7.2 6.5-6.4L18 8l-6.5 6.4-1.6-1.3z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-versions { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='-1 7 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M19 12c0-1.1-.9-2-22 0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2v12c0 1.1.9 2 2
2h18c1.1 0 2-.9 2-2V14c0-1.1-.9-2-2-2zM5 9h10c.6 0 1 .4 1 1H4c0-.6.4-1 1-1zm-2
2h14c.6 0 1 .4 1 1H2c0-.6.4-1 1-1zm17 15c0 .6-.4 1-1 1H1c-.6 0-1-.4-11V14c0-.6.4-1 1-1h18c.6 0 1 .4 1 1v12z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-text-align-center, .device-android i.icon.iconversions { background-color: var(--brand-slide); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-text-align-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm3
4v1h14V7H4zm-3 5h21v-1H1v1zm3 3v1h14v-1H4zm-3 5h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-text-align-just { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm0
5h21V7H1v1zm0 4h21v-1H1v1zm0 4h21v-1H1v1zm0 4h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-text-align-just, .device-android i.icon.icon-textalign-left { background-color: var(--brand-slide); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-text-align-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm14
4H1v1h14V7zM1 12h21v-1H1v1zm14 3H1v1h14v-1zM1 20h21v-1H1v1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-text-align-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 3v1h21V3H1zm7
5h14V7H8v1zm14 3H1v1h21v-1zM8 16h14v-1H8v1zm14 3H1v1h21v-1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-de-indent, .device-android i.icon.icon-text-alignright { background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-de-indent { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 20v-1h21v1H1zm105h11v1H11v-1zm0-4h11v1H11v-1zm0-4h11v1H11V7zM6.3 7l.7.7-3.8 3.8L7 15.3l-.7.7L2
11.8l-.2-.3.2-.3L6.3 7zM1 3h21v1H1V3z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-in-indent { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M1 20v-1h21v1H1zm114H1v-1h11v1zm0-4H1v-1h11v1zm0-4H1V7h11v1zm9 3.2.2.3-.2.3-4.3 4.2-.7-.7 3.83.8L16 7.7l.7-.7 4.3 4.2zM22 4H1V3h21v1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-in-indent, .device-android i.icon.icon-table-addcolumn-left
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-table-add-column-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M15 19H7v4H0V2h22v17h-7zm0-1h6v-3h-6v3zm0-4h6v-3h-6v3zm-7 4h6v-3H8v3zm0-4h6v-3H8v3zm6-

337.

4V7H8v3h6zM8 3v3h6V3H8zm13 0h-6v3h6V3zm-6 4v3h6V7h-6zM3 16h1v2h2v1H4v2H3v-2H1v1h2v-2z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-add-column-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M0 19V2h22v13h7v4H0zm7-4H1v3h6v-3zm0-4H1v3h6v-3zm7 4H8v3h6v-3zm0-4H8v3h6v-3zm0-1V7H8v3h6zM8
3v3h6V3H8zM1 6h6V3H1v3zm0 1v3h6V7H1zm18 11h2v1h-2v2h-1v-2h-2v-1h2v-2h1v2z'/%3E
%3C/svg%3E"); }
.device-android i.icon.icon-table-add-column-right, .device-android i.icon.icontable-add-row-above { background-color: var(--brand-slide); height: 22px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-table-add-row-above { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21
20H0V1h15v6h7v13h-1zM7 8H1v3h6V8zm0 4H1v3h6v-3zm0 4H1v3h6v-3zm1 3h6v-3H8v3zm04h6v-3H8v3zm0-4h6V8H8v3zm13-3h-6v3h6V8zm0 4h-6v3h6v-3zm0 4h-6v3h6v-3zM19 6h1V4h-2V3h2V1h1v2h2v1h-2v2z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-add-row-below { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M22 1v13h7v6H0V1h22zM7 10H1v3h6v-3zm0-4H1v3h6V6zm0-4H1v3h6V2zm1 3h6V2H8v3zm0 4h6V6H8v3zm0
4h6v-3H8v3zm13-3h-6v3h6v-3zm0-4h-6v3h6V6zm0-4h-6v3h6V2zm-2 15h2v1h-2v2h-1v-2h2v-1h2v-2h1v2z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-add-row-below, .device-android i.icon.icontable-remove-column { background-color: var(--brand-slide); height: 22px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-table-remove-column { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21 19h-8.6c-.9 1.82.7 3-4.9 3s-4-1.2-4.9-3H0V2h22v17h-1zM7.5 12C5 12 3 14 3 16.5S5 21 7.5 21s4.5-2
4.5-4.5S10 12 7.5 12zM14 3H8v3h6V3zm0 4H8v3h6V7zm0 4H8v.1c1.9.2 3.5 1.3 4.4
2.9H14v-3zm0 4h-1.2c.1.5.2 1 .2 1.5s-.1 1-.2 1.5H14v-3zm7-12h-6v3h6V3zm0 4h6v3h6V7zm0 4h-6v3h6v-3zm0 4h-6v3h6v-3zM9.6 19.3l-2.1-2.1-2.1 2.1-.7-.7 2.1-2.12.1-2.1.7-.7 2.1 2.1 2.1-2.1.7.7-2.1 2.1 2.1 2.1-.7.7z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-remove-row { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M21 19h-8.6c-.9 1.82.7 3-4.9 3s-4-1.2-4.9-3H0V2h22v17h-1zM1 18h1.2c-.1-.5-.2-1-.2-1.5s.1-1 .21.5H1v3zM7 3H1v3h6V3zm0 4H1v3h6V7zm.5 5C5 12 3 14 3 16.5S5 21 7.5 21s4.5-2 4.54.5S10 12 7.5 12zM14 3H8v3h6V3zm0 4H8v3h6V7zm0 8h-1.2c.1.5.2 1 .2 1.5s-.1 1-.2
1.5H14v-3zm7-12h-6v3h6V3zm0 4h-6v3h6V7zm0 8h-6v3h6v-3zM9.6 19.3l-2.1-2.1-2.1
2.1-.7-.7 2.1-2.1-2.1-2.1.7-.7 2.1 2.1 2.1-2.1.7.7-2.1 2.1 2.1 2.1-.7.7z'/%3E
%3C/svg%3E"); }
.device-android i.icon.icon-pagebreak, .device-android i.icon.icon-table-removerow { background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-pagebreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M8 14v1h1v-1H8zm-2
0v1h1v-1H6zm12 7H3v-6H2v7h17v-7h-1v6zM4 14v1h1v-1H4zm10 0v1h1v-1h-1zm-4 0v1h1v1h-1zM8.2 1 2 7.6V14h1V9h6V2h9v12h1V1H8.2zM8 8H3.1L8 2.8V8zm4 6v1h1v-1h-1zm4
0v1h1v-1h-1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-sectionbreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'

338.

viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M20
14V2H3v12H2V1h19v13h-1zM5 14v1H4v-1h1zm2 0v1H6v-1h1zm2 0v1H8v-1h1zm2 0v1h-1v1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1zm2 0v1h-1v-1h1zm1 0h1v1h-1v-1zM3 21h17v6h1v7H2v-7h1v6z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-sectionbreak, .device-android i.icon.iconstringbreak { background-color: var(--brand-slide); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-stringbreak { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M18 12H5.1L9
15.9l-.7.7-4.5-4.5-.6-.6.6-.6 4.5-4.5.7.7L5.1 11H18V5h1v7h-1z'/%3E%3C/svg
%3E"); }
.device-android i.icon.icon-pagenumber { height: 22px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath d='M8.2 1 2
7.6V22h17V1H8.2zM8 2.8V8H3.1L8 2.8zM18 21H3V9h6V2h9v19zm-6-2h1v4h-.7c0 .2-.1-.1-.1 0-.1.1-.2 0-.3 0-.1.1-.2.1-.4.1h-.4v.9h.9v3zm3.31.7c-.3.6-.2 1.1-.3 1.7h.9c0-.3
0-.6.1-.9.1-.3.1-.6.3-.9.1-.3.3-.6.4-.9.2-.3.1-.3.3-.5V15h-3v1h1.9c-.3.4-.4.7-.6
1.3z'/%3E%3C/svg%3E"); width: 22px; }
.device-android i.icon.icon-image-library, .device-android i.icon.iconpagenumber { background-color: var(--brand-slide); -webkit-mask-repeat: round; webkit-mask-size: contain; }
.device-android i.icon.icon-image-library { height: 24px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='M20 5.5H4a.5.5 0 0 0-.5.5v9.582l4.5333.892a1.25 1.25 0 0 1 1.555-.06l3.985 2.928 2.389-1.88a1.25 1.25 0 0 1
1.631.073l2.907 2.745V6a.5.5 0 0 0-.5-.5Zm.5 12.03-.015.015-3.765-3.556-2.37
1.865a1.25 1.25 0 0 1-1.512.025L8.86 12.957 3.5 17.56V18a.5.5 0 0 0 .5.5h16a.5.5
0 0 0 .5-.5v-.47ZM4 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0
0-2-2H4Zm12.5 5.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-3 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5
0 0 0 0 3Z' fill='var(--brand-slide)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E
%3Cpath d='M0 0h24v24H0V0Z' fill='transparent'/%3E%3C/clipPath%3E%3C/defs%3E
%3C/svg%3E"); width: 24px; }
.device-android i.icon.icon-text-valign-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath class='cls-1' d='M2
2h19v1H2zM2 4h19v1H2zM12 18h-1V7.83L8.65 9.8 8 8.94 11.5 6 15 9l-.65.8L12
7.83V18z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-text-valign-middle, .device-android i.icon.icontext-valign-top { background-color: var(--brand-slide); height: 22px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-text-valign-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--brand-slide)'%3E%3Cpath class='cls-1' d='M2
10h19v1H2zM2 12h19v1H2zM11 2h1v5.17l2.35-1.97.65.86L11.5 9 8 6l.65-.8L11
7.17V2zM12 21h-1v-5.17L8.65 17.8 8 16.94 11.5 14l3.5 3-.65.8L12 15.83V21z'/%3E
%3C/svg%3E"); }
.device-android i.icon.icon-text-valign-bottom { background-color: var(--brandslide); height: 22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(-brand-slide)'%3E%3Cpath class='cls-1' d='M2 18h19v1H2zM2 20h19v1H2zM11
4h1v11.17l2.35-1.97.65.86L11.5 17 8 14l.65-.8L11 15.17V4z'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }

339.

.device-android i.icon.icon-table-borders-all { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M26.9
0H0v27h27V0h-.1ZM13 26H1V14h12v12Zm0-13H1V1h12v12Zm13 13H14V14h12v12Zm013H14V1h12v12Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-all, .device-android i.icon.icontable-borders-none { background-color: var(--brand-slide); height: 28px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-table-borders-none { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M26.9
0H0v27h27V0h-.1ZM13 26H1V14h12v12Zm0-13H1V1h12v12Zm13 13H14V14h12v12Zm013H14V1h12v12Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-inner { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M26 13H14V1h1v12H1v1h12v12h1V14h12v-1z'/%3E%3Cpath opacity='.3' d='M27 0H0v27h27V0ZM1
26V1h25v25H1Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-inner, .device-android i.icon.icontable-borders-outer { background-color: var(--brand-slide); height: 28px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-table-borders-outer { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath d='M27 0H0v27h27V0ZM1
26V1h25v25H1Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 0h1v27H0z'/%3E%3C/svg%3E");
}
.device-android i.icon.icon-table-borders-center, .device-android i.icon.icontable-borders-left { background-color: var(--brand-slide); height: 28px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-table-borders-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M13 0h1v27h-1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M26 0h1v27h-1z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-right, .device-android i.icon.icontable-borders-top { background-color: var(--brand-slide); height: 28px; -webkitmask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-table-borders-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 0h27v1H0z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27

340.

0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 13h27v1H0z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-table-borders-bottom, .device-android i.icon.icontable-borders-middle { background-color: var(--brand-slide); height: 28px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-table-borders-bottom { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M27
0H0v27h27V0ZM1 26V1h25v25H1Z'/%3E%3Cpath d='M0 26h27v1H0z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-move-backward { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M1
1h17v17H1z'/%3E%3Cpath d='M10 10v17h17V10H10Zm16 16H11V11h15v15Z'/%3E%3C/svg
%3E"); }
.device-android i.icon.icon-move-backward, .device-android i.icon.icon-moveforward { background-color: var(--brand-slide); height: 28px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-move-forward { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M10
10v17h17V10H10Zm16 16H11V11h15v15Z'/%3E%3Cpath d='M1 1h17v17H1z'/%3E%3C/svg
%3E"); }
.device-android i.icon.icon-move-background { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M8
8h13v13H8z'/%3E%3Cpath d='M1 1v12h12V1H1Zm11 11H2V2h10v10ZM15 15v12h12V15H15Zm11
11H16V16h10v10Z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-move-background, .device-android i.icon.icon-moveforeground { background-color: var(--brand-slide); height: 28px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 28px; }
.device-android i.icon.icon-move-foreground { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 28 28' fill='var(--brand-slide)'%3E%3Cpath opacity='.3' d='M1
1v12h12V1H1Zm11 11H2V2h10v10ZM15 15v12h12V15H15Zm11 11H16V16h10v10Z'/%3E%3Cpath
d='M8 8h13v13H8z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-left { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 21h1V1H1v20zm3-8v4h16v-4H4zm88H4v4h8V5z' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-center, .device-android i.icon.icon-align-left
{ background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-align-center { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd'
d='M19 13h-8V9h4V5h-4V1h-1v4H6v4h4v4H2v4h8v4h1v-4h8z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-right { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M20 1v20h1V1h-1zM2 17h16v-4H2v4zm88h8V5h-8v4z' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E"); }

341.

.device-android i.icon.icon-align-right, .device-android i.icon.icon-align-top {
background-color: var(--brand-slide); height: 22px; -webkit-mask-repeat: round;
-webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-align-top { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 1v1h20V1H1zm8 3H5v16h4V4zm8 8V4h4v8h4z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-middle { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd'
d='M13 2v8H9V6H5v4H1v1h4v4h4v-4h4v8h4v-8h4v-1h-4V2z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-bottom, .device-android i.icon.icon-alignmiddle { background-color: var(--brand-slide); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-align-bottom { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M21 20v-1H1v1h20zM9 1H5v16h4V1zm4
8v8h4V9h-4z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-horizontal { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 1v1h20V1H1zm0 18v1h20v-1H1zM9
3H5v15h4V3zm8 11V7h-4v7h4z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-align-horizontal, .device-android i.icon.icon-alignvertical { background-color: var(--brand-slide); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android i.icon.icon-align-vertical { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'
fill='var(--brand-slide)'%3E%3Cpath d='M1 21h1V1H1v20zm18 0h1V1h-1v20zM3
13v4h15v-4H3zm11-8H7v4h7V5z'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-users { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M15.5 7c0 2.262-.564 3.952-1.299 5.03-.743 1.091-1.578 1.472.201 1.47s-1.458-.379-2.201-1.47C9.064 10.953 8.5 9.263 8.5 7c0-2.077 1.722-3.5
3.5-3.5s3.5 1.423 3.5 3.5Zm-.654 6.622C14.006 14.519 13.004 15 12 15s-2.006-.482.846-1.378c-1.457.578-2.676 1.15-3.625 1.728C3.83 16.384 3.5 17.12 3.5
17.5c0 .51.264 1.198 1.547 1.84 1.328.666 3.562 1.16 6.953 1.16 3.39 0
5.625-.494 6.953-1.16 1.283-.642 1.547-1.33 1.547-1.84 0-.38-.329-1.116-2.032.15-.948-.577-2.167-1.15-3.624-1.728Zm.908-1.252C16.514 11.028 17 9.21 17 7c03-2.491-5-5-5S7 4 7 7c0 2.21.486 4.028 1.246 5.37C4.39 13.94 2 15.579 2 17.5 2
19.985 5 22 12 22s10-2.015 10-4.5c0-1.921-2.39-3.56-6.246-5.13Z' fill='var(-brand-slide)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-app-settings, .device-android i.icon.icon-users
{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-android i.icon.icon-app-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-

342.

rule='evenodd' d='M7 14h9a4 4 0 0 1 0 8H7a4 4 0 0 1 0-8Zm9-1a5 5 0 0 1 0 10H7a5
5 0 0 1 0-10h9Z' fill='var(--brand-slide)'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M16 20a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm0 1a3 3 0 1 1 0-6 3 3 0 0
1 0 6ZM16 3H7a4 4 0 1 0 0 8h9a4 4 0 0 0 0-8ZM7 2a5 5 0 0 0 0 10h9a5 5 0 0 0 010H7Z' fill='var(--brand-slide)'/%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 1 0 0-6 3 3 0 0 0
0 6Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-menu-comment { background-color: var(--texttertiary); height: 24px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.605
16.585c.403-.406.868-.608 1.395-.608s.992.202 1.395.608c.403.405.605.873.605
1.403s-.202.998-.605 1.404c-.403.405-.868.608-1.395.608s-.992-.2031.395-.608c-.403-.406-.605-.873-.605-1.404 0-.53.202-.998.605-1.403Zm05.989c.403-.405.868-.608
1.395-.608s.992.203 1.395.609c.403.405.605.873.605 1.403s-.202.998-.605
1.403c-.403.406-.868.609-1.395.609s-.992-.203-1.395-.609C16.202 12.998 16 12.53
16 12s.202-.998.605-1.403Zm2.79-3.18c-.403.405-.868.607-1.395.607s-.992-.2021.395-.608C16.202 7.01 16 6.542 16 6.012s.202-.998.605-1.404C17.008 4.203 17.473
4 18 4s.992.203 1.395.608c.403.406.605.873.605 1.404 0 .53-.202.998-.605 1.403Z'
fill='var(--text-tertiary)' fill-opacity='.6'/%3E%3C/svg%3E"); -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android i.icon.icon-resolve-comment { background-color: var(--brandslide); height: 24px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M9 16.172 19.594 5.578 21 6.984l-12 12-5.578-5.578L4.828 12 9 16.172Z'
fill='var(--brand-slide)'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkitmask-size: contain; width: 24px; }
.device-android i.icon.icon-resolve-comment.check { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.172 19.594 5.578 21
6.984l-12 12-5.578-5.578L4.828 12 9 16.172Z' fill='%234cd964'/%3E%3C/svg%3E");
height: 24px; width: 24px; }
.device-android i.icon.icon-done-comment { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.172 19.594 5.578 21
6.984l-12 12-5.578-5.578L4.828 12 9 16.172Z'
fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-done-comment, .device-android i.icon.icon-insertcomment { background-color: var(--brand-slide); height: 24px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android i.icon.icon-insert-comment { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3h-15C3.19 3 2 4.215 2
5.503v9.532c0 1.287 1.19 1.978 2.5 1.978h1c.328 0 .5.179.5.5V21l6-4h8a2 2 0 0 0
2-2V8h-1.5v6.5a1 1 0 0 1-1 1h-8l-4 2.5v-2.5h-3a1 1 0 0 1-1-1v-9a1 1 0 0 1 11h15a1 1 0 0 1 1 1V8H22V5.503C22 4.215 20.81 3 19.5 3Z' fill='var(--brandslide)'/%3E%3Cpath d='M6 7.5h12V9H6V7.5ZM6 11h12v1.5H6V11Z' fill='var(--brandslide)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-done-comment-white { background-color: var(--fillwhite); height: 24px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath
d='M9 16.172 19.594 5.578 21 6.984l-12 12-5.578-5.578L4.828 12 9 16.172Z'
fill='var(--fill-white)'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkitmask-size: contain; width: 24px; }
.device-android i.icon.icon-add-table { -webkit-mask-image:

343.

url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.6h7.2v3.2H4V5.6ZM12.8
5.6H20v3.2h-7.2V5.6ZM4 10.4h7.2v3.2H4v-3.2ZM12.8 10.4H20v3.2h-7.2v-3.2ZM4
15.2h7.2v3.2H4v-3.2ZM12.8 15.2H20v3.2h-7.2v-3.2Z' fill='var(--brand-slide)'/%3E
%3C/svg%3E"); }
.device-android i.icon.icon-add-table, .device-android i.icon.icon-link
{ background-color: var(--brand-slide); height: 24px; -webkit-mask-repeat:
round; -webkit-mask-size: contain; width: 24px; }
.device-android i.icon.icon-link { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.023 7c1.378 0 2.551.498
3.522 1.495C21.515 9.461 22 10.63 22 12c0 1.37-.485 2.555-1.455 3.552-.97.9652.144 1.448-3.522 1.448H13v-2h4c.845 0 1.588-.212 2.183-.804.626-.623.8171.355.817-2.196 0-.841-.19-1.558-.817-2.15-.595-.623-1.314-.852.16-.85H13V7h4.023ZM8.01 12.981V11.02h7.982v1.962H8.009Zm-3.24-3.13C4.176
10.441 4 11.158 4 12s.175 1.573.77 2.196C5.396 14.788 6.155 15 7
15h4.014v2H6.977c-1.378 0-2.551-.483-3.522-1.448C2.485 14.555 2 13.37 2 12c01.37.485-2.539 1.455-3.505C4.425 7.498 5.6 7 6.977 7h4.037v2H6.977c-.846 01.581.227-2.207.85Z' fill='var(--brand-slide)'/%3E%3C/svg%3E"); }
.device-android i.icon.icon-plus { background-color: var(--fill-white); height:
22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(--fillwhite)'%3E%3Cpath d='M21 12h-9v9h-2v-9H1v-2h9V1h2v9h9v2z'/%3E%3C/svg%3E"); webkit-mask-repeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android .navbar i.icon.icon-logo { height: 14px; width: 100px; }
.device-android .navbar i.icon.icon-undo { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M20 17v-2c0-1.71.3-3-3-3H3.7l3.4 3.4-1.4 1.4-5.2-5.2L0 11l.5-.6 5.2-5.2 1.4 1.4L3.7 10H17c2.8 0
5 2.2 5 5v2h-2z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-redo, .device-android .navbar i.icon.iconundo { background-color: var(--toolbar-icons); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android .navbar i.icon.icon-redo { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M0 17v-2c0-2.8 2.25 5-5h13.3l-3.4-3.4 1.4-1.4 5.2 5.2.5.6-.5.6-5.2 5.2-1.4-1.4 3.4-3.4H5c-1.7 0-3
1.3-3 3v2H0z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-burger { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='-8 1 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M-6 6v2h18V6H-6zm0
7h18v-2H-6v2zm0 5h18v-2H-6v2z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-burger, .device-android .navbar i.icon.iconplus { background-color: var(--toolbar-icons); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android .navbar i.icon.icon-plus { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M21 12h-9v9h-2v9H1v-2h9V1h2v9h9v2z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-play { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M4.046
2.988A.286.286 0 0 1 4.07 3c.59.336 12.711 7.293 13.897 8.027-.583.342-13.013

344.

7.488-13.934 7.983l.013-16.022M3.99 2C3.443 2 3 2.453 3
3.015V19.01c0 .613.479.99.993.99.173 0 .35-.043.514-.133.89-.491 13.188-7.559
13.94-8a.99.99 0 0 0 0-1.732C17.404 9.533 5.153 2.502 4.54 2.154A1.11 1.11 0 0 0
3.99 2z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-play, .device-android .navbar i.icon.iconsettings { background-color: var(--toolbar-icons); height: 22px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 22px; }
.device-android .navbar i.icon.icon-settings { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M12.1 2H9.9c-.3
0-.5.2-.6.5l-.5 2.4c0 .2-.2.3-.3.3s-.1 0-.2-.1L6.2 3.8c-.1-.1-.2-.1-.4-.1-.1
0-.3 0-.4.1L3.8 5.4c-.1.2-.2.5 0 .8l1.3 2.1c.1.2.1.4-.2.5l2.4.5c-.3.1-.5.3-.5.6v2.2c0 .3.2.5.5.6l2.4.5c.3.1.4.3.2.5l-1.3
2.1c-.2.2-.1.6.1.8l1.6 1.6c.1.1.3.2.4.2s.2 0 .3-.1L8.3
17c.1-.1.1-.1.2-.1s.3.1.3.3l.5 2.3c.1.3.3.5.6.5h2.2c.3 0 .5-.2.6-.5l.52.4c0-.2.1-.3.3-.3.1 0 .1 0 .2.1l2.1 1.3c.1.1.2.1.3.1.2 0 .3-.1.4-.2l1.61.6c.2-.2.2-.5.1-.8l-1.32.1c-.2-.2-.1-.5.2-.5l2.4-.5c.3-.1.5-.3.5-.6V9.8c0-.3-.2-.5-.5-.6l2.4-.5c-.3-.1-.4-.3-.2-.5l1.3-2.1c.2-.2.1-.6-.1-.8l-1.61.6c-.1-.1-.3-.2-.4-.2s-.2 0-.3.1l-2.1 1.3c-.1.1-.1.1-.2.1s-.3-.1-.3-.3l-.52.2c-.1-.3-.3-.5-.6-.5zM11 14.5c-1.9 0-3.5-1.6-3.5-3.5S9.1 7.5 11 7.5s3.5 1.6
3.5 3.5-1.6 3.5-3.5 3.5z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-prev { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M5.1 10.9 13.9 2 16
4.1l-6.8 7 6.8 6.8-2.1 2.1-8.8-8.8-.1-.1z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-next, .device-android .navbar i.icon.iconprev { background-color: var(--toolbar-icons); height: 20px; -webkit-maskrepeat: round; -webkit-mask-size: contain; width: 20px; }
.device-android .navbar i.icon.icon-next { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='var(--toolbar-icons)'%3E%3Cpath d='M16.9 10.9 8.1 2 6
4.1l6.8 7L6 17.9 8.1 20l8.8-8.8.1-.1z'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-expand-down { background-color: var(--fillwhite); height: 22px; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' fill='var(-fill-white)'%3E%3Cpath d='M10.9 16.9 2 8.1 4.1 6l7 6.8L17.9 6 20 8.1l-8.8
8.8-.1.1z'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size:
contain; width: 22px; }
.device-android .navbar i.icon.icon-add-slide { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M2 4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H4a2 2 0 0
1-2-2V4Zm9 7V7h2v4h4v2h-4v4h-2v-4H7v-2h4Z'
fill='var(--toolbar-icons)'/%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-add-shape, .device-android .navbar
i.icon.icon-add-slide { background-color: var(--toolbar-icons); height: 24px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android .navbar i.icon.icon-add-shape { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='15' r='7'
fill='var(--toolbar-icons)'/%3E%3Cpath
fill-rule='evenodd' clip-rule='evenodd' d='M3 3a1 1 0 0 0-1 1v13a1 1 0 0 0 1
1h5.582A8 8 0 0 1 18 7.252V4a1 1 0 0 0-1-1H3Z' fill='var(--toolbar-icons)'/%3E
%3C/svg%3E"); }

345.

.device-android .navbar i.icon.icon-add-image { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fillrule='evenodd' clip-rule='evenodd' d='m4.24 18 3.854-4.5 2.812 3L14.76 12l5
6H4.24Zm17.083 2.39c.451-.406.677-.874.677-1.406V5.016c0-.532-.226-1-.6771.407A2.266 2.266 0 0 0 19.76 3H4.24c-.59 0-1.112.203-1.563.61C2.226 4.015 2
4.483 2 5.015v13.968c0 .532.226 1 .677 1.407.451.406.972.609 1.563.609h15.52c.59
0 1.111-.203 1.563-.61ZM8 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='var(--toolbaricons)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h24v24H0V0Z'
fill='transparent'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
.device-android .navbar i.icon.icon-add-image, .device-android .navbar
i.icon.icon-add-other { background-color: var(--toolbar-icons); height: 24px; webkit-mask-repeat: round; -webkit-mask-size: contain; width: 24px; }
.device-android .navbar i.icon.icon-add-other { -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' cliprule='evenodd' d='M7 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm8 0a3 3 0 1 1-6 0 3 3 0 0 1
6 0Zm5 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='var(--toolbar-icons)'/%3E%3C/svg
%3E"); }
.device-android .navbar i.icon.icon-close-comment { background-color: var(-toolbar-icons); height: 24px; -webkit-mask-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24'
xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.984 6.422 13.406 12l5.578
5.578-1.406 1.406L12 13.406l-5.578 5.578-1.406-1.406L10.594 12 5.016
6.422l1.406-1.406L12 10.594l5.578-5.578 1.406 1.406Z' fill='var(--toolbaricons)'/%3E%3C/svg%3E"); -webkit-mask-repeat: round; -webkit-mask-size: contain;
width: 24px; }
i.icon.icon-format-pptx { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1a3 3 0 0 03 3v16a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4Zm0 5h16v12H4V6Zm1
1h14v10H5V7Z' fill='%23AA5252'/%3E%3C/svg%3E"); height: 22px; width: 22px; }
i.icon.icon-format-potx { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 12a6 6 0 1
0 0 12 6 6 0 0 0 0-12Zm.746 10v-5.27h2.506v-1.234h-6.504v1.235h2.479V22h1.519Z'
fill='%23A8A8A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4a3 3
0 0 1 3-3h16a3 3 0 0 1 3 3v9.101a6.997 6.997 0 0 0-3-1.811V6H4v12h7c0 1.959.805
3.73 2.101 5H4a3 3 0 0 1-3-3V4Zm18 7.07A7.001 7.001 0 0 0 11.07 17H5V7h14v4.07Z'
fill='%23AA5252'/%3E%3C/svg%3E"); height: 22px; width: 22px; }
i.icon.icon-format-odp { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 4a3 3 0 0 1
3-3h16a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V4Zm18.952
3.749c-.026-.02-.053-.037-.08-.054l-.02-.013a4.236 4.236 0 0 0-1.763-.651c1.114-.14-2.179.2-3.078.89a4.32 4.32 0 0 0-2.066-.86c-1.035-.13-2.028.1552.885.751l-.01.008-.015.01a.135.135 0 0
0-.035.093c0 .066.04.12.09.12l.013-.003.007-.002a3.93 3.93 0 0 1
1.431-.084c1.376.173 2.575.737 3.416 2.002.044.06.083.057.128-.003 1.058-1.627
2.68-2.27 4.4242.051.097.012.193.028.289.047l.029.006c.029.006.062.013.084.016.058.009.089-.053
.089-.119 0-.044-.015-.082-.048-.103Zm-1.026
5.026.01.006c.038.024.064.075.064.136 0 .083-.051.151-.114.151l-.164-.016a5.975
5.975 0 0 0-.547-.026c-2.574 0-4.885 1.254-6.288
3.796l-.04.074-.026.048c-.021.035-.053.056-.088.056a.097.097 0 0
1-.075-.037l-.002-.004-.007-.008c-1.38-1.722-3.215-2.367-5.272-2.367a5.987 5.987
0 0 0-2.24.44.086.086 0 0 1-.023.003c-.063 0-.114-.068-.114-.151a.17.17 0 0

346.

1 .044-.12l.004-.003a.155.155 0 0 1 .009-.008C5.287 13.644 6.767 13 8.363
13c1.122 0 2.188.319 3.15.89C12.773 12.701 14.315 12 15.98 12c1.042 0 2.035.276
2.943.773l.003.002Z' fill='%23DD9426'/%3E%3C/svg%3E"); height: 22px; width:
22px; }
i.icon.icon-format-otp { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'
fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 12a6 6 0 1
0 0 12 6 6 0 0 0 0-12Zm.746 10v-5.27h2.506v-1.234h-6.504v1.235h2.479V22h1.519Z'
fill='%23A8A8A8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1a3 3
0 0 0-3 3v16a3 3 0 0 0 3 3h9.101A6.979 6.979 0 0 1 11 18c0-.542.062-1.07.1781.577-1.315-1.328-2.97-1.839-4.801-1.839a5.987 5.987 0 0 0-2.24.44.086.086 0 0
1-.023.003c-.063 0-.114-.068-.114-.151a.17.17 0 0 1 .044-.12l.004-.003a.155.155
0 0 1 .009-.008C5.287 13.644 6.767 13 8.363 13c1.122 0 2.188.319 3.15.89a7.139
7.139 0 0 1 2.244-1.459A6.97 6.97 0 0 1 18 11c1.959 0 3.73.805 5 2.101V4a3 3 0 0
0-3-3H4Zm15.952 6.749c-.026-.02-.053-.037-.08-.054l-.02-.013a4.236 4.236 0 0 01.763-.651c-1.114-.14-2.179.2-3.078.89a4.32 4.32 0 0 0-2.066-.86c-1.035-.132.028.155-2.885.751l-.01.008-.015.01a.135.135 0 0
0-.035.093c0 .066.04.12.09.12l.013-.003.007-.002a3.93 3.93 0 0 1
1.431-.084c1.376.173 2.575.737 3.416 2.002.044.06.083.057.128-.003 1.058-1.627
2.68-2.27 4.4242.051.097.012.193.028.289.047l.029.006c.029.006.062.013.084.016.058.009.089-.053
.089-.119 0-.044-.015-.082-.048-.103Z' fill='%23DD9426'/%3E%3C/svg%3E"); height:
22px; width: 22px; }
:root { --f7-popover-width: 360px; }
.doc-placeholder { background: rgb(245, 245, 245); height: 100%; left: 0px;
overflow: hidden; padding-top: calc(var(--f7-page-navbar-offset, 0px) + var(-f7-page-subnavbar-offset, 0px)); position: absolute; top: 0px; width: 100%; zindex: 6000; }
.doc-placeholder .slide-h { display: flex; flex-direction: column; flex-grow: 1;
height: 100%; margin: 0px auto; padding-top: 30%; width: 90%; }
.doc-placeholder .slide-v { display: flex; flex-direction: column; paddingbottom: 56.1333%; position: relative; }
.doc-placeholder .slide-container { animation: 2s ease-in-out 0s infinite normal
none running flickerAnimation; background: rgb(251, 251, 251); border: 1px solid
rgb(223, 223, 223); height: 100%; position: absolute; width: 100%; }
.doc-placeholder .slide-container > .line { background: rgb(245, 245, 245);
border-radius: 6px; height: 20%; margin: 0px 120px; }
.doc-placeholder .slide-container > .line:first-child { height: 30%; margin: 10%
80px 0px; }
.doc-placeholder .slide-container > .line.empty { background: transparent; }
.item-content .preview { color: rgb(196, 196, 196); }
.phone .swiper-container, .tablet .swiper-container { position: static; }
.swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.table-styles .row div:not(:first-child) { margin: 2px auto 0px; }
.table-styles .row div, .table-styles .skeleton-list li { padding: 0px; }
.table-styles .row .skeleton-list { display: block; height: 50px; width: 70px; }
.slide-theme__list { margin: auto; }

347.

.slide-theme__list ul { display: flex; flex-wrap: wrap; justify-content: spacebetween; padding-bottom: 14px; padding-left: 18px; padding-right: 18px; width:
auto; }
.slide-theme .item-inner::after { display: none; }
.slide-theme .item-theme { background-image:
url("../resources/img/themes/themes.png"); background-repeat: no-repeat;
background-size: cover; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px;
display: block; height: 40px; margin: 14px 0px 0px; position: relative; width:
88px; }
.slide-theme .item-theme.active::before { background-image:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 22 22' fill='%23aa5252'%3E%3Ccircle fill='%23fff' cx='11' cy='11'
r='11'/%3E%3Cpath d='M11 21a10 10 0 1 1 10-10 10 10 0 0 1-10 10Zm6.4-13.68L17.06
7a.48.48 0 0 0-.67 0l-7 6.84-2.44-2.6a.51.51 0 0 0-.59.08l-.36.34a.58.58 0 0 0 0
.65l3.19 3.35a.38.38 0 0 0 .39 0L17.4 8a.48.48 0 0 0 0-.67Z'/%3E%3C/svg%3E");
bottom: -5px; content: ""; height: 22px; position: absolute; right: -5px; width:
22px; z-index: 1; }
.bullet-menu-image ul { padding: 0px; }
.bullet-menu-image ul li { display: inherit; }
------MultipartBoundary--5dNAB1aMFQlNe1xALdXJedzePWAoyz9Cv4rCBpQVMZ------

English Русский Правила