Похожие презентации:
Он-лайн проект. Команда 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: "YSText","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","HelveticaNeue",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"><divclass="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"><inputname="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-downvar(--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 nonerunning 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-hairlinesul::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, .listinput[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: 1pxsolid 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-checkboxinput[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-radioinput[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 2pxrgba(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.
YAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOB
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 4pxrgba(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 runningnotification-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: tex