diff --git a/Home.html b/Home.html new file mode 100644 index 0000000..3513600 --- /dev/null +++ b/Home.html @@ -0,0 +1,277 @@ + + + + + + + + + + + + + + + + + + Secure Folder + + + + + + + + + + + + + +
+
+
+ + + + +
+
+ + +
+ + +
+
+ + + +
+
+ Welcome to + +

Secure Folder

+ +

Your Own Locket

+
+
+ + + +
+ + + +
+

Add Document

+ +
+ + +
+ + + + + +
+ + +
+
+ + + + + +
+
+ + +
+ + + + + +
+ + +
+ + + + + + +
+ + +
+
+ + +
+
+
    +
+
+
+
+ + +
+
+ + +
+
+ + + +
+
+ + + +
+ + +
+ + + + + + + +
+ + +
+
+
+
+
+
+ Profile Picture + +
+ +
+
+ +
+

Username

+ + 1234567890 +
+
+ +
+
+
+
+
+ + + +
+
+
+
+ + + +
+
+ + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Offline.html b/Offline.html new file mode 100644 index 0000000..5452ce9 --- /dev/null +++ b/Offline.html @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + Secure Folder + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ +

You are Offline Now so You Cannot Edit Delete And Add + Any Document

+
+ + +
+ +
+
+
    +
+
+
+ + +
+
+ + +
+
+ + + +
+ + + + + + + \ No newline at end of file diff --git a/Register.html b/Register.html new file mode 100644 index 0000000..94a84de --- /dev/null +++ b/Register.html @@ -0,0 +1,60 @@ + + + + + + + + + + + Secure Folder + + + + + + + + + +
+
+
+ + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css new file mode 100644 index 0000000..6be6a24 --- /dev/null +++ b/css/font-awesome.min.css @@ -0,0 +1,5917 @@ +/*! + * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ + +.fa, +.fab, +.fad, +.fal, +.far, +.fas { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1 +} + +.fa-lg { + font-size: 1.33333em; + line-height: .75em; + vertical-align: -.0667em +} + +.fa-xs { + font-size: .75em +} + +.fa-sm { + font-size: .875em +} + +.fa-1x { + font-size: 1em +} + +.fa-2x { + font-size: 2em +} + +.fa-3x { + font-size: 3em +} + +.fa-4x { + font-size: 4em +} + +.fa-5x { + font-size: 5em +} + +.fa-6x { + font-size: 6em +} + +.fa-7x { + font-size: 7em +} + +.fa-8x { + font-size: 8em +} + +.fa-9x { + font-size: 9em +} + +.fa-10x { + font-size: 10em +} + +.fa-fw { + text-align: center; + width: 1.25em +} + +.fa-ul { + list-style-type: none; + margin-left: 2.5em; + padding-left: 0 +} + +.fa-ul>li { + position: relative +} + +.fa-li { + left: -2em; + position: absolute; + text-align: center; + width: 2em; + line-height: inherit +} + +.fa-border { + border: .08em solid #eee; + border-radius: .1em; + padding: .2em .25em .15em +} + +.fa-pull-left { + float: left +} + +.fa-pull-right { + float: right +} + +.fa.fa-pull-left, +.fab.fa-pull-left, +.fal.fa-pull-left, +.far.fa-pull-left, +.fas.fa-pull-left { + margin-right: .3em +} + +.fa.fa-pull-right, +.fab.fa-pull-right, +.fal.fa-pull-right, +.far.fa-pull-right, +.fas.fa-pull-right { + margin-left: .3em +} + +.fa-spin { + -webkit-animation: fa-spin 2s linear infinite; + animation: fa-spin 2s linear infinite +} + +.fa-pulse { + -webkit-animation: fa-spin 1s steps(8) infinite; + animation: fa-spin 1s steps(8) infinite +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + transform: rotate(90deg) +} + +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + transform: rotate(270deg) +} + +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scaleX(-1); + transform: scaleX(-1) +} + +.fa-flip-vertical { + -webkit-transform: scaleY(-1); + transform: scaleY(-1) +} + +.fa-flip-both, +.fa-flip-horizontal.fa-flip-vertical, +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" +} + +.fa-flip-both, +.fa-flip-horizontal.fa-flip-vertical { + -webkit-transform: scale(-1); + transform: scale(-1) +} + +:root .fa-flip-both, +:root .fa-flip-horizontal, +:root .fa-flip-vertical, +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270 { + -webkit-filter: none; + filter: none +} + +.fa-stack { + display: inline-block; + height: 2em; + line-height: 2em; + position: relative; + vertical-align: middle; + width: 2.5em +} + +.fa-stack-1x, +.fa-stack-2x { + left: 0; + position: absolute; + text-align: center; + width: 100% +} + +.fa-stack-1x { + line-height: inherit +} + +.fa-stack-2x { + font-size: 2em +} + +.fa-inverse { + color: #fff +} + +.fa-500px:before { + content: "\f26e" +} + +.fa-accessible-icon:before { + content: "\f368" +} + +.fa-accusoft:before { + content: "\f369" +} + +.fa-acquisitions-incorporated:before { + content: "\f6af" +} + +.fa-ad:before { + content: "\f641" +} + +.fa-address-book:before { + content: "\f2b9" +} + +.fa-address-card:before { + content: "\f2bb" +} + +.fa-adjust:before { + content: "\f042" +} + +.fa-adn:before { + content: "\f170" +} + +.fa-adobe:before { + content: "\f778" +} + +.fa-adversal:before { + content: "\f36a" +} + +.fa-affiliatetheme:before { + content: "\f36b" +} + +.fa-air-freshener:before { + content: "\f5d0" +} + +.fa-airbnb:before { + content: "\f834" +} + +.fa-algolia:before { + content: "\f36c" +} + +.fa-align-center:before { + content: "\f037" +} + +.fa-align-justify:before { + content: "\f039" +} + +.fa-align-left:before { + content: "\f036" +} + +.fa-align-right:before { + content: "\f038" +} + +.fa-alipay:before { + content: "\f642" +} + +.fa-allergies:before { + content: "\f461" +} + +.fa-amazon:before { + content: "\f270" +} + +.fa-amazon-pay:before { + content: "\f42c" +} + +.fa-ambulance:before { + content: "\f0f9" +} + +.fa-american-sign-language-interpreting:before { + content: "\f2a3" +} + +.fa-amilia:before { + content: "\f36d" +} + +.fa-anchor:before { + content: "\f13d" +} + +.fa-android:before { + content: "\f17b" +} + +.fa-angellist:before { + content: "\f209" +} + +.fa-angle-double-down:before { + content: "\f103" +} + +.fa-angle-double-left:before { + content: "\f100" +} + +.fa-angle-double-right:before { + content: "\f101" +} + +.fa-angle-double-up:before { + content: "\f102" +} + +.fa-angle-down:before { + content: "\f107" +} + +.fa-angle-left:before { + content: "\f104" +} + +.fa-angle-right:before { + content: "\f105" +} + +.fa-angle-up:before { + content: "\f106" +} + +.fa-angry:before { + content: "\f556" +} + +.fa-angrycreative:before { + content: "\f36e" +} + +.fa-angular:before { + content: "\f420" +} + +.fa-ankh:before { + content: "\f644" +} + +.fa-app-store:before { + content: "\f36f" +} + +.fa-app-store-ios:before { + content: "\f370" +} + +.fa-apper:before { + content: "\f371" +} + +.fa-apple:before { + content: "\f179" +} + +.fa-apple-alt:before { + content: "\f5d1" +} + +.fa-apple-pay:before { + content: "\f415" +} + +.fa-archive:before { + content: "\f187" +} + +.fa-archway:before { + content: "\f557" +} + +.fa-arrow-alt-circle-down:before { + content: "\f358" +} + +.fa-arrow-alt-circle-left:before { + content: "\f359" +} + +.fa-arrow-alt-circle-right:before { + content: "\f35a" +} + +.fa-arrow-alt-circle-up:before { + content: "\f35b" +} + +.fa-arrow-circle-down:before { + content: "\f0ab" +} + +.fa-arrow-circle-left:before { + content: "\f0a8" +} + +.fa-arrow-circle-right:before { + content: "\f0a9" +} + +.fa-arrow-circle-up:before { + content: "\f0aa" +} + +.fa-arrow-down:before { + content: "\f063" +} + +.fa-arrow-left:before { + content: "\f060" +} + +.fa-arrow-right:before { + content: "\f061" +} + +.fa-arrow-up:before { + content: "\f062" +} + +.fa-arrows-alt:before { + content: "\f0b2" +} + +.fa-arrows-alt-h:before { + content: "\f337" +} + +.fa-arrows-alt-v:before { + content: "\f338" +} + +.fa-artstation:before { + content: "\f77a" +} + +.fa-assistive-listening-systems:before { + content: "\f2a2" +} + +.fa-asterisk:before { + content: "\f069" +} + +.fa-asymmetrik:before { + content: "\f372" +} + +.fa-at:before { + content: "\f1fa" +} + +.fa-atlas:before { + content: "\f558" +} + +.fa-atlassian:before { + content: "\f77b" +} + +.fa-atom:before { + content: "\f5d2" +} + +.fa-audible:before { + content: "\f373" +} + +.fa-audio-description:before { + content: "\f29e" +} + +.fa-autoprefixer:before { + content: "\f41c" +} + +.fa-avianex:before { + content: "\f374" +} + +.fa-aviato:before { + content: "\f421" +} + +.fa-award:before { + content: "\f559" +} + +.fa-aws:before { + content: "\f375" +} + +.fa-baby:before { + content: "\f77c" +} + +.fa-baby-carriage:before { + content: "\f77d" +} + +.fa-backspace:before { + content: "\f55a" +} + +.fa-backward:before { + content: "\f04a" +} + +.fa-bacon:before { + content: "\f7e5" +} + +.fa-bahai:before { + content: "\f666" +} + +.fa-balance-scale:before { + content: "\f24e" +} + +.fa-balance-scale-left:before { + content: "\f515" +} + +.fa-balance-scale-right:before { + content: "\f516" +} + +.fa-ban:before { + content: "\f05e" +} + +.fa-band-aid:before { + content: "\f462" +} + +.fa-bandcamp:before { + content: "\f2d5" +} + +.fa-barcode:before { + content: "\f02a" +} + +.fa-bars:before { + content: "\f0c9" +} + +.fa-baseball-ball:before { + content: "\f433" +} + +.fa-basketball-ball:before { + content: "\f434" +} + +.fa-bath:before { + content: "\f2cd" +} + +.fa-battery-empty:before { + content: "\f244" +} + +.fa-battery-full:before { + content: "\f240" +} + +.fa-battery-half:before { + content: "\f242" +} + +.fa-battery-quarter:before { + content: "\f243" +} + +.fa-battery-three-quarters:before { + content: "\f241" +} + +.fa-battle-net:before { + content: "\f835" +} + +.fa-bed:before { + content: "\f236" +} + +.fa-beer:before { + content: "\f0fc" +} + +.fa-behance:before { + content: "\f1b4" +} + +.fa-behance-square:before { + content: "\f1b5" +} + +.fa-bell:before { + content: "\f0f3" +} + +.fa-bell-slash:before { + content: "\f1f6" +} + +.fa-bezier-curve:before { + content: "\f55b" +} + +.fa-bible:before { + content: "\f647" +} + +.fa-bicycle:before { + content: "\f206" +} + +.fa-biking:before { + content: "\f84a" +} + +.fa-bimobject:before { + content: "\f378" +} + +.fa-binoculars:before { + content: "\f1e5" +} + +.fa-biohazard:before { + content: "\f780" +} + +.fa-birthday-cake:before { + content: "\f1fd" +} + +.fa-bitbucket:before { + content: "\f171" +} + +.fa-bitcoin:before { + content: "\f379" +} + +.fa-bity:before { + content: "\f37a" +} + +.fa-black-tie:before { + content: "\f27e" +} + +.fa-blackberry:before { + content: "\f37b" +} + +.fa-blender:before { + content: "\f517" +} + +.fa-blender-phone:before { + content: "\f6b6" +} + +.fa-blind:before { + content: "\f29d" +} + +.fa-blog:before { + content: "\f781" +} + +.fa-blogger:before { + content: "\f37c" +} + +.fa-blogger-b:before { + content: "\f37d" +} + +.fa-bluetooth:before { + content: "\f293" +} + +.fa-bluetooth-b:before { + content: "\f294" +} + +.fa-bold:before { + content: "\f032" +} + +.fa-bolt:before { + content: "\f0e7" +} + +.fa-bomb:before { + content: "\f1e2" +} + +.fa-bone:before { + content: "\f5d7" +} + +.fa-bong:before { + content: "\f55c" +} + +.fa-book:before { + content: "\f02d" +} + +.fa-book-dead:before { + content: "\f6b7" +} + +.fa-book-medical:before { + content: "\f7e6" +} + +.fa-book-open:before { + content: "\f518" +} + +.fa-book-reader:before { + content: "\f5da" +} + +.fa-bookmark:before { + content: "\f02e" +} + +.fa-bootstrap:before { + content: "\f836" +} + +.fa-border-all:before { + content: "\f84c" +} + +.fa-border-none:before { + content: "\f850" +} + +.fa-border-style:before { + content: "\f853" +} + +.fa-bowling-ball:before { + content: "\f436" +} + +.fa-box:before { + content: "\f466" +} + +.fa-box-open:before { + content: "\f49e" +} + +.fa-boxes:before { + content: "\f468" +} + +.fa-braille:before { + content: "\f2a1" +} + +.fa-brain:before { + content: "\f5dc" +} + +.fa-bread-slice:before { + content: "\f7ec" +} + +.fa-briefcase:before { + content: "\f0b1" +} + +.fa-briefcase-medical:before { + content: "\f469" +} + +.fa-broadcast-tower:before { + content: "\f519" +} + +.fa-broom:before { + content: "\f51a" +} + +.fa-brush:before { + content: "\f55d" +} + +.fa-btc:before { + content: "\f15a" +} + +.fa-buffer:before { + content: "\f837" +} + +.fa-bug:before { + content: "\f188" +} + +.fa-building:before { + content: "\f1ad" +} + +.fa-bullhorn:before { + content: "\f0a1" +} + +.fa-bullseye:before { + content: "\f140" +} + +.fa-burn:before { + content: "\f46a" +} + +.fa-buromobelexperte:before { + content: "\f37f" +} + +.fa-bus:before { + content: "\f207" +} + +.fa-bus-alt:before { + content: "\f55e" +} + +.fa-business-time:before { + content: "\f64a" +} + +.fa-buy-n-large:before { + content: "\f8a6" +} + +.fa-buysellads:before { + content: "\f20d" +} + +.fa-calculator:before { + content: "\f1ec" +} + +.fa-calendar:before { + content: "\f133" +} + +.fa-calendar-alt:before { + content: "\f073" +} + +.fa-calendar-check:before { + content: "\f274" +} + +.fa-calendar-day:before { + content: "\f783" +} + +.fa-calendar-minus:before { + content: "\f272" +} + +.fa-calendar-plus:before { + content: "\f271" +} + +.fa-calendar-times:before { + content: "\f273" +} + +.fa-calendar-week:before { + content: "\f784" +} + +.fa-camera:before { + content: "\f030" +} + +.fa-camera-retro:before { + content: "\f083" +} + +.fa-campground:before { + content: "\f6bb" +} + +.fa-canadian-maple-leaf:before { + content: "\f785" +} + +.fa-candy-cane:before { + content: "\f786" +} + +.fa-cannabis:before { + content: "\f55f" +} + +.fa-capsules:before { + content: "\f46b" +} + +.fa-car:before { + content: "\f1b9" +} + +.fa-car-alt:before { + content: "\f5de" +} + +.fa-car-battery:before { + content: "\f5df" +} + +.fa-car-crash:before { + content: "\f5e1" +} + +.fa-car-side:before { + content: "\f5e4" +} + +.fa-caravan:before { + content: "\f8ff" +} + +.fa-caret-down:before { + content: "\f0d7" +} + +.fa-caret-left:before { + content: "\f0d9" +} + +.fa-caret-right:before { + content: "\f0da" +} + +.fa-caret-square-down:before { + content: "\f150" +} + +.fa-caret-square-left:before { + content: "\f191" +} + +.fa-caret-square-right:before { + content: "\f152" +} + +.fa-caret-square-up:before { + content: "\f151" +} + +.fa-caret-up:before { + content: "\f0d8" +} + +.fa-carrot:before { + content: "\f787" +} + +.fa-cart-arrow-down:before { + content: "\f218" +} + +.fa-cart-plus:before { + content: "\f217" +} + +.fa-cash-register:before { + content: "\f788" +} + +.fa-cat:before { + content: "\f6be" +} + +.fa-cc-amazon-pay:before { + content: "\f42d" +} + +.fa-cc-amex:before { + content: "\f1f3" +} + +.fa-cc-apple-pay:before { + content: "\f416" +} + +.fa-cc-diners-club:before { + content: "\f24c" +} + +.fa-cc-discover:before { + content: "\f1f2" +} + +.fa-cc-jcb:before { + content: "\f24b" +} + +.fa-cc-mastercard:before { + content: "\f1f1" +} + +.fa-cc-paypal:before { + content: "\f1f4" +} + +.fa-cc-stripe:before { + content: "\f1f5" +} + +.fa-cc-visa:before { + content: "\f1f0" +} + +.fa-centercode:before { + content: "\f380" +} + +.fa-centos:before { + content: "\f789" +} + +.fa-certificate:before { + content: "\f0a3" +} + +.fa-chair:before { + content: "\f6c0" +} + +.fa-chalkboard:before { + content: "\f51b" +} + +.fa-chalkboard-teacher:before { + content: "\f51c" +} + +.fa-charging-station:before { + content: "\f5e7" +} + +.fa-chart-area:before { + content: "\f1fe" +} + +.fa-chart-bar:before { + content: "\f080" +} + +.fa-chart-line:before { + content: "\f201" +} + +.fa-chart-pie:before { + content: "\f200" +} + +.fa-check:before { + content: "\f00c" +} + +.fa-check-circle:before { + content: "\f058" +} + +.fa-check-double:before { + content: "\f560" +} + +.fa-check-square:before { + content: "\f14a" +} + +.fa-cheese:before { + content: "\f7ef" +} + +.fa-chess:before { + content: "\f439" +} + +.fa-chess-bishop:before { + content: "\f43a" +} + +.fa-chess-board:before { + content: "\f43c" +} + +.fa-chess-king:before { + content: "\f43f" +} + +.fa-chess-knight:before { + content: "\f441" +} + +.fa-chess-pawn:before { + content: "\f443" +} + +.fa-chess-queen:before { + content: "\f445" +} + +.fa-chess-rook:before { + content: "\f447" +} + +.fa-chevron-circle-down:before { + content: "\f13a" +} + +.fa-chevron-circle-left:before { + content: "\f137" +} + +.fa-chevron-circle-right:before { + content: "\f138" +} + +.fa-chevron-circle-up:before { + content: "\f139" +} + +.fa-chevron-down:before { + content: "\f078" +} + +.fa-chevron-left:before { + content: "\f053" +} + +.fa-chevron-right:before { + content: "\f054" +} + +.fa-chevron-up:before { + content: "\f077" +} + +.fa-child:before { + content: "\f1ae" +} + +.fa-chrome:before { + content: "\f268" +} + +.fa-chromecast:before { + content: "\f838" +} + +.fa-church:before { + content: "\f51d" +} + +.fa-circle:before { + content: "\f111" +} + +.fa-circle-notch:before { + content: "\f1ce" +} + +.fa-city:before { + content: "\f64f" +} + +.fa-clinic-medical:before { + content: "\f7f2" +} + +.fa-clipboard:before { + content: "\f328" +} + +.fa-clipboard-check:before { + content: "\f46c" +} + +.fa-clipboard-list:before { + content: "\f46d" +} + +.fa-clock:before { + content: "\f017" +} + +.fa-clone:before { + content: "\f24d" +} + +.fa-closed-captioning:before { + content: "\f20a" +} + +.fa-cloud:before { + content: "\f0c2" +} + +.fa-cloud-download-alt:before { + content: "\f381" +} + +.fa-cloud-meatball:before { + content: "\f73b" +} + +.fa-cloud-moon:before { + content: "\f6c3" +} + +.fa-cloud-moon-rain:before { + content: "\f73c" +} + +.fa-cloud-rain:before { + content: "\f73d" +} + +.fa-cloud-showers-heavy:before { + content: "\f740" +} + +.fa-cloud-sun:before { + content: "\f6c4" +} + +.fa-cloud-sun-rain:before { + content: "\f743" +} + +.fa-cloud-upload-alt:before { + content: "\f382" +} + +.fa-cloudscale:before { + content: "\f383" +} + +.fa-cloudsmith:before { + content: "\f384" +} + +.fa-cloudversify:before { + content: "\f385" +} + +.fa-cocktail:before { + content: "\f561" +} + +.fa-code:before { + content: "\f121" +} + +.fa-code-branch:before { + content: "\f126" +} + +.fa-codepen:before { + content: "\f1cb" +} + +.fa-codiepie:before { + content: "\f284" +} + +.fa-coffee:before { + content: "\f0f4" +} + +.fa-cog:before { + content: "\f013" +} + +.fa-cogs:before { + content: "\f085" +} + +.fa-coins:before { + content: "\f51e" +} + +.fa-columns:before { + content: "\f0db" +} + +.fa-comment:before { + content: "\f075" +} + +.fa-comment-alt:before { + content: "\f27a" +} + +.fa-comment-dollar:before { + content: "\f651" +} + +.fa-comment-dots:before { + content: "\f4ad" +} + +.fa-comment-medical:before { + content: "\f7f5" +} + +.fa-comment-slash:before { + content: "\f4b3" +} + +.fa-comments:before { + content: "\f086" +} + +.fa-comments-dollar:before { + content: "\f653" +} + +.fa-compact-disc:before { + content: "\f51f" +} + +.fa-compass:before { + content: "\f14e" +} + +.fa-compress:before { + content: "\f066" +} + +.fa-compress-alt:before { + content: "\f422" +} + +.fa-compress-arrows-alt:before { + content: "\f78c" +} + +.fa-concierge-bell:before { + content: "\f562" +} + +.fa-confluence:before { + content: "\f78d" +} + +.fa-connectdevelop:before { + content: "\f20e" +} + +.fa-contao:before { + content: "\f26d" +} + +.fa-cookie:before { + content: "\f563" +} + +.fa-cookie-bite:before { + content: "\f564" +} + +.fa-copy:before { + content: "\f0c5" +} + +.fa-copyright:before { + content: "\f1f9" +} + +.fa-cotton-bureau:before { + content: "\f89e" +} + +.fa-couch:before { + content: "\f4b8" +} + +.fa-cpanel:before { + content: "\f388" +} + +.fa-creative-commons:before { + content: "\f25e" +} + +.fa-creative-commons-by:before { + content: "\f4e7" +} + +.fa-creative-commons-nc:before { + content: "\f4e8" +} + +.fa-creative-commons-nc-eu:before { + content: "\f4e9" +} + +.fa-creative-commons-nc-jp:before { + content: "\f4ea" +} + +.fa-creative-commons-nd:before { + content: "\f4eb" +} + +.fa-creative-commons-pd:before { + content: "\f4ec" +} + +.fa-creative-commons-pd-alt:before { + content: "\f4ed" +} + +.fa-creative-commons-remix:before { + content: "\f4ee" +} + +.fa-creative-commons-sa:before { + content: "\f4ef" +} + +.fa-creative-commons-sampling:before { + content: "\f4f0" +} + +.fa-creative-commons-sampling-plus:before { + content: "\f4f1" +} + +.fa-creative-commons-share:before { + content: "\f4f2" +} + +.fa-creative-commons-zero:before { + content: "\f4f3" +} + +.fa-credit-card:before { + content: "\f09d" +} + +.fa-critical-role:before { + content: "\f6c9" +} + +.fa-crop:before { + content: "\f125" +} + +.fa-crop-alt:before { + content: "\f565" +} + +.fa-cross:before { + content: "\f654" +} + +.fa-crosshairs:before { + content: "\f05b" +} + +.fa-crow:before { + content: "\f520" +} + +.fa-crown:before { + content: "\f521" +} + +.fa-crutch:before { + content: "\f7f7" +} + +.fa-css3:before { + content: "\f13c" +} + +.fa-css3-alt:before { + content: "\f38b" +} + +.fa-cube:before { + content: "\f1b2" +} + +.fa-cubes:before { + content: "\f1b3" +} + +.fa-cut:before { + content: "\f0c4" +} + +.fa-cuttlefish:before { + content: "\f38c" +} + +.fa-d-and-d:before { + content: "\f38d" +} + +.fa-d-and-d-beyond:before { + content: "\f6ca" +} + +.fa-dashcube:before { + content: "\f210" +} + +.fa-database:before { + content: "\f1c0" +} + +.fa-deaf:before { + content: "\f2a4" +} + +.fa-delicious:before { + content: "\f1a5" +} + +.fa-democrat:before { + content: "\f747" +} + +.fa-deploydog:before { + content: "\f38e" +} + +.fa-deskpro:before { + content: "\f38f" +} + +.fa-desktop:before { + content: "\f108" +} + +.fa-dev:before { + content: "\f6cc" +} + +.fa-deviantart:before { + content: "\f1bd" +} + +.fa-dharmachakra:before { + content: "\f655" +} + +.fa-dhl:before { + content: "\f790" +} + +.fa-diagnoses:before { + content: "\f470" +} + +.fa-diaspora:before { + content: "\f791" +} + +.fa-dice:before { + content: "\f522" +} + +.fa-dice-d20:before { + content: "\f6cf" +} + +.fa-dice-d6:before { + content: "\f6d1" +} + +.fa-dice-five:before { + content: "\f523" +} + +.fa-dice-four:before { + content: "\f524" +} + +.fa-dice-one:before { + content: "\f525" +} + +.fa-dice-six:before { + content: "\f526" +} + +.fa-dice-three:before { + content: "\f527" +} + +.fa-dice-two:before { + content: "\f528" +} + +.fa-digg:before { + content: "\f1a6" +} + +.fa-digital-ocean:before { + content: "\f391" +} + +.fa-digital-tachograph:before { + content: "\f566" +} + +.fa-directions:before { + content: "\f5eb" +} + +.fa-discord:before { + content: "\f392" +} + +.fa-discourse:before { + content: "\f393" +} + +.fa-divide:before { + content: "\f529" +} + +.fa-dizzy:before { + content: "\f567" +} + +.fa-dna:before { + content: "\f471" +} + +.fa-dochub:before { + content: "\f394" +} + +.fa-docker:before { + content: "\f395" +} + +.fa-dog:before { + content: "\f6d3" +} + +.fa-dollar-sign:before { + content: "\f155" +} + +.fa-dolly:before { + content: "\f472" +} + +.fa-dolly-flatbed:before { + content: "\f474" +} + +.fa-donate:before { + content: "\f4b9" +} + +.fa-door-closed:before { + content: "\f52a" +} + +.fa-door-open:before { + content: "\f52b" +} + +.fa-dot-circle:before { + content: "\f192" +} + +.fa-dove:before { + content: "\f4ba" +} + +.fa-download:before { + content: "\f019" +} + +.fa-draft2digital:before { + content: "\f396" +} + +.fa-drafting-compass:before { + content: "\f568" +} + +.fa-dragon:before { + content: "\f6d5" +} + +.fa-draw-polygon:before { + content: "\f5ee" +} + +.fa-dribbble:before { + content: "\f17d" +} + +.fa-dribbble-square:before { + content: "\f397" +} + +.fa-dropbox:before { + content: "\f16b" +} + +.fa-drum:before { + content: "\f569" +} + +.fa-drum-steelpan:before { + content: "\f56a" +} + +.fa-drumstick-bite:before { + content: "\f6d7" +} + +.fa-drupal:before { + content: "\f1a9" +} + +.fa-dumbbell:before { + content: "\f44b" +} + +.fa-dumpster:before { + content: "\f793" +} + +.fa-dumpster-fire:before { + content: "\f794" +} + +.fa-dungeon:before { + content: "\f6d9" +} + +.fa-dyalog:before { + content: "\f399" +} + +.fa-earlybirds:before { + content: "\f39a" +} + +.fa-ebay:before { + content: "\f4f4" +} + +.fa-edge:before { + content: "\f282" +} + +.fa-edit:before { + content: "\f044" +} + +.fa-egg:before { + content: "\f7fb" +} + +.fa-eject:before { + content: "\f052" +} + +.fa-elementor:before { + content: "\f430" +} + +.fa-ellipsis-h:before { + content: "\f141" +} + +.fa-ellipsis-v:before { + content: "\f142" +} + +.fa-ello:before { + content: "\f5f1" +} + +.fa-ember:before { + content: "\f423" +} + +.fa-empire:before { + content: "\f1d1" +} + +.fa-envelope:before { + content: "\f0e0" +} + +.fa-envelope-open:before { + content: "\f2b6" +} + +.fa-envelope-open-text:before { + content: "\f658" +} + +.fa-envelope-square:before { + content: "\f199" +} + +.fa-envira:before { + content: "\f299" +} + +.fa-equals:before { + content: "\f52c" +} + +.fa-eraser:before { + content: "\f12d" +} + +.fa-erlang:before { + content: "\f39d" +} + +.fa-ethereum:before { + content: "\f42e" +} + +.fa-ethernet:before { + content: "\f796" +} + +.fa-etsy:before { + content: "\f2d7" +} + +.fa-euro-sign:before { + content: "\f153" +} + +.fa-evernote:before { + content: "\f839" +} + +.fa-exchange-alt:before { + content: "\f362" +} + +.fa-exclamation:before { + content: "\f12a" +} + +.fa-exclamation-circle:before { + content: "\f06a" +} + +.fa-exclamation-triangle:before { + content: "\f071" +} + +.fa-expand:before { + content: "\f065" +} + +.fa-expand-alt:before { + content: "\f424" +} + +.fa-expand-arrows-alt:before { + content: "\f31e" +} + +.fa-expeditedssl:before { + content: "\f23e" +} + +.fa-external-link-alt:before { + content: "\f35d" +} + +.fa-external-link-square-alt:before { + content: "\f360" +} + +.fa-eye:before { + content: "\f06e" +} + +.fa-eye-dropper:before { + content: "\f1fb" +} + +.fa-eye-slash:before { + content: "\f070" +} + +.fa-facebook:before { + content: "\f09a" +} + +.fa-facebook-f:before { + content: "\f39e" +} + +.fa-facebook-messenger:before { + content: "\f39f" +} + +.fa-facebook-square:before { + content: "\f082" +} + +.fa-fan:before { + content: "\f863" +} + +.fa-fantasy-flight-games:before { + content: "\f6dc" +} + +.fa-fast-backward:before { + content: "\f049" +} + +.fa-fast-forward:before { + content: "\f050" +} + +.fa-fax:before { + content: "\f1ac" +} + +.fa-feather:before { + content: "\f52d" +} + +.fa-feather-alt:before { + content: "\f56b" +} + +.fa-fedex:before { + content: "\f797" +} + +.fa-fedora:before { + content: "\f798" +} + +.fa-female:before { + content: "\f182" +} + +.fa-fighter-jet:before { + content: "\f0fb" +} + +.fa-figma:before { + content: "\f799" +} + +.fa-file:before { + content: "\f15b" +} + +.fa-file-alt:before { + content: "\f15c" +} + +.fa-file-archive:before { + content: "\f1c6" +} + +.fa-file-audio:before { + content: "\f1c7" +} + +.fa-file-code:before { + content: "\f1c9" +} + +.fa-file-contract:before { + content: "\f56c" +} + +.fa-file-csv:before { + content: "\f6dd" +} + +.fa-file-download:before { + content: "\f56d" +} + +.fa-file-excel:before { + content: "\f1c3" +} + +.fa-file-export:before { + content: "\f56e" +} + +.fa-file-image:before { + content: "\f1c5" +} + +.fa-file-import:before { + content: "\f56f" +} + +.fa-file-invoice:before { + content: "\f570" +} + +.fa-file-invoice-dollar:before { + content: "\f571" +} + +.fa-file-medical:before { + content: "\f477" +} + +.fa-file-medical-alt:before { + content: "\f478" +} + +.fa-file-pdf:before { + content: "\f1c1" +} + +.fa-file-powerpoint:before { + content: "\f1c4" +} + +.fa-file-prescription:before { + content: "\f572" +} + +.fa-file-signature:before { + content: "\f573" +} + +.fa-file-upload:before { + content: "\f574" +} + +.fa-file-video:before { + content: "\f1c8" +} + +.fa-file-word:before { + content: "\f1c2" +} + +.fa-fill:before { + content: "\f575" +} + +.fa-fill-drip:before { + content: "\f576" +} + +.fa-film:before { + content: "\f008" +} + +.fa-filter:before { + content: "\f0b0" +} + +.fa-fingerprint:before { + content: "\f577" +} + +.fa-fire:before { + content: "\f06d" +} + +.fa-fire-alt:before { + content: "\f7e4" +} + +.fa-fire-extinguisher:before { + content: "\f134" +} + +.fa-firefox:before { + content: "\f269" +} + +.fa-firefox-browser:before { + content: "\f907" +} + +.fa-first-aid:before { + content: "\f479" +} + +.fa-first-order:before { + content: "\f2b0" +} + +.fa-first-order-alt:before { + content: "\f50a" +} + +.fa-firstdraft:before { + content: "\f3a1" +} + +.fa-fish:before { + content: "\f578" +} + +.fa-fist-raised:before { + content: "\f6de" +} + +.fa-flag:before { + content: "\f024" +} + +.fa-flag-checkered:before { + content: "\f11e" +} + +.fa-flag-usa:before { + content: "\f74d" +} + +.fa-flask:before { + content: "\f0c3" +} + +.fa-flickr:before { + content: "\f16e" +} + +.fa-flipboard:before { + content: "\f44d" +} + +.fa-flushed:before { + content: "\f579" +} + +.fa-fly:before { + content: "\f417" +} + +.fa-folder:before { + content: "\f07b" +} + +.fa-folder-minus:before { + content: "\f65d" +} + +.fa-folder-open:before { + content: "\f07c" +} + +.fa-folder-plus:before { + content: "\f65e" +} + +.fa-font:before { + content: "\f031" +} + +.fa-font-awesome:before { + content: "\f2b4" +} + +.fa-font-awesome-alt:before { + content: "\f35c" +} + +.fa-font-awesome-flag:before { + content: "\f425" +} + +.fa-font-awesome-logo-full:before { + content: "\f4e6" +} + +.fa-fonticons:before { + content: "\f280" +} + +.fa-fonticons-fi:before { + content: "\f3a2" +} + +.fa-football-ball:before { + content: "\f44e" +} + +.fa-fort-awesome:before { + content: "\f286" +} + +.fa-fort-awesome-alt:before { + content: "\f3a3" +} + +.fa-forumbee:before { + content: "\f211" +} + +.fa-forward:before { + content: "\f04e" +} + +.fa-foursquare:before { + content: "\f180" +} + +.fa-free-code-camp:before { + content: "\f2c5" +} + +.fa-freebsd:before { + content: "\f3a4" +} + +.fa-frog:before { + content: "\f52e" +} + +.fa-frown:before { + content: "\f119" +} + +.fa-frown-open:before { + content: "\f57a" +} + +.fa-fulcrum:before { + content: "\f50b" +} + +.fa-funnel-dollar:before { + content: "\f662" +} + +.fa-futbol:before { + content: "\f1e3" +} + +.fa-galactic-republic:before { + content: "\f50c" +} + +.fa-galactic-senate:before { + content: "\f50d" +} + +.fa-gamepad:before { + content: "\f11b" +} + +.fa-gas-pump:before { + content: "\f52f" +} + +.fa-gavel:before { + content: "\f0e3" +} + +.fa-gem:before { + content: "\f3a5" +} + +.fa-genderless:before { + content: "\f22d" +} + +.fa-get-pocket:before { + content: "\f265" +} + +.fa-gg:before { + content: "\f260" +} + +.fa-gg-circle:before { + content: "\f261" +} + +.fa-ghost:before { + content: "\f6e2" +} + +.fa-gift:before { + content: "\f06b" +} + +.fa-gifts:before { + content: "\f79c" +} + +.fa-git:before { + content: "\f1d3" +} + +.fa-git-alt:before { + content: "\f841" +} + +.fa-git-square:before { + content: "\f1d2" +} + +.fa-github:before { + content: "\f09b" +} + +.fa-github-alt:before { + content: "\f113" +} + +.fa-github-square:before { + content: "\f092" +} + +.fa-gitkraken:before { + content: "\f3a6" +} + +.fa-gitlab:before { + content: "\f296" +} + +.fa-gitter:before { + content: "\f426" +} + +.fa-glass-cheers:before { + content: "\f79f" +} + +.fa-glass-martini:before { + content: "\f000" +} + +.fa-glass-martini-alt:before { + content: "\f57b" +} + +.fa-glass-whiskey:before { + content: "\f7a0" +} + +.fa-glasses:before { + content: "\f530" +} + +.fa-glide:before { + content: "\f2a5" +} + +.fa-glide-g:before { + content: "\f2a6" +} + +.fa-globe:before { + content: "\f0ac" +} + +.fa-globe-africa:before { + content: "\f57c" +} + +.fa-globe-americas:before { + content: "\f57d" +} + +.fa-globe-asia:before { + content: "\f57e" +} + +.fa-globe-europe:before { + content: "\f7a2" +} + +.fa-gofore:before { + content: "\f3a7" +} + +.fa-golf-ball:before { + content: "\f450" +} + +.fa-goodreads:before { + content: "\f3a8" +} + +.fa-goodreads-g:before { + content: "\f3a9" +} + +.fa-google:before { + content: "\f1a0" +} + +.fa-google-drive:before { + content: "\f3aa" +} + +.fa-google-play:before { + content: "\f3ab" +} + +.fa-google-plus:before { + content: "\f2b3" +} + +.fa-google-plus-g:before { + content: "\f0d5" +} + +.fa-google-plus-square:before { + content: "\f0d4" +} + +.fa-google-wallet:before { + content: "\f1ee" +} + +.fa-gopuram:before { + content: "\f664" +} + +.fa-graduation-cap:before { + content: "\f19d" +} + +.fa-gratipay:before { + content: "\f184" +} + +.fa-grav:before { + content: "\f2d6" +} + +.fa-greater-than:before { + content: "\f531" +} + +.fa-greater-than-equal:before { + content: "\f532" +} + +.fa-grimace:before { + content: "\f57f" +} + +.fa-grin:before { + content: "\f580" +} + +.fa-grin-alt:before { + content: "\f581" +} + +.fa-grin-beam:before { + content: "\f582" +} + +.fa-grin-beam-sweat:before { + content: "\f583" +} + +.fa-grin-hearts:before { + content: "\f584" +} + +.fa-grin-squint:before { + content: "\f585" +} + +.fa-grin-squint-tears:before { + content: "\f586" +} + +.fa-grin-stars:before { + content: "\f587" +} + +.fa-grin-tears:before { + content: "\f588" +} + +.fa-grin-tongue:before { + content: "\f589" +} + +.fa-grin-tongue-squint:before { + content: "\f58a" +} + +.fa-grin-tongue-wink:before { + content: "\f58b" +} + +.fa-grin-wink:before { + content: "\f58c" +} + +.fa-grip-horizontal:before { + content: "\f58d" +} + +.fa-grip-lines:before { + content: "\f7a4" +} + +.fa-grip-lines-vertical:before { + content: "\f7a5" +} + +.fa-grip-vertical:before { + content: "\f58e" +} + +.fa-gripfire:before { + content: "\f3ac" +} + +.fa-grunt:before { + content: "\f3ad" +} + +.fa-guitar:before { + content: "\f7a6" +} + +.fa-gulp:before { + content: "\f3ae" +} + +.fa-h-square:before { + content: "\f0fd" +} + +.fa-hacker-news:before { + content: "\f1d4" +} + +.fa-hacker-news-square:before { + content: "\f3af" +} + +.fa-hackerrank:before { + content: "\f5f7" +} + +.fa-hamburger:before { + content: "\f805" +} + +.fa-hammer:before { + content: "\f6e3" +} + +.fa-hamsa:before { + content: "\f665" +} + +.fa-hand-holding:before { + content: "\f4bd" +} + +.fa-hand-holding-heart:before { + content: "\f4be" +} + +.fa-hand-holding-usd:before { + content: "\f4c0" +} + +.fa-hand-lizard:before { + content: "\f258" +} + +.fa-hand-middle-finger:before { + content: "\f806" +} + +.fa-hand-paper:before { + content: "\f256" +} + +.fa-hand-peace:before { + content: "\f25b" +} + +.fa-hand-point-down:before { + content: "\f0a7" +} + +.fa-hand-point-left:before { + content: "\f0a5" +} + +.fa-hand-point-right:before { + content: "\f0a4" +} + +.fa-hand-point-up:before { + content: "\f0a6" +} + +.fa-hand-pointer:before { + content: "\f25a" +} + +.fa-hand-rock:before { + content: "\f255" +} + +.fa-hand-scissors:before { + content: "\f257" +} + +.fa-hand-spock:before { + content: "\f259" +} + +.fa-hands:before { + content: "\f4c2" +} + +.fa-hands-helping:before { + content: "\f4c4" +} + +.fa-handshake:before { + content: "\f2b5" +} + +.fa-hanukiah:before { + content: "\f6e6" +} + +.fa-hard-hat:before { + content: "\f807" +} + +.fa-hashtag:before { + content: "\f292" +} + +.fa-hat-cowboy:before { + content: "\f8c0" +} + +.fa-hat-cowboy-side:before { + content: "\f8c1" +} + +.fa-hat-wizard:before { + content: "\f6e8" +} + +.fa-hdd:before { + content: "\f0a0" +} + +.fa-heading:before { + content: "\f1dc" +} + +.fa-headphones:before { + content: "\f025" +} + +.fa-headphones-alt:before { + content: "\f58f" +} + +.fa-headset:before { + content: "\f590" +} + +.fa-heart:before { + content: "\f004" +} + +.fa-heart-broken:before { + content: "\f7a9" +} + +.fa-heartbeat:before { + content: "\f21e" +} + +.fa-helicopter:before { + content: "\f533" +} + +.fa-highlighter:before { + content: "\f591" +} + +.fa-hiking:before { + content: "\f6ec" +} + +.fa-hippo:before { + content: "\f6ed" +} + +.fa-hips:before { + content: "\f452" +} + +.fa-hire-a-helper:before { + content: "\f3b0" +} + +.fa-history:before { + content: "\f1da" +} + +.fa-hockey-puck:before { + content: "\f453" +} + +.fa-holly-berry:before { + content: "\f7aa" +} + +.fa-home:before { + content: "\f015" +} + +.fa-hooli:before { + content: "\f427" +} + +.fa-hornbill:before { + content: "\f592" +} + +.fa-horse:before { + content: "\f6f0" +} + +.fa-horse-head:before { + content: "\f7ab" +} + +.fa-hospital:before { + content: "\f0f8" +} + +.fa-hospital-alt:before { + content: "\f47d" +} + +.fa-hospital-symbol:before { + content: "\f47e" +} + +.fa-hot-tub:before { + content: "\f593" +} + +.fa-hotdog:before { + content: "\f80f" +} + +.fa-hotel:before { + content: "\f594" +} + +.fa-hotjar:before { + content: "\f3b1" +} + +.fa-hourglass:before { + content: "\f254" +} + +.fa-hourglass-end:before { + content: "\f253" +} + +.fa-hourglass-half:before { + content: "\f252" +} + +.fa-hourglass-start:before { + content: "\f251" +} + +.fa-house-damage:before { + content: "\f6f1" +} + +.fa-houzz:before { + content: "\f27c" +} + +.fa-hryvnia:before { + content: "\f6f2" +} + +.fa-html5:before { + content: "\f13b" +} + +.fa-hubspot:before { + content: "\f3b2" +} + +.fa-i-cursor:before { + content: "\f246" +} + +.fa-ice-cream:before { + content: "\f810" +} + +.fa-icicles:before { + content: "\f7ad" +} + +.fa-icons:before { + content: "\f86d" +} + +.fa-id-badge:before { + content: "\f2c1" +} + +.fa-id-card:before { + content: "\f2c2" +} + +.fa-id-card-alt:before { + content: "\f47f" +} + +.fa-ideal:before { + content: "\f913" +} + +.fa-igloo:before { + content: "\f7ae" +} + +.fa-image:before { + content: "\f03e" +} + +.fa-images:before { + content: "\f302" +} + +.fa-imdb:before { + content: "\f2d8" +} + +.fa-inbox:before { + content: "\f01c" +} + +.fa-indent:before { + content: "\f03c" +} + +.fa-industry:before { + content: "\f275" +} + +.fa-infinity:before { + content: "\f534" +} + +.fa-info:before { + content: "\f129" +} + +.fa-info-circle:before { + content: "\f05a" +} + +.fa-instagram:before { + content: "\f16d" +} + +.fa-intercom:before { + content: "\f7af" +} + +.fa-internet-explorer:before { + content: "\f26b" +} + +.fa-invision:before { + content: "\f7b0" +} + +.fa-ioxhost:before { + content: "\f208" +} + +.fa-italic:before { + content: "\f033" +} + +.fa-itch-io:before { + content: "\f83a" +} + +.fa-itunes:before { + content: "\f3b4" +} + +.fa-itunes-note:before { + content: "\f3b5" +} + +.fa-java:before { + content: "\f4e4" +} + +.fa-jedi:before { + content: "\f669" +} + +.fa-jedi-order:before { + content: "\f50e" +} + +.fa-jenkins:before { + content: "\f3b6" +} + +.fa-jira:before { + content: "\f7b1" +} + +.fa-joget:before { + content: "\f3b7" +} + +.fa-joint:before { + content: "\f595" +} + +.fa-joomla:before { + content: "\f1aa" +} + +.fa-journal-whills:before { + content: "\f66a" +} + +.fa-js:before { + content: "\f3b8" +} + +.fa-js-square:before { + content: "\f3b9" +} + +.fa-jsfiddle:before { + content: "\f1cc" +} + +.fa-kaaba:before { + content: "\f66b" +} + +.fa-kaggle:before { + content: "\f5fa" +} + +.fa-key:before { + content: "\f084" +} + +.fa-keybase:before { + content: "\f4f5" +} + +.fa-keyboard:before { + content: "\f11c" +} + +.fa-keycdn:before { + content: "\f3ba" +} + +.fa-khanda:before { + content: "\f66d" +} + +.fa-kickstarter:before { + content: "\f3bb" +} + +.fa-kickstarter-k:before { + content: "\f3bc" +} + +.fa-kiss:before { + content: "\f596" +} + +.fa-kiss-beam:before { + content: "\f597" +} + +.fa-kiss-wink-heart:before { + content: "\f598" +} + +.fa-kiwi-bird:before { + content: "\f535" +} + +.fa-korvue:before { + content: "\f42f" +} + +.fa-landmark:before { + content: "\f66f" +} + +.fa-language:before { + content: "\f1ab" +} + +.fa-laptop:before { + content: "\f109" +} + +.fa-laptop-code:before { + content: "\f5fc" +} + +.fa-laptop-medical:before { + content: "\f812" +} + +.fa-laravel:before { + content: "\f3bd" +} + +.fa-lastfm:before { + content: "\f202" +} + +.fa-lastfm-square:before { + content: "\f203" +} + +.fa-laugh:before { + content: "\f599" +} + +.fa-laugh-beam:before { + content: "\f59a" +} + +.fa-laugh-squint:before { + content: "\f59b" +} + +.fa-laugh-wink:before { + content: "\f59c" +} + +.fa-layer-group:before { + content: "\f5fd" +} + +.fa-leaf:before { + content: "\f06c" +} + +.fa-leanpub:before { + content: "\f212" +} + +.fa-lemon:before { + content: "\f094" +} + +.fa-less:before { + content: "\f41d" +} + +.fa-less-than:before { + content: "\f536" +} + +.fa-less-than-equal:before { + content: "\f537" +} + +.fa-level-down-alt:before { + content: "\f3be" +} + +.fa-level-up-alt:before { + content: "\f3bf" +} + +.fa-life-ring:before { + content: "\f1cd" +} + +.fa-lightbulb:before { + content: "\f0eb" +} + +.fa-line:before { + content: "\f3c0" +} + +.fa-link:before { + content: "\f0c1" +} + +.fa-linkedin:before { + content: "\f08c" +} + +.fa-linkedin-in:before { + content: "\f0e1" +} + +.fa-linode:before { + content: "\f2b8" +} + +.fa-linux:before { + content: "\f17c" +} + +.fa-lira-sign:before { + content: "\f195" +} + +.fa-list:before { + content: "\f03a" +} + +.fa-list-alt:before { + content: "\f022" +} + +.fa-list-ol:before { + content: "\f0cb" +} + +.fa-list-ul:before { + content: "\f0ca" +} + +.fa-location-arrow:before { + content: "\f124" +} + +.fa-lock:before { + content: "\f023" +} + +.fa-lock-open:before { + content: "\f3c1" +} + +.fa-long-arrow-alt-down:before { + content: "\f309" +} + +.fa-long-arrow-alt-left:before { + content: "\f30a" +} + +.fa-long-arrow-alt-right:before { + content: "\f30b" +} + +.fa-long-arrow-alt-up:before { + content: "\f30c" +} + +.fa-low-vision:before { + content: "\f2a8" +} + +.fa-luggage-cart:before { + content: "\f59d" +} + +.fa-lyft:before { + content: "\f3c3" +} + +.fa-magento:before { + content: "\f3c4" +} + +.fa-magic:before { + content: "\f0d0" +} + +.fa-magnet:before { + content: "\f076" +} + +.fa-mail-bulk:before { + content: "\f674" +} + +.fa-mailchimp:before { + content: "\f59e" +} + +.fa-male:before { + content: "\f183" +} + +.fa-mandalorian:before { + content: "\f50f" +} + +.fa-map:before { + content: "\f279" +} + +.fa-map-marked:before { + content: "\f59f" +} + +.fa-map-marked-alt:before { + content: "\f5a0" +} + +.fa-map-marker:before { + content: "\f041" +} + +.fa-map-marker-alt:before { + content: "\f3c5" +} + +.fa-map-pin:before { + content: "\f276" +} + +.fa-map-signs:before { + content: "\f277" +} + +.fa-markdown:before { + content: "\f60f" +} + +.fa-marker:before { + content: "\f5a1" +} + +.fa-mars:before { + content: "\f222" +} + +.fa-mars-double:before { + content: "\f227" +} + +.fa-mars-stroke:before { + content: "\f229" +} + +.fa-mars-stroke-h:before { + content: "\f22b" +} + +.fa-mars-stroke-v:before { + content: "\f22a" +} + +.fa-mask:before { + content: "\f6fa" +} + +.fa-mastodon:before { + content: "\f4f6" +} + +.fa-maxcdn:before { + content: "\f136" +} + +.fa-mdb:before { + content: "\f8ca" +} + +.fa-medal:before { + content: "\f5a2" +} + +.fa-medapps:before { + content: "\f3c6" +} + +.fa-medium:before { + content: "\f23a" +} + +.fa-medium-m:before { + content: "\f3c7" +} + +.fa-medkit:before { + content: "\f0fa" +} + +.fa-medrt:before { + content: "\f3c8" +} + +.fa-meetup:before { + content: "\f2e0" +} + +.fa-megaport:before { + content: "\f5a3" +} + +.fa-meh:before { + content: "\f11a" +} + +.fa-meh-blank:before { + content: "\f5a4" +} + +.fa-meh-rolling-eyes:before { + content: "\f5a5" +} + +.fa-memory:before { + content: "\f538" +} + +.fa-mendeley:before { + content: "\f7b3" +} + +.fa-menorah:before { + content: "\f676" +} + +.fa-mercury:before { + content: "\f223" +} + +.fa-meteor:before { + content: "\f753" +} + +.fa-microblog:before { + content: "\f91a" +} + +.fa-microchip:before { + content: "\f2db" +} + +.fa-microphone:before { + content: "\f130" +} + +.fa-microphone-alt:before { + content: "\f3c9" +} + +.fa-microphone-alt-slash:before { + content: "\f539" +} + +.fa-microphone-slash:before { + content: "\f131" +} + +.fa-microscope:before { + content: "\f610" +} + +.fa-microsoft:before { + content: "\f3ca" +} + +.fa-minus:before { + content: "\f068" +} + +.fa-minus-circle:before { + content: "\f056" +} + +.fa-minus-square:before { + content: "\f146" +} + +.fa-mitten:before { + content: "\f7b5" +} + +.fa-mix:before { + content: "\f3cb" +} + +.fa-mixcloud:before { + content: "\f289" +} + +.fa-mizuni:before { + content: "\f3cc" +} + +.fa-mobile:before { + content: "\f10b" +} + +.fa-mobile-alt:before { + content: "\f3cd" +} + +.fa-modx:before { + content: "\f285" +} + +.fa-monero:before { + content: "\f3d0" +} + +.fa-money-bill:before { + content: "\f0d6" +} + +.fa-money-bill-alt:before { + content: "\f3d1" +} + +.fa-money-bill-wave:before { + content: "\f53a" +} + +.fa-money-bill-wave-alt:before { + content: "\f53b" +} + +.fa-money-check:before { + content: "\f53c" +} + +.fa-money-check-alt:before { + content: "\f53d" +} + +.fa-monument:before { + content: "\f5a6" +} + +.fa-moon:before { + content: "\f186" +} + +.fa-mortar-pestle:before { + content: "\f5a7" +} + +.fa-mosque:before { + content: "\f678" +} + +.fa-motorcycle:before { + content: "\f21c" +} + +.fa-mountain:before { + content: "\f6fc" +} + +.fa-mouse:before { + content: "\f8cc" +} + +.fa-mouse-pointer:before { + content: "\f245" +} + +.fa-mug-hot:before { + content: "\f7b6" +} + +.fa-music:before { + content: "\f001" +} + +.fa-napster:before { + content: "\f3d2" +} + +.fa-neos:before { + content: "\f612" +} + +.fa-network-wired:before { + content: "\f6ff" +} + +.fa-neuter:before { + content: "\f22c" +} + +.fa-newspaper:before { + content: "\f1ea" +} + +.fa-nimblr:before { + content: "\f5a8" +} + +.fa-node:before { + content: "\f419" +} + +.fa-node-js:before { + content: "\f3d3" +} + +.fa-not-equal:before { + content: "\f53e" +} + +.fa-notes-medical:before { + content: "\f481" +} + +.fa-npm:before { + content: "\f3d4" +} + +.fa-ns8:before { + content: "\f3d5" +} + +.fa-nutritionix:before { + content: "\f3d6" +} + +.fa-object-group:before { + content: "\f247" +} + +.fa-object-ungroup:before { + content: "\f248" +} + +.fa-odnoklassniki:before { + content: "\f263" +} + +.fa-odnoklassniki-square:before { + content: "\f264" +} + +.fa-oil-can:before { + content: "\f613" +} + +.fa-old-republic:before { + content: "\f510" +} + +.fa-om:before { + content: "\f679" +} + +.fa-opencart:before { + content: "\f23d" +} + +.fa-openid:before { + content: "\f19b" +} + +.fa-opera:before { + content: "\f26a" +} + +.fa-optin-monster:before { + content: "\f23c" +} + +.fa-orcid:before { + content: "\f8d2" +} + +.fa-osi:before { + content: "\f41a" +} + +.fa-otter:before { + content: "\f700" +} + +.fa-outdent:before { + content: "\f03b" +} + +.fa-page4:before { + content: "\f3d7" +} + +.fa-pagelines:before { + content: "\f18c" +} + +.fa-pager:before { + content: "\f815" +} + +.fa-paint-brush:before { + content: "\f1fc" +} + +.fa-paint-roller:before { + content: "\f5aa" +} + +.fa-palette:before { + content: "\f53f" +} + +.fa-palfed:before { + content: "\f3d8" +} + +.fa-pallet:before { + content: "\f482" +} + +.fa-paper-plane:before { + content: "\f1d8" +} + +.fa-paperclip:before { + content: "\f0c6" +} + +.fa-parachute-box:before { + content: "\f4cd" +} + +.fa-paragraph:before { + content: "\f1dd" +} + +.fa-parking:before { + content: "\f540" +} + +.fa-passport:before { + content: "\f5ab" +} + +.fa-pastafarianism:before { + content: "\f67b" +} + +.fa-paste:before { + content: "\f0ea" +} + +.fa-patreon:before { + content: "\f3d9" +} + +.fa-pause:before { + content: "\f04c" +} + +.fa-pause-circle:before { + content: "\f28b" +} + +.fa-paw:before { + content: "\f1b0" +} + +.fa-paypal:before { + content: "\f1ed" +} + +.fa-peace:before { + content: "\f67c" +} + +.fa-pen:before { + content: "\f304" +} + +.fa-pen-alt:before { + content: "\f305" +} + +.fa-pen-fancy:before { + content: "\f5ac" +} + +.fa-pen-nib:before { + content: "\f5ad" +} + +.fa-pen-square:before { + content: "\f14b" +} + +.fa-pencil-alt:before { + content: "\f303" +} + +.fa-pencil-ruler:before { + content: "\f5ae" +} + +.fa-penny-arcade:before { + content: "\f704" +} + +.fa-people-carry:before { + content: "\f4ce" +} + +.fa-pepper-hot:before { + content: "\f816" +} + +.fa-percent:before { + content: "\f295" +} + +.fa-percentage:before { + content: "\f541" +} + +.fa-periscope:before { + content: "\f3da" +} + +.fa-person-booth:before { + content: "\f756" +} + +.fa-phabricator:before { + content: "\f3db" +} + +.fa-phoenix-framework:before { + content: "\f3dc" +} + +.fa-phoenix-squadron:before { + content: "\f511" +} + +.fa-phone:before { + content: "\f095" +} + +.fa-phone-alt:before { + content: "\f879" +} + +.fa-phone-slash:before { + content: "\f3dd" +} + +.fa-phone-square:before { + content: "\f098" +} + +.fa-phone-square-alt:before { + content: "\f87b" +} + +.fa-phone-volume:before { + content: "\f2a0" +} + +.fa-photo-video:before { + content: "\f87c" +} + +.fa-php:before { + content: "\f457" +} + +.fa-pied-piper:before { + content: "\f2ae" +} + +.fa-pied-piper-alt:before { + content: "\f1a8" +} + +.fa-pied-piper-hat:before { + content: "\f4e5" +} + +.fa-pied-piper-pp:before { + content: "\f1a7" +} + +.fa-pied-piper-square:before { + content: "\f91e" +} + +.fa-piggy-bank:before { + content: "\f4d3" +} + +.fa-pills:before { + content: "\f484" +} + +.fa-pinterest:before { + content: "\f0d2" +} + +.fa-pinterest-p:before { + content: "\f231" +} + +.fa-pinterest-square:before { + content: "\f0d3" +} + +.fa-pizza-slice:before { + content: "\f818" +} + +.fa-place-of-worship:before { + content: "\f67f" +} + +.fa-plane:before { + content: "\f072" +} + +.fa-plane-arrival:before { + content: "\f5af" +} + +.fa-plane-departure:before { + content: "\f5b0" +} + +.fa-play:before { + content: "\f04b" +} + +.fa-play-circle:before { + content: "\f144" +} + +.fa-playstation:before { + content: "\f3df" +} + +.fa-plug:before { + content: "\f1e6" +} + +.fa-plus:before { + content: "\f067" +} + +.fa-plus-circle:before { + content: "\f055" +} + +.fa-plus-square:before { + content: "\f0fe" +} + +.fa-podcast:before { + content: "\f2ce" +} + +.fa-poll:before { + content: "\f681" +} + +.fa-poll-h:before { + content: "\f682" +} + +.fa-poo:before { + content: "\f2fe" +} + +.fa-poo-storm:before { + content: "\f75a" +} + +.fa-poop:before { + content: "\f619" +} + +.fa-portrait:before { + content: "\f3e0" +} + +.fa-pound-sign:before { + content: "\f154" +} + +.fa-power-off:before { + content: "\f011" +} + +.fa-pray:before { + content: "\f683" +} + +.fa-praying-hands:before { + content: "\f684" +} + +.fa-prescription:before { + content: "\f5b1" +} + +.fa-prescription-bottle:before { + content: "\f485" +} + +.fa-prescription-bottle-alt:before { + content: "\f486" +} + +.fa-print:before { + content: "\f02f" +} + +.fa-procedures:before { + content: "\f487" +} + +.fa-product-hunt:before { + content: "\f288" +} + +.fa-project-diagram:before { + content: "\f542" +} + +.fa-pushed:before { + content: "\f3e1" +} + +.fa-puzzle-piece:before { + content: "\f12e" +} + +.fa-python:before { + content: "\f3e2" +} + +.fa-qq:before { + content: "\f1d6" +} + +.fa-qrcode:before { + content: "\f029" +} + +.fa-question:before { + content: "\f128" +} + +.fa-question-circle:before { + content: "\f059" +} + +.fa-quidditch:before { + content: "\f458" +} + +.fa-quinscape:before { + content: "\f459" +} + +.fa-quora:before { + content: "\f2c4" +} + +.fa-quote-left:before { + content: "\f10d" +} + +.fa-quote-right:before { + content: "\f10e" +} + +.fa-quran:before { + content: "\f687" +} + +.fa-r-project:before { + content: "\f4f7" +} + +.fa-radiation:before { + content: "\f7b9" +} + +.fa-radiation-alt:before { + content: "\f7ba" +} + +.fa-rainbow:before { + content: "\f75b" +} + +.fa-random:before { + content: "\f074" +} + +.fa-raspberry-pi:before { + content: "\f7bb" +} + +.fa-ravelry:before { + content: "\f2d9" +} + +.fa-react:before { + content: "\f41b" +} + +.fa-reacteurope:before { + content: "\f75d" +} + +.fa-readme:before { + content: "\f4d5" +} + +.fa-rebel:before { + content: "\f1d0" +} + +.fa-receipt:before { + content: "\f543" +} + +.fa-record-vinyl:before { + content: "\f8d9" +} + +.fa-recycle:before { + content: "\f1b8" +} + +.fa-red-river:before { + content: "\f3e3" +} + +.fa-reddit:before { + content: "\f1a1" +} + +.fa-reddit-alien:before { + content: "\f281" +} + +.fa-reddit-square:before { + content: "\f1a2" +} + +.fa-redhat:before { + content: "\f7bc" +} + +.fa-redo:before { + content: "\f01e" +} + +.fa-redo-alt:before { + content: "\f2f9" +} + +.fa-registered:before { + content: "\f25d" +} + +.fa-remove-format:before { + content: "\f87d" +} + +.fa-renren:before { + content: "\f18b" +} + +.fa-reply:before { + content: "\f3e5" +} + +.fa-reply-all:before { + content: "\f122" +} + +.fa-replyd:before { + content: "\f3e6" +} + +.fa-republican:before { + content: "\f75e" +} + +.fa-researchgate:before { + content: "\f4f8" +} + +.fa-resolving:before { + content: "\f3e7" +} + +.fa-restroom:before { + content: "\f7bd" +} + +.fa-retweet:before { + content: "\f079" +} + +.fa-rev:before { + content: "\f5b2" +} + +.fa-ribbon:before { + content: "\f4d6" +} + +.fa-ring:before { + content: "\f70b" +} + +.fa-road:before { + content: "\f018" +} + +.fa-robot:before { + content: "\f544" +} + +.fa-rocket:before { + content: "\f135" +} + +.fa-rocketchat:before { + content: "\f3e8" +} + +.fa-rockrms:before { + content: "\f3e9" +} + +.fa-route:before { + content: "\f4d7" +} + +.fa-rss:before { + content: "\f09e" +} + +.fa-rss-square:before { + content: "\f143" +} + +.fa-ruble-sign:before { + content: "\f158" +} + +.fa-ruler:before { + content: "\f545" +} + +.fa-ruler-combined:before { + content: "\f546" +} + +.fa-ruler-horizontal:before { + content: "\f547" +} + +.fa-ruler-vertical:before { + content: "\f548" +} + +.fa-running:before { + content: "\f70c" +} + +.fa-rupee-sign:before { + content: "\f156" +} + +.fa-sad-cry:before { + content: "\f5b3" +} + +.fa-sad-tear:before { + content: "\f5b4" +} + +.fa-safari:before { + content: "\f267" +} + +.fa-salesforce:before { + content: "\f83b" +} + +.fa-sass:before { + content: "\f41e" +} + +.fa-satellite:before { + content: "\f7bf" +} + +.fa-satellite-dish:before { + content: "\f7c0" +} + +.fa-save:before { + content: "\f0c7" +} + +.fa-schlix:before { + content: "\f3ea" +} + +.fa-school:before { + content: "\f549" +} + +.fa-screwdriver:before { + content: "\f54a" +} + +.fa-scribd:before { + content: "\f28a" +} + +.fa-scroll:before { + content: "\f70e" +} + +.fa-sd-card:before { + content: "\f7c2" +} + +.fa-search:before { + content: "\f002" +} + +.fa-search-dollar:before { + content: "\f688" +} + +.fa-search-location:before { + content: "\f689" +} + +.fa-search-minus:before { + content: "\f010" +} + +.fa-search-plus:before { + content: "\f00e" +} + +.fa-searchengin:before { + content: "\f3eb" +} + +.fa-seedling:before { + content: "\f4d8" +} + +.fa-sellcast:before { + content: "\f2da" +} + +.fa-sellsy:before { + content: "\f213" +} + +.fa-server:before { + content: "\f233" +} + +.fa-servicestack:before { + content: "\f3ec" +} + +.fa-shapes:before { + content: "\f61f" +} + +.fa-share:before { + content: "\f064" +} + +.fa-share-alt:before { + content: "\f1e0" +} + +.fa-share-alt-square:before { + content: "\f1e1" +} + +.fa-share-square:before { + content: "\f14d" +} + +.fa-shekel-sign:before { + content: "\f20b" +} + +.fa-shield-alt:before { + content: "\f3ed" +} + +.fa-ship:before { + content: "\f21a" +} + +.fa-shipping-fast:before { + content: "\f48b" +} + +.fa-shirtsinbulk:before { + content: "\f214" +} + +.fa-shoe-prints:before { + content: "\f54b" +} + +.fa-shopping-bag:before { + content: "\f290" +} + +.fa-shopping-basket:before { + content: "\f291" +} + +.fa-shopping-cart:before { + content: "\f07a" +} + +.fa-shopware:before { + content: "\f5b5" +} + +.fa-shower:before { + content: "\f2cc" +} + +.fa-shuttle-van:before { + content: "\f5b6" +} + +.fa-sign:before { + content: "\f4d9" +} + +.fa-sign-in-alt:before { + content: "\f2f6" +} + +.fa-sign-language:before { + content: "\f2a7" +} + +.fa-sign-out-alt:before { + content: "\f2f5" +} + +.fa-signal:before { + content: "\f012" +} + +.fa-signature:before { + content: "\f5b7" +} + +.fa-sim-card:before { + content: "\f7c4" +} + +.fa-simplybuilt:before { + content: "\f215" +} + +.fa-sistrix:before { + content: "\f3ee" +} + +.fa-sitemap:before { + content: "\f0e8" +} + +.fa-sith:before { + content: "\f512" +} + +.fa-skating:before { + content: "\f7c5" +} + +.fa-sketch:before { + content: "\f7c6" +} + +.fa-skiing:before { + content: "\f7c9" +} + +.fa-skiing-nordic:before { + content: "\f7ca" +} + +.fa-skull:before { + content: "\f54c" +} + +.fa-skull-crossbones:before { + content: "\f714" +} + +.fa-skyatlas:before { + content: "\f216" +} + +.fa-skype:before { + content: "\f17e" +} + +.fa-slack:before { + content: "\f198" +} + +.fa-slack-hash:before { + content: "\f3ef" +} + +.fa-slash:before { + content: "\f715" +} + +.fa-sleigh:before { + content: "\f7cc" +} + +.fa-sliders-h:before { + content: "\f1de" +} + +.fa-slideshare:before { + content: "\f1e7" +} + +.fa-smile:before { + content: "\f118" +} + +.fa-smile-beam:before { + content: "\f5b8" +} + +.fa-smile-wink:before { + content: "\f4da" +} + +.fa-smog:before { + content: "\f75f" +} + +.fa-smoking:before { + content: "\f48d" +} + +.fa-smoking-ban:before { + content: "\f54d" +} + +.fa-sms:before { + content: "\f7cd" +} + +.fa-snapchat:before { + content: "\f2ab" +} + +.fa-snapchat-ghost:before { + content: "\f2ac" +} + +.fa-snapchat-square:before { + content: "\f2ad" +} + +.fa-snowboarding:before { + content: "\f7ce" +} + +.fa-snowflake:before { + content: "\f2dc" +} + +.fa-snowman:before { + content: "\f7d0" +} + +.fa-snowplow:before { + content: "\f7d2" +} + +.fa-socks:before { + content: "\f696" +} + +.fa-solar-panel:before { + content: "\f5ba" +} + +.fa-sort:before { + content: "\f0dc" +} + +.fa-sort-alpha-down:before { + content: "\f15d" +} + +.fa-sort-alpha-down-alt:before { + content: "\f881" +} + +.fa-sort-alpha-up:before { + content: "\f15e" +} + +.fa-sort-alpha-up-alt:before { + content: "\f882" +} + +.fa-sort-amount-down:before { + content: "\f160" +} + +.fa-sort-amount-down-alt:before { + content: "\f884" +} + +.fa-sort-amount-up:before { + content: "\f161" +} + +.fa-sort-amount-up-alt:before { + content: "\f885" +} + +.fa-sort-down:before { + content: "\f0dd" +} + +.fa-sort-numeric-down:before { + content: "\f162" +} + +.fa-sort-numeric-down-alt:before { + content: "\f886" +} + +.fa-sort-numeric-up:before { + content: "\f163" +} + +.fa-sort-numeric-up-alt:before { + content: "\f887" +} + +.fa-sort-up:before { + content: "\f0de" +} + +.fa-soundcloud:before { + content: "\f1be" +} + +.fa-sourcetree:before { + content: "\f7d3" +} + +.fa-spa:before { + content: "\f5bb" +} + +.fa-space-shuttle:before { + content: "\f197" +} + +.fa-speakap:before { + content: "\f3f3" +} + +.fa-speaker-deck:before { + content: "\f83c" +} + +.fa-spell-check:before { + content: "\f891" +} + +.fa-spider:before { + content: "\f717" +} + +.fa-spinner:before { + content: "\f110" +} + +.fa-splotch:before { + content: "\f5bc" +} + +.fa-spotify:before { + content: "\f1bc" +} + +.fa-spray-can:before { + content: "\f5bd" +} + +.fa-square:before { + content: "\f0c8" +} + +.fa-square-full:before { + content: "\f45c" +} + +.fa-square-root-alt:before { + content: "\f698" +} + +.fa-squarespace:before { + content: "\f5be" +} + +.fa-stack-exchange:before { + content: "\f18d" +} + +.fa-stack-overflow:before { + content: "\f16c" +} + +.fa-stackpath:before { + content: "\f842" +} + +.fa-stamp:before { + content: "\f5bf" +} + +.fa-star:before { + content: "\f005" +} + +.fa-star-and-crescent:before { + content: "\f699" +} + +.fa-star-half:before { + content: "\f089" +} + +.fa-star-half-alt:before { + content: "\f5c0" +} + +.fa-star-of-david:before { + content: "\f69a" +} + +.fa-star-of-life:before { + content: "\f621" +} + +.fa-staylinked:before { + content: "\f3f5" +} + +.fa-steam:before { + content: "\f1b6" +} + +.fa-steam-square:before { + content: "\f1b7" +} + +.fa-steam-symbol:before { + content: "\f3f6" +} + +.fa-step-backward:before { + content: "\f048" +} + +.fa-step-forward:before { + content: "\f051" +} + +.fa-stethoscope:before { + content: "\f0f1" +} + +.fa-sticker-mule:before { + content: "\f3f7" +} + +.fa-sticky-note:before { + content: "\f249" +} + +.fa-stop:before { + content: "\f04d" +} + +.fa-stop-circle:before { + content: "\f28d" +} + +.fa-stopwatch:before { + content: "\f2f2" +} + +.fa-store:before { + content: "\f54e" +} + +.fa-store-alt:before { + content: "\f54f" +} + +.fa-strava:before { + content: "\f428" +} + +.fa-stream:before { + content: "\f550" +} + +.fa-street-view:before { + content: "\f21d" +} + +.fa-strikethrough:before { + content: "\f0cc" +} + +.fa-stripe:before { + content: "\f429" +} + +.fa-stripe-s:before { + content: "\f42a" +} + +.fa-stroopwafel:before { + content: "\f551" +} + +.fa-studiovinari:before { + content: "\f3f8" +} + +.fa-stumbleupon:before { + content: "\f1a4" +} + +.fa-stumbleupon-circle:before { + content: "\f1a3" +} + +.fa-subscript:before { + content: "\f12c" +} + +.fa-subway:before { + content: "\f239" +} + +.fa-suitcase:before { + content: "\f0f2" +} + +.fa-suitcase-rolling:before { + content: "\f5c1" +} + +.fa-sun:before { + content: "\f185" +} + +.fa-superpowers:before { + content: "\f2dd" +} + +.fa-superscript:before { + content: "\f12b" +} + +.fa-supple:before { + content: "\f3f9" +} + +.fa-surprise:before { + content: "\f5c2" +} + +.fa-suse:before { + content: "\f7d6" +} + +.fa-swatchbook:before { + content: "\f5c3" +} + +.fa-swift:before { + content: "\f8e1" +} + +.fa-swimmer:before { + content: "\f5c4" +} + +.fa-swimming-pool:before { + content: "\f5c5" +} + +.fa-symfony:before { + content: "\f83d" +} + +.fa-synagogue:before { + content: "\f69b" +} + +.fa-sync:before { + content: "\f021" +} + +.fa-sync-alt:before { + content: "\f2f1" +} + +.fa-syringe:before { + content: "\f48e" +} + +.fa-table:before { + content: "\f0ce" +} + +.fa-table-tennis:before { + content: "\f45d" +} + +.fa-tablet:before { + content: "\f10a" +} + +.fa-tablet-alt:before { + content: "\f3fa" +} + +.fa-tablets:before { + content: "\f490" +} + +.fa-tachometer-alt:before { + content: "\f3fd" +} + +.fa-tag:before { + content: "\f02b" +} + +.fa-tags:before { + content: "\f02c" +} + +.fa-tape:before { + content: "\f4db" +} + +.fa-tasks:before { + content: "\f0ae" +} + +.fa-taxi:before { + content: "\f1ba" +} + +.fa-teamspeak:before { + content: "\f4f9" +} + +.fa-teeth:before { + content: "\f62e" +} + +.fa-teeth-open:before { + content: "\f62f" +} + +.fa-telegram:before { + content: "\f2c6" +} + +.fa-telegram-plane:before { + content: "\f3fe" +} + +.fa-temperature-high:before { + content: "\f769" +} + +.fa-temperature-low:before { + content: "\f76b" +} + +.fa-tencent-weibo:before { + content: "\f1d5" +} + +.fa-tenge:before { + content: "\f7d7" +} + +.fa-terminal:before { + content: "\f120" +} + +.fa-text-height:before { + content: "\f034" +} + +.fa-text-width:before { + content: "\f035" +} + +.fa-th:before { + content: "\f00a" +} + +.fa-th-large:before { + content: "\f009" +} + +.fa-th-list:before { + content: "\f00b" +} + +.fa-the-red-yeti:before { + content: "\f69d" +} + +.fa-theater-masks:before { + content: "\f630" +} + +.fa-themeco:before { + content: "\f5c6" +} + +.fa-themeisle:before { + content: "\f2b2" +} + +.fa-thermometer:before { + content: "\f491" +} + +.fa-thermometer-empty:before { + content: "\f2cb" +} + +.fa-thermometer-full:before { + content: "\f2c7" +} + +.fa-thermometer-half:before { + content: "\f2c9" +} + +.fa-thermometer-quarter:before { + content: "\f2ca" +} + +.fa-thermometer-three-quarters:before { + content: "\f2c8" +} + +.fa-think-peaks:before { + content: "\f731" +} + +.fa-thumbs-down:before { + content: "\f165" +} + +.fa-thumbs-up:before { + content: "\f164" +} + +.fa-thumbtack:before { + content: "\f08d" +} + +.fa-ticket-alt:before { + content: "\f3ff" +} + +.fa-times:before { + content: "\f00d" +} + +.fa-times-circle:before { + content: "\f057" +} + +.fa-tint:before { + content: "\f043" +} + +.fa-tint-slash:before { + content: "\f5c7" +} + +.fa-tired:before { + content: "\f5c8" +} + +.fa-toggle-off:before { + content: "\f204" +} + +.fa-toggle-on:before { + content: "\f205" +} + +.fa-toilet:before { + content: "\f7d8" +} + +.fa-toilet-paper:before { + content: "\f71e" +} + +.fa-toolbox:before { + content: "\f552" +} + +.fa-tools:before { + content: "\f7d9" +} + +.fa-tooth:before { + content: "\f5c9" +} + +.fa-torah:before { + content: "\f6a0" +} + +.fa-torii-gate:before { + content: "\f6a1" +} + +.fa-tractor:before { + content: "\f722" +} + +.fa-trade-federation:before { + content: "\f513" +} + +.fa-trademark:before { + content: "\f25c" +} + +.fa-traffic-light:before { + content: "\f637" +} + +.fa-trailer:before { + content: "\f941" +} + +.fa-train:before { + content: "\f238" +} + +.fa-tram:before { + content: "\f7da" +} + +.fa-transgender:before { + content: "\f224" +} + +.fa-transgender-alt:before { + content: "\f225" +} + +.fa-trash:before { + content: "\f1f8" +} + +.fa-trash-alt:before { + content: "\f2ed" +} + +.fa-trash-restore:before { + content: "\f829" +} + +.fa-trash-restore-alt:before { + content: "\f82a" +} + +.fa-tree:before { + content: "\f1bb" +} + +.fa-trello:before { + content: "\f181" +} + +.fa-tripadvisor:before { + content: "\f262" +} + +.fa-trophy:before { + content: "\f091" +} + +.fa-truck:before { + content: "\f0d1" +} + +.fa-truck-loading:before { + content: "\f4de" +} + +.fa-truck-monster:before { + content: "\f63b" +} + +.fa-truck-moving:before { + content: "\f4df" +} + +.fa-truck-pickup:before { + content: "\f63c" +} + +.fa-tshirt:before { + content: "\f553" +} + +.fa-tty:before { + content: "\f1e4" +} + +.fa-tumblr:before { + content: "\f173" +} + +.fa-tumblr-square:before { + content: "\f174" +} + +.fa-tv:before { + content: "\f26c" +} + +.fa-twitch:before { + content: "\f1e8" +} + +.fa-twitter:before { + content: "\f099" +} + +.fa-twitter-square:before { + content: "\f081" +} + +.fa-typo3:before { + content: "\f42b" +} + +.fa-uber:before { + content: "\f402" +} + +.fa-ubuntu:before { + content: "\f7df" +} + +.fa-uikit:before { + content: "\f403" +} + +.fa-umbraco:before { + content: "\f8e8" +} + +.fa-umbrella:before { + content: "\f0e9" +} + +.fa-umbrella-beach:before { + content: "\f5ca" +} + +.fa-underline:before { + content: "\f0cd" +} + +.fa-undo:before { + content: "\f0e2" +} + +.fa-undo-alt:before { + content: "\f2ea" +} + +.fa-uniregistry:before { + content: "\f404" +} + +.fa-unity:before { + content: "\f949" +} + +.fa-universal-access:before { + content: "\f29a" +} + +.fa-university:before { + content: "\f19c" +} + +.fa-unlink:before { + content: "\f127" +} + +.fa-unlock:before { + content: "\f09c" +} + +.fa-unlock-alt:before { + content: "\f13e" +} + +.fa-untappd:before { + content: "\f405" +} + +.fa-upload:before { + content: "\f093" +} + +.fa-ups:before { + content: "\f7e0" +} + +.fa-usb:before { + content: "\f287" +} + +.fa-user:before { + content: "\f007" +} + +.fa-user-alt:before { + content: "\f406" +} + +.fa-user-alt-slash:before { + content: "\f4fa" +} + +.fa-user-astronaut:before { + content: "\f4fb" +} + +.fa-user-check:before { + content: "\f4fc" +} + +.fa-user-circle:before { + content: "\f2bd" +} + +.fa-user-clock:before { + content: "\f4fd" +} + +.fa-user-cog:before { + content: "\f4fe" +} + +.fa-user-edit:before { + content: "\f4ff" +} + +.fa-user-friends:before { + content: "\f500" +} + +.fa-user-graduate:before { + content: "\f501" +} + +.fa-user-injured:before { + content: "\f728" +} + +.fa-user-lock:before { + content: "\f502" +} + +.fa-user-md:before { + content: "\f0f0" +} + +.fa-user-minus:before { + content: "\f503" +} + +.fa-user-ninja:before { + content: "\f504" +} + +.fa-user-nurse:before { + content: "\f82f" +} + +.fa-user-plus:before { + content: "\f234" +} + +.fa-user-secret:before { + content: "\f21b" +} + +.fa-user-shield:before { + content: "\f505" +} + +.fa-user-slash:before { + content: "\f506" +} + +.fa-user-tag:before { + content: "\f507" +} + +.fa-user-tie:before { + content: "\f508" +} + +.fa-user-times:before { + content: "\f235" +} + +.fa-users:before { + content: "\f0c0" +} + +.fa-users-cog:before { + content: "\f509" +} + +.fa-usps:before { + content: "\f7e1" +} + +.fa-ussunnah:before { + content: "\f407" +} + +.fa-utensil-spoon:before { + content: "\f2e5" +} + +.fa-utensils:before { + content: "\f2e7" +} + +.fa-vaadin:before { + content: "\f408" +} + +.fa-vector-square:before { + content: "\f5cb" +} + +.fa-venus:before { + content: "\f221" +} + +.fa-venus-double:before { + content: "\f226" +} + +.fa-venus-mars:before { + content: "\f228" +} + +.fa-viacoin:before { + content: "\f237" +} + +.fa-viadeo:before { + content: "\f2a9" +} + +.fa-viadeo-square:before { + content: "\f2aa" +} + +.fa-vial:before { + content: "\f492" +} + +.fa-vials:before { + content: "\f493" +} + +.fa-viber:before { + content: "\f409" +} + +.fa-video:before { + content: "\f03d" +} + +.fa-video-slash:before { + content: "\f4e2" +} + +.fa-vihara:before { + content: "\f6a7" +} + +.fa-vimeo:before { + content: "\f40a" +} + +.fa-vimeo-square:before { + content: "\f194" +} + +.fa-vimeo-v:before { + content: "\f27d" +} + +.fa-vine:before { + content: "\f1ca" +} + +.fa-vk:before { + content: "\f189" +} + +.fa-vnv:before { + content: "\f40b" +} + +.fa-voicemail:before { + content: "\f897" +} + +.fa-volleyball-ball:before { + content: "\f45f" +} + +.fa-volume-down:before { + content: "\f027" +} + +.fa-volume-mute:before { + content: "\f6a9" +} + +.fa-volume-off:before { + content: "\f026" +} + +.fa-volume-up:before { + content: "\f028" +} + +.fa-vote-yea:before { + content: "\f772" +} + +.fa-vr-cardboard:before { + content: "\f729" +} + +.fa-vuejs:before { + content: "\f41f" +} + +.fa-walking:before { + content: "\f554" +} + +.fa-wallet:before { + content: "\f555" +} + +.fa-warehouse:before { + content: "\f494" +} + +.fa-water:before { + content: "\f773" +} + +.fa-wave-square:before { + content: "\f83e" +} + +.fa-waze:before { + content: "\f83f" +} + +.fa-weebly:before { + content: "\f5cc" +} + +.fa-weibo:before { + content: "\f18a" +} + +.fa-weight:before { + content: "\f496" +} + +.fa-weight-hanging:before { + content: "\f5cd" +} + +.fa-weixin:before { + content: "\f1d7" +} + +.fa-whatsapp:before { + content: "\f232" +} + +.fa-whatsapp-square:before { + content: "\f40c" +} + +.fa-wheelchair:before { + content: "\f193" +} + +.fa-whmcs:before { + content: "\f40d" +} + +.fa-wifi:before { + content: "\f1eb" +} + +.fa-wikipedia-w:before { + content: "\f266" +} + +.fa-wind:before { + content: "\f72e" +} + +.fa-window-close:before { + content: "\f410" +} + +.fa-window-maximize:before { + content: "\f2d0" +} + +.fa-window-minimize:before { + content: "\f2d1" +} + +.fa-window-restore:before { + content: "\f2d2" +} + +.fa-windows:before { + content: "\f17a" +} + +.fa-wine-bottle:before { + content: "\f72f" +} + +.fa-wine-glass:before { + content: "\f4e3" +} + +.fa-wine-glass-alt:before { + content: "\f5ce" +} + +.fa-wix:before { + content: "\f5cf" +} + +.fa-wizards-of-the-coast:before { + content: "\f730" +} + +.fa-wolf-pack-battalion:before { + content: "\f514" +} + +.fa-won-sign:before { + content: "\f159" +} + +.fa-wordpress:before { + content: "\f19a" +} + +.fa-wordpress-simple:before { + content: "\f411" +} + +.fa-wpbeginner:before { + content: "\f297" +} + +.fa-wpexplorer:before { + content: "\f2de" +} + +.fa-wpforms:before { + content: "\f298" +} + +.fa-wpressr:before { + content: "\f3e4" +} + +.fa-wrench:before { + content: "\f0ad" +} + +.fa-x-ray:before { + content: "\f497" +} + +.fa-xbox:before { + content: "\f412" +} + +.fa-xing:before { + content: "\f168" +} + +.fa-xing-square:before { + content: "\f169" +} + +.fa-y-combinator:before { + content: "\f23b" +} + +.fa-yahoo:before { + content: "\f19e" +} + +.fa-yammer:before { + content: "\f840" +} + +.fa-yandex:before { + content: "\f413" +} + +.fa-yandex-international:before { + content: "\f414" +} + +.fa-yarn:before { + content: "\f7e3" +} + +.fa-yelp:before { + content: "\f1e9" +} + +.fa-yen-sign:before { + content: "\f157" +} + +.fa-yin-yang:before { + content: "\f6ad" +} + +.fa-yoast:before { + content: "\f2b1" +} + +.fa-youtube:before { + content: "\f167" +} + +.fa-youtube-square:before { + content: "\f431" +} + +.fa-zhihu:before { + content: "\f63f" +} + +.sr-only { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px +} + +.sr-only-focusable:active, +.sr-only-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto +} + +@font-face { + font-family: "Font Awesome 5 Brands"; + font-style: normal; + font-weight: normal; + font-display: auto; + src: url(../fonts/fa-brands-400.eot); + src: url(../fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-brands-400.woff2) format("woff2"), url(../fonts/fa-brands-400.woff) format("woff"), url(../fonts/fa-brands-400.ttf) format("truetype"), url(../fonts/fa-brands-400.svg#fontawesome) format("svg") +} + +.fab { + font-family: "Font Awesome 5 Brands" +} + +@font-face { + font-family: "Font Awesome 5 Free"; + font-style: normal; + font-weight: 400; + font-display: auto; + src: url(../fonts/fa-regular-400.eot); + src: url(../fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-regular-400.woff2) format("woff2"), url(../fonts/fa-regular-400.woff) format("woff"), url(../fonts/fa-regular-400.ttf) format("truetype"), url(../fonts/fa-regular-400.svg#fontawesome) format("svg") +} + +.far { + font-weight: 400 +} + +@font-face { + font-family: "Font Awesome 5 Free"; + font-style: normal; + font-weight: 900; + font-display: auto; + src: url(../fonts/fa-solid-900.eot); + src: url(../fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../fonts/fa-solid-900.woff2) format("woff2"), url(../fonts/fa-solid-900.woff) format("woff"), url(../fonts/fa-solid-900.ttf) format("truetype"), url(../fonts/fa-solid-900.svg#fontawesome) format("svg") +} + +.fa, +.far, +.fas { + font-family: "Font Awesome 5 Free" +} + +.fa, +.fas { + font-weight: 900 +} \ No newline at end of file diff --git a/css/framework7.bundle.min.css b/css/framework7.bundle.min.css new file mode 100644 index 0000000..999df36 --- /dev/null +++ b/css/framework7.bundle.min.css @@ -0,0 +1,23926 @@ +/** + * Framework7 5.1.3 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: November 17, 2019 + */ + +:root { + --f7-theme-color: #007aff; + --f7-theme-color-rgb: 0, 122, 255; + --f7-theme-color-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-device-pixel-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-right, + :root .popup, + :root .safe-area-right, + :root .safe-areas, + :root .sheet-modal { + --f7-safe-area-right: env(safe-area-inset-right); + --f7-safe-area-outer-right: env(safe-area-inset-right) + } + :root .no-ios-edges, + :root .no-ios-left-edge, + :root .no-safe-area-left, + :root .no-safe-areas { + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px + } + :root .no-ios-edges, + :root .no-ios-right-edge, + :root .no-safe-area-right, + :root .no-safe-areas { + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 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-translucent-opacity: 0.8; + --f7-bars-translucent-blur: 20px; + --f7-bars-shadow-bottom-image: linear-gradient(to bottom, 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%); + --f7-bars-shadow-top-image: linear-gradient(to top, 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%); + --f7-bars-text-color: #000; + --f7-bars-bg-color: #f7f7f8; + --f7-bars-bg-color-rgb: 247, 247, 248 +} + +:root .theme-dark, +:root.theme-dark { + --f7-bars-text-color: #fff +} + +.ios { + --f7-font-family: -apple-system, SF Pro Text, SF UI Text, system-ui, Helvetica Neue, Helvetica, Arial, sans-serif; + --f7-line-height: 1.4; + --f7-text-color: #000; + --f7-bars-border-color: rgba(0, 0, 0, 0.25) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-text-color: #fff; + --f7-bars-bg-color: #121212; + --f7-bars-bg-color-rgb: 22, 22, 22; + --f7-bars-border-color: rgba(255, 255, 255, 0.16) +} + +.md { + --f7-font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif; + --f7-line-height: 1.5; + --f7-bars-border-color: transparent; + --f7-text-color: #212121 +} + +.md .theme-dark, +.md.theme-dark { + --f7-text-color: rgba(255, 255, 255, 0.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, 0.2) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-color: #fff; + --f7-bars-bg-color: #202020; + --f7-bars-border-color: rgba(255, 255, 255, 0.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-theme-color-rgb), 0.3) +} + +:root { + --f7-color-red: #ff3b30; + --f7-color-red-rgb: 255, 59, 48; + --f7-color-red-shade: #ff1407; + --f7-color-red-tint: #ff6259; + --f7-color-green: #4cd964; + --f7-color-green-rgb: 76, 217, 100; + --f7-color-green-shade: #2cd048; + --f7-color-green-tint: #6ee081; + --f7-color-blue: #2196f3; + --f7-color-blue-rgb: 33, 150, 243; + --f7-color-blue-shade: #0c82df; + --f7-color-blue-tint: #48a8f5; + --f7-color-pink: #ff2d55; + --f7-color-pink-rgb: 255, 45, 85; + --f7-color-pink-shade: #ff0434; + --f7-color-pink-tint: #ff5676; + --f7-color-yellow: #ffcc00; + --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-orange-shade: #d67d00; + --f7-color-orange-tint: #ffa629; + --f7-color-purple: #9c27b0; + --f7-color-purple-rgb: 156, 39, 176; + --f7-color-purple-shade: #7e208f; + --f7-color-purple-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; + --f7-color-teal: #009688; + --f7-color-teal-rgb: 0, 150, 136; + --f7-color-teal-shade: #006d63; + --f7-color-teal-tint: #00bfad; + --f7-color-lime: #cddc39; + --f7-color-lime-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; + --f7-color-gray: #8e8e93; + --f7-color-gray-rgb: 142, 142, 147; + --f7-color-gray-shade: #79797f; + --f7-color-gray-tint: #a3a3a7; + --f7-color-white: #ffffff; + --f7-color-white-rgb: 255, 255, 255; + --f7-color-white-shade: #ebebeb; + --f7-color-white-tint: #ffffff; + --f7-color-black: #000000; + --f7-color-black-rgb: 0, 0, 0; + --f7-color-black-shade: #000000; + --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: #ffcc00; + --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: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff +} + +.color-theme-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414 +} + +.color-red { + --f7-theme-color: #ff3b30; + --f7-theme-color-rgb: 255, 59, 48; + --f7-theme-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, 0.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, 0.3) +} + +.color-blue { + --f7-theme-color: #2196f3; + --f7-theme-color-rgb: 33, 150, 243; + --f7-theme-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, 0.3) +} + +.color-pink { + --f7-theme-color: #ff2d55; + --f7-theme-color-rgb: 255, 45, 85; + --f7-theme-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, 0.3) +} + +.color-yellow { + --f7-theme-color: #ffcc00; + --f7-theme-color-rgb: 255, 204, 0; + --f7-theme-color-shade: #d6ab00; + --f7-theme-color-tint: #ffd429 +} + +.text-color-yellow { + --f7-theme-color-text-color: #ffcc00 +} + +.bg-color-yellow { + --f7-theme-color-bg-color: #ffcc00 +} + +.border-color-yellow { + --f7-theme-color-border-color: #ffcc00 +} + +.ripple-color-yellow, +.ripple-yellow { + --f7-theme-color-ripple-color: rgba(255, 204, 0, 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 +} + +.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, 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, 0.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, 0.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, 0.3) +} + +.color-teal { + --f7-theme-color: #009688; + --f7-theme-color-rgb: 0, 150, 136; + --f7-theme-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, 0.3) +} + +.color-lime { + --f7-theme-color: #cddc39; + --f7-theme-color-rgb: 205, 220, 57; + --f7-theme-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 +} + +.border-color-lime { + --f7-theme-color-border-color: #cddc39 +} + +.ripple-color-lime, +.ripple-lime { + --f7-theme-color-ripple-color: rgba(205, 220, 57, 0.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, 0.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: rgba(142, 142, 147, 0.3) +} + +.color-white { + --f7-theme-color: #ffffff; + --f7-theme-color-rgb: 255, 255, 255; + --f7-theme-color-shade: #ebebeb; + --f7-theme-color-tint: #ffffff +} + +.text-color-white { + --f7-theme-color-text-color: #ffffff +} + +.bg-color-white { + --f7-theme-color-bg-color: #ffffff +} + +.border-color-white { + --f7-theme-color-border-color: #ffffff +} + +.ripple-color-white, +.ripple-white { + --f7-theme-color-ripple-color: rgba(255, 255, 255, 0.3) +} + +.color-black { + --f7-theme-color: #000000; + --f7-theme-color-rgb: 0, 0, 0; + --f7-theme-color-shade: #000000; + --f7-theme-color-tint: #141414 +} + +.text-color-black { + --f7-theme-color-text-color: #000000 +} + +.bg-color-black { + --f7-theme-color-bg-color: #000000 +} + +.border-color-black { + --f7-theme-color-border-color: #000000 +} + +.ripple-black, +.ripple-color-black { + --f7-theme-color-ripple-color: rgba(0, 0, 0, 0.3) +} + +@font-face { + font-family: framework7-core-icons; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAA0sABAAAAAAGRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAANEAAAABoAAAAci1jrz0dERUYAAAsIAAAAIwAAACQAfQBXR1BPUwAADOAAAAAuAAAANuAY7+xHU1VCAAALLAAAAbMAAAQuAxQJ5U9TLzIAAAHcAAAASgAAAGBRKF+WY21hcAAAAowAAACIAAABYt6F0cBjdnQgAAADFAAAAAQAAAAEABEBRGdhc3AAAAsAAAAACAAAAAj//wADZ2x5ZgAAA6wAAASlAAAKBIq7ZiloZWFkAAABbAAAADAAAAA2FnYC32hoZWEAAAGcAAAAIAAAACQHgQM9aG10eAAAAigAAABhAAABJC+cAAFsb2NhAAADGAAAAJQAAACURlRI+G1heHAAAAG8AAAAHwAAACAAjwBMbmFtZQAACFQAAAFTAAAC2WC6Sihwb3N0AAAJqAAAAVYAAAJ2B5LxL3jaY2BkYGAA4iKuLVLx/DZfGbiZGEDgZk2iIYz+/+NfL0sa02cgl4MBLA0AJsoLsnjaY2BkYGD6/K+XQY8l7f8PBgaWNAagCArwBACRVQXFeNpjYGRgYPBkkGZgYQABJiBmZACJOTDogQQADdEA3AB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPabPjMUwNYwHwEoUGMQAQ7UMZAAAeNpj2M0gyAACqxgGNWAMAGIdID4A5OwD0rOA+BBI7P9PhuNAMSBmSYOK+wKxExCfBWIJoNzZ/z8Y3YBsF6g4kM2UBpFjBNJMb/7/Z9gNZBtDzGY6CzGHCcQHigMA2dAWtwAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIB3gIAAioCPAJSAmQChAKUAqQC1gLsAv4DHgMwA0IDYANyA5YDtAPEA+oD/AQWBEYEZgR4BIoEsgTIBOIFAnja7VXBTyNVGP++Ke106XamnbYztYeVlukMRmWl03ZwLdAIeCCKZgOKXBY2m15Es8S03lpuSzaSGsOGQPZGoomegI0mmwjVC5uNdZPGgzGc8MDG4ImLmyxTvzfTKmX/A7PJe/O995vXN7/3+37fK3AQBIB1nAYX8NC/hXA5t813wV+pLY/7ILft4mgIWy4Guxm8zXvwaW4bGW4EjaBuBHuDy58VCjhtfRtEg3ZDajW70yg4wMbPsefY/x7jzmAuQl/nbBi6qF/A93CWKkyECCgAUsITllPZtJaSw56ElnabuoiKqX8zlctN5e4uTEwsTOCo/6YgLAqLmM9NDQ1NvT/B4CfCTT8DHQ7NH9Ggj0gAyYTIsZ1GUNfS2dSLKKOOiH/4emTf3p5PjvsOxW2OO/TJPb7dPYYeig7n5hHW8Cu6B16gXRRez+ie3gTbQ46EeSXBWBJbzC9pS3z/yPj8/O3rffx3c2Njc6MrS1olwvfN356fHx/u50fnRkfnbF6gwS6d1w0Q4mlLc7dUUjc2MGsHaHE/wQ1cAS99NRJnixQeN6wHVbVeV6u/p53YWgt+/AlvsP1MVFA3qyiqVr2qTrciYPMJafEyaUH3mZkdQaIfJkmZvJdRcyOdnM68u8vOfyg+Qtch04TmjhLsG2HYdzibREY39zfVSkX9np7lZOf7DFFV+NbrZLmi2jpaK10F7gR8LL9JnRYoJmXU1LkelQtIak+XFOC4/H52v93esH6xTtfW0IUpdK2t/blvtl+ZTw/+ha1TtuxZzZhgdP+auMF0Mr6osYCDJGBbszy+g3nw0EThB2g1vqQeLKqEUeh921mzgG+iBgEaMblsrWz3mFlMC/wyL1MXZG+x6EVNYBOGCXyxyNtnhlms0+/ZfwcMYTzizsQjWLcMrJ8Yxrph2JxrGKW8kG5JZLpitAnRx4+jNScQj+bf8CH8iq+CAECZU2QRBSQmZlaZmOsOBLo/doc8V/yCePHzL8Vun/i1F/m8eNEvOGe4hm8RB+Y1chGvb9qJQc0O4HgcZByj3Pmp+oCSd8bhnpa/j2dCM+pr5uTkJ5NbM8PDM8NLH4RmLtFs0hy4MsKQTr2Yw6jIbHvxrPA6xJKFtbZUpRJhnTxJBPKGw/Paplouq3YdrnAFPCElQwDpAJELeBJI52k76Z51754FzVih0G55hJ2dJuzg+hkQOjXPIPMqQvToKFrDluLtmirgp+RXQN4WzqaFhWpVbTd898yE8tS09rhjrgYxAHfQ1i9oDrMi49GjJ3TsJ9+kFBxU08mfpXRIkqyHkVgsZD2UMCRlpI+441gyGTsN19k8zd5yIcxKBq1scboE9/E60zfrePG/Qr7fab/+gHfZG6YekB03Or8fp/tQsz1vW95E49EN6eoPGLbD+buJ3To63UhqsYizFEqlll+as1yd0+AC8wvlwmDJ6E2EzlR1Y/VOo3FndbWcLVOrsOcr2NdoWL818G7FLJfNiv08X7f2N+OZuF5n9Wo9wMEqrrBh2q5bF+PHGcSP1RTlJphxqop1zjitO52USS/Z7bxuAceWrJadPwMy5C2ev+V1rIhXn9HtH4d0614AAAB42q2QvU7DMBSFj9u0EgyIgewe26qJnA79G6nUpQtiyB5S01ht4sqNVFW8DBsbIxtPwcLEzltw7RqJoQNDI135y/G59rkGcIVXMBy/Du49M4R48dzAJT48N5GwW88BQvbsuYVr9um5jbARkpMFF/R357osM/Tw5LmBG7x7buIBX54D9FjtuQXO3jy3Sf/GDBpbHGCgsEKBGpwy5+jSOoBAggn6xCk2yLAkV0llSFmQOyOyeklnKLeLmd4ejFoVNe/kXT4QyaTP0022VKUyfFFkZpOVW7Uk5yM121aJPYUwWGOEiK62LImU4wo7spqslHtt1qMo10ZGKtcVySe9fw1zJ9ZuNTSfdFPFNBfHlOr/EY7+BENSx1S/b4O5ruq5NivJB7HgU34yKunJMBpH9jnOMXhKPkP7yvk4ZbFpYrfa2ZBKs1O64kIksRCCn+HSH1E3hiEAeNptkAlPwkAUhGfAAxAsyCV4/hbjfd+3aWq7SiN0yXY5/rzRhVKhiZs06b5v3rzZhxTG5+cbxH/nyHxECmkUUUYFVdRQxyoaaGIN69jBLvawjwMcGu0xTnCKM5zjApe4wjVucIs73OMBj3jCM17wijemmOYc57nARWaYZY5LzLPAZVosssQVlllhlTXWucoGm1zjOje4yS1u50LhKLdl+zIsuS3RVzKwlf/Z0qNKdgI7nhWztvjQ5l5wlJKD+LZkqPv1Lofmv5hQGpNCwjY/i2uB1P6H7zraNxW3LUMx6rAi83eptewYy6xyPF+OSDnu9uQgsJ2ekspZDKUahwgHflcoOxBDbf0FijS5uK/XLUzeFIHSFEwq+dkRlifaQgtbyV7gzczoKtHPTphZRlcrO8o8m3G8gKlplMcIisk9m5UlphjFcmQW88z4haZeSXZG3r8TK74rAAAAAAAB//8AAnjaY2BkYGDgAWIZIGYCQmYGTQZGBi0GDyCbBSzGAAANdgDVAHjadVJJTgJBFH1FdwKOIKB0lEEGwSDOs+KsaDyDGzYaE+LCEA/gwjMY4zlcegbjEYwLb4HvVwM9hXS6q/q9V/+/+v9DARhGFjWoVrP9gAhMIuh0IIxq3d81icH+I2fqNQJl/CKMJJ5C7dC3YRolow6D+Dwa2EAUeT5ZlLmb4Frkk0Waf2kkqBh38XlYmEKKCptdwpiLnWGOyT4XxSyu8Yg3fOJHmaqsGupWPat39aG+1B+uqE7xndPnM77oMZQ0nufulNG8SieTW7cV0CW0s4xPV+c9vboScj7NQkDjdmcRK2CFukG+bMV5QOGv4CLXQTGE3+3ycUzr7lR8PlfZgUEZzjAaOGv7WusywawHAaZXw2WMBKKJwz3OZLCaMl9V9v+CHpM6epFvVGtKVCX6Xg65G6SQ+McY8vCCyXSv85YyrRZ9W3QV03vbQZx6iZ3sZ5ETJ6xVkfGlgs7UOvwmM8UYXZAeHiZSYx9vOMkveMU+YyT1+Thv7e3FEStU5rkcFZIlx6/UZceHZ7hW6KTKyrlj2Rlr+r4OKve9ZDUlhzNZ23TWQ+yKiNM4dxmdt/APtJZExAB42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPpmTaIhjAYAPREFnQAA") format("woff"); + font-weight: 400; + font-style: normal +} + +@font-face { + font-family: framework7-skeleton; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAYQAA0AAAAAEcQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAF9AAAABkAAAAciVvoDU9TLzIAAAGcAAAASwAAAGBRtV1jY21hcAAAAfwAAAC8AAABamglddJjdnQgAAACuAAAAAQAAAAEABEBRGdhc3AAAAXsAAAACAAAAAj //wADZ2x5ZgAAA2wAAACUAAAJjHCzhiRoZWFkAAABMAAAAC4AAAA2ERr/HWhoZWEAAAFgAAAAGgAAACQC8ADFaG10eAAAAegAAAATAAAAtAMAABFsb2NhAAACvAAAAK4AAACuaNBmhG1heHAAAAF8AAAAHwAAACAAmgA5bmFtZQAABAAAAAFQAAACuLf6wytwb3N0AAAFUAAAAJkAAADOCKMIc3jaY2BkYGAA4lUx8ibx/DZfGbiZGEDgRu39AAT9/wAjA+MBIJeDASwNACBICpsAAHjaY2BkYGA88P8Agx6QAQSMYIQCWABQZgK3AAB42mNgZGBgCGPgYGBiAAEQycgAEnNg0AMJAAANJwDUAHjaY2BhZGCcwMDKwMDow5jGwMDgDqW/MkgytDAwMDGwcjLAACMDEghIc01haGBQYKhlPPD/AIMe4wEGB5gaxgNAHgNQjhEA6dgLvQB42mNkYBBkAAJGKB4KAAAOfQAVAHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMSgxWDNEMsQz1D7/z9QXIFBjUGHwRHIT/z////j/w/+3/9/6//N/zeg5iABRjYGuCAjE5BgQlcAdAILK5DBxs7BycXAzcPLxy8gKCQsIiomLiEpBVYjLSMrJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZs5gwWBpZW1ja2fv4Ojk7OLq5u7h6eXt4+vnHxAYFBwSyjDgAABJLiG7ABEBRAAAACoAKgAqADgARgBUAGIAcAB+AIwAmgCoALYAxADYAOYA9AECARABHgEsAToBSAFWAWQBcgGAAY4BnAGqAbgBxgHUAeIB8AH+AgwCGgIoAjYCRAJSAmACbgJ8AooCmAKmArQCwgLQAt4C8gMAAw4DHAMqAzgDRgNUA2IDcAN+A4wDmgOoA7YDxAPSA+AD7gP8BAoEGAQmBDQEQgRQBF4EbAR6BIgEnASqBLgExgAAeNpjYGIQZGBgmMkYysDMwM6gt5GRQd9mEzsLw1ujjWysd2w2MTMBmQwbmUHCrCDhTexsjH9sNjGCxI0FjQXVjQWVBTvK09IYQ/+tFmQ0BprGyMDw/wAjA+MBoJkMooKKgowMDkwM/xgYRuVwyjEhybFDZBXBKv4zQFVBVI6G36jcqNyo3GiZMSo3Kjes8hQAx51w5njapZC9agJBFIXP+EfSBMEXmEoU3GVcBNFWsLEJKbYKhEUnOrjryrggkgfIQ6RMnzZVHiBNijxM6pydHUiRFAEXLvebc8+duXcBXOEFAtXXw41ngQ6ePddwgXfPdYRCeW6gIx49N9EWb55b1L/oFI1Lnq5dV8kCXTx4rqGNV8913OLTcwNdcee5CSmePLeof2CGHHucYGGwxgYFJGdeos8cQWGICQbkGCkSrOjKGJbKgu6EVOoZ7zCuilm+P1mz3hSyt+zLSA0nAxmnycpkxsrFJrFpku3Nis57NpetGkcOYbHFGAEOzJqXao6SY0ebTTJ9zO12HBy2OtVFTvGX66c0d0LhsuVO2m0ScheJKeN/z1beESuRi+pPYJ7vinlu11pGoZJT+cdwVEdBFJSbn7djzLql1/iBlBsidLlcBrG2B8MHlRqGSil51nPfEi6AO3jaXc5ZM4IBAEbhp9RF1FhCRbmyVNYskSXG0CaEQvaf2j/LN112bt6Zc/HOETZiOJAJJmSc15ENmxARFTNpSlzCtBmz5iTNW7AoJR08LFmWlbNi1Zp1G/IKijZt2bZj156SfQcOHSk7dqLi1JlzF6ouXbl241ZNXUNTy522ew8edTx59qKrF3S9edf34dOXbz9+/f0DgycTFgAAAAAAAAH//wACeNpjYGBgZACCGwmaOWC69n4AjAYARC0G1wAAAA==") format("woff"); + font-weight: 300, 400, 500, 600, 700; + font-style: normal, italic +} + +.framework7-root, +body, +html { + position: relative; + height: 100%; + width: 100%; + overflow-x: hidden +} + +body { + margin: 0; + padding: 0; + width: 100%; + background: #fff; + overflow: hidden; + -webkit-text-size-adjust: 100%; + -webkit-font-smoothing: antialiased; + font-family: var(--f7-font-family); + font-size: var(--f7-font-size); + line-height: var(--f7-line-height); + color: var(--f7-text-color) +} + +.theme-dark { + color: var(--f7-text-color) +} + +.framework7-root { + overflow: hidden; + box-sizing: border-box +} + +.framework7-initializing *, +.framework7-initializing :after, +.framework7-initializing :before { + transition-duration: 0s !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: transparent; + -webkit-touch-callout: none +} + +a, +input, +select, +textarea { + outline: 0 +} + +a { + cursor: pointer; + text-decoration: none; + color: var(--f7-theme-color) +} + +.item-link, +.link { + cursor: pointer +} + +p { + margin: 1em 0 +} + +.disabled { + opacity: .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 .md-only, +.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 + } +} + +.md .aurora-only, +.md .if-aurora, +.md .if-ios, +.md .if-not-md, +.md .ios-only, +.md .not-md { + display: none !important +} + +.aurora .if-ios, +.aurora .if-md, +.aurora .if-not-aurora, +.aurora .ios-only, +.aurora .md-only, +.aurora .not-aurora { + display: none !important +} + +.view, +.views { + position: relative; + height: 100%; + z-index: 5000; + overflow: hidden; + box-sizing: border-box +} + +.framework7-root>.view, +.framework7-root>.views { + height: calc(100% - var(--f7-appbar-app-offset, 0px)) +} + +:root { + --f7-page-master-width: 320px; + --f7-page-master-border-color: rgba(0, 0, 0, 0.1); + --f7-page-master-border-width: 1px; + --f7-page-swipeback-transition-duration: 300ms +} + +.ios { + --f7-page-transition-duration: 400ms; + --f7-page-bg-color: #efeff4 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-page-bg-color: #000 +} + +.md { + --f7-page-transition-duration: 250ms; + --f7-page-bg-color: #fff +} + +.md .theme-dark, +.md.theme-dark { + --f7-page-bg-color: #121212 +} + +.aurora { + --f7-page-transition-duration: 400ms; + --f7-page-bg-color: #f3f3f3 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-page-bg-color: #121212 +} + +.theme-dark { + --f7-page-master-border-color: rgba(255, 255, 255, 0.1) +} + +.pages { + position: relative; + width: 100%; + height: 100%; + overflow: hidden +} + +.page { + box-sizing: border-box; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: none; + background-color: var(--f7-page-bg-color); + 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 { + overflow: auto; + -webkit-overflow-scrolling: touch; + box-sizing: border-box; + height: 100%; + position: relative; + z-index: 1; + 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)); + padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px)) +} + +.page-transitioning, +.page-transitioning .page-opacity-effect, +.page-transitioning .page-shadow-effect { + transition-duration: var(--f7-page-transition-duration) +} + +.page-transitioning-swipeback, +.page-transitioning-swipeback .page-opacity-effect, +.page-transitioning-swipeback .page-shadow-effect { + transition-duration: var(--f7-page-swipeback-transition-duration) +} + +.router-transition-backward .page-current, +.router-transition-backward .page-next, +.router-transition-backward .page-previous:not(.stacked), +.router-transition-forward .page-current, +.router-transition-forward .page-next, +.router-transition-forward .page-previous:not(.stacked) { + pointer-events: none +} + +.page-shadow-effect { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%) +} + +.page-opacity-effect { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, .1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000 +} + +.ios .page-previous { + transform: translate3d(-20%, 0, 0) +} + +.ios .page-next { + transform: translate3d(100%, 0, 0) +} + +.ios .page-previous .page-opacity-effect { + opacity: 1 +} + +.ios .page-previous:after { + opacity: 1 +} + +.ios .page-current .page-shadow-effect { + 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 { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-forward .page-current { + animation: ios-page-current-to-previous var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, .1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-in var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .page-previous { + animation: ios-page-previous-to-current var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, .1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .page-current { + animation: ios-page-current-to-next var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .page-current:before { + position: absolute; + top: 0; + width: 16px; + bottom: 0; + z-index: -1; + content: ''; + opacity: 0; + right: 100%; + background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%); + animation: ios-page-element-fade-out var(--f7-page-transition-duration) forwards +} + +@keyframes ios-page-next-to-current { + from { + transform: translate3d(100%, 0, 0) + } + to { + transform: translate3d(0%, 0, 0) + } +} + +@keyframes ios-page-previous-to-current { + from { + transform: translate3d(-20%, 0, 0) + } + to { + transform: translate3d(0%, 0, 0) + } +} + +@keyframes ios-page-current-to-previous { + from { + transform: translate3d(0, 0, 0) + } + to { + transform: translate3d(-20%, 0, 0) + } +} + +@keyframes ios-page-current-to-next { + from { + transform: translate3d(0, 0, 0) + } + to { + transform: translate3d(100%, 0, 0) + } +} + +@keyframes ios-page-element-fade-in { + from { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes ios-page-element-fade-out { + from { + opacity: 1 + } + to { + opacity: 0 + } +} + +.md .page-next { + transform: translate3d(0, 56px, 0); + opacity: 0; + pointer-events: none +} + +.md .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0) +} + +.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: none +} + +.md .router-transition-backward .page-current { + animation: md-page-current-to-next var(--f7-page-transition-duration) forwards +} + +.md .router-transition-backward .page-previous { + animation: none +} + +@keyframes md-page-next-to-current { + from { + transform: translate3d(0, 56px, 0); + opacity: 0 + } + to { + transform: translate3d(0, 0px, 0); + opacity: 1 + } +} + +@keyframes md-page-current-to-next { + from { + transform: translate3d(0, 0, 0); + opacity: 1 + } + to { + transform: translate3d(0, 56px, 0); + opacity: 0 + } +} + +.aurora .page-next { + pointer-events: none; + transform: translate3d(100%, 0px, 0) +} + +.aurora .page-next.page-next-on-right { + transform: translate3d(100%, 0, 0) +} + +.aurora .page-previous .page-opacity-effect { + opacity: 1 +} + +.aurora .page-previous:after { + opacity: 1 +} + +.aurora .router-transition-forward .page-next { + animation: aurora-page-next-to-current var(--f7-page-transition-duration) forwards +} + +.aurora .router-transition-forward .page-current { + animation: none +} + +.aurora .router-transition-forward .page-current:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, .1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: aurora-page-element-fade-in var(--f7-page-transition-duration) forwards +} + +.aurora .router-transition-backward .page-current { + animation: aurora-page-current-to-next var(--f7-page-transition-duration) forwards +} + +.aurora .router-transition-backward .page-previous { + animation: none +} + +.aurora .router-transition-backward .page-previous:after { + position: absolute; + left: 0; + top: 0; + background: rgba(0, 0, 0, .1); + width: 100%; + bottom: 0; + content: ''; + opacity: 0; + z-index: 10000; + animation: aurora-page-element-fade-out var(--f7-page-transition-duration) forwards +} + +@keyframes aurora-page-next-to-current { + from { + transform: translate3d(100%, 0, 0) + } + to { + transform: translate3d(0, 0px, 0) + } +} + +@keyframes aurora-page-current-to-next { + from { + transform: translate3d(0, 0, 0) + } + to { + transform: translate3d(100%, 0, 0) + } +} + +@keyframes aurora-page-element-fade-in { + from { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes aurora-page-element-fade-out { + from { + opacity: 1 + } + to { + opacity: 0 + } +} + +.view:not(.view-master-detail) .page-master-stacked { + display: none +} + +.view:not(.view-master-detail) .navbar-master-stacked { + display: none +} + +.view-master-detail .navbar-master, +.view-master-detail .page-master { + width: var(--f7-page-master-width); + --f7-safe-area-right: 0px; + --f7-safe-area-outer-right: 0px; + border-right: var(--f7-page-master-border-width) solid var(--f7-page-master-border-color) +} + +.view-master-detail .navbar-master-detail, +.view-master-detail .page-master-detail { + width: calc(100% - var(--f7-page-master-width)); + --f7-safe-area-left: 0px; + --f7-safe-area-outer-left: 0px; + left: var(--f7-page-master-width) +} + +.view-master-detail .page-master { + z-index: 2; + transform: none; + pointer-events: auto +} + +.view-master-detail .page-master:after, +.view-master-detail .page-master:before { + display: none +} + +.view-master-detail.router-transition .page-master { + animation: none +} + +.aurora .router-transition-custom .page-next, +.aurora .router-transition-custom .page-previous, +.ios .router-transition-custom .page-next, +.ios .router-transition-custom .page-previous, +.md .router-transition-custom .page-next, +.md .router-transition-custom .page-previous { + opacity: 1; + transform: none +} + +.router-transition-f7-circle-backward:after, +.router-transition-f7-circle-forward:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 100vmax; + height: 100vmax; + margin-left: -50vmax; + margin-top: -50vmax; + background: var(--f7-page-bg-color); + z-index: 100 +} + +.router-transition-f7-circle-forward:after { + transform: scale(0); + border-radius: 50%; + animation: f7-circle-circle-in .4s forwards +} + +.router-transition-f7-circle-forward .page-next { + opacity: 0 !important; + transform: scale(.9) !important; + animation: f7-circle-next-to-current .3s forwards; + animation-delay: .3s; + z-index: 150 +} + +.router-transition-f7-circle-backward:after { + animation: f7-circle-circle-out .3s forwards; + animation-delay: 350ms +} + +.router-transition-f7-circle-backward .page-current { + animation: f7-circle-current-to-next .7s forwards; + z-index: 150 +} + +@keyframes f7-circle-circle-in { + from { + transform: scale(0); + border-radius: 50% + } + 50% { + border-radius: 50% + } + to { + transform: scale(1); + border-radius: 0% + } +} + +@keyframes f7-circle-circle-out { + from { + transform: scale(1); + border-radius: 0% + } + 50% { + border-radius: 50% + } + to { + transform: scale(0); + border-radius: 50% + } +} + +@keyframes f7-circle-next-to-current { + from { + transform: scale(.9); + opacity: 0 + } + 40% { + transform: scale(1.035); + opacity: 1 + } + to { + transform: scale(1); + opacity: 1 + } +} + +@keyframes f7-circle-current-to-next { + from { + transform: scale(1); + opacity: 1 + } + 34% { + transform: scale(1.035); + opacity: 1 + } + 57% { + transform: scale(.9); + opacity: 0 + } + to { + transform: scale(.9); + opacity: 0 + } +} + +.router-transition-f7-cover-v-backward, +.router-transition-f7-cover-v-forward { + background: #000; + perspective: 1200px +} + +.router-transition-f7-cover-v-forward .page-next { + animation: f7-cover-v-next-to-current 450ms forwards +} + +.router-transition-f7-cover-v-forward .page-current { + animation: f7-cover-v-current-to-prev 450ms forwards +} + +.router-transition-f7-cover-v-backward .page-current { + animation: f7-cover-v-current-to-next 450ms forwards +} + +.router-transition-f7-cover-v-backward .page-previous { + animation: f7-cover-v-prev-to-current 450ms forwards +} + +@keyframes f7-cover-v-next-to-current { + from { + transform: translateY(100%) + } + to { + transform: translateY(0%) + } +} + +@keyframes f7-cover-v-current-to-next { + from { + transform: translateY(0%) + } + to { + transform: translateY(100%) + } +} + +@keyframes f7-cover-v-current-to-prev { + from { + transform: translateZ(0); + opacity: 1 + } + to { + transform: translateZ(-300px); + opacity: .5 + } +} + +@keyframes f7-cover-v-prev-to-current { + from { + transform: translateZ(-300px); + opacity: .5 + } + to { + transform: translateZ(0); + opacity: 1 + } +} + +.router-transition-f7-cover-backward, +.router-transition-f7-cover-forward { + background: #000; + perspective: 1200px +} + +.router-transition-f7-cover-forward .page-next { + animation: f7-cover-next-to-current 450ms forwards +} + +.router-transition-f7-cover-forward .page-current { + animation: f7-cover-current-to-prev 450ms forwards +} + +.router-transition-f7-cover-backward .page-current { + animation: f7-cover-current-to-next 450ms forwards +} + +.router-transition-f7-cover-backward .page-previous { + animation: f7-cover-prev-to-current 450ms forwards +} + +@keyframes f7-cover-next-to-current { + from { + transform: translateX(100%) + } + to { + transform: translateX(0%) + } +} + +@keyframes f7-cover-current-to-next { + from { + transform: translateX(0%) + } + to { + transform: translateX(100%) + } +} + +@keyframes f7-cover-current-to-prev { + from { + transform: translateZ(0); + opacity: 1 + } + to { + transform: translateZ(-300px); + opacity: .5 + } +} + +@keyframes f7-cover-prev-to-current { + from { + transform: translateZ(-300px); + opacity: .5 + } + to { + transform: translateZ(0); + opacity: 1 + } +} + +.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-to-current .5s forwards +} + +.router-transition-f7-dive-forward .page-current { + animation: f7-dive-current-to-prev .5s forwards +} + +.router-transition-f7-dive-backward .page-current { + animation: f7-dive-current-to-next .5s forwards +} + +.router-transition-f7-dive-backward .page-previous { + animation: f7-dive-prev-to-current .5s forwards +} + +@keyframes f7-dive-next-to-current { + from { + opacity: 0; + transform: translateZ(-150px) + } + 50% { + opacity: 0 + } + to { + opacity: 1; + transform: translateZ(0px) + } +} + +@keyframes f7-dive-current-to-next { + from { + opacity: 1; + transform: translateZ(0px) + } + 50% { + opacity: 0 + } + to { + opacity: 0; + transform: translateZ(-150px) + } +} + +@keyframes f7-dive-current-to-prev { + from { + transform: translateZ(0px); + opacity: 1 + } + 50% { + opacity: 0 + } + to { + opacity: 0; + transform: translateZ(150px) + } +} + +@keyframes f7-dive-prev-to-current { + from { + opacity: 0; + transform: translateZ(150px) + } + 50% { + opacity: 0 + } + to { + 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 { + opacity: 0 !important; + animation: f7-fade-in .5s forwards +} + +.router-transition-f7-fade-forward .page-current { + animation: f7-fade-out .5s forwards +} + +.router-transition-f7-fade-backward .page-current { + animation: f7-fade-out .5s forwards +} + +.router-transition-f7-fade-backward .page-previous { + animation: f7-fade-in .5s forwards +} + +@keyframes f7-fade-in { + from { + opacity: 0 + } + 50% { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes f7-fade-out { + from { + opacity: 1 + } + 50% { + opacity: 0 + } + to { + opacity: 0 + } +} + +.router-transition-f7-flip-backward, +.router-transition-f7-flip-forward { + background: #000; + perspective: 1200px +} + +.router-transition-f7-flip-backward .page, +.router-transition-f7-flip-forward .page { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.router-transition-f7-flip-forward .page-next { + animation: f7-flip-next-to-current .7s forwards +} + +.router-transition-f7-flip-forward .page-current { + animation: f7-flip-current-to-prev .7s forwards +} + +.router-transition-f7-flip-backward .page-current { + animation: f7-flip-current-to-next .7s forwards +} + +.router-transition-f7-flip-backward .page-previous { + animation: f7-flip-prev-to-current .7s forwards +} + +@keyframes f7-flip-next-to-current { + from { + border-radius: 30px; + transform: translateZ(-100vmax) rotateY(180deg) + } + to { + border-radius: 0; + transform: translateZ(0px) rotateY(0deg) + } +} + +@keyframes f7-flip-current-to-next { + from { + border-radius: 0px; + transform: translateZ(0px) rotateY(0deg) + } + to { + border-radius: 30px; + transform: translateZ(-100vmax) rotateY(180deg) + } +} + +@keyframes f7-flip-current-to-prev { + from { + border-radius: 0px; + transform: translateZ(0px) rotateY(0deg) + } + to { + border-radius: 30px; + transform: translateZ(-100vmax) rotateY(-180deg) + } +} + +@keyframes f7-flip-prev-to-current { + from { + border-radius: 30px; + transform: translateZ(-100vmax) rotateY(-180deg) + } + to { + border-radius: 0px; + transform: translateZ(0px) rotateY(0deg) + } +} + +.router-transition-f7-parallax-forward .page-next { + animation: f7-parallax-next-to-current .5s forwards +} + +.router-transition-f7-parallax-forward .page-current { + animation: f7-parallax-current-to-prev .5s forwards +} + +.router-transition-f7-parallax-backward .page-current { + animation: f7-parallax-current-to-next .5s forwards +} + +.router-transition-f7-parallax-backward .page-previous { + animation: f7-parallax-prev-to-current .5s forwards +} + +@keyframes f7-parallax-next-to-current { + from { + transform: translateX(100%) + } + to { + transform: translateX(0%) + } +} + +@keyframes f7-parallax-current-to-next { + from { + transform: translateX(0%) + } + to { + transform: translateX(100%) + } +} + +@keyframes f7-parallax-current-to-prev { + from { + transform: translateX(0%) + } + to { + transform: translateX(-20%) + } +} + +@keyframes f7-parallax-prev-to-current { + from { + transform: translateX(-20%) + } + to { + transform: translateX(0%) + } +} + +.router-transition-f7-push-forward .page-next { + animation: f7-push-next-to-current .5s forwards +} + +.router-transition-f7-push-forward .page-current { + animation: f7-push-current-to-prev .5s forwards +} + +.router-transition-f7-push-backward .page-current { + animation: f7-push-current-to-next .5s forwards +} + +.router-transition-f7-push-backward .page-previous { + animation: f7-push-prev-to-current .5s forwards +} + +@keyframes f7-push-next-to-current { + from { + transform: translateX(100%) + } + to { + transform: translateX(0%) + } +} + +@keyframes f7-push-current-to-next { + from { + transform: translateX(0%) + } + to { + transform: translateX(100%) + } +} + +@keyframes f7-push-current-to-prev { + from { + transform: translateX(0%) + } + to { + transform: translateX(-100%) + } +} + +@keyframes f7-push-prev-to-current { + from { + transform: translateX(-100%) + } + to { + transform: translateX(0%) + } +} + +:root { + --f7-link-highlight-black: rgba(0, 0, 0, 0.1); + --f7-link-highlight-white: rgba(255, 255, 255, 0.15); + --f7-link-highlight-color: var(--f7-link-highlight-black) +} + +.theme-dark { + --f7-link-highlight-color: var(--f7-link-highlight-white) +} + +.link, +.tab-link { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + position: relative; + box-sizing: border-box; + z-index: 1 +} + +.link i+i, +.link i+span, +.link span+i, +.link span+span { + margin-left: 4px +} + +.ios .link { + transition: opacity .3s +} + +.ios .link.active-state { + opacity: .3; + transition-duration: 0s +} + +.aurora .link { + transition: opacity .3s +} + +.aurora .link.active-state { + opacity: .3; + transition-duration: 0s +} + +:root { + --f7-navbar-hide-show-transition-duration: 400ms; + --f7-navbar-title-line-height: 1.2; + --f7-navbar-title-font-size: inherit; + --f7-navbar-subtitle-text-align: inherit; + --f7-navbar-large-title-line-height: 1.2; + --f7-navbar-large-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-navbar-font-size: 17px; + --f7-navbar-inner-padding-left: 8px; + --f7-navbar-inner-padding-right: 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; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 52px; + --f7-navbar-large-title-font-size: 34px; + --f7-navbar-large-title-font-weight: 700; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-vertical: 6px; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.55) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.55) +} + +.md { + --f7-navbar-height: 56px; + --f7-navbar-tablet-height: 64px; + --f7-navbar-font-size: 20px; + --f7-navbar-inner-padding-left: 0px; + --f7-navbar-inner-padding-right: 0px; + --f7-navbar-title-font-weight: 500; + --f7-navbar-title-margin-left: 16px; + --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-large-title-font-size: 34px; + --f7-navbar-large-title-height: 56px; + --f7-navbar-large-title-font-weight: 500; + --f7-navbar-large-title-letter-spacing: 0; + --f7-navbar-large-title-padding-vertical: 8px; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.85) +} + +.md .theme-dark, +.md.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.85) +} + +.aurora { + --f7-navbar-height: 38px; + --f7-navbar-tablet-height: 38px; + --f7-navbar-font-size: 14px; + --f7-navbar-inner-padding-left: 16px; + --f7-navbar-inner-padding-right: 16px; + --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: 12px; + --f7-navbar-subtitle-line-height: 1; + --f7-navbar-shadow-image: none; + --f7-navbar-large-title-height: 38px; + --f7-navbar-large-title-font-size: 26px; + --f7-navbar-large-title-font-weight: bold; + --f7-navbar-large-title-letter-spacing: -0.03em; + --f7-navbar-large-title-padding-vertical: 4px; + --f7-navbar-link-height: auto; + --f7-navbar-link-line-height: inherit; + --f7-navbar-subtitle-text-color: rgba(0, 0, 0, 0.6) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-navbar-subtitle-text-color: rgba(255, 255, 255, 0.5) +} + +.navbar, +.navbars { + z-index: 500; + left: 0; + top: 0; + width: 100% +} + +.navbars { + position: absolute +} + +.navbars .navbar { + z-index: auto +} + +.navbar { + --f7-navbar-large-collapse-progress: 0; + position: relative; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + height: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)); + color: var(--f7-navbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-navbar-font-size) +} + +.navbar.stacked { + display: none +} + +.navbar b { + font-weight: 500 +} + +.navbar a { + color: var(--f7-navbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.navbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-navbar-link-line-height, var(--f7-navbar-height)); + height: var(--f7-navbar-link-height, var(--f7-navbar-height)) +} + +.navbar .left, +.navbar .right, +.navbar .title { + position: relative; + z-index: 10 +} + +.navbar .title { + position: relative; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + flex-shrink: 10; + font-weight: var(--f7-navbar-title-font-weight); + display: inline-block; + line-height: var(--f7-navbar-title-line-height); + text-align: var(--f7-navbar-title-text-align); + font-size: var(--f7-navbar-title-font-size); + margin-left: var(--f7-navbar-title-margin-left); + margin-right: var(--f7-navbar-title-margin-left) +} + +.navbar .subtitle { + display: block; + color: var(--f7-navbar-subtitle-text-color); + font-weight: 400; + font-size: var(--f7-navbar-subtitle-font-size); + line-height: var(--f7-navbar-subtitle-line-height); + text-align: var(--f7-navbar-subtitle-text-align) +} + +.navbar .left, +.navbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center +} + +.navbar .right:first-child { + position: absolute; + height: 100% +} + +.navbar .no-border .navbar-bg:after, +.navbar .no-hairline .navbar-bg:after, +.navbar.no-border .navbar-bg:after, +.navbar.no-hairline .navbar-bg:after { + display: none !important +} + +.navbar .no-border .title-large:after, +.navbar .no-hairline .title-large:after, +.navbar.no-border .title-large:after, +.navbar.no-hairline .title-large:after { + display: none !important +} + +.navbar .no-shadow .navbar-bg:before, +.navbar.no-shadow .navbar-bg:before { + display: none !important +} + +.navbar-hidden .navbar .navbar-bg:before, +.navbar.navbar-hidden .navbar-bg:before { + opacity: 0 !important +} + +.navbar-bg { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 0; + background: var(--f7-navbar-bg-color); + background-image: var(--f7-navbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-navbar-bg-color, var(--f7-bars-bg-color)); + transition-property: transform +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .navbar-bg { + background-color: rgba(var(--f7-navbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.navbar-bg:after, +.navbar-bg:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.navbar-bg:after { + content: ''; + position: absolute; + background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.navbar-bg:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-navbar-shadow-image) +} + +.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, +.navbar-transitioning .navbar-bg, +.navbar-transitioning .navbar-bg:before, +.navbar-transitioning .right, +.navbar-transitioning .subnavbar, +.navbar-transitioning .title, +.navbar-transitioning .title-large-text { + transition-duration: var(--f7-navbar-hide-show-transition-duration) +} + +.navbar-page-transitioning { + transition-duration: var(--f7-page-swipeback-transition-duration) !important +} + +.navbar-page-transitioning .navbar-bg, +.navbar-page-transitioning .title-large-text { + transition-duration: var(--f7-page-swipeback-transition-duration) !important +} + +.navbar-hidden { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height)), 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-statusbar { + transform: translate3d(0, calc(-1 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0) +} + +.navbar-large-hidden .navbar-large { + --f7-navbar-large-collapse-progress: 1 +} + +.navbar-inner { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + 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: translate3d(0, 0, 0) +} + +.navbars>.navbar, +.page>.navbar, +.view>.navbar, +.views>.navbar { + position: absolute +} + +.ios .router-navbar-transition-from-large .navbar-bg, +.ios .router-navbar-transition-to-large .navbar-bg, +.navbar-bg.ios-swipeback-navbar-bg-large, +.navbar-large .navbar-bg, +.navbar-large-transparent .navbar-bg.ios-swipeback-navbar-bg-large { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0) +} + +.navbar-large-transparent .navbar-bg { + opacity: var(--f7-navbar-large-collapse-progress); + height: 100%; + transform: none +} + +.ios .navbar:not(.navbar-large) .navbar-bg { + --f7-navbar-large-collapse-progress: 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 { + box-sizing: border-box; + position: absolute; + left: 0; + right: 0; + top: 100%; + display: flex; + align-items: flex-end; + white-space: nowrap; + overflow: hidden; + height: var(--f7-navbar-large-title-height); + z-index: 5 +} + +.navbar .title-large-text { + text-overflow: ellipsis; + white-space: nowrap; + color: var(--f7-navbar-large-title-text-color); + letter-spacing: var(--f7-navbar-large-title-letter-spacing); + font-size: var(--f7-navbar-large-title-font-size); + font-weight: var(--f7-navbar-large-title-font-weight); + line-height: var(--f7-navbar-large-title-line-height); + padding-left: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-navbar-large-title-padding-right) + var(--f7-safe-area-right)); + padding-top: var(--f7-navbar-large-title-padding-vertical); + padding-bottom: var(--f7-navbar-large-title-padding-vertical); + box-sizing: border-box; + overflow: hidden; + width: 100%; + transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0); + transform-origin: calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center +} + +.navbar-no-title-large-transition .title-large-text { + transition-duration: 0s +} + +.navbars~*, +.navbar~* { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)) +} + +.navbars~* .page-with-navbar-large, +.navbars~.page-with-navbar-large, +.navbar~* .page-with-navbar-large, +.navbar~.page-with-navbar-large, +.page-with-navbar-large .navbar~* { + --f7-page-navbar-offset: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top)) +} + +.page.no-navbar, +.page.no-navbar .navbar~* { + --f7-page-navbar-offset: var(--f7-safe-area-top) +} + +.ios { + --f7-navbarLeftTextOffset: calc(4px + 12px + var(--f7-navbar-inner-padding-left)); + --f7-navbarTitleLargeOffset: var(--f7-navbar-large-title-padding-left); + --f7-navbar-large-transparent-bg-center: translateX(0); + --f7-navbar-large-bg-center-top: translateX(0) translateY(calc(-1 * var(--f7-navbar-large-title-height))); + --f7-navbar-large-bg-center-bottom: translateX(0) translateY(0); + --f7-navbar-large-transparent-bg-left: translateX(-100%); + --f7-navbar-large-bg-left-top: translateX(-100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); + --f7-navbar-large-bg-left-bottom: translateX(-100%) translateY(0); + --f7-navbar-large-bg-right-top: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))); + --f7-navbar-large-bg-right-bottom: translateX(100%) translateY(0) +} + +.ios .navbar a.icon-only { + width: 44px; + margin: 0; + justify-content: center +} + +.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-area-right)) +} + +.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 { + text-align: left; + margin-right: 10px +} + +.ios .navbar-next .fading, +.ios .navbar-next .left, +.ios .navbar-next .right, +.ios .navbar-next .subnavbar, +.ios .navbar-next .title, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .fading, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .left, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .right, +.ios .view-master-detail .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) .navbar-previous .left, +.ios .view:not(.view-master-detail) .navbar-previous .right, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .title { + opacity: 0 +} + +.ios .view-master-detail .navbar-previous:not(.navbar-master), +.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: 0s +} + +.ios .view-master-detail .navbar-previous:not(.navbar-master) .title-large .title-large-text, +.ios .view:not(.view-master-detail) .navbar-previous .title-large .title-large-text { + transform: scale(.5); + transition-duration: 0s +} + +.ios .view-master-detail .navbar-previous:not(.navbar-master) .sliding .subnavbar, +.ios .view-master-detail .navbar-previous:not(.navbar-master) .subnavbar.sliding, +.ios .view:not(.view-master-detail) .navbar-previous .sliding .subnavbar, +.ios .view:not(.view-master-detail) .navbar-previous .subnavbar.sliding { + opacity: 1; + transform: translate3d(-100%, 0, 0) +} + +.ios .view-master-detail .navbar-previous:not(.navbar-master) .navbar-bg, +.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 { + transition-duration: 0s; + transform: translateX(100%) translateY(calc(-1 * var(--f7-navbar-large-title-height))) +} + +.ios .navbar-next .sliding .subnavbar, +.ios .navbar-next .subnavbar.sliding { + opacity: 1; + transform: translate3d(100%, 0, 0) +} + +.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-page-transition-duration); + animation-fill-mode: forwards +} + +.ios .router-transition .title-large, +.ios .router-transition .title-large-text { + transition-duration: 0s +} + +.ios .router-transition .navbar-current .left, +.ios .router-transition .navbar-current .right, +.ios .router-transition .navbar-current .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 .router-transition .navbar-current .sliding .left .icon+span, +.ios .router-transition .navbar-current .sliding .right, +.ios .router-transition .navbar-current .sliding .title, +.ios .router-transition .navbar-current .sliding.left, +.ios .router-transition .navbar-current .sliding.left .icon+span, +.ios .router-transition .navbar-current .sliding.right, +.ios .router-transition .navbar-current .sliding.title { + transition-duration: var(--f7-page-transition-duration); + opacity: 0 !important; + animation: none +} + +.ios .router-transition .navbar-current .sliding .subnavbar, +.ios .router-transition .navbar-current .sliding.subnavbar { + transition-duration: var(--f7-page-transition-duration); + animation: none; + opacity: 1 +} + +.ios .router-transition-backward .navbar-previous .left, +.ios .router-transition-backward .navbar-previous .right, +.ios .router-transition-backward .navbar-previous .subnavbar, +.ios .router-transition-backward .navbar-previous .title, +.ios .router-transition-forward .navbar-next .left, +.ios .router-transition-forward .navbar-next .right, +.ios .router-transition-forward .navbar-next .subnavbar, +.ios .router-transition-forward .navbar-next .title { + animation: ios-navbar-element-fade-in var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .navbar-previous .sliding .left, +.ios .router-transition-backward .navbar-previous .sliding .left .icon+span, +.ios .router-transition-backward .navbar-previous .sliding .right, +.ios .router-transition-backward .navbar-previous .sliding .subnavbar, +.ios .router-transition-backward .navbar-previous .sliding .title, +.ios .router-transition-backward .navbar-previous .sliding.left, +.ios .router-transition-backward .navbar-previous .sliding.left .icon+span, +.ios .router-transition-backward .navbar-previous .sliding.right, +.ios .router-transition-backward .navbar-previous .sliding.title, +.ios .router-transition-forward .navbar-next .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 .router-transition-forward .navbar-next .sliding .title, +.ios .router-transition-forward .navbar-next .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.title { + transition-duration: var(--f7-page-transition-duration); + animation: none; + transform: translate3d(0, 0, 0) !important; + opacity: 1 !important +} + +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .left, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .right, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .subnavbar, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled .title, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .left, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .right, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .subnavbar, +.ios .router-transition-backward .navbar-previous.with-searchbar-expandable-enabled-no-transition .title { + animation: none +} + +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large, +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large { + overflow: visible +} + +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-up var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-out var(--f7-page-transition-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(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center +} + +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible +} + +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-forward .navbar-next.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-left var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-forward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-forward .navbar-next.navbar-large:not(.navbar-large-collapsed) .title { + animation: none; + opacity: 0 !important; + transition-duration: 0 +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large .left .back span { + animation: ios-navbar-back-text-current-to-previous var(--f7-page-transition-duration) forwards; + transition: none; + transform-origin: left center +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large { + overflow: visible +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-right var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + opacity: 0 +} + +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large, +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large { + overflow: visible; + opacity: 1 +} + +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large.router-navbar-transition-to-large .title-large .title-large-text, +.ios .router-transition-backward .navbar-previous.router-navbar-transition-to-large:not(.router-navbar-transition-from-large) .title-large .title-large-text { + animation: ios-navbar-large-title-text-slide-down var(--f7-page-transition-duration) forwards, ios-navbar-large-title-text-fade-in var(--f7-page-transition-duration) forwards +} + +.ios .router-transition-backward .navbar-current.navbar-large:not(.navbar-large-collapsed) .title, +.ios .router-transition-backward .navbar-previous.navbar-large:not(.navbar-large-collapsed) .title { + animation: none; + opacity: 0 !important; + transition-duration: 0 +} + +.ios .router-transition-forward .navbar-current .navbar-bg { + animation-name: ios-navbar-bg-from-cb-to-lb +} + +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-cb-to-lb +} + +.ios .router-transition-forward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { + animation-name: ios-navbar-bg-from-cb-to-lt +} + +.ios .router-transition-forward .navbar-current:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-ct-to-lb +} + +.ios .router-transition-forward .navbar-current.navbar-large-collapsed: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.navbar-large-transparent:not(.router-navbar-transition-to-large) .navbar-bg { + animation-name: ios-navbar-transparent-bg-from-c-to-l +} + +.ios .router-transition-forward .navbar-next .navbar-bg { + animation-name: ios-navbar-bg-from-rb-to-cb +} + +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large.router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-rb-to-cb +} + +.ios .router-transition-forward .navbar-next.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { + animation-name: ios-navbar-bg-from-rb-to-ct +} + +.ios .router-transition-forward .navbar-next:not(.router-navbar-transition-from-large).router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-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-transition-from-large).router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-ct-to-rb +} + +.ios .router-transition-backward .navbar-current.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { + animation-name: ios-navbar-bg-from-cb-to-rt +} + +.ios .router-transition-backward .navbar-current.navbar-large-collapsed .navbar-bg { + animation-name: ios-navbar-bg-from-ct-to-rt +} + +.ios .router-transition-backward .navbar-current.navbar-large-collapsed.navbar-large-transparent .navbar-bg { + animation-name: ios-navbar-bg-from-cb-to-rb +} + +.ios .router-transition-backward .navbar-current.navbar-large-collapsed.router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-ct-to-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-transition-from-large).router-navbar-transition-to-large .navbar-bg { + animation-name: ios-navbar-bg-from-lt-to-cb +} + +.ios .router-transition-backward .navbar-previous.router-navbar-transition-from-large:not(.router-navbar-transition-to-large) .navbar-bg { + animation-name: ios-navbar-bg-from-lb-to-ct +} + +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed .navbar-bg { + animation-name: ios-navbar-bg-from-lt-to-ct +} + +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent .navbar-bg { + animation-name: ios-navbar-transparent-bg-from-l-to-c +} + +.ios .router-transition-backward .navbar-previous.navbar-large-collapsed.navbar-large-transparent.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 .navbar-master .navbar-inner { + z-index: 550 +} + +.view-master-detail .navbar-master-detail .navbar-bg, +.view-master-detail .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-master-detail .navbar-master.navbar-previous .right, +.view-master-detail .navbar-master.navbar-previous .subnavbar, +.view-master-detail .navbar-master.navbar-previous:not(.navbar-large) .title { + opacity: 1 +} + +.view-master-detail.router-transition .navbar-master .fading, +.view-master-detail.router-transition .navbar-master .left, +.view-master-detail.router-transition .navbar-master .left .icon+span, +.view-master-detail.router-transition .navbar-master .right, +.view-master-detail.router-transition .navbar-master .subnavbar, +.view-master-detail.router-transition .navbar-master:not(.navbar-large) .title { + opacity: 1 !important; + transition-duration: 0s; + transform: none !important; + animation: none !important +} + +.view-master-detail.router-transition .navbar-master .navbar-bg { + transition-duration: 0s; + animation: none !important +} + +.view-master-detail.router-transition .navbar-master.navbar-large .title { + opacity: calc(-1 + 2 * var(--f7-navbar-large-collapse-progress)) !important; + transition-duration: 0s; + transform: none !important; + animation: none !important +} + +.view-master-detail.router-transition .navbar-master.navbar-large .title-large, +.view-master-detail.router-transition .navbar-master.navbar-large .title-large-text { + transition-duration: 0s; + animation: none !important +} + +.view-master-detail.router-transition .navbar-master.navbar-large-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 + } + to { + opacity: 1 + } +} + +@keyframes ios-navbar-element-fade-out { + from { + opacity: 1 + } + 75% { + opacity: 0 + } + to { + opacity: 0 + } +} + +@keyframes ios-navbar-large-title-text-slide-up { + 0% { + transform: translateX(0px) translateY(0%) scale(1) + } + 100% { + transform: translateX(calc(var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + 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(--f7-navbarTitleLargeOffset))) translateY(calc(-1 * var(--f7-navbar-large-title-height) + var(--f7-navbar-large-title-padding-vertical)/ 2)) scale(.5) + } + 100% { + transform: translateX(0px) translateY(0%) scale(1) + } +} + +@keyframes ios-navbar-large-title-text-slide-left { + 0% { + transform: translateX(100%) + } + 100% { + transform: translateX(0%) + } +} + +@keyframes ios-navbar-large-title-text-slide-right { + 0% { + transform: translateX(0%) + } + 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(1 * var(--f7-navbar-large-title-height) - var(--f7-navbar-large-title-padding-vertical)/ 2)) scale(2) + } +} + +@keyframes ios-navbar-back-text-next-to-current { + 0% { + opacity: 0; + transform: translateX(calc(var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset))) translateY(calc(1 * var(--f7-navbar-large-title-height) + 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 { + from { + transform: var(--f7-navbar-large-bg-center-bottom) + } + to { + transform: var(--f7-navbar-large-bg-left-bottom) + } +} + +@keyframes ios-navbar-bg-from-cb-to-lt { + from { + transform: var(--f7-navbar-large-bg-center-bottom) + } + to { + transform: var(--f7-navbar-large-bg-left-top) + } +} + +@keyframes ios-navbar-bg-from-ct-to-lb { + from { + transform: var(--f7-navbar-large-bg-center-top) + } + to { + transform: var(--f7-navbar-large-bg-left-bottom) + } +} + +@keyframes ios-navbar-bg-from-ct-to-lt { + from { + transform: var(--f7-navbar-large-bg-center-top) + } + to { + transform: var(--f7-navbar-large-bg-left-top) + } +} + +@keyframes ios-navbar-bg-from-rb-to-cb { + from { + transform: var(--f7-navbar-large-bg-right-bottom) + } + to { + transform: var(--f7-navbar-large-bg-center-bottom) + } +} + +@keyframes ios-navbar-bg-from-rb-to-ct { + from { + transform: var(--f7-navbar-large-bg-right-bottom) + } + to { + transform: var(--f7-navbar-large-bg-center-top) + } +} + +@keyframes ios-navbar-bg-from-rt-to-cb { + from { + transform: var(--f7-navbar-large-bg-right-top) + } + to { + transform: var(--f7-navbar-large-bg-center-bottom) + } +} + +@keyframes ios-navbar-bg-from-cb-to-rb { + from { + transform: var(--f7-navbar-large-bg-center-bottom) + } + to { + transform: var(--f7-navbar-large-bg-right-bottom) + } +} + +@keyframes ios-navbar-bg-from-ct-to-rb { + from { + transform: var(--f7-navbar-large-bg-center-top) + } + to { + transform: var(--f7-navbar-large-bg-right-bottom) + } +} + +@keyframes ios-navbar-bg-from-cb-to-rt { + from { + transform: var(--f7-navbar-large-bg-center-bottom) + } + to { + transform: var(--f7-navbar-large-bg-right-top) + } +} + +@keyframes ios-navbar-bg-from-ct-to-rt { + from { + transform: var(--f7-navbar-large-bg-center-top) + } + to { + transform: var(--f7-navbar-large-bg-right-top) + } +} + +@keyframes ios-navbar-bg-from-lb-to-cb { + from { + transform: var(--f7-navbar-large-bg-left-bottom) + } + to { + transform: var(--f7-navbar-large-bg-center-bottom) + } +} + +@keyframes ios-navbar-bg-from-lt-to-cb { + from { + transform: var(--f7-navbar-large-bg-left-top) + } + to { + transform: var(--f7-navbar-large-bg-center-bottom) + } +} + +@keyframes ios-navbar-bg-from-lb-to-ct { + from { + transform: var(--f7-navbar-large-bg-left-bottom) + } + to { + transform: var(--f7-navbar-large-bg-center-top) + } +} + +@keyframes ios-navbar-bg-from-lt-to-ct { + from { + transform: var(--f7-navbar-large-bg-left-top) + } + to { + transform: var(--f7-navbar-large-bg-center-top) + } +} + +@keyframes ios-navbar-transparent-bg-from-l-to-c { + from { + transform: var(--f7-navbar-large-transparent-bg-left) + } + to { + transform: var(--f7-navbar-large-transparent-bg-center) + } +} + +@keyframes ios-navbar-transparent-bg-from-c-to-l { + from { + transform: var(--f7-navbar-large-transparent-bg-center) + } + to { + transform: var(--f7-navbar-large-transparent-bg-left) + } +} + +.md .navbar a.link { + padding: 0 16px; + min-width: 48px +} + +.md .navbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .navbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .navbar a.icon-only { + min-width: 0; + flex-shrink: 0; + width: 56px +} + +.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 { + overflow: visible +} + +.md .page.page-with-subnavbar .navbar-inner { + overflow: visible +} + +.md .navbar-inner-centered-title { + justify-content: space-between +} + +.md .navbar-inner-centered-title .right { + margin-left: 0 +} + +.md .navbar-inner-centered-title .title { + text-align: center +} + +.aurora .navbar a.icon-only { + margin: 0; + justify-content: center +} + +.aurora .navbar .left a+a, +.aurora .navbar .right a+a { + margin-left: 10px +} + +.aurora .navbar b { + font-weight: 700 +} + +.aurora .navbar .left { + margin-right: 10px +} + +.aurora .navbar .right { + margin-left: 10px +} + +.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 { + text-align: left; + margin-right: 10px +} + +:root { + --f7-tabbar-link-active-bg-color: transparent; + --f7-tabbar-label-text-transform: none; + --f7-toolbar-hide-show-transition-duration: 400ms +} + +.ios { + --f7-toolbar-height: 44px; + --f7-toolbar-font-size: 17px; + --f7-toolbar-inner-padding-left: 8px; + --f7-toolbar-inner-padding-right: 8px; + --f7-tabbar-labels-height: 50px; + --f7-tabbar-labels-tablet-height: 50px; + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 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, 0.4) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54) +} + +.md { + --f7-toolbar-height: 48px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 0px; + --f7-toolbar-inner-padding-right: 0px; + --f7-tabbar-labels-height: 56px; + --f7-tabbar-labels-tablet-height: 56px; + --f7-toolbar-top-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-toolbar-bottom-shadow-image: var(--f7-bars-shadow-top-image); + --f7-tabbar-icon-size: 24px; + --f7-tabbar-link-text-transform: uppercase; + --f7-tabbar-link-font-weight: 500; + --f7-tabbar-link-letter-spacing: 0.03em; + --f7-tabbar-label-font-size: 14px; + --f7-tabbar-label-tablet-font-size: 14px; + --f7-tabbar-label-font-weight: 400; + --f7-tabbar-label-letter-spacing: 0; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.54) +} + +.md .theme-dark, +.md.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-toolbar-height: 38px; + --f7-toolbar-font-size: 14px; + --f7-toolbar-inner-padding-left: 16px; + --f7-toolbar-inner-padding-right: 16px; + --f7-toolbar-link-height: auto; + --f7-toolbar-link-line-height: inherit; + --f7-tabbar-labels-height: 44px; + --f7-tabbar-labels-tablet-height: 44px; + --f7-tabbar-link-inactive-bg-color: rgba(0, 0, 0, 0.2); + --f7-toolbar-top-shadow-image: none; + --f7-toolbar-bottom-shadow-image: none; + --f7-tabbar-icon-size: 18px; + --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: 12px; + --f7-tabbar-label-font-weight: 500; + --f7-tabbar-label-letter-spacing: 0.01; + --f7-tabbar-link-inactive-color: rgba(0, 0, 0, 0.5) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-tabbar-link-inactive-color: rgba(255, 255, 255, 0.5) +} + +.toolbar { + width: 100%; + position: relative; + margin: 0; + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 600; + box-sizing: border-box; + left: 0; + height: var(--f7-toolbar-height); + background-image: var(--f7-toolbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-toolbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-toolbar-font-size) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .toolbar { + background-color: rgba(var(--f7-toolbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.toolbar b { + font-weight: 600 +} + +.toolbar a { + color: var(--f7-toolbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + box-sizing: border-box; + flex-shrink: 1; + position: relative; + white-space: nowrap; + text-overflow: ellipsis +} + +.toolbar .link { + display: flex; + line-height: var(--f7-toolbar-link-line-height, var(--f7-toolbar-height)); + height: var(--f7-toolbar-link-height, var(--f7-toolbar-height)) +} + +.toolbar i.icon { + display: block +} + +.toolbar:after, +.toolbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.page>.toolbar, +.view>.toolbar, +.views>.toolbar { + position: absolute +} + +.aurora .toolbar-top-aurora, +.ios .toolbar-top-ios, +.md .toolbar-top-md, +.toolbar-top { + top: 0 +} + +.aurora .toolbar-top-aurora .tab-link-highlight, +.ios .toolbar-top-ios .tab-link-highlight, +.md .toolbar-top-md .tab-link-highlight, +.toolbar-top .tab-link-highlight { + bottom: 0 +} + +.aurora .toolbar-top-aurora.no-border:after, +.aurora .toolbar-top-aurora.no-hairline:after, +.ios .toolbar-top-ios.no-border:after, +.ios .toolbar-top-ios.no-hairline:after, +.md .toolbar-top-md.no-border:after, +.md .toolbar-top-md.no-hairline:after, +.toolbar-top.no-border:after, +.toolbar-top.no-hairline:after { + display: none !important +} + +.aurora .toolbar-top-aurora.no-shadow:before, +.aurora .toolbar-top-aurora.toolbar-hidden:before, +.ios .toolbar-top-ios.no-shadow:before, +.ios .toolbar-top-ios.toolbar-hidden:before, +.md .toolbar-top-md.no-shadow:before, +.md .toolbar-top-md.toolbar-hidden:before, +.toolbar-top.no-shadow:before, +.toolbar-top.toolbar-hidden:before { + display: none !important +} + +.aurora .toolbar-top-aurora:after, +.aurora .toolbar-top-aurora:before, +.ios .toolbar-top-ios:after, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:after, +.md .toolbar-top-md:before, +.toolbar-top:after, +.toolbar-top:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.aurora .toolbar-top-aurora:after, +.ios .toolbar-top-ios:after, +.md .toolbar-top-md:after, +.toolbar-top:after { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.aurora .toolbar-top-aurora:before, +.ios .toolbar-top-ios:before, +.md .toolbar-top-md:before, +.toolbar-top:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-toolbar-top-shadow-image) +} + +.aurora .toolbar-bottom-aurora, +.ios .toolbar-bottom-ios, +.md .toolbar-bottom-md, +.toolbar-bottom { + bottom: 0; + height: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)) +} + +.aurora .toolbar-bottom-aurora .tab-link-highlight, +.ios .toolbar-bottom-ios .tab-link-highlight, +.md .toolbar-bottom-md .tab-link-highlight, +.toolbar-bottom .tab-link-highlight { + top: 0 +} + +.aurora .toolbar-bottom-aurora .toolbar-inner, +.ios .toolbar-bottom-ios .toolbar-inner, +.md .toolbar-bottom-md .toolbar-inner, +.toolbar-bottom .toolbar-inner { + height: auto; + top: 0; + bottom: var(--f7-safe-area-bottom) +} + +.aurora .toolbar-bottom-aurora.no-border:before, +.aurora .toolbar-bottom-aurora.no-hairline:before, +.ios .toolbar-bottom-ios.no-border:before, +.ios .toolbar-bottom-ios.no-hairline:before, +.md .toolbar-bottom-md.no-border:before, +.md .toolbar-bottom-md.no-hairline:before, +.toolbar-bottom.no-border:before, +.toolbar-bottom.no-hairline:before { + display: none !important +} + +.aurora .toolbar-bottom-aurora.no-shadow:after, +.aurora .toolbar-bottom-aurora.toolbar-hidden:after, +.ios .toolbar-bottom-ios.no-shadow:after, +.ios .toolbar-bottom-ios.toolbar-hidden:after, +.md .toolbar-bottom-md.no-shadow:after, +.md .toolbar-bottom-md.toolbar-hidden:after, +.toolbar-bottom.no-shadow:after, +.toolbar-bottom.toolbar-hidden:after { + display: none !important +} + +.aurora .toolbar-bottom-aurora:before, +.ios .toolbar-bottom-ios:before, +.md .toolbar-bottom-md:before, +.toolbar-bottom:before { + content: ''; + position: absolute; + background-color: var(--f7-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.aurora .toolbar-bottom-aurora:after, +.ios .toolbar-bottom-ios:after, +.md .toolbar-bottom-md:after, +.toolbar-bottom:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-toolbar-bottom-shadow-image) +} + +.toolbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-content: center; + overflow: hidden; + padding: 0 calc(var(--f7-toolbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-toolbar-inner-padding-left) + var(--f7-safe-area-left)) +} + +.views>.tabbar, +.views>.tabbar-labels { + z-index: 5001 +} + +.tabbar a, +.tabbar-labels a { + color: var(--f7-tabbar-link-inactive-color) +} + +.tabbar .tab-link:not(.tab-link-active), +.tabbar-labels .tab-link:not(.tab-link-active) { + background-color: var(--f7-tabbar-link-inactive-bg-color, transparent) +} + +.tabbar .link, +.tabbar-labels .link { + line-height: 1.4 +} + +.tabbar .link, +.tabbar .tab-link, +.tabbar-labels .link, +.tabbar-labels .tab-link { + height: 100%; + width: 100%; + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + text-transform: var(--f7-tabbar-link-text-transform); + font-weight: var(--f7-tabbar-link-font-weight); + letter-spacing: var(--f7-tabbar-link-letter-spacing); + overflow: hidden +} + +.tabbar .tab-link-active, +.tabbar-labels .tab-link-active { + color: var(--f7-tabbar-link-active-color, var(--f7-theme-color)); + background-color: var(--f7-tabbar-link-active-bg-color, transparent) +} + +.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-labels { + --f7-toolbar-height: var(--f7-tabbar-labels-height) +} + +.tabbar-labels .link, +.tabbar-labels .tab-link { + height: 100%; + justify-content: space-between; + align-items: center +} + +.tabbar-labels .tabbar-label { + display: block; + line-height: 1; + margin: 0; + position: relative; + text-overflow: ellipsis; + white-space: nowrap; + font-size: var(--f7-tabbar-label-font-size); + text-transform: var(--f7-tabbar-label-text-transform); + font-weight: var(--f7-tabbar-label-font-weight); + letter-spacing: var(--f7-tabbar-label-letter-spacing) +} + +@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; + -webkit-overflow-scrolling: touch +} + +.tabbar-scrollable .toolbar-inner::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none; + opacity: 0 !important +} + +.tabbar-scrollable .link, +.tabbar-scrollable .tab-link { + width: auto; + flex-shrink: 0 +} + +.navbar-transitioning+.toolbar, +.navbar-transitioning~* .toolbar, +.toolbar-transitioning { + transition-duration: var(--f7-toolbar-hide-show-transition-duration) +} + +.aurora .toolbar-bottom-aurora~*, +.ios .toolbar-bottom-ios~*, +.md .toolbar-bottom-md~*, +.toolbar-bottom~* { + --f7-page-toolbar-bottom-offset: var(--f7-toolbar-height) +} + +.aurora .toolbar-bottom-aurora.tabbar-labels~*, +.ios .toolbar-bottom-ios.tabbar-labels~*, +.md .toolbar-bottom-md.tabbar-labels~*, +.toolbar-bottom.tabbar-labels~* { + --f7-page-toolbar-bottom-offset: var(--f7-tabbar-labels-height) +} + +.aurora .toolbar-bottom-aurora.toolbar-hidden, +.ios .toolbar-bottom-ios.toolbar-hidden, +.md .toolbar-bottom-md.toolbar-hidden, +.toolbar-bottom.toolbar-hidden { + transform: translate3d(0, 100%, 0) +} + +.aurora .toolbar-top-aurora~*, +.ios .toolbar-top-ios~*, +.md .toolbar-top-md~*, +.toolbar-top~* { + --f7-page-toolbar-top-offset: var(--f7-toolbar-height) +} + +.aurora .toolbar-top-aurora.tabbar-labels~*, +.ios .toolbar-top-ios.tabbar-labels~*, +.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.toolbar-hidden, +.md .toolbar-top-md.toolbar-hidden, +.toolbar-top.toolbar-hidden { + transform: translate3d(0, -100%, 0) +} + +.aurora .navbar~* .toolbar-top-aurora, +.aurora .navbar~.page:not(.no-navbar) .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-top-ios, +.md .navbar~* .toolbar-top-md, +.md .navbar~.page:not(.no-navbar) .toolbar-top-md, +.md .navbar~.toolbar-top-md, +.navbars~* .toolbar-top, +.navbars~.page:not(.no-navbar) .toolbar-top, +.navbars~.toolbar-top, +.navbar~* .toolbar-top, +.navbar~.page:not(.no-navbar) .toolbar-top, +.navbar~.toolbar-top { + top: calc(var(--f7-navbar-height) + var(--f7-safe-area-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-top-ios.toolbar-hidden, +.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden, +.ios .navbars~.toolbar-top-ios.toolbar-hidden, +.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.toolbar-hidden, +.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden, +.md .navbar~.toolbar-top-md.toolbar-hidden, +.navbars~* .toolbar-top.toolbar-hidden, +.navbars~.page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbars~.toolbar-top.toolbar-hidden, +.navbar~* .toolbar-top.toolbar-hidden, +.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden, +.navbar~.toolbar-top.toolbar-hidden { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-toolbar-height) + var(--f7-safe-area-top))), 0) +} + +.aurora .navbar~* .toolbar-top-aurora.toolbar-hidden.tabbar-labels, +.aurora .navbar~.page:not(.no-navbar) .toolbar-top-aurora.toolbar-hidden.tabbar-labels, +.aurora .navbar~.toolbar-top-aurora.toolbar-hidden.tabbar-labels, +.ios .navbars~* .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbars~.toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbar~* .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbar~.page:not(.no-navbar) .toolbar-top-ios.toolbar-hidden.tabbar-labels, +.ios .navbar~.toolbar-top-ios.toolbar-hidden.tabbar-labels, +.md .navbar~* .toolbar-top-md.toolbar-hidden.tabbar-labels, +.md .navbar~.page:not(.no-navbar) .toolbar-top-md.toolbar-hidden.tabbar-labels, +.md .navbar~.toolbar-top-md.toolbar-hidden.tabbar-labels, +.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.toolbar-hidden.tabbar-labels, +.navbar~.page:not(.no-navbar) .toolbar-top.toolbar-hidden.tabbar-labels, +.navbar~.toolbar-top.toolbar-hidden.tabbar-labels { + transform: translate3d(0, calc(-1 * (var(--f7-navbar-height) + var(--f7-tabbar-labels-height) + var(--f7-safe-area-top))), 0) +} + +.aurora .navbar-hidden+.toolbar-top-aurora:not(.toolbar-hidden), +.aurora .navbar-hidden~* .toolbar-top-aurora:not(.toolbar-hidden), +.ios .navbar-hidden+.toolbar-top-ios:not(.toolbar-hidden), +.ios .navbar-hidden~* .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-hidden+.toolbar-top-md:not(.toolbar-hidden), +.md .navbar-hidden~* .toolbar-top-md:not(.toolbar-hidden), +.navbar-hidden+.toolbar-top: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(.toolbar-hidden), +.ios .navbar-large-hidden+.toolbar-top-ios:not(.toolbar-hidden), +.ios .navbar-large-hidden~* .toolbar-top-ios:not(.toolbar-hidden), +.md .navbar-large-hidden+.toolbar-top-md:not(.toolbar-hidden), +.md .navbar-large-hidden~* .toolbar-top-md:not(.toolbar-hidden), +.navbar-large-hidden+.toolbar-top:not(.toolbar-hidden), +.navbar-large-hidden~* .toolbar-top:not(.toolbar-hidden) { + transform: translate3d(0, calc(0px - var(--f7-navbar-height) - var(--f7-navbar-large-title-height)), 0) +} + +.ios .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0; + min-width: 44px +} + +.ios .tabbar-labels .link, +.ios .tabbar-labels .tab-link { + padding-top: 4px; + padding-bottom: 4px +} + +.ios .tabbar-labels .link i+span, +.ios .tabbar-labels .tab-link i+span { + margin: 0 +} + +@media (min-width:768px) and (min-height:600px) { + .ios .tabbar .link, + .ios .tabbar .tab-link, + .ios .tabbar-labels .link, + .ios .tabbar-labels .tab-link { + justify-content: center; + flex-direction: row + } + .ios .tabbar .link i+span, + .ios .tabbar .tab-link i+span, + .ios .tabbar-labels .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: 0 8px +} + +.md .toolbar .link { + justify-content: center; + padding: 0 16px; + min-width: 48px +} + +.md .toolbar .link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .toolbar .link.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .toolbar a.icon-only { + min-width: 0; + flex-shrink: 0 +} + +.md .tabbar .link, +.md .tabbar .tab-link, +.md .tabbar-labels .link, +.md .tabbar-labels .tab-link { + padding-left: 0; + padding-right: 0 +} + +.md .tabbar a.icon-only, +.md .tabbar-labels a.icon-only { + flex-shrink: initial +} + +.md .tabbar .tab-link, +.md .tabbar-labels .tab-link { + transition-duration: .3s; + overflow: hidden; + position: relative +} + +.md .tabbar .tab-link-highlight, +.md .tabbar-labels .tab-link-highlight { + position: absolute; + height: 2px; + background: var(--f7-tabbar-link-active-border-color, var(--f7-theme-color)); + transition-duration: .3s; + left: 0 +} + +.md .tabbar-labels .link, +.md .tabbar-labels .tab-link { + padding-top: 7px; + padding-bottom: 7px +} + +.md .tabbar-label { + max-width: 100%; + overflow: hidden; + line-height: 1.2 +} + +.md .tabbar-scrollable .toolbar-inner { + overflow: auto +} + +.md .tabbar-scrollable .link, +.md .tabbar-scrollable .tab-link { + padding: 0 16px +} + +.aurora .toolbar a.icon-only { + min-height: var(--f7-toolbar-height); + display: flex; + justify-content: center; + align-items: center; + margin: 0 +} + +.aurora .tabbar .toolbar-inner, +.aurora .tabbar-labels .toolbar-inner { + padding-left: 0; + padding-right: 0 +} + +.aurora .tabbar .link, +.aurora .tabbar .tab-link, +.aurora .tabbar-labels .link, +.aurora .tabbar-labels .tab-link { + transition-duration: .2s +} + +.aurora .tabbar-labels .link, +.aurora .tabbar-labels .tab-link { + padding-top: 5px; + padding-bottom: 5px +} + +.aurora .tabbar-labels .link i+span, +.aurora .tabbar-labels .tab-link i+span { + margin: 0 +} + +.aurora .tabbar-scrollable .toolbar-inner { + justify-content: flex-start +} + +.aurora .tabbar-scrollable .link, +.aurora .tabbar-scrollable .tab-link { + padding: 0 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-bars-shadow-bottom-image) +} + +.aurora { + --f7-subnavbar-height: 38px; + --f7-subnavbar-inner-padding-left: 16px; + --f7-subnavbar-inner-padding-right: 16px; + --f7-subnavbar-title-font-size: 26px; + --f7-subnavbar-title-font-weight: bold; + --f7-subnavbar-title-letter-spacing: -0.03em; + --f7-subnavbar-title-margin-left: 0px; + --f7-subnavbar-shadow-image: none; + --f7-subnavbar-link-height: auto; + --f7-subnavbar-link-line-height: inherit +} + +.subnavbar { + width: 100%; + position: absolute; + left: 0; + top: 0; + z-index: 600; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + background-image: var(--f7-subnavbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-subnavbar-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-subnavbar-text-color, var(--f7-bars-text-color)) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .subnavbar { + background-color: rgba(var(--f7-subnavbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.subnavbar .subnavbar-title { + position: relative; + overflow: hidden; + text-overflow: ellpsis; + white-space: nowrap; + font-size: var(--f7-subnavbar-title-font-size); + font-weight: var(--f7-subnavbar-title-font-weight); + text-align: left; + display: inline-block; + line-height: var(--f7-subnavbar-title-line-height); + letter-spacing: var(--f7-subnavbar-title-letter-spacing); + margin-left: var(--f7-subnavbar-title-margin-left) +} + +.subnavbar .left, +.subnavbar .right { + flex-shrink: 0; + display: flex; + justify-content: flex-start; + align-items: center +} + +.subnavbar .right:first-child { + position: absolute; + height: 100% +} + +.subnavbar a { + color: var(--f7-subnavbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.subnavbar a.link { + line-height: var(--f7-subnavbar-link-line-height, var(--f7-subnavbar-height)); + height: var(--f7-subnavbar-link-height, var(--f7-subnavbar-height)) +} + +.subnavbar a.icon-only { + min-width: var(--f7-subnavbar-height) +} + +.subnavbar.no-border:after, +.subnavbar.no-hairline:after { + display: none !important +} + +.subnavbar.navbar-hidden:before, +.subnavbar.no-shadow:before { + display: none !important +} + +.subnavbar:after, +.subnavbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.subnavbar:after { + content: ''; + position: absolute; + background-color: var(--f7-subnavbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.subnavbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-subnavbar-shadow-image) +} + +.subnavbar-inner { + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + 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)) +} + +.subnavbar-inner.stacked { + display: none +} + +.navbar .subnavbar { + top: 100% +} + +.page>.subnavbar, +.view>.subnavbar, +.views>.subnavbar { + position: absolute +} + +.navbars~* .subnavbar, +.navbars~.page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbars~.subnavbar, +.navbar~* .subnavbar, +.navbar~.page-with-subnavbar:not(.no-navbar) .subnavbar, +.navbar~.subnavbar, +.page-with-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(.no-navbar) .subnavbar, +.navbar~.page-with-navbar-large:not(.no-navbar) .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(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0) +} + +.page-with-subnavbar, +.subnavbar~* { + --f7-page-subnavbar-offset: var(--f7-subnavbar-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 +} + +.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: 0 +} + +.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: 0 16px +} + +.md .subnavbar a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .subnavbar a.link.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .subnavbar a.icon-only { + flex-shrink: 0 +} + +.md .subnavbar-inner>a.link:first-child { + margin-left: calc(-1 * var(--f7-subnavbar-inner-padding-left)) +} + +.md .subnavbar-inner>a.link:last-child { + margin-right: calc(-1 * var(--f7-subnavbar-inner-padding-right)) +} + +.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: 0 +} + +:root { + --f7-block-padding-horizontal: 16px; + --f7-block-padding-vertical: 16px; + --f7-block-font-size: inherit; + --f7-block-text-color: inherit; + --f7-block-header-margin: 10px; + --f7-block-footer-margin: 10px; + --f7-block-header-font-size: 14px; + --f7-block-footer-font-size: 14px; + --f7-block-title-text-transform: none; + --f7-block-title-white-space: nowrap; + --f7-block-title-medium-text-transform: none; + --f7-block-title-large-text-transform: none; + --f7-block-inset-side-margin: 16px; + --f7-block-title-medium-text-color: #000; + --f7-block-title-large-text-color: #000; + --f7-block-strong-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-block-title-text-color: #fff; + --f7-block-strong-border-color: rgba(255, 255, 255, 0.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, 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, 0.45); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.45) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-block-header-text-color: rgba(255, 255, 255, 0.55); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.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, 0.12); + --f7-block-title-font-size: inherit; + --f7-block-title-text-color: rgba(0, 0, 0, 0.54); + --f7-block-title-font-weight: 500; + --f7-block-title-line-height: 16px; + --f7-block-title-margin-bottom: 16px; + --f7-block-title-medium-font-size: 24px; + --f7-block-title-medium-font-weight: 500; + --f7-block-title-medium-line-height: 1.3; + --f7-block-title-large-font-size: 34px; + --f7-block-title-large-font-weight: 500; + --f7-block-title-large-line-height: 1.2; + --f7-block-inset-border-radius: 4px; + --f7-block-header-text-color: rgba(0, 0, 0, 0.54); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.54) +} + +.md .theme-dark, +.md.theme-dark { + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-block-margin-vertical: 15px; + --f7-block-strong-border-color: rgba(0, 0, 0, 0.12); + --f7-block-title-font-size: inherit; + --f7-block-title-text-color: rgba(0, 0, 0, 0.7); + --f7-block-title-font-weight: 600; + --f7-block-title-line-height: 1.5; + --f7-block-title-margin-bottom: 5px; + --f7-block-title-medium-font-size: 20px; + --f7-block-title-medium-font-weight: 600; + --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: 4px; + --f7-block-strong-text-color: inherit; + --f7-block-header-text-color: rgba(0, 0, 0, 0.6); + --f7-block-footer-text-color: rgba(0, 0, 0, 0.6) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-block-header-text-color: rgba(255, 255, 255, 0.54); + --f7-block-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-block-strong-text-color: #fff +} + +.block { + box-sizing: border-box; + position: relative; + z-index: 1; + color: var(--f7-block-text-color); + margin: var(--f7-block-margin-vertical) 0; + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)); + font-size: var(--f7-block-font-size) +} + +.aurora .block.no-hairlines-aurora ul:after, +.aurora .block.no-hairlines-aurora ul:before, +.aurora .block.no-hairlines-aurora:after, +.aurora .block.no-hairlines-aurora:before, +.block.no-hairlines ul:after, +.block.no-hairlines ul:before, +.block.no-hairlines:after, +.block.no-hairlines:before, +.ios .block.no-hairlines-ios ul:after, +.ios .block.no-hairlines-ios ul:before, +.ios .block.no-hairlines-ios:after, +.ios .block.no-hairlines-ios:before, +.md .block.no-hairlines-md ul:after, +.md .block.no-hairlines-md ul:before, +.md .block.no-hairlines-md:after, +.md .block.no-hairlines-md:before { + display: none !important +} + +.aurora .block.no-hairline-top-aurora ul:before, +.aurora .block.no-hairline-top-aurora:before, +.block.no-hairline-top ul:before, +.block.no-hairline-top:before, +.ios .block.no-hairline-top-ios ul:before, +.ios .block.no-hairline-top-ios:before, +.md .block.no-hairline-top-md ul:before, +.md .block.no-hairline-top-md:before { + display: none !important +} + +.aurora .block.no-hairline-bottom-aurora ul:after, +.aurora .block.no-hairline-bottom-aurora:after, +.block.no-hairline-bottom ul:after, +.block.no-hairline-bottom:after, +.ios .block.no-hairline-bottom-ios ul:after, +.ios .block.no-hairline-bottom-ios:after, +.md .block.no-hairline-bottom-md ul:after, +.md .block.no-hairline-bottom-md:after { + display: none !important +} + +.block>h1:first-child, +.block>h2:first-child, +.block>h3:first-child, +.block>h4:first-child, +.block>p:first-child { + margin-top: 0 +} + +.block>h1:last-child, +.block>h2:last-child, +.block>h3:last-child, +.block>h4:last-child, +.block>p:last-child { + margin-bottom: 0 +} + +.block-strong { + color: var(--f7-block-strong-text-color); + padding-top: var(--f7-block-padding-vertical); + padding-bottom: var(--f7-block-padding-vertical); + background-color: var(--f7-block-strong-bg-color) +} + +.block-strong:before { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.block-strong:after { + content: ''; + position: absolute; + background-color: var(--f7-block-strong-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.block-title { + position: relative; + overflow: hidden; + margin: 0; + white-space: var(--f7-block-title-white-space); + text-overflow: ellipsis; + text-transform: var(--f7-block-title-text-transform); + color: var(--f7-block-title-text-color); + font-size: var(--f7-block-title-font-size, inherit); + font-weight: var(--f7-block-title-font-weight); + line-height: var(--f7-block-title-line-height); + margin-top: var(--f7-block-margin-vertical); + margin-bottom: var(--f7-block-title-margin-bottom); + margin-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)) +} + +.block-title+.block, +.block-title+.block-header, +.block-title+.card, +.block-title+.list, +.block-title+.timeline { + margin-top: 0px +} + +.block-title-medium { + font-size: var(--f7-block-title-medium-font-size); + text-transform: var(--f7-block-title-medium-text-transform); + color: var(--f7-block-title-medium-text-color); + font-weight: var(--f7-block-title-medium-font-weight); + line-height: var(--f7-block-title-medium-line-height) +} + +.block-title-large { + font-size: var(--f7-block-title-large-font-size); + text-transform: var(--f7-block-title-large-text-transform); + color: var(--f7-block-title-large-text-color); + font-weight: var(--f7-block-title-large-font-weight); + line-height: var(--f7-block-title-large-line-height) +} + +.block>.block-title:first-child, +.list>.block-title:first-child { + margin-top: 0; + margin-left: 0; + margin-right: 0 +} + +.block-header { + color: var(--f7-block-header-text-color); + font-size: var(--f7-block-header-font-size); + margin-bottom: var(--f7-block-header-margin); + margin-top: var(--f7-block-margin-vertical) +} + +.block-header+.block, +.block-header+.card, +.block-header+.list, +.block-header+.timeline { + margin-top: var(--f7-block-header-margin) +} + +.block-footer { + color: var(--f7-block-footer-text-color); + font-size: var(--f7-block-footer-font-size); + margin-top: var(--f7-block-footer-margin); + margin-bottom: var(--f7-block-margin-vertical) +} + +.block-footer, +.block-header { + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)) +} + +.block-footer h1:first-child, +.block-footer h2:first-child, +.block-footer h3:first-child, +.block-footer h4:first-child, +.block-footer p:first-child, +.block-footer ul:first-child, +.block-header h1:first-child, +.block-header h2:first-child, +.block-header h3:first-child, +.block-header h4:first-child, +.block-header p:first-child, +.block-header ul:first-child { + margin-top: 0 +} + +.block-footer h1:last-child, +.block-footer h2:last-child, +.block-footer h3:last-child, +.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, +.block-header h3:last-child, +.block-header h4:last-child, +.block-header p:last-child, +.block-header ul:last-child { + margin-bottom: 0 +} + +.block-footer h1:first-child:last-child, +.block-footer h2:first-child:last-child, +.block-footer h3:first-child:last-child, +.block-footer h4:first-child:last-child, +.block-footer p:first-child:last-child, +.block-footer ul:first-child:last-child, +.block-header h1:first-child:last-child, +.block-header h2:first-child:last-child, +.block-header h3:first-child:last-child, +.block-header h4:first-child:last-child, +.block-header p:first-child:last-child, +.block-header ul:first-child:last-child { + margin-top: 0; + margin-bottom: 0 +} + +.block .block-header, +.card .block-header, +.list .block-header, +.timeline .block-header { + margin-top: 0 +} + +.block .block-footer, +.card .block-footer, +.list .block-footer, +.timeline .block-footer { + margin-bottom: 0 +} + +.block+.block-footer, +.card+.block-footer, +.list+.block-footer, +.timeline+.block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))) +} + +.block+.block-footer { + margin-top: calc(-1 * (var(--f7-block-margin-vertical) - var(--f7-block-footer-margin))); + margin-bottom: var(--f7-block-margin-vertical) +} + +.block .block-footer, +.block .block-header { + padding: 0 +} + +.block.inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px +} + +.block-strong.inset:after, +.block-strong.inset:before { + display: none !important +} + +@media (min-width:480px) { + .block.xsmall-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .block-strong.xsmall-inset:after, + .block-strong.xsmall-inset:before { + display: none !important + } +} + +@media (min-width:568px) { + .block.small-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .block-strong.small-inset:after, + .block-strong.small-inset:before { + display: none !important + } +} + +@media (min-width:768px) { + .block.medium-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .block-strong.medium-inset:after, + .block-strong.medium-inset:before { + display: none !important + } +} + +@media (min-width:1024px) { + .block.large-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .block-strong.large-inset:after, + .block-strong.large-inset:before { + display: none !important + } +} + +@media (min-width:1200px) { + .block.xlarge-inset { + border-radius: var(--f7-block-inset-border-radius); + margin-left: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-block-inset-side-margin) + var(--f7-safe-area-outer-right)); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .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-media-item-padding-horizontal: 16px; + --f7-list-item-text-max-lines: 2; + --f7-list-chevron-icon-font-size: 20px; + --f7-list-item-title-font-size: inherit; + --f7-list-item-title-font-weight: 400; + --f7-list-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-line-height: inherit; + --f7-list-item-text-font-weight: 400; + --f7-list-item-after-font-weight: 400; + --f7-list-item-header-text-color: inherit; + --f7-list-item-header-font-size: 12px; + --f7-list-item-header-font-weight: 400; + --f7-list-item-header-line-height: 1.2; + --f7-list-item-footer-font-size: 12px; + --f7-list-item-footer-font-weight: 400; + --f7-list-item-footer-line-height: 1.2; + --f7-list-button-font-size: inherit; + --f7-list-button-font-weight: 400; + --f7-list-item-divider-line-height: inherit; + --f7-list-group-title-line-height: inherit; + --f7-list-bg-color: #fff; + --f7-list-chevron-icon-color: rgba(0, 0, 0, 0.2) +} + +:root .theme-dark, +:root.theme-dark { + --f7-list-button-border-color: rgba(255, 255, 255, 0.15); + --f7-list-bg-color: #1c1c1d; + --f7-list-border-color: rgba(255, 255, 255, 0.15); + --f7-list-item-border-color: rgba(255, 255, 255, 0.15); + --f7-list-item-divider-border-color: rgba(255, 255, 255, 0.15); + --f7-list-item-divider-bg-color: #232323; + --f7-list-group-title-bg-color: #232323; + --f7-list-chevron-icon-color: rgba(255, 255, 255, 0.3) +} + +.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-chevron-icon-area: 20px; + --f7-list-border-color: rgba(0, 0, 0, 0.22); + --f7-list-item-border-color: rgba(0, 0, 0, 0.22); + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.15); + --f7-list-item-subtitle-font-size: 15px; + --f7-list-item-text-font-size: 15px; + --f7-list-item-text-line-height: 21px; + --f7-list-item-after-font-size: inherit; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 5px; + --f7-list-item-min-height: 44px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-padding-vertical: 8px; + --f7-list-media-item-padding-vertical: 10px; + --f7-list-media-item-title-font-weight: 600; + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.22); + --f7-list-item-divider-height: 31px; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-border-color: rgba(0, 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, 0.45); + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.45); + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.45); + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.45); + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.45); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.15) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.55); + --f7-list-item-header-text-color: rgba(255, 255, 255, 0.55); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.55); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.55); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.55); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.55); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.08); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.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-chevron-icon-area: 26px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 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; + --f7-list-item-after-font-size: 14px; + --f7-list-item-after-line-height: inherit; + --f7-list-item-after-padding: 8px; + --f7-list-item-min-height: 48px; + --f7-list-item-media-margin: 16px; + --f7-list-item-media-icons-margin: 8px; + --f7-list-item-padding-vertical: 8px; + --f7-list-media-item-padding-vertical: 14px; + --f7-list-button-text-align: left; + --f7-list-button-border-color: transparent; + --f7-list-item-divider-height: 48px; + --f7-list-item-divider-font-size: 14px; + --f7-list-item-divider-font-weight: 400; + --f7-list-item-divider-bg-color: #f4f4f4; + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 48px; + --f7-list-group-title-font-size: 14px; + --f7-list-group-title-font-weight: 400; + --f7-list-group-title-bg-color: #f4f4f4; + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.54); + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-list-button-text-color: #212121; + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.54); + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.54) +} + +.md .theme-dark, +.md.theme-dark { + --f7-list-button-text-color: #fff; + --f7-list-item-divider-text-color: #fff; + --f7-list-group-title-text-color: #fff; + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-list-in-list-padding-left: 16px; + --f7-list-inset-border-radius: 4px; + --f7-list-margin-vertical: 15px; + --f7-list-font-size: 14px; + --f7-list-chevron-icon-area: 15px; + --f7-list-chevron-icon-font-size: 16px; + --f7-list-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-title-line-height: 1.3; + --f7-list-item-subtitle-font-size: 14px; + --f7-list-item-subtitle-line-height: 1.3; + --f7-list-item-text-font-size: 12px; + --f7-list-item-text-line-height: 16px; + --f7-list-item-after-font-size: 13px; + --f7-list-item-after-line-height: 1.2; + --f7-list-item-after-padding: 5px; + --f7-list-item-min-height: 32px; + --f7-list-item-media-margin: 10px; + --f7-list-item-media-icons-margin: 5px; + --f7-list-item-padding-vertical: 5px; + --f7-list-media-item-padding-vertical: 5px; + --f7-list-media-item-title-font-weight: 600; + --f7-list-button-text-align: center; + --f7-list-button-border-color: rgba(0, 0, 0, 0.12); + --f7-list-item-divider-height: 19px; + --f7-list-item-divider-font-size: inherit; + --f7-list-item-divider-font-weight: 500; + --f7-list-item-divider-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-border-color: transparent; + --f7-list-group-title-height: 19px; + --f7-list-group-title-font-size: inherit; + --f7-list-group-title-font-weight: 500; + --f7-list-group-title-bg-color: #f7f7f7; + --f7-list-link-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-link-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-text-text-color: rgba(0, 0, 0, 0.6); + --f7-list-item-after-text-color: rgba(0, 0, 0, 0.5); + --f7-list-item-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-list-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-list-button-hover-bg-color: rgba(0, 0, 0, 0.03); + --f7-list-item-divider-text-color: rgba(0, 0, 0, 0.6); + --f7-list-group-title-text-color: rgba(0, 0, 0, 0.6) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-list-item-text-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-after-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-list-item-divider-text-color: rgba(255, 255, 255, 0.6); + --f7-list-group-title-text-color: rgba(255, 255, 255, 0.6); + --f7-list-link-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-list-button-pressed-bg-color: rgba(255, 255, 255, 0.05); + --f7-list-button-hover-bg-color: rgba(255, 255, 255, 0.03) +} + +.list { + position: relative; + z-index: 1; + font-size: var(--f7-list-font-size); + margin: var(--f7-list-margin-vertical) 0 +} + +.list ul { + list-style: none; + margin: 0; + padding: 0; + position: relative; + background: var(--f7-list-bg-color) +} + +.list ul:before { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.list ul:after { + content: ''; + position: absolute; + background-color: var(--f7-list-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.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 { + position: relative; + box-sizing: border-box +} + +.list .item-media { + display: flex; + flex-shrink: 0; + flex-wrap: nowrap; + align-items: center; + box-sizing: border-box; + padding-bottom: var(--f7-list-item-padding-vertical); + 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-list-item-media-icons-margin) +} + +.list .item-after { + padding-left: var(--f7-list-item-after-padding) +} + +.list .item-inner { + position: relative; + width: 100%; + min-width: 0; + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + align-self: stretch; + padding-top: var(--f7-list-item-padding-vertical); + padding-bottom: var(--f7-list-item-padding-vertical); + min-height: var(--f7-list-item-min-height); + padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)) +} + +.list .item-title { + min-width: 0; + flex-shrink: 1; + white-space: var(--f7-list-item-title-white-space); + position: relative; + overflow: hidden; + text-overflow: ellipsis; + max-width: 100%; + font-size: var(--f7-list-item-title-font-size); + font-weight: var(--f7-list-item-title-font-weight); + color: var(--f7-list-item-title-text-color); + line-height: var(--f7-list-item-title-line-height) +} + +.list .item-after { + white-space: nowrap; + flex-shrink: 0; + display: flex; + font-size: var(--f7-list-item-after-font-size); + font-weight: var(--f7-list-item-after-font-weight); + color: var(--f7-list-item-after-text-color); + line-height: var(--f7-list-item-after-line-height); + margin-left: auto +} + +.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-header-font-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-footer-font-weight); + line-height: var(--f7-list-item-footer-line-height) +} + +.list .item-link, +.list .list-button { + transition-duration: .3s; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + z-index: 0 +} + +.list .item-link { + color: inherit +} + +.list .item-link.active-state { + background-color: var(--f7-list-link-pressed-bg-color) +} + +.list .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)) +} + +.list .item-content { + display: flex; + justify-content: space-between; + box-sizing: border-box; + align-items: center; + min-height: var(--f7-list-item-min-height); + padding-left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)) +} + +.list .item-subtitle { + position: relative; + overflow: hidden; + white-space: nowrap; + max-width: 100%; + text-overflow: ellipsis; + font-size: var(--f7-list-item-subtitle-font-size); + font-weight: var(--f7-list-item-subtitle-font-weight); + color: var(--f7-list-item-subtitle-text-color); + line-height: var(--f7-list-item-subtitle-line-height) +} + +.list .item-text { + position: relative; + overflow: hidden; + text-overflow: ellipsis; + -webkit-line-clamp: var(--f7-list-item-text-max-lines); + -webkit-box-orient: vertical; + display: -webkit-box; + font-size: var(--f7-list-item-text-font-size); + font-weight: var(--f7-list-item-text-font-weight); + color: var(--f7-list-item-text-text-color); + line-height: var(--f7-list-item-text-line-height); + max-height: calc(var(--f7-list-item-text-line-height) * var(--f7-list-item-text-max-lines)) +} + +.list .item-title-row { + position: relative; + display: flex; + justify-content: space-between; + box-sizing: border-box +} + +.list .item-title-row .item-after { + align-self: center +} + +.list .item-row { + display: flex; + justify-content: space-between; + box-sizing: border-box +} + +.list .item-cell { + display: block; + align-self: center; + box-sizing: border-box; + width: 100%; + min-width: 0; + margin-left: var(--f7-list-item-cell-margin); + flex-shrink: 1 +} + +.list .item-cell:first-child { + margin-left: 0 +} + +.list .ripple-wave+.item-cell { + margin-left: 0 +} + +.list li:last-child .list-button:after { + display: none !important +} + +.list li:last-child li:last-child>.item-content>.item-inner:after, +.list li:last-child li:last-child>.item-inner: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:last-child>.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 .item-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.aurora .list.no-hairlines-aurora ul:after, +.aurora .list.no-hairlines-aurora ul:before, +.aurora .list.no-hairlines-aurora:after, +.aurora .list.no-hairlines-aurora:before, +.ios .list.no-hairlines-ios ul:after, +.ios .list.no-hairlines-ios ul:before, +.ios .list.no-hairlines-ios:after, +.ios .list.no-hairlines-ios:before, +.list.no-hairlines ul:after, +.list.no-hairlines ul:before, +.list.no-hairlines:after, +.list.no-hairlines:before, +.md .list.no-hairlines-md ul:after, +.md .list.no-hairlines-md ul:before, +.md .list.no-hairlines-md:after, +.md .list.no-hairlines-md:before { + display: none !important +} + +.aurora .list.no-hairline-top-aurora ul:before, +.aurora .list.no-hairline-top-aurora:before, +.ios .list.no-hairline-top-ios ul:before, +.ios .list.no-hairline-top-ios:before, +.list.no-hairline-top ul:before, +.list.no-hairline-top:before, +.md .list.no-hairline-top-md ul:before, +.md .list.no-hairline-top-md:before { + display: none !important +} + +.aurora .list.no-hairline-bottom-aurora ul:after, +.aurora .list.no-hairline-bottom-aurora:after, +.ios .list.no-hairline-bottom-ios ul:after, +.ios .list.no-hairline-bottom-ios:after, +.list.no-hairline-bottom ul:after, +.list.no-hairline-bottom:after, +.md .list.no-hairline-bottom-md ul:after, +.md .list.no-hairline-bottom-md:after { + display: none !important +} + +.aurora .list.no-hairlines-between-aurora .item-divider:after, +.aurora .list.no-hairlines-between-aurora .item-inner:after, +.aurora .list.no-hairlines-between-aurora .list-button:after, +.aurora .list.no-hairlines-between-aurora .list-group-title:after, +.ios .list.no-hairlines-between-ios .item-divider:after, +.ios .list.no-hairlines-between-ios .item-inner:after, +.ios .list.no-hairlines-between-ios .list-button:after, +.ios .list.no-hairlines-between-ios .list-group-title:after, +.list.no-hairlines-between .item-divider:after, +.list.no-hairlines-between .item-inner:after, +.list.no-hairlines-between .list-button:after, +.list.no-hairlines-between .list-group-title:after, +.md .list.no-hairlines-between-md .item-divider:after, +.md .list.no-hairlines-between-md .item-inner:after, +.md .list.no-hairlines-between-md .list-button:after, +.md .list.no-hairlines-between-md .list-group-title:after { + display: none !important +} + +.aurora .list.no-hairlines-between-aurora.simple-list li:after, +.ios .list.no-hairlines-between-ios.simple-list li:after, +.list.no-hairlines-between.simple-list li:after, +.md .list.no-hairlines-between-md.simple-list li:after { + display: none !important +} + +.aurora .list.no-hairlines-between-aurora.links-list a:after, +.ios .list.no-hairlines-between-ios.links-list a:after, +.list.no-hairlines-between.links-list a:after, +.md .list.no-hairlines-between-md.links-list a:after { + display: none !important +} + +.list-button { + padding: 0 var(--f7-list-item-padding-horizontal); + line-height: var(--f7-list-item-min-height); + color: var(--f7-list-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-button-font-size); + font-weight: var(--f7-list-button-font-weight); + text-align: var(--f7-list-button-text-align) +} + +.list-button:after { + content: ''; + position: absolute; + background-color: var(--f7-list-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.list-button.active-state { + background-color: var(--f7-list-button-pressed-bg-color) +} + +.list-button[class*=color-] { + --f7-list-button-text-color: var(--f7-theme-color) +} + +.simple-list li { + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center; + align-content: center; + line-height: var(--f7-list-item-min-height); + height: var(--f7-list-item-min-height); + 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-area-right)) +} + +.simple-list li:after { + left: var(--f7-list-item-padding-horizontal); + width: auto; + left: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); + right: 0 +} + +.simple-list li:last-child:after { + display: none !important +} + +.links-list li { + z-index: 1 +} + +.links-list a { + transition-duration: .3s; + transition-property: background-color; + display: block; + position: relative; + overflow: hidden; + display: flex; + align-items: center; + align-content: center; + justify-content: space-between; + box-sizing: border-box; + white-space: nowrap; + text-overflow: ellipsis; + max-width: 100%; + height: var(--f7-list-item-min-height); + color: inherit +} + +.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-bg-color) +} + +.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: 0 +} + +.links-list li:last-child a:after { + display: none !important +} + +.links-list a:after, +.list .item-inner:after, +.simple-list li:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.media-list, +li.media-item { + --f7-list-item-padding-vertical: var(--f7-list-media-item-padding-vertical); + --f7-list-item-padding-horizontal: var(--f7-list-media-item-padding-horizontal) +} + +.media-list .item-title, +li.media-item .item-title { + font-weight: var(--f7-list-media-item-title-font-weight, var(--f7-list-item-title-font-weight, inherit)) +} + +.media-list .item-inner, +li.media-item .item-inner { + display: block; + align-self: stretch +} + +.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-safe-area-right)) +} + +.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 .item-link.chevron-center .item-inner, +.media-list.chevron-center .item-link .item-inner, +li.media-item .chevron-center .item-link .item-inner, +li.media-item .item-link.chevron-center .item-inner, +li.media-item.chevron-center .item-link .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)) +} + +.media-list .chevron-center .item-title-row, +.media-list.chevron-center .item-title-row, +li.media-item .chevron-center .item-title-row, +li.media-item.chevron-center .item-title-row { + padding-right: 0 +} + +.links-list a:before, +.list .item-link .item-inner:before, +.media-list .chevron-center .item-link .item-inner:before, +.media-list .item-link .item-title-row:before, +.media-list .item-link.chevron-center .item-inner:before, +.media-list.chevron-center .item-link .item-inner:before, +li.media-item .chevron-center .item-link .item-inner:before, +li.media-item .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 { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + top: 50%; + width: 8px; + height: 14px; + margin-top: -7px; + font-size: var(--f7-list-chevron-icon-font-size); + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right' +} + +.media-list .chevron-center .item-title-row:before, +.media-list.chevron-center .item-title-row:before, +li.media-item .chevron-center .item-title-row:before, +li.media-item.chevron-center .item-title-row:before { + display: none +} + +.media-list .item-link .item-inner:before, +li.media-item .item-link .item-inner:before { + display: none +} + +.media-list .item-link .item-title-row:before, +li.media-item .item-link .item-title-row:before { + right: 0 +} + +.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 { + white-space: nowrap; + position: relative; + max-width: 100%; + text-overflow: ellipsis; + overflow: hidden; + z-index: 15; + padding-top: 0; + padding-bottom: 0; + 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-area-right)); + box-sizing: border-box; + display: flex; + align-items: center; + align-content: center +} + +.item-divider:after, +li.item-divider:after, +li.list-group-title:after { + display: none !important +} + +.item-divider, +li.item-divider { + margin-top: -1px; + height: var(--f7-list-item-divider-height); + color: var(--f7-list-item-divider-text-color); + font-size: var(--f7-list-item-divider-font-size); + font-weight: var(--f7-list-item-divider-font-weight); + background-color: var(--f7-list-item-divider-bg-color); + line-height: var(--f7-list-item-divider-line-height) +} + +.item-divider:before, +li.item-divider:before { + content: ''; + position: absolute; + background-color: var(--f7-list-item-divider-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.list li.list-group-title, +li.list-group-title { + position: relative; + position: -webkit-sticky; + position: sticky; + top: 0; + margin-top: 0; + z-index: 20; + height: var(--f7-list-group-title-height); + color: var(--f7-list-group-title-text-color); + font-size: var(--f7-list-group-title-font-size); + font-weight: var(--f7-list-group-title-font-weight); + background-color: var(--f7-list-group-title-bg-color); + line-height: var(--f7-list-group-title-line-height) +} + +.page-with-navbar-large .list li.list-group-title, +.page-with-navbar-large li.list-group-title { + top: calc(-1 * var(--f7-navbar-large-title-height)) +} + +.list.inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px +} + +.list.inset .block-title { + margin-left: 0; + margin-right: 0 +} + +.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 { + border-radius: 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 { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) +} + +.list.inset li.swipeout:first-child:last-child, +.list.inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) +} + +@media (min-width:480px) { + .list.xsmall-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .list.xsmall-inset .block-title { + margin-left: 0; + margin-right: 0 + } + .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-inset-border-radius) var(--f7-list-inset-border-radius) 0 0 + } + .list.xsmall-inset li:last-child>a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) + } + .list.xsmall-inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) + } +} + +@media (min-width:568px) { + .list.small-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .list.small-inset .block-title { + margin-left: 0; + margin-right: 0 + } + .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-inset-border-radius) var(--f7-list-inset-border-radius) 0 0 + } + .list.small-inset li:last-child>a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) + } + .list.small-inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) + } +} + +@media (min-width:768px) { + .list.medium-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .list.medium-inset .block-title { + margin-left: 0; + margin-right: 0 + } + .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-inset-border-radius) var(--f7-list-inset-border-radius) 0 0 + } + .list.medium-inset li:last-child>a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) + } + .list.medium-inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) + } +} + +@media (min-width:1024px) { + .list.large-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .list.large-inset .block-title { + margin-left: 0; + margin-right: 0 + } + .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-inset-border-radius) var(--f7-list-inset-border-radius) 0 0 + } + .list.large-inset li:last-child>a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) + } + .list.large-inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) + } +} + +@media (min-width:1200px) { + .list.xlarge-inset { + margin-left: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-left)); + margin-right: calc(var(--f7-list-inset-side-margin) + var(--f7-safe-area-outer-right)); + border-radius: var(--f7-list-inset-border-radius); + --f7-safe-area-left: 0px; + --f7-safe-area-right: 0px + } + .list.xlarge-inset .block-title { + margin-left: 0; + margin-right: 0 + } + .list.xlarge-inset ul { + border-radius: var(--f7-list-inset-border-radius) + } + .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-inset-border-radius) var(--f7-list-inset-border-radius) 0 0 + } + .list.xlarge-inset li:last-child>a { + border-radius: 0 0 var(--f7-list-inset-border-radius) var(--f7-list-inset-border-radius) + } + .list.xlarge-inset li:first-child:last-child>a { + border-radius: var(--f7-list-inset-border-radius) + } +} + +.list .no-chevron, +.list.no-chevron { + --f7-list-chevron-icon-color: transparent; + --f7-list-chevron-icon-area: 0px +} + +.ios .item-link.active-state .item-inner:after, +.ios .links-list a.active-state:after, +.ios .list-button.active-state:after { + background-color: transparent +} + +.ios .links-list a.active-state, +.ios .list .item-link.active-state, +.ios .list .list-button.active-state { + transition-duration: 0s +} + +.md .list .item-media { + min-width: 40px +} + +.aurora .list .item-media { + min-width: 18px +} + +.aurora .links-list a:before, +.aurora .list .item-link .item-inner:before, +.aurora .media-list .chevron-center .item-link .item-inner:before, +.aurora .media-list .item-link .item-title-row:before, +.aurora .media-list .item-link.chevron-center .item-inner:before, +.aurora .media-list.chevron-center .item-link .item-inner:before, +.aurora li.media-item .chevron-center .item-link .item-inner:before, +.aurora li.media-item .item-link .item-title-row:before, +.aurora li.media-item .item-link.chevron-center .item-inner:before, +.aurora li.media-item.chevron-center .item-link .item-inner:before { + content: 'chevron_right_aurora' +} + +.aurora .links-list a, +.aurora .list .item-link, +.aurora .list .list-button { + transition-duration: 0s +} + +.aurora.device-desktop .links-list a:hover:not(.active-state):not(.no-hover), +.aurora.device-desktop .list .item-link:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-link-hover-bg-color) +} + +.aurora.device-desktop .list .list-button:hover:not(.active-state):not(.no-hover) { + background: var(--f7-list-button-hover-bg-color) +} + +:root { + --f7-badge-text-color: #fff; + --f7-badge-bg-color: #8e8e93; + --f7-badge-padding: 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 +} + +.md { + --f7-badge-size: 18px +} + +.aurora { + --f7-badge-size: 18px; + --f7-badge-font-weight: 600; + --f7-badge-in-icon-size: 15px +} + +.badge { + display: inline-flex; + align-items: center; + align-content: center; + justify-content: center; + color: var(--f7-badge-text-color); + background: var(--f7-badge-bg-color); + position: relative; + box-sizing: border-box; + text-align: center; + vertical-align: middle; + font-weight: var(--f7-badge-font-weight); + font-size: var(--f7-badge-font-size); + border-radius: var(--f7-badge-size); + padding: var(--f7-badge-padding); + height: var(--f7-badge-size); + min-width: var(--f7-badge-size) +} + +.f7-icons .badge, +.framework7-icons .badge, +.icon .badge, +.material-icons .badge { + position: absolute; + left: 100%; + margin-left: -10px; + top: -2px; + font-family: var(--f7-font-family); + --f7-badge-font-size: var(--f7-badge-in-icon-font-size); + --f7-badge-size: var(--f7-badge-in-icon-size) +} + +.badge[class*=color-] { + --f7-badge-bg-color: var(--f7-theme-color) +} + +:root { + --f7-button-min-width: 32px; + --f7-button-bg-color: transparent; + --f7-button-border-width: 0px; + --f7-button-outline-border-width: 2px; + --f7-button-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-button-raised-pressed-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + --f7-segmented-raised-divider-color: rgba(0, 0, 0, 0.1); + --f7-segmented-strong-padding: 2px; + --f7-segmented-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, 0.25); + --f7-segmented-strong-bg-color: rgba(0, 0, 0, 0.07); + --f7-segmented-strong-button-text-color: #000; + --f7-segmented-strong-button-pressed-bg-color: rgba(0, 0, 0, 0.07); + --f7-segmented-strong-button-hover-bg-color: rgba(0, 0, 0, 0.04); + --f7-segmented-strong-button-active-text-color: #000; + --f7-segmented-strong-button-active-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-segmented-strong-bg-color: rgba(255, 255, 255, 0.1); + --f7-segmented-strong-button-pressed-bg-color: rgba(255, 255, 255, 0.04); + --f7-segmented-strong-button-hover-bg-color: rgba(255, 255, 255, 0.02); + --f7-segmented-strong-button-active-bg-color: rgba(255, 255, 255, 0.14); + --f7-segmented-strong-button-text-color: #fff; + --f7-segmented-strong-button-active-text-color: #fff +} + +.ios { + --f7-button-font-size: 13px; + --f7-button-height: 28px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 5px; + --f7-button-font-weight: 600; + --f7-button-letter-spacing: 0; + --f7-button-text-transform: uppercase; + --f7-button-large-height: 44px; + --f7-button-large-font-size: 17px; + --f7-button-large-font-weight: 500; + --f7-button-large-text-transform: none; + --f7-button-small-height: 26px; + --f7-button-small-font-size: 13px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; + --f7-segmented-strong-button-text-transform: none; + --f7-segmented-strong-button-active-font-weight: 600 +} + +.md { + --f7-button-font-size: 14px; + --f7-button-height: 36px; + --f7-button-padding-horizontal: 8px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.03em; + --f7-button-text-transform: uppercase; + --f7-button-large-height: 48px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 500; + --f7-button-large-text-transform: uppercase; + --f7-button-small-height: 28px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 500; + --f7-button-small-text-transform: uppercase; + --f7-button-small-outline-border-width: 2px; + --f7-segmented-strong-button-text-transform: uppercase; + --f7-segmented-strong-button-active-font-weight: 500; + --f7-button-pressed-bg-color: rgba(0, 0, 0, 0.1) +} + +.md .theme-dark, +.md.theme-dark { + --f7-button-pressed-bg-color: rgba(255, 255, 255, 0.1) +} + +.aurora { + --f7-button-font-size: 14px; + --f7-button-height: 28px; + --f7-button-min-width: 24px; + --f7-button-padding-horizontal: 10px; + --f7-button-border-radius: 4px; + --f7-button-font-weight: 500; + --f7-button-letter-spacing: 0.02; + --f7-button-text-transform: none; + --f7-button-large-height: 34px; + --f7-button-large-font-size: 14px; + --f7-button-large-font-weight: 600; + --f7-button-large-text-transform: none; + --f7-button-small-height: 24px; + --f7-button-small-font-size: 12px; + --f7-button-small-font-weight: 600; + --f7-button-small-text-transform: none; + --f7-button-small-outline-border-width: 1px; + --f7-segmented-strong-button-text-transform: none; + --f7-segmented-strong-button-active-font-weight: 600 +} + +button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100% +} + +.button { + text-decoration: none; + text-align: center; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: 0 0; + margin: 0; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; + overflow: hidden; + font-family: inherit; + cursor: pointer; + outline: 0; + box-sizing: border-box; + vertical-align: middle; + justify-content: center; + align-items: center; + border: var(--f7-button-border-width, 0px) solid var(--f7-button-border-color, var(--f7-theme-color)); + font-size: var(--f7-button-font-size); + color: var(--f7-button-text-color, var(--f7-theme-color)); + height: var(--f7-button-height); + line-height: calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2); + padding: var(--f7-button-padding-vertical, 0px) var(--f7-button-padding-horizontal); + border-radius: var(--f7-button-border-radius); + min-width: var(--f7-button-min-width); + font-weight: var(--f7-button-font-weight); + letter-spacing: var(--f7-button-letter-spacing); + text-transform: var(--f7-button-text-transform); + background-color: var(--f7-button-bg-color); + box-shadow: var(--f7-button-box-shadow) +} + +.button.active-state { + background-color: var(--f7-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), .15)); + color: var(--f7-button-pressed-text-color, var(--f7-button-text-color, var(--f7-theme-color))) +} + +input[type=button].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, +.toolbar .button { + color: var(--f7-button-text-color, var(--f7-theme-color)) +} + +.aurora .button-round-aurora, +.button-round, +.ios .button-round-ios, +.md .button-round-md { + --f7-button-border-radius: var(--f7-button-height) +} + +.aurora .button-fill-aurora, +.button-active, +.button-fill, +.button.tab-link-active, +.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-touch-ripple-color: var(--f7-touch-ripple-white) +} + +.aurora .button-fill-aurora, +.button-fill, +.ios .button-fill-ios, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color) +} + +.button-active, +.button.tab-link-active { + --f7-button-pressed-bg-color: var(--f7-button-bg-color) +} + +.aurora .button-outline-aurora, +.button-outline, +.ios .button-outline-ios, +.md .button-outline-md { + --f7-button-border-color: var(--f7-button-outline-border-color, var(--f7-theme-color)); + --f7-button-border-width: var(--f7-button-outline-border-width) +} + +.aurora .button-large-aurora, +.button-large, +.ios .button-large-ios, +.md .button-large-md { + --f7-button-height: var(--f7-button-large-height); + --f7-button-font-size: var(--f7-button-large-font-size); + --f7-button-font-weight: var(--f7-button-large-font-weight); + --f7-button-text-transform: var(--f7-button-large-text-transform) +} + +.aurora .button-small-aurora, +.button-small, +.ios .button-small-ios, +.md .button-small-md { + --f7-button-outline-border-width: var(--f7-button-small-outline-border-width); + --f7-button-height: var(--f7-button-small-height); + --f7-button-font-size: var(--f7-button-small-font-size); + --f7-button-font-weight: 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.button-fill, +.ios .button-small.button-fill-ios { + --f7-button-border-width: var(--f7-button-small-outline-border-width); + --f7-button-pressed-text-color: var(--f7-theme-color); + --f7-button-pressed-bg-color: transparent +} + +.segmented { + align-self: center; + display: flex; + flex-wrap: nowrap; + border-radius: var(--f7-button-border-radius); + box-shadow: var(--f7-button-box-shadow); + box-sizing: border-box +} + +.segmented .button, +.segmented button { + width: 100%; + flex-shrink: 1; + min-width: 0; + border-radius: 0 +} + +.segmented .button:first-child { + border-radius: var(--f7-button-border-radius) 0 0 var(--f7-button-border-radius) +} + +.segmented .button:not(.button-outline):first-child { + border-left: none +} + +.segmented .button.button-outline:nth-child(n+2) { + 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-button-border-radius) +} + +.aurora .segmented-raised-aurora, +.ios .segmented-raised-ios, +.md .segmented-raised-md, +.segmented-raised { + box-shadow: var(--f7-button-raised-box-shadow) +} + +.aurora .segmented-raised-aurora .button:not(.button-outline), +.ios .segmented-raised-ios .button:not(.button-outline), +.md .segmented-raised-md .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-raised-ios, +.md .button-raised-md { + --f7-button-box-shadow: var(--f7-button-raised-box-shadow) +} + +.aurora .button-raised-aurora.active-state, +.button-raised.active-state, +.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 .segmented-strong-md, +.segmented-strong { + --f7-button-bg-color: transparent; + --f7-button-hover-bg-color: var(--f7-segmented-strong-button-hover-bg-color); + --f7-button-text-color: var(--f7-segmented-strong-button-text-color); + --f7-button-font-weight: var(--f7-segmented-strong-button-font-weight); + --f7-button-text-transform: var(--f7-segmented-strong-button-text-transform); + --f7-button-pressed-bg-color: var(--f7-segmented-strong-button-pressed-bg-color); + background: var(--f7-segmented-strong-bg-color); + border-radius: calc(var(--f7-button-border-radius) + 2px); + box-shadow: none; + padding: var(--f7-segmented-strong-padding); + overflow: hidden +} + +.aurora .segmented-strong-aurora .button, +.aurora .segmented-strong-aurora .button:first-child, +.aurora .segmented-strong-aurora .button:last-child, +.ios .segmented-strong-ios .button, +.ios .segmented-strong-ios .button:first-child, +.ios .segmented-strong-ios .button:last-child, +.md .segmented-strong-md .button, +.md .segmented-strong-md .button:first-child, +.md .segmented-strong-md .button:last-child, +.segmented-strong .button, +.segmented-strong .button:first-child, +.segmented-strong .button:last-child { + border-radius: var(--f7-button-border-radius) +} + +.aurora .segmented-strong-aurora .button+.button, +.ios .segmented-strong-ios .button+.button, +.md .segmented-strong-md .button+.button, +.segmented-strong .button+.button { + margin-left: var(--f7-segmented-strong-between-buttons) +} + +.aurora .segmented-strong-aurora .button.button-active, +.aurora .segmented-strong-aurora .button.tab-link-active, +.ios .segmented-strong-ios .button.button-active, +.ios .segmented-strong-ios .button.tab-link-active, +.md .segmented-strong-md .button.button-active, +.md .segmented-strong-md .button.tab-link-active, +.segmented-strong .button.button-active, +.segmented-strong .button.tab-link-active { + --f7-button-hover-bg-color: var(--f7-segmented-strong-button-active-bg-color); + --f7-button-bg-color: var(--f7-segmented-strong-button-active-bg-color); + --f7-button-text-color: var(--f7-segmented-strong-button-active-text-color); + --f7-button-font-weight: var(--f7-segmented-strong-button-active-font-weight); + --f7-button-box-shadow: var(--f7-segmented-strong-button-active-box-shadow) +} + +.aurora .segmented-round-aurora, +.ios .segmented-round-ios, +.md .segmented-round-md, +.segmented-round { + border-radius: var(--f7-button-height) +} + +.subnavbar .segmented { + width: 100% +} + +.ios .button { + transition-duration: .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: .2s +} + +.md .button { + transition-duration: .3s; + transform: translate3d(0, 0, 0) +} + +.md .button-fill, +.md .button-fill-md { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)) +} + +.aurora .button { + transition-duration: .1s; + transform: translate3d(0, 0, 0) +} + +.aurora.device-desktop .button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), .07)) +} + +.aurora .button-fill, +.aurora .button-fill-aurora { + --f7-button-pressed-bg-color: var(--f7-button-fill-pressed-bg-color, var(--f7-theme-color-shade)) +} + +.aurora .button-active, +.aurora .button-fill, +.aurora .button-fill-aurora, +.aurora .button.tab-link-active { + --f7-button-hover-bg-color: var(--f7-button-fill-hover-bg-color, var(--f7-theme-color-tint)) +} + +:root { + --f7-touch-ripple-black: rgba(0, 0, 0, 0.1); + --f7-touch-ripple-white: rgba(255, 255, 255, 0.3); + --f7-touch-ripple-color: var(--f7-touch-ripple-black) +} + +.theme-dark { + --f7-touch-ripple-color: var(--f7-touch-ripple-white) +} + +.actions-button, +.button, +.checkbox, +.dialog-button, +.fab a, +.item-link, +.link, +.list-button, +.radio, +.ripple, +.speed-dial-buttons a, +.tab-link { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.ripple-wave { + left: 0; + top: 0; + position: absolute !important; + border-radius: 50%; + pointer-events: none; + z-index: -1; + padding: 0; + margin: 0; + font-size: 0; + transform: translate3d(0px, 0px, 0) scale(0); + transition-duration: 1.4s; + background-color: var(--f7-touch-ripple-color) +} + +.ripple-wave.ripple-wave-fill { + transition-duration: .3s; + opacity: .35 +} + +.ripple-wave.ripple-wave-out { + transition-duration: .6s; + opacity: 0 +} + +.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 .ripple-wave { + z-index: 0 +} + +[class*=ripple-color-] { + --f7-touch-ripple-color: var(--f7-theme-color-ripple-color) +} + +.f7-icons, +.material-icons { + width: 1em; + height: 1em +} + +i.icon { + display: inline-block; + vertical-align: middle; + background-size: 100% auto; + background-position: center; + background-repeat: no-repeat; + font-style: normal; + position: relative +} + +.icon-back:after, +.icon-forward:after, +.icon-next:after, +.icon-prev:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px +} + +.icon[class*=color-] { + color: var(--f7-theme-color) +} + +.ios .icon-back, +.ios .icon-forward, +.ios .icon-next, +.ios .icon-prev { + width: 12px; + height: 20px; + line-height: 20px +} + +.ios .icon-back:after, +.ios .icon-forward:after, +.ios .icon-next: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 { + width: 24px; + height: 24px +} + +.md .icon-back:after, +.md .icon-forward:after, +.md .icon-next: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: 18px +} + +.aurora .icon-back, +.aurora .icon-forward, +.aurora .icon-next, +.aurora .icon-prev { + width: 9px; + height: 14px; + line-height: 14px +} + +.aurora .icon-back:after, +.aurora .icon-forward:after, +.aurora .icon-next:after, +.aurora .icon-prev:after { + line-height: inherit +} + +.aurora .icon-back:after, +.aurora .icon-prev:after { + content: 'chevron_left_aurora' +} + +.aurora .icon-forward:after, +.aurora .icon-next:after { + content: 'chevron_right_aurora' +} + +.custom-modal-backdrop { + z-index: 10500 +} + +.actions-backdrop, +.custom-modal-backdrop, +.dialog-backdrop, +.popover-backdrop, +.popup-backdrop, +.preloader-backdrop, +.sheet-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .4); + z-index: 13000; + visibility: hidden; + opacity: 0; + transition-duration: .4s +} + +.actions-backdrop.not-animated, +.custom-modal-backdrop.not-animated, +.dialog-backdrop.not-animated, +.popover-backdrop.not-animated, +.popup-backdrop.not-animated, +.preloader-backdrop.not-animated, +.sheet-backdrop.not-animated { + transition-duration: 0s +} + +.actions-backdrop.backdrop-in, +.custom-modal-backdrop.backdrop-in, +.dialog-backdrop.backdrop-in, +.popover-backdrop.backdrop-in, +.popup-backdrop.backdrop-in, +.preloader-backdrop.backdrop-in, +.sheet-backdrop.backdrop-in { + visibility: visible; + opacity: 1 +} + +:root { + --f7-appbar-shadow-image: none +} + +.ios { + --f7-appbar-height: 44px; + --f7-appbar-inner-padding-left: 8px; + --f7-appbar-inner-padding-right: 8px +} + +.md { + --f7-appbar-height: 48px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px +} + +.aurora { + --f7-appbar-height: 38px; + --f7-appbar-inner-padding-left: 16px; + --f7-appbar-inner-padding-right: 16px +} + +.appbar { + position: relative; + left: 0; + top: 0; + width: 100%; + z-index: 500; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + box-sizing: border-box; + margin: 0; + transform: translate3d(0, 0, 0); + height: calc(var(--f7-appbar-height) + var(--f7-safe-area-top)); + background-image: var(--f7-appbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-appbar-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-appbar-text-color, var(--f7-bars-text-color)); + font-size: var(--f7-appbar-font-size); + z-index: 7000 +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .appbar { + background-color: rgba(var(--f7-appbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.appbar .panel~.appbar { + z-index: 5500 +} + +.appbar a { + color: var(--f7-appbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.appbar a.link { + display: flex; + justify-content: flex-start; + line-height: var(--f7-appbar-link-line-height, var(--f7-appbar-height)); + height: var(--f7-appbar-link-height, var(--f7-appbar-height)) +} + +.appbar .center, +.appbar .left, +.appbar .right { + display: flex; + align-items: center +} + +.appbar.no-border:after, +.appbar.no-hairline:after { + display: none !important +} + +.appbar.no-border .title-large:after, +.appbar.no-hairline .title-large:after { + display: none !important +} + +.appbar.no-shadow:before { + display: none !important +} + +.appbar:after, +.appbar:before { + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.appbar:after { + content: ''; + position: absolute; + background-color: var(--f7-appbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.appbar:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-appbar-shadow-image) +} + +.appbar:after { + z-index: 1 +} + +.appbar~* { + --f7-appbar-app-offset: calc(var(--f7-appbar-height) + var(--f7-appbar-extra-offset, 0px) + var(--f7-safe-area-top)) +} + +.appbar~.appbar, +.appbar~.view, +.appbar~.views { + --f7-safe-area-top: 0px +} + +.appbar~.panel .page, +.appbar~.panel .page-content, +.appbar~.panel .view { + --f7-safe-area-top: 0px +} + +.appbar-inner { + position: absolute; + left: 0; + top: var(--f7-safe-area-top); + width: 100%; + height: var(--f7-appbar-height); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; + padding: 0 calc(var(--f7-appbar-inner-padding-right) + var(--f7-safe-area-right)) 0 calc(var(--f7-appbar-inner-padding-left) + var(--f7-safe-area-left)) +} + +.appbar-inner.stacked { + display: none +} + +:root { + --f7-dialog-button-text-color: var(--f7-theme-color); + --f7-dialog-button-text-align: center; + --f7-dialog-input-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-dialog-text-color: #fff +} + +.ios { + --f7-dialog-box-shadow: none; + --f7-dialog-width: 270px; + --f7-dialog-inner-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; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 17px; + --f7-dialog-button-height: 44px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-font-weight: 400; + --f7-dialog-button-text-transform: none; + --f7-dialog-input-border-radius: 4px; + --f7-dialog-input-font-size: 14px; + --f7-dialog-input-height: 32px; + --f7-dialog-input-border-width: 1px; + --f7-dialog-input-placeholder-color: #a9a9a9; + --f7-dialog-preloader-size: 34px; + --f7-dialog-bg-color: rgba(255, 255, 255, 0.95); + --f7-dialog-bg-color-rgb: 255, 255, 255; + --f7-dialog-text-color: #000; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-border-color: rgba(0, 0, 0, 0.3); + --f7-dialog-border-divider-color: rgba(0, 0, 0, 0.2) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-dialog-bg-color: rgba(45, 45, 45, 0.95); + --f7-dialog-bg-color-rgb: 45, 45, 45; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.2); + --f7-dialog-border-divider-color: rgba(255, 255, 255, 0.15); + --f7-dialog-input-border-color: rgba(255, 255, 255, 0.15); + --f7-dialog-input-bg-color: rgba(0, 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-dialog-text-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-dialog-button-letter-spacing: 0.03em; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: uppercase; + --f7-dialog-input-border-radius: 0px; + --f7-dialog-input-font-size: 16px; + --f7-dialog-input-height: 36px; + --f7-dialog-input-border-color: transparent; + --f7-dialog-input-border-width: 0px; + --f7-dialog-preloader-size: 32px; + --f7-dialog-bg-color: #fff; + --f7-dialog-text-color: rgba(0, 0, 0, 0.54); + --f7-dialog-title-text-color: #212121; + --f7-dialog-button-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.35) +} + +.md .theme-dark, +.md.theme-dark { + --f7-dialog-bg-color: #1c1c1d; + --f7-dialog-title-text-color: #fff; + --f7-dialog-button-pressed-bg-color: rgba(255, 255, 255, 0.1); + --f7-dialog-input-bg-color: transparent; + --f7-dialog-input-placeholder-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-dialog-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), 0 25px 30px 0 rgba(0, 0, 0, 0.35); + --f7-dialog-width: 300px; + --f7-dialog-inner-padding: 20px; + --f7-dialog-border-radius: 4px; + --f7-dialog-text-align: left; + --f7-dialog-font-size: 14px; + --f7-dialog-title-font-size: 14px; + --f7-dialog-title-font-weight: 700; + --f7-dialog-title-line-height: inherit; + --f7-dialog-button-font-size: 13px; + --f7-dialog-button-height: 28px; + --f7-dialog-button-letter-spacing: 0; + --f7-dialog-button-font-weight: 500; + --f7-dialog-button-text-transform: none; + --f7-dialog-input-border-radius: 4px; + --f7-dialog-input-font-size: 13px; + --f7-dialog-input-height: 24px; + --f7-dialog-input-border-width: 1px; + --f7-dialog-preloader-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, 0.12); + --f7-dialog-input-placeholder-color: rgba(0, 0, 0, 0.32) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-dialog-bg-color: #1c1c1d; + --f7-dialog-title-text-color: #fff; + --f7-dialog-input-bg-color: rgba(0, 0, 0, 0.25); + --f7-dialog-input-placeholder-color: rgba(255, 255, 255, 0.54); + --f7-dialog-input-border-color: rgba(255, 255, 255, 0.15) +} + +.dialog { + position: absolute; + z-index: 13500; + left: 50%; + margin-top: 0; + top: 50%; + overflow: hidden; + opacity: 0; + transform: translate3d(0, -50%, 0) scale(1.185); + transition-property: transform, opacity; + display: none; + transition-duration: .4s; + box-shadow: var(--f7-dialog-box-shadow); + width: var(--f7-dialog-width); + margin-left: calc(-1 * var(--f7-dialog-width)/ 2); + border-radius: var(--f7-dialog-border-radius); + text-align: var(--f7-dialog-text-align); + color: var(--f7-dialog-text-color); + font-size: var(--f7-dialog-font-size); + background: var(--f7-dialog-bg-color) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-modals .dialog { + background-color: rgba(var(--f7-dialog-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +.dialog.modal-in { + opacity: 1; + transform: translate3d(0, -50%, 0) scale(1) +} + +.dialog.modal-out { + opacity: 0; + z-index: 13499 +} + +.dialog.not-animated { + transition-duration: 0s +} + +.dialog-inner { + position: relative; + padding: var(--f7-dialog-inner-padding) +} + +.dialog-title { + color: var(--f7-dialog-title-text-color); + font-size: var(--f7-dialog-title-font-size); + font-weight: var(--f7-dialog-title-font-weight); + line-height: var(--f7-dialog-title-line-height) +} + +.dialog-buttons { + position: relative; + display: flex +} + +.dialog-buttons-vertical .dialog-buttons { + display: block; + height: auto !important +} + +.dialog-button { + box-sizing: border-box; + overflow: hidden; + position: relative; + white-space: nowrap; + text-overflow: ellipsis; + color: var(--f7-dialog-button-text-color); + font-size: var(--f7-dialog-button-font-size); + height: var(--f7-dialog-button-height); + line-height: var(--f7-dialog-button-height); + letter-spacing: var(--f7-dialog-button-letter-spacing); + text-align: var(--f7-dialog-button-text-align); + font-weight: var(--f7-dialog-button-font-weight); + text-transform: var(--f7-dialog-button-text-transform); + display: block; + cursor: pointer +} + +.dialog-button.active-state { + background-color: var(--f7-dialog-button-pressed-bg-color) +} + +.dialog-no-buttons .dialog-buttons { + display: none +} + +.dialog-input-field { + position: relative +} + +input.dialog-input[type] { + box-sizing: border-box; + margin: 0; + margin-top: 15px; + border-radius: var(--f7-dialog-input-border-radius); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + display: block; + font-family: inherit; + box-shadow: none; + font-size: var(--f7-dialog-input-font-size); + height: var(--f7-dialog-input-height); + background-color: var(--f7-dialog-input-bg-color); + border: var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color) +} + +input.dialog-input[type]::-webkit-input-placeholder { + color: var(--f7-dialog-input-placeholder-color) +} + +input.dialog-input[type]::placeholder { + color: var(--f7-dialog-input-placeholder-color) +} + +.dialog-input-double input.dialog-input { + border-radius: var(--f7-dialog-input-border-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-preloader-size) +} + +html.with-modal-dialog .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto +} + +.ios .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(1) +} + +.ios .dialog-inner { + border-radius: var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0 +} + +.ios .dialog-inner:after { + content: ''; + position: absolute; + background-color: var(--f7-dialog-border-divider-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.ios .dialog-title+.dialog-text { + margin-top: 5px +} + +.ios .dialog-buttons { + height: 44px; + justify-content: center +} + +.ios .dialog-button { + width: 100%; + padding: 0 5px; + -webkit-box-flex: 1; + -ms-flex: 1 +} + +.ios .dialog-button:after { + content: ''; + position: absolute; + background-color: var(--f7-dialog-border-divider-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))) +} + +.ios .dialog-button:first-child { + border-radius: 0 0 0 var(--f7-dialog-border-radius) +} + +.ios .dialog-button:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) 0 +} + +.ios .dialog-button:last-child:after { + display: none !important +} + +.ios .dialog-button:first-child:last-child { + border-radius: 0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) +} + +.ios .dialog-button.dialog-button-bold { + font-weight: 500 +} + +.ios .dialog-button[class*=color-] { + --f7-dialog-button-text-color: var(--f7-theme-color) +} + +.ios .dialog-buttons-vertical .dialog-buttons { + height: auto +} + +.ios .dialog-buttons-vertical .dialog-button { + border-radius: 0 +} + +.ios .dialog-buttons-vertical .dialog-button:after { + content: ''; + position: absolute; + background-color: var(--f7-dialog-border-divider-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.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-border-radius) +} + +.ios .dialog-no-buttons .dialog-inner:after { + display: none !important +} + +.ios .dialog-input-field { + margin-top: 15px +} + +.ios .dialog-input { + padding: 0 5px +} + +.ios .dialog-input+.dialog-input { + margin-top: 5px +} + +.ios .dialog-input-double+.dialog-input-double { + margin-top: 0 +} + +.ios .dialog-input-double+.dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0 +} + +.ios .dialog-preloader .dialog-text~.preloader, +.ios .dialog-preloader .dialog-title~.preloader { + margin-top: 15px +} + +.ios .dialog-progress .dialog-text~.progressbar, +.ios .dialog-progress .dialog-text~.progressbar-infinite, +.ios .dialog-progress .dialog-title~.progressbar, +.ios .dialog-progress .dialog-title~.progressbar-infinite { + margin-top: 15px +} + +.md .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(.815) +} + +.md .dialog-title+.dialog-text { + margin-top: 20px +} + +.md .dialog-text { + line-height: 1.5 +} + +.md .dialog-buttons { + height: 48px; + padding: 6px 8px; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end +} + +.md .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 8px; + border: none; + transition-duration: .3s; + transform: translate3d(0, 0, 0) +} + +.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 { + padding: 0 0 8px 0 +} + +.md .dialog-buttons-vertical .dialog-button { + margin-left: 0; + text-align: right; + height: 48px; + line-height: 48px; + border-radius: 0; + padding-left: 16px; + padding-right: 16px +} + +.md .dialog-input { + padding: 0; + transition-duration: .2s; + position: relative +} + +.md .dialog-input+.dialog-input { + margin-top: 16px +} + +.md .dialog-preloader .dialog-inner, +.md .dialog-preloader .dialog-title, +.md .dialog-progress .dialog-inner, +.md .dialog-progress .dialog-title { + text-align: center +} + +.md .dialog-preloader .dialog-text~.preloader, +.md .dialog-preloader .dialog-title~.preloader { + margin-top: 20px +} + +.md .dialog-progress .dialog-text~.progressbar, +.md .dialog-progress .dialog-text~.progressbar-infinite, +.md .dialog-progress .dialog-title~.progressbar, +.md .dialog-progress .dialog-title~.progressbar-infinite { + margin-top: 16px +} + +.aurora .dialog.modal-out { + transform: translate3d(0, -50%, 0) scale(.815) +} + +.aurora .dialog-title+.dialog-text { + margin-top: 10px +} + +.aurora .dialog-text { + line-height: 1.5 +} + +.aurora .dialog-buttons { + padding: var(--f7-dialog-inner-padding); + padding-top: 0; + overflow: hidden; + box-sizing: border-box; + justify-content: flex-end +} + +.aurora .dialog-button { + border-radius: 4px; + min-width: 64px; + padding: 0 10px; + border: none; + transition-duration: .3s; + transform: translate3d(0, 0, 0); + background: var(--f7-theme-color) +} + +.aurora .dialog-button.dialog-button-bold { + font-weight: 600 +} + +.aurora .dialog-button+.dialog-button { + margin-left: 16px +} + +.aurora .dialog-buttons-vertical .dialog-buttons { + display: flex; + flex-direction: column; + align-items: flex-end +} + +.aurora .dialog-buttons-vertical .dialog-button { + margin-left: 0; + flex-shrink: 0 +} + +.aurora .dialog-buttons-vertical .dialog-button+.dialog-button { + margin-top: 5px +} + +.aurora .dialog-input-field { + margin-top: 10px +} + +.aurora .dialog-input-field input.dialog-input { + margin-top: 0 +} + +.aurora .dialog-input { + padding: 0 4px; + transition-duration: .2s; + position: relative +} + +.aurora .dialog-input+.dialog-input { + margin-top: 10px +} + +.aurora .dialog-input-double+.dialog-input-double { + margin-top: 0 +} + +.aurora .dialog-input-double+.dialog-input-double .dialog-input { + border-top: 0; + margin-top: 0 +} + +.aurora .dialog-preloader .dialog-inner, +.aurora .dialog-preloader .dialog-title, +.aurora .dialog-progress .dialog-inner, +.aurora .dialog-progress .dialog-title { + text-align: center +} + +.aurora .dialog-preloader .dialog-text~.preloader, +.aurora .dialog-preloader .dialog-title~.preloader { + margin-top: 10px +} + +.aurora .dialog-progress .dialog-text~.progressbar, +.aurora .dialog-progress .dialog-text~.progressbar-infinite, +.aurora .dialog-progress .dialog-title~.progressbar, +.aurora .dialog-progress .dialog-title~.progressbar-infinite { + margin-top: 15px +} + +:root { + --f7-popup-border-radius: 0px; + --f7-popup-tablet-width: 630px; + --f7-popup-tablet-height: 630px; + --f7-popup-transition-duration: 400ms; + --f7-popup-push-border-radius: 10px; + --f7-popup-push-offset: var(--f7-safe-area-top) +} + +.ios { + --f7-popup-box-shadow: none +} + +.md { + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5) +} + +.aurora { + --f7-popup-tablet-border-radius: 4px; + --f7-popup-box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5) +} + +.popup-backdrop { + z-index: 10500 +} + +.popup { + position: absolute; + left: 0; + top: 0px; + width: 100%; + height: 100%; + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: #fff; + z-index: 11000; + overflow: hidden; + border-radius: var(--f7-popup-border-radius) +} + +.popup.modal-in, +.popup.modal-out { + transition-duration: var(--f7-popup-transition-duration) +} + +.popup.not-animated { + transition-duration: 0s +} + +.popup.modal-in { + display: block; + transform: translate3d(0, 0, 0) +} + +.popup.modal-out { + transform: translate3d(0, 100%, 0) +} + +.popup.swipe-close-to-top.modal-out { + transform: translate3d(0, -100%, 0) +} + +@media (min-width:630px) and (min-height:630px) { + .popup:not(.popup-tablet-fullscreen) { + --f7-safe-area-top: 0px; + width: var(--f7-popup-tablet-width); + height: var(--f7-popup-tablet-height); + left: 50%; + top: 50%; + margin-left: calc(-1 * var(--f7-popup-tablet-width)/ 2); + margin-top: calc(-1 * var(--f7-popup-tablet-height)/ 2); + transform: translate3d(0, 100vh, 0); + box-shadow: var(--f7-popup-box-shadow); + border-radius: var(--f7-popup-tablet-border-radius, var(--f7-popup-border-radius)) + } + .popup:not(.popup-tablet-fullscreen).modal-in { + transform: translate3d(0, 0, 0) + } + .popup:not(.popup-tablet-fullscreen).modal-out { + transform: translate3d(0, 100vh, 0) + } + .popup:not(.popup-tablet-fullscreen).swipe-close-to-top.modal-out { + transform: translate3d(0, -100vh, 0) + } +} + +html.with-modal-popup .framework7-root>.panel .page-content, +html.with-modal-popup .framework7-root>.view .page-content, +html.with-modal-popup .framework7-root>.views .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto +} + +html.with-modal-popup-push .popup-push, +html.with-modal-popup-push-closing .popup-push { + top: calc(var(--f7-popup-push-offset) + 10px); + height: calc(100% - var(--f7-popup-push-offset) - 10px); + border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0 +} + +html.with-modal-popup-push .popup-push .page, +html.with-modal-popup-push .popup-push .view, +html.with-modal-popup-push-closing .popup-push .page, +html.with-modal-popup-push-closing .popup-push .view { + --f7-safe-area-top: 0px +} + +html.with-modal-popup-push .framework7-root, +html.with-modal-popup-push-closing .framework7-root { + background: #000 +} + +html.with-modal-popup-push .framework7-root>.view, +html.with-modal-popup-push .framework7-root>.views, +html.with-modal-popup-push-closing .framework7-root>.view, +html.with-modal-popup-push-closing .framework7-root>.views { + transition-duration: var(--f7-popup-transition-duration) +} + +html.with-modal-popup-push .framework7-root>.view, +html.with-modal-popup-push .framework7-root>.views { + border-radius: var(--f7-popup-push-border-radius) var(--f7-popup-push-border-radius) 0 0; + transform: translate3d(0, 0, 0px) scale(var(--f7-popup-push-scale, 1)) +} + +:root { + --f7-login-screen-blocks-max-width: 480px; + --f7-login-screen-title-text-align: center; + --f7-login-screen-title-text-color: inherit; + --f7-login-screen-title-letter-spacing: 0; + --f7-login-screen-title-font-weight: 600; + --f7-login-screen-title-font-size: 28px; + --f7-login-screen-content-bg-color: #fff; + --f7-login-screen-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-login-screen-bg-color: #121212; + --f7-login-screen-content-bg-color: transparent +} + +.ios { + --f7-login-screen-blocks-margin-vertical: 25px +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-login-screen-bg-color: #000 +} + +.md { + --f7-login-screen-blocks-margin-vertical: 24px +} + +.aurora { + --f7-login-screen-blocks-margin-vertical: 15px +} + +.login-screen { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-login-screen-bg-color); + z-index: 11000 +} + +.login-screen.modal-in, +.login-screen.modal-out { + transition-duration: .4s +} + +.login-screen.not-animated { + transition-duration: 0s +} + +.login-screen.modal-in { + display: block; + transform: translate3d(0, 0, 0) +} + +.login-screen.modal-out { + transform: translate3d(0, 100%, 0) +} + +.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 { + text-align: center; + color: var(--f7-login-screen-list-button-text-color, var(--f7-theme-color)) +} + +.login-screen-content .block, +.login-screen-content .list, +.login-screen-content .login-screen-title, +.login-screen-page .block, +.login-screen-page .list, +.login-screen-page .login-screen-title { + margin: var(--f7-login-screen-blocks-margin-vertical) auto +} + +.login-screen-content .block, +.login-screen-content .block-footer, +.login-screen-content .block-header, +.login-screen-content .list, +.login-screen-content .login-screen-title, +.login-screen-page .block, +.login-screen-page .block-footer, +.login-screen-page .block-header, +.login-screen-page .list, +.login-screen-page .login-screen-title { + max-width: var(--f7-login-screen-blocks-max-width) +} + +.login-screen-content .list ul, +.login-screen-page .list ul { + background: 0 0 +} + +.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 .block-header, +.login-screen-page .block-footer, +.login-screen-page .block-header { + text-align: center; + margin-left: auto; + margin-right: auto +} + +.login-screen-title { + text-align: var(--f7-login-screen-title-text-align); + font-size: var(--f7-login-screen-title-font-size); + font-weight: var(--f7-login-screen-title-font-weight); + color: var(--f7-login-screen-title-text-color); + letter-spacing: var(--f7-login-screen-title-letter-spacing) +} + +.login-screen-page, +.login-screen>.page, +.login-screen>.view>.page { + display: flex; + flex-direction: column +} + +.login-screen-page .login-screen-content, +.login-screen-page .page-content, +.login-screen>.page .login-screen-content, +.login-screen>.page .page-content, +.login-screen>.view>.page .login-screen-content, +.login-screen>.view>.page .page-content { + margin-top: auto; + margin-bottom: auto; + height: auto; + max-height: 100%; + width: 100% +} + +.theme-dark .login-screen-content .block-strong, +.theme-dark .login-screen-content .list ul, +.theme-dark .login-screen-page .block-strong, +.theme-dark .login-screen-page .list ul, +.theme-dark.login-screen-page .block-strong, +.theme-dark.login-screen-page .list ul { + background-color: transparent +} + +:root { + --f7-popover-width: 260px +} + +.ios { + --f7-popover-border-radius: 13px; + --f7-popover-box-shadow: none; + --f7-popover-actions-icon-size: 28px; + --f7-popover-bg-color: rgba(255, 255, 255, 0.95); + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.45) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-popover-bg-color: rgba(30, 30, 30, 0.95); + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.55) +} + +.md { + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: var(--f7-elevation-8); + --f7-popover-actions-icon-size: 24px; + --f7-popover-bg-color: #fff; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.54) +} + +.md .theme-dark, +.md.theme-dark { + --f7-popover-bg-color: #1c1c1d; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-popover-width: 200px; + --f7-popover-border-radius: 4px; + --f7-popover-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 5px 11px 0 rgba(0, 0, 0, 0.28); + --f7-popover-actions-icon-size: 24px; + --f7-popover-bg-color: #fff; + --f7-popover-actions-label-text-color: rgba(0, 0, 0, 0.6) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-popover-bg-color: #1c1c1d; + --f7-popover-actions-label-text-color: rgba(255, 255, 255, 0.6) +} + +.popover { + width: var(--f7-popover-width); + z-index: 13500; + margin: 0; + top: 0; + opacity: 0; + left: 0; + position: absolute; + display: none; + transition-duration: .3s; + background-color: var(--f7-popover-bg-color); + border-radius: var(--f7-popover-border-radius); + box-shadow: var(--f7-popover-box-shadow) +} + +.popover .list { + margin: 0 +} + +.popover .list ul { + background: 0 0 +} + +.popover .list:first-child ul:before { + display: none !important +} + +.popover .list:last-child ul:after { + display: none !important +} + +.popover .list:first-child ul { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0 +} + +.popover .list:first-child li:first-child, +.popover .list:first-child li:first-child a, +.popover .list:first-child li:first-child>label { + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0 +} + +.popover .list:last-child ul { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius) +} + +.popover .list:last-child li:last-child, +.popover .list:last-child li:last-child a, +.popover .list:last-child li:last-child>label { + border-radius: 0 0 var(--f7-popover-border-radius) var(--f7-popover-border-radius) +} + +.popover .list:first-child:last-child li:first-child:last-child, +.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(--f7-popover-border-radius) +} + +.popover .list+.list { + margin-top: var(--f7-list-margin-vertical) +} + +.popover.modal-in { + opacity: 1 +} + +.popover.not-animated { + transition-duration: 0s +} + +.popover-inner { + overflow: auto; + -webkit-overflow-scrolling: touch +} + +.popover-from-actions .item-link i.icon { + width: var(--f7-popover-actions-icon-size); + height: var(--f7-popover-actions-icon-size); + font-size: var(--f7-popover-actions-icon-size) +} + +.popover-from-actions-bold { + font-weight: 600 +} + +.popover-from-actions-label { + line-height: 1.3; + position: relative; + display: flex; + align-items: center; + padding: var(--f7-actions-label-padding); + color: var(--f7-popover-actions-label-text-color); + font-size: var(--f7-actions-label-font-size); + justify-content: var(--f7-actions-label-justify-content) +} + +.popover-from-actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.popover-from-actions-label:last-child:after { + display: none !important +} + +.ios .popover { + transform: none; + transition-property: opacity +} + +.ios .popover-angle { + width: 26px; + height: 26px; + position: absolute; + left: -26px; + top: 0; + z-index: 100; + overflow: hidden +} + +.ios .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 26px; + height: 26px; + position: absolute; + left: 0; + top: 0; + border-radius: 3px; + transform: rotate(45deg) +} + +.ios .popover-angle.on-left { + left: -26px +} + +.ios .popover-angle.on-left:after { + left: 19px; + top: 0 +} + +.ios .popover-angle.on-right { + left: 100% +} + +.ios .popover-angle.on-right:after { + left: -19px; + top: 0 +} + +.ios .popover-angle.on-top { + left: 0; + top: -26px +} + +.ios .popover-angle.on-top:after { + left: 0; + top: 19px +} + +.ios .popover-angle.on-bottom { + left: 0; + top: 100% +} + +.ios .popover-angle.on-bottom:after { + left: 0; + top: -19px +} + +.md .popover { + transform: scale(.85, .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: none; + transition-property: opacity +} + +.aurora .popover-angle { + width: 18px; + height: 18px; + position: absolute; + left: -18px; + top: 0; + z-index: 100; + overflow: hidden +} + +.aurora .popover-angle:after { + content: ''; + background: var(--f7-popover-bg-color); + width: 18px; + height: 18px; + position: absolute; + left: 0; + top: 0; + border-radius: 2px; + transform: rotate(45deg) +} + +.aurora .popover-angle.on-left { + left: -18px +} + +.aurora .popover-angle.on-left:after { + left: 13px; + top: 0 +} + +.aurora .popover-angle.on-right { + left: 100% +} + +.aurora .popover-angle.on-right:after { + left: -13px; + top: 0 +} + +.aurora .popover-angle.on-top { + left: 0; + top: -18px +} + +.aurora .popover-angle.on-top:after { + left: 0; + top: 13px +} + +.aurora .popover-angle.on-bottom { + left: 0; + top: 100% +} + +.aurora .popover-angle.on-bottom:after { + left: 0; + top: -13px +} + +:root { + --f7-actions-grid-button-font-size: 12px; + --f7-actions-grid-button-text-color: #757575 +} + +:root .theme-dark, +:root.theme-dark { + --f7-actions-label-text-color: rgba(255, 255, 255, 0.55) +} + +.ios { + --f7-actions-border-radius: 13px; + --f7-actions-button-padding: 0px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 57px; + --f7-actions-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; + --f7-actions-label-justify-content: center; + --f7-actions-group-border-color: transparent; + --f7-actions-group-margin: 8px; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-bg-color: rgba(255, 255, 255, 0.95); + --f7-actions-bg-color-rgb: 255, 255, 255; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.2); + --f7-actions-button-pressed-bg-color: rgba(230, 230, 230, 0.9); + --f7-actions-button-pressed-bg-color-rgb: 230, 230, 230; + --f7-actions-label-text-color: #8a8a8a +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-actions-bg-color: rgba(45, 45, 45, 0.95); + --f7-actions-bg-color-rgb: 45, 45, 45; + --f7-actions-button-border-color: rgba(255, 255, 255, 0.15); + --f7-actions-button-pressed-bg-color: rgba(50, 50, 50, 0.9); + --f7-actions-button-pressed-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-text-align: left; + --f7-actions-button-height: 48px; + --f7-actions-button-height-landscape: 48px; + --f7-actions-button-font-size: 16px; + --f7-actions-button-icon-size: 24px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 12px 16px; + --f7-actions-label-font-size: 16px; + --f7-actions-label-justify-content: flex-start; + --f7-actions-group-margin: 0px; + --f7-actions-grid-button-icon-size: 48px; + --f7-actions-bg-color: #fff; + --f7-actions-button-text-color: rgba(0, 0, 0, 0.87); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.54); + --f7-actions-group-border-color: rgba(0, 0, 0, 0.12) +} + +.md .theme-dark, +.md.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15) +} + +.aurora { + --f7-actions-border-radius: 4px; + --f7-actions-button-padding: 0 16px; + --f7-actions-button-text-align: center; + --f7-actions-button-height: 32px; + --f7-actions-button-height-landscape: 32px; + --f7-actions-button-font-size: 14px; + --f7-actions-button-icon-size: 18px; + --f7-actions-button-justify-content: space-between; + --f7-actions-label-padding: 10px 16px; + --f7-actions-label-font-size: 12px; + --f7-actions-label-justify-content: center; + --f7-actions-group-margin: 16px; + --f7-actions-grid-button-icon-size: 32px; + --f7-actions-bg-color: #fff; + --f7-actions-button-border-color: rgba(0, 0, 0, 0.12); + --f7-actions-button-pressed-bg-color: #e5e5e5; + --f7-actions-label-text-color: rgba(0, 0, 0, 0.5); + --f7-actions-group-border-color: rgba(0, 0, 0, 0.1) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-actions-bg-color: #202020; + --f7-actions-button-text-color: #fff; + --f7-actions-button-border-color: rgba(255, 255, 255, 0.15); + --f7-actions-button-pressed-bg-color: #2e2e2e; + --f7-actions-group-border-color: rgba(255, 255, 255, 0.15) +} + +.actions-modal { + position: absolute; + left: 0; + bottom: 0; + z-index: 13500; + width: 100%; + transform: translate3d(0, 100%, 0); + display: none; + max-height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + transition-property: transform +} + +.actions-modal.modal-in, +.actions-modal.modal-out { + transition-duration: .3s +} + +.actions-modal.not-animated { + transition-duration: 0s +} + +.actions-modal.modal-in { + transform: translate3d(0, calc(-1 * var(--f7-safe-area-bottom)), 0) +} + +.actions-modal.modal-out { + z-index: 13499; + transform: translate3d(0, 100%, 0) +} + +@media (min-width:496px) { + .actions-modal { + width: 480px; + left: 50%; + margin-left: -240px + } +} + +@media (orientation:landscape) { + .actions-modal { + --f7-actions-button-height: var(--f7-actions-button-height-landscape) + } +} + +.actions-group { + overflow: hidden; + position: relative; + margin: var(--f7-actions-group-margin); + border-radius: var(--f7-actions-border-radius); + transform: translate3d(0, 0, 0) +} + +.actions-group:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-group-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.actions-group:last-child:after { + display: none !important +} + +.actions-button, +.actions-label { + width: 100%; + font-weight: 400; + margin: 0; + box-sizing: border-box; + display: block; + position: relative; + overflow: hidden; + text-align: var(--f7-actions-button-text-align); + background: var(--f7-actions-bg-color) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-modals .actions-button, + .ios-translucent-modals .actions-label { + background-color: rgba(var(--f7-actions-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +.actions-button:after, +.actions-label:after { + content: ''; + position: absolute; + background-color: var(--f7-actions-button-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.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 { + text-decoration: none; + color: inherit; + display: block +} + +.actions-button b, +.actions-button.actions-button-bold, +.actions-label b, +.actions-label.actions-button-bold { + font-weight: 600 +} + +.actions-button { + cursor: pointer; + display: flex; + color: var(--f7-actions-button-text-color, var(--f7-theme-color)); + font-size: var(--f7-actions-button-font-size); + height: var(--f7-actions-button-height); + line-height: var(--f7-actions-button-height); + padding: var(--f7-actions-button-padding); + justify-content: var(--f7-actions-button-justify-content); + z-index: 10 +} + +.actions-button.active-state { + background-color: var(--f7-actions-button-pressed-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 { + background-color: rgba(var(--f7-actions-button-pressed-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +.actions-button-media { + flex-shrink: 0; + display: flex; + align-items: center +} + +.actions-button-media i.icon { + width: var(--f7-actions-button-icon-size); + height: var(--f7-actions-button-icon-size); + font-size: var(--f7-actions-button-icon-size) +} + +.actions-button a, +.actions-button-text { + position: relative; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} + +.actions-button-text { + width: 100%; + flex-shrink: 1; + text-align: var(--f7-actions-button-text-align) +} + +.actions-label { + line-height: 1.3; + display: flex; + align-items: center; + font-size: var(--f7-actions-label-font-size); + color: var(--f7-actions-label-text-color); + padding: var(--f7-actions-label-padding); + justify-content: var(--f7-actions-label-justify-content); + min-height: var(--f7-actions-label-min-height, var(--f7-actions-button-height)) +} + +.actions-label[class*=" color-"] { + --f7-actions-label-text-color: var(--f7-theme-color) +} + +.actions-grid .actions-group { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + border-radius: 0; + background: var(--f7-actions-bg-color); + margin-top: 0 +} + +.actions-grid .actions-group:first-child { + border-radius: var(--f7-actions-border-radius) var(--f7-actions-border-radius) 0 0 +} + +.actions-grid .actions-group:last-child { + border-radius: 0 0 var(--f7-actions-border-radius) var(--f7-actions-border-radius) +} + +.actions-grid .actions-group:first-child:last-child { + border-radius: var(--f7-actions-border-radius) +} + +.actions-grid .actions-group:not(:last-child) { + margin-bottom: 0 +} + +.actions-grid .actions-button, +.actions-grid .actions-label { + border-radius: 0 !important; + background: 0 0 +} + +.actions-grid .actions-button { + width: 33.33333333%; + display: block; + color: var(--f7-actions-grid-button-text-color); + height: auto; + line-height: 1; + padding: 16px +} + +.actions-grid .actions-button:after { + display: none !important +} + +.actions-grid .actions-button-media { + margin-left: auto !important; + margin-right: auto !important; + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size) +} + +.actions-grid .actions-button-media i.icon { + width: var(--f7-actions-grid-button-icon-size); + height: var(--f7-actions-grid-button-icon-size); + font-size: var(--f7-actions-grid-button-icon-size) +} + +.actions-grid .actions-button-text { + margin-left: 0 !important; + text-align: center !important; + margin-top: 8px; + line-height: 1.33em; + height: 1.33em; + font-size: var(--f7-actions-grid-button-font-size) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-modals .actions-grid .actions-group { + background-color: rgba(var(--f7-actions-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +.ios .actions-button-media { + margin-left: 16px +} + +.ios .actions-button-media+.actions-button-text { + text-align: left; + margin-left: 16px +} + +.md .actions-button { + transition-duration: .3s +} + +.md .actions-button-media { + min-width: 40px +} + +.md .actions-button-media+.actions-button-text { + margin-left: 16px +} + +.aurora .actions-button-media { + margin-left: 16px +} + +.aurora .actions-button-media+.actions-button-text { + text-align: left; + margin-left: 16px +} + +:root { + --f7-sheet-height: 260px; + --f7-sheet-border-color: transparent; + --f7-sheet-transition-duration: 300ms; + --f7-sheet-push-border-radius: 10px; + --f7-sheet-push-offset: var(--f7-safe-area-top); + --f7-sheet-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-sheet-bg-color: #202020 +} + +.ios { + --f7-sheet-border-color: var(--f7-bars-border-color) +} + +.sheet-backdrop { + z-index: 11000 +} + +.sheet-modal { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: var(--f7-sheet-height); + display: none; + box-sizing: border-box; + transition-property: transform; + transform: translate3d(0, 100%, 0); + background: var(--f7-sheet-bg-color); + z-index: 12500 +} + +.sheet-modal.modal-in, +.sheet-modal.modal-out { + transition-duration: var(--f7-sheet-transition-duration) +} + +.sheet-modal.not-animated { + transition-duration: 0s +} + +.sheet-modal.modal-in { + display: block; + transform: translate3d(0, 0, 0) +} + +.sheet-modal.modal-in-swipe-step { + display: block; + transform: translate3d(0, var(--f7-sheet-swipe-step, 0), 0) +} + +.sheet-modal.modal-out { + transform: translate3d(0, 100%, 0) +} + +.sheet-modal .sheet-modal-inner { + height: 100%; + position: relative; + overflow: hidden +} + +.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(--f7-toolbar-height)) +} + +.sheet-modal .toolbar+.sheet-modal-inner .page-content { + --f7-page-toolbar-top-offset: 0px; + --f7-page-toolbar-bottom-offset: 0px +} + +.sheet-modal-top:after { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.sheet-modal-top:after { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d +} + +.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 { + content: ''; + position: absolute; + background-color: var(--f7-sheet-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.sheet-modal-bottom:before, +.sheet-modal:not(.sheet-modal-top):before { + z-index: 600; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transform-style: preserve-3d +} + +.sheet-modal-top { + --f7-safe-area-bottom: 0px; + bottom: auto; + top: 0; + transform: translate3d(0, -100%, 0) +} + +.sheet-modal-top.modal-out { + transform: translate3d(0, -100%, 0) +} + +.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 { + border-radius: var(--f7-sheet-push-border-radius) var(--f7-sheet-push-border-radius) 0 0; + overflow: hidden +} + +html.with-modal-sheet-push .sheet-modal-push .page, +html.with-modal-sheet-push .sheet-modal-push .view, +html.with-modal-sheet-push-closing .sheet-modal-push .page, +html.with-modal-sheet-push-closing .sheet-modal-push .view { + --f7-safe-area-top: 0px +} + +html.with-modal-sheet-push .sheet-modal-push.sheet-modal-top, +html.with-modal-sheet-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-push-closing .framework7-root { + background: #000 +} + +html.with-modal-sheet-push .framework7-root>.view, +html.with-modal-sheet-push .framework7-root>.views, +html.with-modal-sheet-push-closing .framework7-root>.view, +html.with-modal-sheet-push-closing .framework7-root>.views { + transition-duration: var(--f7-sheet-transition-duration) +} + +html.with-modal-sheet-push .framework7-root>.view, +html.with-modal-sheet-push .framework7-root>.views { + border-radius: var(--f7-sheet-push-border-radius); + transform: translate3d(0, 0, 0px) scale(var(--f7-sheet-push-scale, 1)) +} + +.md .sheet-modal .toolbar a.link:not(.tab-link) { + flex-shrink: 0 +} + +:root { + --f7-toast-text-color: #fff; + --f7-toast-font-size: 14px; + --f7-toast-icon-size: 48px +} + +.ios { + --f7-toast-bg-color: rgba(0, 0, 0, 0.75); + --f7-toast-bg-color-rgb: 0, 0, 0; + --f7-toast-padding-horizontal: 16px; + --f7-toast-padding-vertical: 12px; + --f7-toast-border-radius: 8px; + --f7-toast-button-min-width: 64px +} + +.md { + --f7-toast-bg-color: #323232; + --f7-toast-padding-horizontal: 24px; + --f7-toast-padding-vertical: 14px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 64px +} + +.aurora { + --f7-toast-bg-color: rgba(0, 0, 0, 0.85); + --f7-toast-padding-horizontal: 10px; + --f7-toast-padding-vertical: 10px; + --f7-toast-border-radius: 4px; + --f7-toast-button-min-width: 32px +} + +.toast { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + transition-property: transform, opacity; + position: absolute; + max-width: 568px; + z-index: 20000; + color: var(--f7-toast-text-color); + font-size: var(--f7-toast-font-size); + box-sizing: border-box; + background-color: var(--f7-toast-bg-color); + opacity: 0 +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-modals .toast { + background-color: rgba(var(--f7-toast-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +.toast.modal-in { + opacity: 1 +} + +.toast .toast-content { + display: flex; + justify-content: space-between; + align-items: center; + box-sizing: border-box; + padding: var(--f7-toast-padding-vertical) var(--f7-toast-padding-horizontal) +} + +.toast .toast-text { + line-height: 20px; + flex-shrink: 1; + min-width: 0 +} + +.toast .toast-button { + flex-shrink: 0; + min-width: var(--f7-toast-button-min-width); + margin-top: -8px; + margin-bottom: -8px +} + +.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 { + transition-duration: .3s; + width: 100%; + left: 0 +} + +.ios .toast.toast-top { + top: 0; + transform: translate3d(0, -100%, 0) +} + +.ios .toast.toast-top.modal-in { + transform: translate3d(0, 0%, 0) +} + +.ios .toast.toast-center { + width: auto; + left: 50%; + border-radius: var(--f7-toast-border-radius); + transform: translate3d(-50%, -50%, 0) +} + +.ios .toast.toast-center.modal-in { + transform: translate3d(-50%, -50%, 0) +} + +.ios .toast.toast-bottom { + bottom: 0; + transform: translate3d(0, 100%, 0) +} + +.ios .toast.toast-bottom.modal-in { + transform: translate3d(0, 0%, 0) +} + +@media (max-width:568px) { + .ios .toast.toast-top { + margin-top: 0 + } + .ios .toast.toast-top .toast-content { + padding-top: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-top)) + } + .ios .toast.toast-bottom .toast-content { + padding-bottom: calc(var(--f7-toast-padding-vertical) + var(--f7-safe-area-bottom)) + } +} + +@media (min-width:569px) { + .ios .toast { + left: 50%; + margin-left: -284px; + border-radius: var(--f7-toast-border-radius) + } + .ios .toast.toast-top { + top: 16px + } + .ios .toast.toast-center { + margin-left: 0 + } + .ios .toast.toast-bottom { + margin-bottom: calc(16px + var(--f7-safe-area-bottom)) + } +} + +@media (min-width:1024px) { + .ios .toast { + margin-left: 0; + width: auto + } + .ios .toast.toast-bottom, + .ios .toast.toast-top { + left: 16px + } +} + +.ios .toast-button { + margin-left: 16px; + margin-right: calc(-1 * var(--f7-button-padding-horizontal)) +} + +.md .toast { + transition-duration: .2s; + border-radius: var(--f7-toast-border-radius); + left: 8px; + width: calc(100% - 16px); + transform: scale(.9) +} + +.md .toast.modal-in { + transform: scale(1) +} + +.md .toast.modal-out { + transform: scale(1) +} + +.md .toast.toast-top { + top: 8px +} + +.md .toast.toast-center { + left: 50%; + width: auto; + transform: scale(.9) translate3d(-55%, -55%, 0) +} + +.md .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0) +} + +.md .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0) +} + +.md .toast.toast-bottom { + bottom: calc(8px + var(--f7-safe-area-bottom)) +} + +@media (min-width:584px) { + .md .toast { + left: 50%; + margin-left: -284px + } + .md .toast.toast-center { + margin-left: 0 + } +} + +@media (min-width:1024px) { + .md .toast { + margin-left: 0; + width: auto + } + .md .toast.toast-bottom, + .md .toast.toast-top { + left: 24px + } + .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 +} + +.aurora .toast { + transition-duration: .2s; + border-radius: var(--f7-toast-border-radius); + left: 10px; + width: calc(100% - 20px); + transform: scale(.9) +} + +.aurora .toast.modal-in { + transform: scale(1) +} + +.aurora .toast.modal-out { + transform: scale(1) +} + +.aurora .toast.toast-top { + top: 10px +} + +.aurora .toast.toast-center { + left: 50%; + width: auto; + transform: scale(.9) translate3d(-55%, -55%, 0) +} + +.aurora .toast.toast-center.modal-in { + transform: scale(1) translate3d(-50%, -50%, 0) +} + +.aurora .toast.toast-center.modal-out { + transform: scale(1) translate3d(-50%, -50%, 0) +} + +.aurora .toast.toast-bottom { + bottom: calc(10px + var(--f7-safe-area-bottom)) +} + +@media (min-width:584px) { + .aurora .toast { + left: 50%; + margin-left: -284px + } + .aurora .toast.toast-center { + margin-left: 0 + } +} + +@media (min-width:1024px) { + .aurora .toast { + margin-left: 0; + width: auto + } + .aurora .toast.toast-bottom, + .aurora .toast.toast-top { + left: 10px + } +} + +.aurora .toast-button { + margin-left: 10px +} + +:root { + --f7-preloader-modal-padding: 8px; + --f7-preloader-modal-bg-color: rgba(0, 0, 0, 0.8) +} + +.ios { + --f7-preloader-color: #6c6c6c; + --f7-preloader-size: 20px; + --f7-preloader-modal-preloader-size: 34px; + --f7-preloader-modal-border-radius: 5px +} + +.md { + --f7-preloader-color: #757575; + --f7-preloader-size: 32px; + --f7-preloader-modal-preloader-size: 32px; + --f7-preloader-modal-border-radius: 4px +} + +.aurora { + --f7-preloader-color: #757575; + --f7-preloader-size: 24px; + --f7-preloader-modal-preloader-size: 24px; + --f7-preloader-modal-border-radius: 4px +} + +.preloader { + display: inline-block; + vertical-align: middle; + width: var(--f7-preloader-size); + height: var(--f7-preloader-size); + font-size: 0; + position: relative +} + +.preloader-backdrop { + visibility: visible; + opacity: 0; + background: 0 0; + z-index: 14000 +} + +.preloader-modal { + position: absolute; + left: 50%; + top: 50%; + padding: var(--f7-preloader-modal-padding); + background: var(--f7-preloader-modal-bg-color); + z-index: 14500; + transform: translateX(-50%) translateY(-50%); + border-radius: var(--f7-preloader-modal-border-radius) +} + +.preloader-modal .preloader { + --f7-preloader-size: var(--f7-preloader-modal-preloader-size); + display: block !important +} + +html.with-modal-preloader .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto +} + +.preloader[class*=color-] { + --f7-preloader-color: var(--f7-theme-color) +} + +.ios .preloader { + animation: ios-preloader-spin 1s steps(12, end) infinite +} + +.ios .preloader .preloader-inner-line { + display: block; + width: 7.15%; + height: 28.5%; + border-radius: 100px; + background: var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + transform-origin: center 175% +} + +.ios .preloader .preloader-inner-line:nth-child(1) { + transform: translate(-50%, -175%) rotate(0deg); + opacity: .27 +} + +.ios .preloader .preloader-inner-line:nth-child(2) { + transform: translate(-50%, -175%) rotate(30deg); + opacity: .32272727 +} + +.ios .preloader .preloader-inner-line:nth-child(3) { + transform: translate(-50%, -175%) rotate(60deg); + opacity: .37545455 +} + +.ios .preloader .preloader-inner-line:nth-child(4) { + transform: translate(-50%, -175%) rotate(90deg); + opacity: .42818182 +} + +.ios .preloader .preloader-inner-line:nth-child(5) { + transform: translate(-50%, -175%) rotate(120deg); + opacity: .48090909 +} + +.ios .preloader .preloader-inner-line:nth-child(6) { + transform: translate(-50%, -175%) rotate(150deg); + opacity: .53363636 +} + +.ios .preloader .preloader-inner-line:nth-child(7) { + transform: translate(-50%, -175%) rotate(180deg); + opacity: .58636364 +} + +.ios .preloader .preloader-inner-line:nth-child(8) { + transform: translate(-50%, -175%) rotate(210deg); + opacity: .63909091 +} + +.ios .preloader .preloader-inner-line:nth-child(9) { + transform: translate(-50%, -175%) rotate(240deg); + opacity: .69181818 +} + +.ios .preloader .preloader-inner-line:nth-child(10) { + transform: translate(-50%, -175%) rotate(270deg); + opacity: .74454545 +} + +.ios .preloader .preloader-inner-line:nth-child(11) { + transform: translate(-50%, -175%) rotate(300deg); + opacity: .79727273 +} + +.ios .preloader .preloader-inner-line:nth-child(12) { + transform: translate(-50%, -175%) rotate(330deg); + opacity: .85 +} + +@keyframes ios-preloader-spin { + 100% { + transform: rotate(360deg) + } +} + +.md .preloader { + animation: md-preloader-outer 3.3s linear infinite +} + +@keyframes md-preloader-outer { + 0% { + transform: rotate(0) + } + 100% { + transform: rotate(360deg) + } +} + +.md .preloader-inner { + position: relative; + display: block; + width: 100%; + height: 100%; + animation: md-preloader-inner-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite +} + +.md .preloader-inner .preloader-inner-gap { + position: absolute; + width: 2px; + left: 50%; + margin-left: -1px; + top: 0; + bottom: 0; + box-sizing: border-box; + border-top: 4px solid var(--f7-preloader-color) +} + +.md .preloader-inner .preloader-inner-left, +.md .preloader-inner .preloader-inner-right { + position: absolute; + top: 0; + height: 100%; + width: 50%; + overflow: hidden +} + +.md .preloader-inner .preloader-inner-half-circle { + position: absolute; + top: 0; + height: 100%; + width: 200%; + box-sizing: border-box; + border: 4px solid var(--f7-preloader-color); + border-bottom-color: transparent !important; + border-radius: 50%; + animation-iteration-count: infinite; + animation-duration: 1.3125s; + animation-timing-function: cubic-bezier(.35, 0, .25, 1) +} + +.md .preloader-inner .preloader-inner-left { + left: 0 +} + +.md .preloader-inner .preloader-inner-left .preloader-inner-half-circle { + left: 0; + border-right-color: transparent !important; + animation-name: md-preloader-left-rotate +} + +.md .preloader-inner .preloader-inner-right { + right: 0 +} + +.md .preloader-inner .preloader-inner-right .preloader-inner-half-circle { + right: 0; + border-left-color: transparent !important; + animation-name: md-preloader-right-rotate +} + +.md .preloader.color-multi .preloader-inner-left .preloader-inner-half-circle { + animation-name: md-preloader-left-rotate-multicolor +} + +.md .preloader.color-multi .preloader-inner-right .preloader-inner-half-circle { + animation-name: md-preloader-right-rotate-multicolor +} + +@keyframes md-preloader-left-rotate { + 0%, + 100% { + transform: rotate(130deg) + } + 50% { + transform: rotate(-5deg) + } +} + +@keyframes md-preloader-right-rotate { + 0%, + 100% { + transform: rotate(-130deg) + } + 50% { + transform: rotate(5deg) + } +} + +@keyframes md-preloader-inner-rotate { + 12.5% { + transform: rotate(135deg) + } + 25% { + transform: rotate(270deg) + } + 37.5% { + transform: rotate(405deg) + } + 50% { + transform: rotate(540deg) + } + 62.5% { + transform: rotate(675deg) + } + 75% { + transform: rotate(810deg) + } + 87.5% { + transform: rotate(945deg) + } + 100% { + transform: rotate(1080deg) + } +} + +@keyframes md-preloader-left-rotate-multicolor { + 0%, + 100% { + border-left-color: #4285f4; + transform: rotate(130deg) + } + 75% { + border-left-color: #1b9a59; + border-top-color: #1b9a59 + } + 50% { + border-left-color: #f7c223; + border-top-color: #f7c223; + transform: rotate(-5deg) + } + 25% { + border-left-color: #de3e35; + border-top-color: #de3e35 + } +} + +@keyframes md-preloader-right-rotate-multicolor { + 0%, + 100% { + border-right-color: #4285f4; + transform: rotate(-130deg) + } + 75% { + border-right-color: #1b9a59; + border-top-color: #1b9a59 + } + 50% { + border-right-color: #f7c223; + border-top-color: #f7c223; + transform: rotate(5deg) + } + 25% { + border-top-color: #de3e35; + border-right-color: #de3e35 + } +} + +.aurora .preloader-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100% +} + +.aurora .preloader-inner-circle { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + border-radius: 50%; + border: calc(var(--f7-preloader-size)/ 8) solid var(--f7-preloader-color); + border-top-color: transparent; + box-sizing: border-box; + animation: aurora-preloader-rotate 1s linear infinite +} + +.aurora .preloader.color-multi .preloader-inner-circle { + animation: aurora-preloader-rotate 1s linear infinite, aurora-preloader-multicolor 2s linear infinite +} + +@keyframes aurora-preloader-rotate { + 0% { + transform: rotate(0deg) + } + 100% { + transform: rotate(360deg) + } +} + +@keyframes aurora-preloader-multicolor { + 0%, + 100% { + border-color: #2196f3; + border-top-color: transparent + } + 25% { + border-color: #ff3b30; + border-top-color: transparent + } + 50% { + border-color: #4cd964; + border-top-color: transparent + } + 75% { + border-color: #ff9500; + border-top-color: transparent + } +} + +.ios { + --f7-progressbar-height: 2px; + --f7-progressbar-border-radius: 2px; + --f7-progressbar-bg-color: rgba(0, 0, 0, 0.3) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-progressbar-bg-color: rgba(255, 255, 255, 0.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 .theme-dark, +.aurora.theme-dark { + --f7-progressbar-bg-color: #444 +} + +.progressbar, +.progressbar-infinite { + width: 100%; + overflow: hidden; + position: relative; + display: block; + transform-style: preserve-3d; + background: var(--f7-progressbar-bg-color, rgba(var(--f7-theme-color-rgb), .5)); + transform-origin: center top; + height: var(--f7-progressbar-height); + border-radius: var(--f7-progressbar-border-radius) +} + +.progressbar { + vertical-align: middle +} + +.progressbar span { + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)); + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + transform: translate3d(-100%, 0, 0); + transition-duration: 150ms +} + +.progressbar-infinite { + z-index: 15000 +} + +.progressbar-infinite:after, +.progressbar-infinite:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform-origin: left center; + transform: translate3d(0, 0, 0); + display: block; + background-color: var(--f7-progressbar-progress-color, var(--f7-theme-color)) +} + +.progressbar-infinite.color-multi { + background: 0 0 !important +} + +.progressbar-in { + animation: progressbar-in 150ms forwards +} + +.progressbar-out { + animation: progressbar-out 150ms forwards +} + +.framework7-root>.progressbar, +.framework7-root>.progressbar-infinite, +.page>.progressbar, +.page>.progressbar-infinite, +.panel>.progressbar, +.panel>.progressbar-infinite, +.popup>.progressbar, +.popup>.progressbar-infinite, +.view>.progressbar, +.view>.progressbar-infinite, +.views>.progressbar, +.views>.progressbar-infinite, +body>.progressbar, +body>.progressbar-infinite { + position: absolute; + left: 0; + top: 0; + z-index: 15000; + border-radius: 0 !important; + transform-origin: center top !important +} + +@keyframes progressbar-in { + from { + opacity: 0; + transform: scaleY(0) + } + to { + opacity: 1; + transform: scaleY(1) + } +} + +@keyframes progressbar-out { + from { + opacity: 1; + transform: scaleY(1) + } + to { + opacity: 0; + transform: scaleY(0) + } +} + +.ios .progressbar-infinite:before { + animation: ios-progressbar-infinite 1s linear infinite +} + +.ios .progressbar-infinite:after { + display: none +} + +.ios .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: ios-progressbar-infinite-multicolor 3s linear infinite +} + +@keyframes ios-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0) + } + 100% { + transform: translate3d(100%, 0, 0) + } +} + +@keyframes ios-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0) + } + 100% { + transform: translate3d(-50%, 0, 0) + } +} + +.md .progressbar-infinite:before { + animation: md-progressbar-infinite-1 2s linear infinite +} + +.md .progressbar-infinite:after { + animation: md-progressbar-infinite-2 2s linear infinite +} + +.md .progressbar-infinite.color-multi:before { + background: 0 0; + animation: md-progressbar-infinite-multicolor-bg 3s step-end infinite +} + +.md .progressbar-infinite.color-multi:after { + background: 0 0; + animation: md-progressbar-infinite-multicolor-fill 3s linear infinite; + transform-origin: center center +} + +@keyframes md-progressbar-infinite-1 { + 0% { + transform: translateX(-10%) scaleX(.1) + } + 25% { + transform: translateX(30%) scaleX(.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(.35) + } + 90% { + transform: translateX(100%) scaleX(.1) + } + 100% { + transform: translateX(100%) scaleX(.1) + } +} + +@keyframes md-progressbar-infinite-multicolor-bg { + 0% { + background-color: #4caf50 + } + 25% { + background-color: #f44336 + } + 50% { + background-color: #2196f3 + } + 75% { + background-color: #ffeb3b + } +} + +@keyframes md-progressbar-infinite-multicolor-fill { + 0% { + transform: scaleX(0); + background-color: #f44336 + } + 24.9% { + transform: scaleX(1); + background-color: #f44336 + } + 25% { + transform: scaleX(0); + background-color: #2196f3 + } + 49.9% { + transform: scaleX(1); + background-color: #2196f3 + } + 50% { + transform: scaleX(0); + background-color: #ffeb3b + } + 74.9% { + transform: scaleX(1); + background-color: #ffeb3b + } + 75% { + transform: scaleX(0); + background-color: #4caf50 + } + 100% { + transform: scaleX(1); + background-color: #4caf50 + } +} + +.aurora .progressbar, +.aurora .progressbar span, +.aurora .progressbar-infinite, +.aurora .progressbar-infinite:before { + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .05) inset +} + +.aurora .progressbar-infinite:before { + animation: aurora-progressbar-infinite 1s linear infinite +} + +.aurora .progressbar-infinite:after { + display: none +} + +.aurora .progressbar-infinite.color-multi:before { + width: 400%; + background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964); + background-size: 25% 100%; + background-repeat: repeat-x; + animation: aurora-progressbar-infinite-multicolor 3s linear infinite +} + +@keyframes aurora-progressbar-infinite { + 0% { + transform: translate3d(-100%, 0, 0) + } + 100% { + transform: translate3d(100%, 0, 0) + } +} + +@keyframes aurora-progressbar-infinite-multicolor { + 0% { + transform: translate3d(0%, 0, 0) + } + 100% { + transform: translate3d(-50%, 0, 0) + } +} + +:root { + --f7-sortable-handler-color: rgba(0, 0, 0, 0.22); + --f7-sortable-sorting-item-bg-color: rgba(255, 255, 255, 0.8) +} + +:root .theme-dark, +:root.theme-dark { + --f7-sortable-sorting-item-bg-color: rgba(50, 50, 50, 0.8); + --f7-sortable-handler-color: rgba(255, 255, 255, 0.55) +} + +.ios { + --f7-sortable-handler-width: 36px; + --f7-sortable-sorting-item-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6) +} + +.md { + --f7-sortable-handler-width: 42px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2) +} + +.aurora { + --f7-sortable-handler-width: 32px; + --f7-sortable-sorting-item-box-shadow: var(--f7-elevation-2) +} + +.sortable .sortable-handler { + width: var(--f7-sortable-handler-width); + height: 100%; + position: absolute; + top: 0; + z-index: 10; + opacity: 0; + pointer-events: none; + cursor: move; + transition-duration: .3s; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + right: var(--f7-safe-area-right) +} + +.sortable .sortable-handler:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + transition-duration: .3s; + transform: translateX(10px); + color: var(--f7-sortable-handler-color); + overflow: hidden; + height: 20px; + width: 18px +} + +.sortable .item-inner { + transition-duration: .3s +} + +.sortable li.sorting { + z-index: 50; + background: var(--f7-sortable-sorting-item-bg-color); + transition-duration: 0s; + box-shadow: var(--f7-sortable-sorting-item-box-shadow) +} + +.sortable li.sorting .item-inner:after { + display: none !important +} + +.sortable-sorting li { + transition-duration: .3s +} + +.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler { + pointer-events: auto; + opacity: 1 +} + +.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .sortable-handler:after { + transform: translateX(0px) +} + +.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner, +.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-link .item-title-row { + background-image: none !important +} + +.list.sortable-enabled .no-chevron .item-link .item-inner, +.list.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-inner, +.list.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner, +.list.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-link.no-chevron .item-inner, +.list.sortable-enabled.no-chevron li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner, +.no-chevron .list.sortable-enabled li:not(.no-sorting):not(.disallow-sorting) .item-link .item-inner { + padding-right: calc(var(--f7-sortable-handler-width) + var(--f7-safe-area-right)) +} + +.ios .sortable-handler:after { + content: 'sort_ios' +} + +.md .sortable-handler:after { + content: 'sort_md' +} + +.aurora .sortable-handler:after { + content: 'sort_md'; + font-size: 16px; + height: 16px +} + +:root { + --f7-swipeout-button-text-color: #fff; + --f7-swipeout-delete-button-bg-color: #ff3b30; + --f7-swipeout-button-font-size: inherit; + --f7-swipeout-button-font-weight: inherit; + --f7-swipeout-button-bg-color: rgba(0, 0, 0, 0.22) +} + +:root .theme-dark, +:root.theme-dark { + --f7-swipeout-button-bg-color: rgba(255, 255, 255, 0.55) +} + +.ios { + --f7-swipeout-button-padding: 0 30px +} + +.md { + --f7-swipeout-button-padding: 0 24px +} + +.aurora { + --f7-swipeout-button-padding: 0 12px; + --f7-swipeout-button-font-weight: 500 +} + +.swipeout { + overflow: hidden; + transform-style: preserve-3d +} + +.swipeout-deleting { + transition-duration: .3s +} + +.swipeout-deleting .swipeout-content { + transform: translateX(-100%) +} + +.swipeout-transitioning .swipeout-actions-left a, +.swipeout-transitioning .swipeout-actions-right a, +.swipeout-transitioning .swipeout-content, +.swipeout-transitioning .swipeout-overswipe { + transition-duration: .3s; + transition-property: transform, left +} + +.swipeout-content { + position: relative; + z-index: 10 +} + +.swipeout-overswipe { + transition-duration: .2s; + transition-property: left +} + +.swipeout-actions-left, +.swipeout-actions-right { + position: absolute; + top: 0; + height: 100%; + display: flex; + direction: ltr +} + +.swipeout-actions-left>a, +.swipeout-actions-left>button, +.swipeout-actions-left>div, +.swipeout-actions-left>span, +.swipeout-actions-right>a, +.swipeout-actions-right>button, +.swipeout-actions-right>div, +.swipeout-actions-right>span { + color: var(--f7-swipeout-button-text-color); + background: var(--f7-swipeout-button-bg-color); + padding: var(--f7-swipeout-button-padding); + display: flex; + align-items: center; + position: relative; + left: 0; + font-size: var(--f7-swipeout-button-font-size); + font-weight: var(--f7-swipeout-button-font-weight) +} + +.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 { + content: ''; + position: absolute; + top: 0; + width: 600%; + height: 100%; + background: inherit; + z-index: -1; + transform: translate3d(0, 0, 0); + pointer-events: none +} + +.swipeout-actions-left .swipeout-delete, +.swipeout-actions-right .swipeout-delete { + background: var(--f7-swipeout-delete-button-bg-color) +} + +.swipeout-actions-right { + right: 0%; + 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-left { + left: 0%; + transform: translateX(-100%) +} + +.swipeout-actions-left>a:after, +.swipeout-actions-left>button:after, +.swipeout-actions-left>div:after, +.swipeout-actions-left>span:after { + right: 100%; + margin-right: -1px +} + +.swipeout-actions-left [class*=color-], +.swipeout-actions-right [class*=color-] { + --f7-swipeout-button-bg-color: var(--f7-theme-color) +} + +.accordion-item-toggle { + cursor: pointer; + transition-duration: .3s +} + +.accordion-item-toggle.active-state { + transition-duration: .3s +} + +.accordion-item-toggle.active-state>.item-inner:after { + background-color: transparent +} + +.accordion-item-toggle .item-inner { + transition-duration: .3s; + transition-property: background-color +} + +.accordion-item-toggle .item-inner:after { + transition-duration: .3s +} + +.accordion-item .item-link .item-inner:after { + transition-duration: .3s +} + +.accordion-item .block, +.accordion-item .list { + margin-top: 0; + margin-bottom: 0 +} + +.accordion-item .block>h1:first-child, +.accordion-item .block>h2:first-child, +.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:last-child, +.accordion-item .block>h3:last-child, +.accordion-item .block>h4:last-child, +.accordion-item .block>p:last-child { + margin-bottom: 10px +} + +.accordion-item-opened .accordion-item-toggle .item-inner:after, +.accordion-item-opened>.item-link .item-inner:after { + background-color: transparent +} + +.list li.accordion-item ul { + padding-left: 0 +} + +.accordion-item-content { + position: relative; + overflow: hidden; + height: 0; + font-size: 14px; + transition-duration: .3s +} + +.accordion-item-opened>.accordion-item-content { + height: auto +} + +html.device-android-4 .accordion-item-content { + transform: none +} + +.list .accordion-item-toggle .item-inner { + padding-right: calc(var(--f7-list-chevron-icon-area) + var(--f7-safe-area-right)) +} + +.list .accordion-item-toggle .item-inner:before { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + position: absolute; + top: 50%; + width: 14px; + height: 8px; + margin-top: -4px; + font-size: 20px; + line-height: 14px; + color: var(--f7-list-chevron-icon-color); + pointer-events: none; + right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-right)); + content: 'chevron_right' +} + +.list .accordion-item-toggle.active-state { + background-color: var(--f7-list-link-pressed-bg-color) +} + +.accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item.media-item>.item-link .item-title-row:before, +.links-list .accordion-item>a:before, +.list .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before, +.media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item>.item-link .item-title-row:before { + content: 'chevron_down'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px +} + +.accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.accordion-item-opened.media-item>.item-link .item-title-row:before, +.links-list .accordion-item-opened>a:before, +.list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before, +.media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.media-list .accordion-item-opened>.item-link .item-title-row:before { + content: 'chevron_up'; + width: 14px; + height: 8px; + margin-top: -4px; + line-height: 8px +} + +.aurora .accordion-item.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item.media-item>.item-link .item-title-row:before, +.aurora .links-list .accordion-item>a:before, +.aurora .list .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner:before, +.aurora .media-list .accordion-item .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item>.item-link .item-title-row:before { + content: 'chevron_down_aurora' +} + +.aurora .accordion-item-opened.media-item .accordion-item-toggle .item-title-row:before, +.aurora .accordion-item-opened.media-item>.item-link .item-title-row:before, +.aurora .links-list .accordion-item-opened>a:before, +.aurora .list .accordion-item-toggle.accordion-item-opened .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item) .accordion-item-toggle .item-inner:before, +.aurora .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner:before, +.aurora .media-list .accordion-item-opened .accordion-item-toggle .item-title-row:before, +.aurora .media-list .accordion-item-opened>.item-link .item-title-row:before { + content: 'chevron_up_aurora' +} + +:root .theme-dark, +:root.theme-dark { + --f7-contacts-list-title-text-color: #fff +} + +.ios { + --f7-contacts-list-title-font-size: inherit; + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-height: 22px; + --f7-contacts-list-title-text-color: #000; + --f7-contacts-list-title-bg-color: #f7f7f7 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-contacts-list-title-bg-color: #323234 +} + +.md { + --f7-contacts-list-title-font-size: 20px; + --f7-contacts-list-title-font-weight: 500; + --f7-contacts-list-title-height: 48px; + --f7-contacts-list-title-bg-color: transparent +} + +.aurora { + --f7-contacts-list-title-font-weight: 600; + --f7-contacts-list-title-text-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-group-title-bg-color)); + font-weight: var(--f7-contacts-list-title-font-weight, var(--f7-list-group-title-font-weight)); + font-size: var(--f7-contacts-list-title-font-size, var(--f7-list-group-title-font-size)); + color: var(--f7-contacts-list-title-text-color, var(--f7-theme-color)); + line-height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)); + height: var(--f7-contacts-list-title-height, var(--f7-list-group-title-height)) +} + +.contacts-list .list-group:first-child ul:before { + display: none !important +} + +.contacts-list .list-group:last-child ul:after { + display: none !important +} + +.md .contacts-list .list-group-title { + pointer-events: none; + overflow: visible; + width: 56px +} + +.md .contacts-list .list-group-title+li { + margin-top: calc(var(--f7-contacts-list-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-list-index-font-weight: 600; + --f7-list-index-item-height: 14px; + --f7-list-index-label-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 { + position: absolute; + top: 0; + bottom: 0; + text-align: center; + z-index: 10; + width: var(--f7-list-index-width); + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + right: var(--f7-safe-area-right) +} + +.list-index:before { + content: ''; + position: absolute; + width: 20px; + top: 0; + right: 100%; + height: 100% +} + +.list-index ul { + color: var(--f7-list-index-text-color, var(--f7-theme-color)); + font-size: var(--f7-list-index-font-size); + font-weight: var(--f7-list-index-font-weight); + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex-shrink: 0; + height: 100%; + width: 100%; + position: relative +} + +.list-index li { + margin: 0; + padding: 0; + list-style: none; + position: relative; + height: var(--f7-list-index-item-height); + line-height: var(--f7-list-index-item-height); + flex-shrink: 0; + display: block; + width: 100% +} + +.list-index .list-index-skip-placeholder:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + border-radius: 50%; + width: var(--f7-list-index-skip-dot-size); + height: var(--f7-list-index-skip-dot-size); + margin-left: calc(-1 * var(--f7-list-index-skip-dot-size)/ 2); + margin-top: calc(-1 * var(--f7-list-index-skip-dot-size)/ 2); + background: var(--f7-list-index-text-color, var(--f7-theme-color)) +} + +.list-index .list-index-label { + position: absolute; + bottom: 0; + right: 100%; + text-align: center; + background-color: var(--f7-list-index-label-bg-color, var(--f7-theme-color)); + color: var(--f7-list-index-label-text-color); + width: var(--f7-list-index-label-size); + height: var(--f7-list-index-label-size); + line-height: var(--f7-list-index-label-size); + font-size: var(--f7-list-index-label-font-size); + font-weight: var(--f7-list-index-label-font-weight) +} + +.navbars~.page>.list-index, +.navbar~.list-index, +.navbar~.page>.list-index { + top: var(--f7-navbar-height) +} + +.ios .navbars~.toolbar-top-ios .md .navbar~.toolbar-top-md~.list-index, +.ios .navbar~.toolbar-top-ios~.list-index, +.navbars~.toolbar-top~.list-index, +.navbar~.toolbar-top~.list-index { + top: calc(var(--f7-navbar-height) + 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~.list-index, +.navbars~.toolbar-top.tabbar-labels~.list-index, +.navbar~.toolbar-top.tabbar-labels~.list-index { + top: calc(var(--f7-navbar-height) + var(--f7-tabbar-labels-height)) +} + +.navbars~.subnavbar~.list-index, +.navbar~.subnavbar~.list-index, +.page-with-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 .toolbar-bottom-md~* .page>.list-index, +.md .toolbar-bottom-md~.list-index, +.md .toolbar-bottom-md~.page>.list-index, +.toolbar-bottom~* .page>.list-index, +.toolbar-bottom~.list-index, +.toolbar-bottom~.page>.list-index { + bottom: calc(var(--f7-toolbar-height) + var(--f7-safe-area-bottom)) +} + +.ios .toolbar-bottom-ios.tabbar-labels~* .page>.list-index, +.ios .toolbar-bottom-ios.tabbar-labels~.list-index, +.ios .toolbar-bottom-ios.tabbar-labels~.page>.list-index, +.md .toolbar-bottom-md.tabbar-labels~* .page>.list-index, +.md .toolbar-bottom-md.tabbar-labels~.list-index, +.md .toolbar-bottom-md.tabbar-labels~.page>.list-index, +.toolbar-bottom.tabbar-labels~* .page>.list-index, +.toolbar-bottom.tabbar-labels~.list-index, +.toolbar-bottom.tabbar-labels~.page>.list-index { + bottom: calc(var(--f7-tabbar-labels-height) + var(--f7-safe-area-bottom)) +} + +.ios .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size)/ 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50% +} + +.ios .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 0% 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1 +} + +.md .list-index .list-index-label { + border-radius: 50% 50% 0 50% +} + +.aurora .list-index .list-index-label { + margin-bottom: calc(-1 * var(--f7-list-index-label-size)/ 2); + margin-right: calc(var(--f7-list-index-width) - 1px); + border-radius: 50% +} + +.aurora .list-index .list-index-label:before { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50% 1px 50% 50%; + content: ''; + background-color: inherit; + left: 0; + top: 0; + transform: rotate(45deg); + z-index: -1 +} + +:root { + --f7-timeline-inner-block-margin-vertical: 16px; + --f7-timeline-divider-margin-horizontal: 16px; + --f7-timeline-horizontal-date-height: 34px; + --f7-timeline-year-height: 24px; + --f7-timeline-year-font-weight: inherit; + --f7-timeline-month-height: 24px; + --f7-timeline-month-font-size: inherit; + --f7-timeline-month-font-weight: inherit; + --f7-timeline-item-text-font-weight: inherit; + --f7-timeline-item-subtitle-font-weight: inherit; + --f7-timeline-item-inner-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-timeline-item-inner-bg-color: #1c1c1d; + --f7-timeline-horizontal-item-border-color: rgba(255, 255, 255, 0.15); + --f7-timeline-horizontal-item-date-border-color: rgba(255, 255, 255, 0.15) +} + +.ios { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 35px; + --f7-timeline-item-inner-border-radius: 7px; + --f7-timeline-item-inner-box-shadow: none; + --f7-timeline-item-time-font-size: 13px; + --f7-timeline-item-title-font-size: 17px; + --f7-timeline-item-title-line-height: inherit; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 15px; + --f7-timeline-item-subtitle-line-height: inherit; + --f7-timeline-item-text-font-size: inherit; + --f7-timeline-item-text-color: inherit; + --f7-timeline-item-text-line-height: inherit; + --f7-timeline-year-font-size: 16px; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-date-shadow-image: none; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.45); + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.22); + --f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.22) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.55) +} + +.md { + --f7-timeline-padding-horizontal: 16px; + --f7-timeline-margin-vertical: 32px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: var(--f7-elevation-1); + --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: 400; + --f7-timeline-item-subtitle-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-horizontal-item-date-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.54); + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.12); + --f7-timeline-horizontal-item-date-border-color: transparent +} + +.md .theme-dark, +.md.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-timeline-padding-horizontal: 10px; + --f7-timeline-margin-vertical: 15px; + --f7-timeline-item-inner-border-radius: 4px; + --f7-timeline-item-inner-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-timeline-item-time-font-size: 12px; + --f7-timeline-item-title-font-size: 14px; + --f7-timeline-item-title-line-height: 1.3; + --f7-timeline-item-title-font-weight: 600; + --f7-timeline-item-subtitle-font-size: 14px; + --f7-timeline-item-subtitle-line-height: 1.3; + --f7-timeline-item-text-font-size: 12px; + --f7-timeline-item-text-line-height: 1.33; + --f7-timeline-year-font-size: 14px; + --f7-timeline-year-font-weight: 500; + --f7-timeline-horizontal-item-padding: 10px; + --f7-timeline-horizontal-item-date-shadow-image: none; + --f7-timeline-item-time-text-color: rgba(0, 0, 0, 0.5); + --f7-timeline-item-text-color: rgba(0, 0, 0, 0.6); + --f7-timeline-horizontal-item-border-color: rgba(0, 0, 0, 0.2); + --f7-timeline-horizontal-item-date-border-color: rgba(0, 0, 0, 0.2) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-timeline-item-time-text-color: rgba(255, 255, 255, 0.54); + --f7-timeline-item-text-color: rgba(255, 255, 255, 0.54) +} + +.timeline { + box-sizing: border-box; + margin: var(--f7-timeline-margin-vertical) 0; + padding: 0 var(--f7-timeline-padding-horizontal); + padding-top: 0; + padding-bottom: 0; + padding-left: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-timeline-padding-horizontal) + var(--f7-safe-area-right)) +} + +.block-strong .timeline { + padding: 0; + margin: 0 +} + +.timeline-item { + display: flex; + justify-content: flex-start; + overflow: hidden; + box-sizing: border-box; + position: relative; + padding: 2px 0px var(--f7-timeline-padding-horizontal) +} + +.timeline-item:last-child { + padding-bottom: 2px +} + +.timeline-item-date { + flex-shrink: 0; + width: 50px; + text-align: right; + box-sizing: border-box +} + +.timeline-item-date small { + font-size: 10px +} + +.timeline-item-content { + margin: 2px; + min-width: 0; + position: relative; + flex-shrink: 10 +} + +.timeline-item-content .block, +.timeline-item-content .card, +.timeline-item-content .list, +.timeline-item-content.block, +.timeline-item-content.card, +.timeline-item-content.list { + margin: 0; + 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-inner-block-margin-vertical) 0 0 +} + +.timeline-item-content h1:first-child, +.timeline-item-content h2:first-child, +.timeline-item-content h3:first-child, +.timeline-item-content h4:first-child, +.timeline-item-content ol:first-child, +.timeline-item-content p:first-child, +.timeline-item-content ul:first-child { + margin-top: 0 +} + +.timeline-item-content h1:last-child, +.timeline-item-content h2:last-child, +.timeline-item-content h3:last-child, +.timeline-item-content h4:last-child, +.timeline-item-content ol:last-child, +.timeline-item-content p:last-child, +.timeline-item-content ul:last-child { + margin-bottom: 0 +} + +.timeline-item-inner { + background: var(--f7-timeline-item-inner-bg-color); + box-sizing: border-box; + border-radius: var(--f7-timeline-item-inner-border-radius); + padding: 8px var(--f7-timeline-padding-horizontal); + box-shadow: var(--f7-timeline-item-inner-box-shadow) +} + +.timeline-item-inner+.timeline-item-inner { + margin-top: var(--f7-timeline-inner-block-margin-vertical) +} + +.timeline-item-inner .block { + padding: 0; + color: inherit +} + +.timeline-item-inner .block-strong { + padding-left: 0; + padding-right: 0; + margin: 0 +} + +.timeline-item-inner .block-strong:after, +.timeline-item-inner .block-strong:before { + display: none !important +} + +.timeline-item-inner .list ul:after, +.timeline-item-inner .list ul:before { + display: none !important +} + +.timeline-item-divider { + width: 1px; + position: relative; + width: 10px; + height: 10px; + background: #bbb; + border-radius: 50%; + flex-shrink: 0; + margin: 3px var(--f7-timeline-divider-margin-horizontal) 0 +} + +.timeline-item-divider:after, +.timeline-item-divider:before { + content: ' '; + width: 1px; + height: 100vh; + position: absolute; + left: 50%; + background: inherit; + transform: translate3d(-50%, 0, 0) +} + +.timeline-item-divider:after { + top: 100% +} + +.timeline-item-divider:before { + bottom: 100% +} + +.timeline-item:last-child .timeline-item-divider:after { + display: none +} + +.timeline-item:first-child .timeline-item-divider:before { + display: none +} + +.timeline-item-time { + font-size: var(--f7-timeline-item-time-font-size); + margin-top: var(--f7-timeline-inner-block-margin-vertical); + color: var(--f7-timeline-item-time-text-color) +} + +.timeline-item-time:first-child, +.timeline-item-time:last-child { + margin-top: 0 +} + +.timeline-item-title+.timeline-item-time { + margin-top: 0 +} + +.timeline-item-title { + font-size: var(--f7-timeline-item-title-font-size); + font-weight: var(--f7-timeline-item-title-font-weight); + line-height: var(--f7-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-item-text-font-weight); + line-height: var(--f7-timeline-item-text-line-height) +} + +.timeline-sides .timeline-item, +.timeline-sides .timeline-item-right { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-right: 0 +} + +.timeline-sides .timeline-item .timeline-item-date, +.timeline-sides .timeline-item-right .timeline-item-date { + text-align: right +} + +.timeline-sides .timeline-item-left, +.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 +} + +.timeline-sides .timeline-item-left .timeline-item-date, +.timeline-sides .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 { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-right: 0 + } + .xsmall-sides .timeline-item .timeline-item-date, + .xsmall-sides .timeline-item-right .timeline-item-date { + text-align: right + } + .xsmall-sides .timeline-item-left, + .xsmall-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 + } + .xsmall-sides .timeline-item-left .timeline-item-date, + .xsmall-sides .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 + 10px)/ 2 - 50px); + margin-right: 0 + } + .small-sides .timeline-item .timeline-item-date, + .small-sides .timeline-item-right .timeline-item-date { + text-align: right + } + .small-sides .timeline-item-left, + .small-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 + } + .small-sides .timeline-item-left .timeline-item-date, + .small-sides .timeline-item: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 { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-right: 0 + } + .medium-sides .timeline-item .timeline-item-date, + .medium-sides .timeline-item-right .timeline-item-date { + text-align: right + } + .medium-sides .timeline-item-left, + .medium-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 + } + .medium-sides .timeline-item-left .timeline-item-date, + .medium-sides .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 + 10px)/ 2 - 50px); + margin-right: 0 + } + .large-sides .timeline-item .timeline-item-date, + .large-sides .timeline-item-right .timeline-item-date { + text-align: right + } + .large-sides .timeline-item-left, + .large-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 + } + .large-sides .timeline-item-left .timeline-item-date, + .large-sides .timeline-item: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 { + margin-left: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-right: 0 + } + .xlarge-sides .timeline-item .timeline-item-date, + .xlarge-sides .timeline-item-right .timeline-item-date { + text-align: right + } + .xlarge-sides .timeline-item-left, + .xlarge-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { + flex-direction: row-reverse; + margin-right: calc(50% - (var(--f7-timeline-divider-margin-horizontal) * 2 + 10px)/ 2 - 50px); + margin-left: 0 + } + .xlarge-sides .timeline-item-left .timeline-item-date, + .xlarge-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { + text-align: left + } +} + +.timeline-horizontal { + height: 100%; + display: flex; + padding: 0; + margin: 0; + position: relative; + padding-left: var(--f7-safe-area-left); + padding-right: 0 +} + +.timeline-horizontal .timeline-item { + display: block; + width: 33.33333333vw; + margin: 0; + padding: 0; + flex-shrink: 0; + position: relative; + height: 100%; + padding-top: var(--f7-timeline-horizontal-date-height) !important; + padding-bottom: var(--f7-timeline-horizontal-item-padding) +} + +.timeline-horizontal .timeline-item:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))) +} + +.timeline-horizontal .timeline-item-date { + padding: 0px var(--f7-timeline-horizontal-item-padding); + width: auto; + line-height: var(--f7-timeline-horizontal-date-height); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: var(--f7-timeline-horizontal-date-height); + background-color: var(--f7-bars-bg-color); + color: var(--f7-bars-text-color); + text-align: left +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .timeline-horizontal .timeline-item-date { + background-color: rgba(var(--f7-bars-bg-color-rgb), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.timeline-horizontal .timeline-item-date:after { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-date-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.timeline-horizontal .timeline-item-date:before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-timeline-horizontal-item-date-shadow-image) +} + +.timeline-horizontal.no-shadow .timeline-item-date:before { + display: none +} + +.timeline-horizontal .timeline-item-content { + padding: var(--f7-timeline-horizontal-item-padding); + height: calc(100% - var(--f7-timeline-horizontal-item-padding)); + overflow: auto; + -webkit-overflow-scrolling: touch; + margin: 0 +} + +.timeline-horizontal .timeline-item-divider { + display: none +} + +.timeline-horizontal .timeline-month:last-child .timeline-item:last-child: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 { + width: 33.333333333333336vw +} + +.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.66666666666666vw +} + +.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 +} + +.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 { + width: 33.333333333333336vw + } + .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.66666666666666vw + } + .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 { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: 0; + bottom: auto; + left: auto; + width: 1px; + height: 100%; + transform-origin: 100% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))) +} + +.timeline-year:last-child:after { + display: none !important +} + +.timeline-month { + padding-top: var(--f7-timeline-month-height) +} + +.timeline-month .timeline-item:before { + content: ''; + position: absolute; + background-color: var(--f7-timeline-horizontal-item-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.timeline-month, +.timeline-year { + display: flex; + flex-shrink: 0; + position: relative; + box-sizing: border-box; + height: 100% +} + +.timeline-year-title { + line-height: var(--f7-timeline-year-height); + height: var(--f7-timeline-year-height); + font-size: var(--f7-timeline-year-font-size); + font-weight: var(--f7-timeline-year-font-weight) +} + +.timeline-month-title { + line-height: var(--f7-timeline-month-height); + height: var(--f7-timeline-month-height); + font-size: var(--f7-timeline-month-font-size); + font-weight: var(--f7-timeline-month-font-weight) +} + +.timeline-month-title, +.timeline-year-title { + position: absolute; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + padding: 0 var(--f7-timeline-horizontal-item-padding); + background-color: var(--f7-bars-bg-color); + color: var(--f7-bars-text-color) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .timeline-month-title, + .ios-translucent-bars .timeline-year-title { + background-color: rgba(var(--f7-bars-bg-color-rgb), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.timeline-month-title span, +.timeline-year-title span { + display: inline-block; + position: -webkit-sticky; + position: sticky; + left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)) +} + +.timeline-month-title span { + margin-top: -2px +} + +.timeline-year:first-child .timeline-month:first-child .timeline-month-title, +.timeline-year:first-child .timeline-year-title, +.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title { + left: calc(var(--f7-safe-area-left) * -1); + right: 0; + width: auto +} + +.timeline-horizontal .timeline-item:first-child, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child, +.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item { + overflow: visible +} + +.timeline-horizontal .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-month:first-child .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-item:first-child .timeline-item-date, +.timeline-year:first-child .timeline-year-title+.timeline-month .timeline-month-title+.timeline-item .timeline-item-date { + width: auto; + padding-left: calc(var(--f7-timeline-horizontal-item-padding) + var(--f7-safe-area-left)); + left: calc(0px - var(--f7-safe-area-left)); + right: 0 +} + +.timeline-year:last-child .timeline-month:last-child .timeline-month-title, +.timeline-year:last-child .timeline-year-title { + width: auto; + right: calc(0px - var(--f7-safe-area-right)) +} + +.timeline-horizontal .timeline-item:last-child, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child { + overflow: visible +} + +.timeline-horizontal .timeline-item:last-child .timeline-item-date, +.timeline-year:last-child .timeline-month:last-child .timeline-item:last-child .timeline-item-date { + width: auto; + right: calc(0px - var(--f7-safe-area-right)); + left: 0 +} + +.ios .block-strong .timeline-item-inner { + border-radius: 3px; + border: 1px solid rgba(0, 0, 0, .1) +} + +.ios .timeline-year-title span { + margin-top: 3px +} + +.md .timeline-year-title span { + margin-top: 2px +} + +.aurora .timeline-year-title span { + margin-top: 2px +} + +.tabs .tab { + display: none +} + +.tabs .tab-active { + display: block +} + +.tabs-animated-wrap { + position: relative; + width: 100%; + overflow: hidden; + height: 100% +} + +.tabs-animated-wrap>.tabs { + display: flex; + height: 100%; + transition-duration: .3s +} + +.tabs-animated-wrap>.tabs>.tab { + width: 100%; + display: block; + flex-shrink: 0 +} + +.tabs-animated-wrap.not-animated>.tabs { + transition-duration: 0s +} + +.tabs-swipeable-wrap { + height: 100% +} + +.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: rgba(0, 0, 0, 0); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent +} + +.md { + --f7-panel-collapsed-width: 60px; + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.3); + --f7-panel-transition-duration: 300ms; + --f7-panel-shadow: rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.07) 30%, rgba(0, 0, 0, 0.03) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100% +} + +.aurora { + --f7-panel-collapsed-width: 44px; + --f7-panel-backdrop-bg-color: rgba(0, 0, 0, 0.2); + --f7-panel-transition-duration: 400ms; + --f7-panel-shadow: transparent +} + +.panel-backdrop { + position: absolute; + left: 0; + top: var(--f7-appbar-app-offset, 0px); + width: 100%; + height: calc(100% - var(--f7-appbar-app-offset, 0px)); + opacity: 0; + z-index: 5999; + visibility: hidden; + pointer-events: none; + transform: translate3d(0, 0, 0); + background-color: var(--f7-panel-backdrop-bg-color); + transition-property: transform, opacity; + transition-duration: var(--f7-panel-transition-duration) +} + +.panel-backdrop .with-panel, +.panel-backdrop .with-panel-closing { + visibility: visible +} + +.panel-backdrop.not-animated { + transition-duration: 0s !important +} + +.panel { + z-index: 1000; + box-sizing: border-box; + position: absolute; + top: var(--f7-appbar-app-offset, 0px); + height: calc(100% - var(--f7-appbar-app-offset, 0px)); + transform: translate3d(0, 0, 0); + width: var(--f7-panel-width); + background-color: var(--f7-panel-bg-color); + overflow: visible; + transition-property: transform; + transition-duration: var(--f7-panel-transition-duration) +} + +.panel:not(.panel-in):not(.panel-out):not(.panel-in-breakpoint):not(.panel-in-collapsed):not(.panel-in-swipe) { + display: none +} + +.panel:after { + pointer-events: none; + opacity: 0; + z-index: 5999; + position: absolute; + content: ''; + top: 0; + width: 20px; + height: 100%; + transition-property: transform, opacity; + transition-duration: var(--f7-panel-transition-duration) +} + +.panel.not-animated, +.panel.not-animated:after { + transition-duration: 0s !important +} + +.panel.panel-reveal.not-animated~.view, +.panel.panel-reveal.not-animated~.views { + transition-duration: 0s !important +} + +.panel.panel-resizing { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.panel.panel-resizing, +.panel.panel-resizing:after, +.panel.panel-resizing~.view, +.panel.panel-resizing~.views { + transition-duration: 0s !important +} + +.panel-cover { + z-index: 6000 +} + +.panel-left { + left: 0; + width: var(--f7-panel-left-width, var(--f7-panel-width)) +} + +.panel-left.panel-cover { + transform: translate3d(-100%, 0, 0) +} + +.panel-left.panel-cover:after { + left: 100%; + background: linear-gradient(to right, var(--f7-panel-shadow)) +} + +html.with-panel-left-cover .panel-left.panel-cover:after { + opacity: 1 +} + +.panel-left.panel-reveal:after { + right: 0; + transform: translate3d(calc(-1 * var(--f7-panel-left-width, var(--f7-panel-width))), 0, 0); + background: linear-gradient(to left, var(--f7-panel-shadow)) +} + +html.with-panel-left-reveal .panel-left.panel-reveal:after { + opacity: 1; + transform: translate3d(0, 0, 0) +} + +.panel-right { + right: 0; + width: var(--f7-panel-right-width, var(--f7-panel-width)) +} + +.panel-right.panel-cover { + transform: translate3d(100%, 0, 0) +} + +.panel-right.panel-cover:after { + right: 100%; + background: linear-gradient(to left, var(--f7-panel-shadow)) +} + +html.with-panel-right-cover .panel-right.panel-cover:after { + opacity: 1 +} + +.panel-right.panel-reveal:after { + left: 0; + background: linear-gradient(to right, var(--f7-panel-shadow)); + transform: translate3d(var(--f7-panel-right-width, var(--f7-panel-width)), 0, 0) +} + +html.with-panel-right-reveal .panel-right.panel-reveal:after { + opacity: 1; + transform: translate3d(0, 0, 0) +} + +.panel-in-breakpoint { + transform: translate3d(0, 0, 0) !important; + transition-duration: 0s +} + +.panel-in-breakpoint:after { + display: none +} + +.panel-in-breakpoint.panel-cover { + z-index: 5900 +} + +html.with-panel-closing .framework7-root>.view, +html.with-panel-closing .views, +html.with-panel-left-reveal .framework7-root>.view, +html.with-panel-left-reveal .views, +html.with-panel-right-reveal .framework7-root>.view, +html.with-panel-right-reveal .views { + transition-duration: var(--f7-panel-transition-duration); + transition-property: transform +} + +html.with-panel-closing .panel-backdrop, +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-right-reveal .panel-backdrop { + visibility: visible; + pointer-events: auto; + opacity: 0 +} + +html.with-panel .framework7-root>.view .page-content, +html.with-panel .framework7-root>.views .page-content { + overflow: hidden; + -webkit-overflow-scrolling: auto +} + +html.with-panel-left-cover .panel-backdrop, +html.with-panel-right-cover .panel-backdrop { + visibility: visible; + pointer-events: auto; + opacity: 1 +} + +html.with-panel-left-reveal .framework7-root>.view, +html.with-panel-left-reveal .panel-backdrop, +html.with-panel-left-reveal .views { + transform: translate3d(var(--f7-panel-left-width, var(--f7-panel-width)), 0, 0) +} + +html.with-panel-right-reveal .framework7-root>.view, +html.with-panel-right-reveal .panel-backdrop, +html.with-panel-right-reveal .views { + transform: translate3d(calc(-1 * var(--f7-panel-right-width, var(--f7-panel-width))), 0, 0) +} + +html.with-panel-left-cover .panel-left { + transform: translate3d(0px, 0, 0) +} + +html.with-panel-right-cover .panel-right { + transform: translate3d(0px, 0, 0) +} + +.panel-resize-handler { + position: absolute; + top: 0; + height: 100%; + width: 6px; + cursor: col-resize; + z-index: 6000; + display: none +} + +.panel-resizable .panel-resize-handler { + display: block +} + +.panel-left.panel-cover .panel-resize-handler { + right: -3px +} + +.panel-left.panel-reveal .panel-resize-handler { + right: 0 +} + +.panel-right.panel-cover .panel-resize-handler { + left: -3px +} + +.panel-right.panel-reveal .panel-resize-handler { + left: 0 +} + +.panel-left.panel-in-collapsed~.view, +.panel-left.panel-in-collapsed~.views { + margin-left: var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width)) +} + +html.with-panel-left-reveal .panel-left.panel-in-collapsed~.view, +html.with-panel-left-reveal .panel-left.panel-in-collapsed~.views { + transform: translate3d(calc(var(--f7-panel-left-width, var(--f7-panel-width)) - var(--f7-panel-left-collapsed-width, var(--f7-panel-collapsed-width))), 0, 0) +} + +.panel-right.panel-in-collapsed~.view, +.panel-right.panel-in-collapsed~.views { + margin-right: var(--f7-panel-right-collapsed-width, var(--f7-panel-collapsed-width)) +} + +html.with-panel-right-reveal .panel-right.panel-in-collapsed~.view, +html.with-panel-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-panel-width))), 0, 0) +} + +:root { + --f7-card-content-padding-horizontal: 16px; + --f7-card-content-padding-vertical: 16px; + --f7-card-border-radius: 4px; + --f7-card-font-size: inherit; + --f7-card-header-text-color: inherit; + --f7-card-header-font-weight: 400; + --f7-card-header-padding-horizontal: 16px; + --f7-card-footer-font-weight: 400; + --f7-card-footer-font-size: inherit; + --f7-card-footer-padding-horizontal: 16px; + --f7-card-expandable-font-size: 16px; + --f7-card-expandable-tablet-width: 670px; + --f7-card-expandable-tablet-height: 670px; + --f7-card-bg-color: #fff; + --f7-card-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-card-header-border-color: rgba(0, 0, 0, 0.1); + --f7-card-footer-border-color: rgba(0, 0, 0, 0.1); + --f7-card-expandable-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-card-bg-color: #1c1c1d; + --f7-card-expandable-bg-color: #1c1c1d; + --f7-card-outline-border-color: rgba(255, 255, 255, 0.15); + --f7-card-header-border-color: rgba(255, 255, 255, 0.15); + --f7-card-footer-border-color: rgba(255, 255, 255, 0.15); + --f7-card-footer-text-color: rgba(255, 255, 255, 0.55) +} + +.ios { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-card-header-font-size: 17px; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-min-height: 44px; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.45); + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-min-height: 44px; + --f7-card-expandable-margin-horizontal: 20px; + --f7-card-expandable-margin-vertical: 30px; + --f7-card-expandable-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --f7-card-expandable-header-font-weight: bold +} + +.md { + --f7-card-margin-horizontal: 8px; + --f7-card-margin-vertical: 8px; + --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, 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-box-shadow: var(--f7-elevation-10); + --f7-card-expandable-border-radius: 8px; + --f7-card-expandable-tablet-border-radius: 4px; + --f7-card-expandable-header-font-size: 24px; + --f7-card-expandable-header-font-weight: 500 +} + +.aurora { + --f7-card-margin-horizontal: 10px; + --f7-card-margin-vertical: 10px; + --f7-card-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); + --f7-card-header-font-size: 14px; + --f7-card-header-font-weight: bold; + --f7-card-header-padding-vertical: 10px; + --f7-card-header-min-height: 38px; + --f7-card-footer-text-color: rgba(0, 0, 0, 0.6); + --f7-card-footer-padding-vertical: 10px; + --f7-card-footer-min-height: 38px; + --f7-card-expandable-margin-horizontal: 10px; + --f7-card-expandable-margin-vertical: 20px; + --f7-card-expandable-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); + --f7-card-expandable-border-radius: 15px; + --f7-card-expandable-tablet-border-radius: 5px; + --f7-card-expandable-header-font-size: 27px; + --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: 0 0 +} + +.card { + background: var(--f7-card-bg-color); + position: relative; + border-radius: var(--f7-card-border-radius); + font-size: var(--f7-card-font-size); + margin-top: var(--f7-card-margin-vertical); + margin-bottom: var(--f7-card-margin-vertical); + margin-left: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-margin-horizontal) + var(--f7-safe-area-right)); + box-shadow: var(--f7-card-box-shadow) +} + +.card .block, +.card .list { + margin: 0 +} + +.row:not(.no-gap) .col>.card { + margin-left: 0; + margin-right: 0 +} + +.card.no-shadow { + box-shadow: none +} + +.aurora .card-outline-aurora, +.card-outline, +.ios .card-outline-ios, +.md .card-outline-md { + box-shadow: none; + border: 1px solid var(--f7-card-outline-border-color) +} + +.aurora .card-outline-aurora.no-border, +.aurora .card-outline-aurora.no-hairlines, +.card-outline.no-border, +.card-outline.no-hairlines, +.ios .card-outline-ios.no-border, +.ios .card-outline-ios.no-hairlines, +.md .card-outline-md.no-border, +.md .card-outline-md.no-hairlines { + border: none +} + +.card-content { + position: relative +} + +.card-content-padding { + position: relative; + padding: var(--f7-card-content-padding-vertical) var(--f7-card-content-padding-horizontal) +} + +.card-content-padding>.block, +.card-content-padding>.list { + margin: calc(-1 * var(--f7-card-content-padding-vertical)) calc(-1 * var(--f7-card-content-padding-horizontal)) +} + +.card-content-padding>p:first-child { + margin-top: 0 +} + +.card-content-padding>p:last-child { + margin-bottom: 0 +} + +.card-header { + min-height: var(--f7-card-header-min-height); + color: var(--f7-card-header-text-color); + font-size: var(--f7-card-header-font-size); + font-weight: var(--f7-card-header-font-weight); + padding: var(--f7-card-header-padding-vertical) var(--f7-card-header-padding-horizontal) +} + +.card-footer { + min-height: var(--f7-card-footer-min-height); + color: var(--f7-card-footer-text-color); + font-size: var(--f7-card-footer-font-size); + font-weight: var(--f7-card-footer-font-weight); + padding: var(--f7-card-footer-padding-vertical) var(--f7-card-footer-padding-horizontal) +} + +.card-footer a.link { + overflow: hidden +} + +.card-footer, +.card-header { + position: relative; + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center +} + +.card-footer[valign=top], +.card-header[valign=top] { + align-items: flex-start +} + +.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 { + display: flex; + justify-content: center; + align-items: center; + margin: 0 +} + +.card-header { + border-radius: var(--f7-card-border-radius) var(--f7-card-border-radius) 0 0 +} + +.card-header:after { + content: ''; + position: absolute; + background-color: var(--f7-card-header-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.card-header.no-hairline:after { + display: none !important +} + +.card-footer { + border-radius: 0 0 var(--f7-card-border-radius) var(--f7-card-border-radius) +} + +.card-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-card-footer-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.card-footer.no-hairline:before { + display: none !important +} + +.card-expandable { + overflow: hidden; + height: 300px; + background: var(--f7-card-expandable-bg-color); + position: relative; + transform-origin: center center; + transition-property: transform, border-radius; + border-radius: var(--f7-card-expandable-border-radius); + z-index: 2; + transition-duration: .2s; + margin-left: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-left)); + margin-right: calc(var(--f7-card-expandable-margin-horizontal) + var(--f7-safe-area-right)); + margin-top: var(--f7-card-expandable-margin-vertical); + margin-bottom: var(--f7-card-expandable-margin-vertical); + box-shadow: var(--f7-card-expandable-box-shadow); + font-size: var(--f7-card-expandable-font-size) +} + +.card-expandable.card-no-transition { + transition-duration: 0s +} + +.card-expandable.card-expandable-animate-width .card-content { + transition-property: width, transform; + width: 100% +} + +.card-expandable.active-state { + transform: scale(.97) +} + +.card-expandable .card-opened-fade-in, +.card-expandable .card-opened-fade-out { + transition-duration: .4s +} + +.card-expandable .card-opened-fade-in { + opacity: 0; + pointer-events: none +} + +.card-expandable .card-content { + position: absolute; + top: 0; + width: 100vw; + height: 100vh; + transform-origin: center top; + overflow: hidden; + transition-property: transform; + box-sizing: border-box; + pointer-events: none; + left: 0 +} + +.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: 0s +} + +.card-expandable.card-closing, +.card-expandable.card-opening, +.card-expandable.card-transitioning { + transition-duration: .4s +} + +.card-expandable.card-opening .card-content { + transition-duration: .3s +} + +.card-expandable.card-closing .card-content { + transition-duration: .5s +} + +.card-expandable.card-closing, +.card-expandable.card-opened, +.card-expandable.card-opening { + z-index: 100 +} + +.card-expandable.card-opened, +.card-expandable.card-opening { + border-radius: 0 +} + +.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.card-opening .card-opened-fade-out { + opacity: 0; + pointer-events: none +} + +.card-expandable.card-opened .card-content { + overflow: auto; + -webkit-overflow-scrolling: touch; + pointer-events: auto +} + +.card-expandable .card-header { + font-size: var(--f7-card-expandable-header-font-size); + 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 { + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + opacity: 0; + pointer-events: none; + visibility: hidden +} + +@media (min-width:768px) and (min-height:670px) { + .card-expandable:not(.card-tablet-fullscreen) { + max-width: var(--f7-card-expandable-tablet-width) + } + .card-expandable:not(.card-tablet-fullscreen).card-opened, + .card-expandable:not(.card-tablet-fullscreen).card-opening { + border-radius: var(--f7-card-expandable-tablet-border-radius) + } + .card-expandable:not(.card-tablet-fullscreen):not(.card-expandable-animate-width) .card-content { + width: var(--f7-card-expandable-tablet-width) + } + .card-expandable:not(.card-tablet-fullscreen) .card-expandable-size { + width: var(--f7-card-expandable-tablet-width); + height: var(--f7-card-expandable-tablet-height) + } +} + +.page.page-with-card-opened .page-content { + overflow: hidden +} + +.card-backdrop { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 99; + pointer-events: none; + background: rgba(0, 0, 0, .2); + opacity: 0 +} + +.card-backdrop-in { + animation: card-backdrop-fade-in .4s forwards; + pointer-events: auto +} + +.card-backdrop-out { + animation: card-backdrop-fade-out .4s forwards +} + +@supports ((-webkit-backdrop-filter:blur(15px)) or (backdrop-filter:blur(15px))) { + .card-backdrop { + background: 0 0; + opacity: 1 + } + .card-backdrop-in { + animation: card-backdrop-blur-in .4s forwards + } + .card-backdrop-out { + animation: card-backdrop-blur-out .4s forwards + } +} + +@keyframes card-backdrop-fade-in { + from { + opacity: 0 + } + to { + opacity: 1 + } +} + +@keyframes card-backdrop-fade-out { + from { + opacity: 1 + } + to { + opacity: 0 + } +} + +@keyframes card-backdrop-blur-in { + from { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px) + } + to { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px) + } +} + +@keyframes card-backdrop-blur-out { + from { + -webkit-backdrop-filter: blur(15px); + backdrop-filter: blur(15px) + } + to { + -webkit-backdrop-filter: blur(0px); + backdrop-filter: blur(0px) + } +} + +:root { + --f7-chip-font-size: 13px; + --f7-chip-font-weight: normal; + --f7-chip-media-font-size: 16px; + --f7-chip-bg-color: rgba(0, 0, 0, 0.12); + --f7-chip-outline-border-color: rgba(0, 0, 0, 0.12); + --f7-chip-delete-button-color: #000 +} + +:root .theme-dark, +:root.theme-dark { + --f7-chip-delete-button-color: #fff; + --f7-chip-bg-color: #333; + --f7-chip-outline-border-color: rgba(255, 255, 255, 0.12) +} + +.ios { + --f7-chip-height: 24px; + --f7-chip-padding-horizontal: 10px; + --f7-chip-text-color: #000 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-chip-text-color: #fff +} + +.md { + --f7-chip-height: 32px; + --f7-chip-padding-horizontal: 12px; + --f7-chip-text-color: rgba(0, 0, 0, 0.87) +} + +.md .theme-dark, +.md.theme-dark { + --f7-chip-text-color: rgba(255, 255, 255, 0.87) +} + +.aurora { + --f7-chip-height: 20px; + --f7-chip-padding-horizontal: 10px; + --f7-chip-font-size: 12px; + --f7-chip-media-font-size: 14px; + --f7-chip-text-color: #000 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-chip-text-color: #fff +} + +.chip { + padding-left: var(--f7-chip-padding-horizontal); + padding-right: var(--f7-chip-padding-horizontal); + font-weight: var(--f7-chip-font-weight); + display: inline-flex; + box-sizing: border-box; + vertical-align: middle; + align-items: center; + margin: 2px 0; + background-color: var(--f7-chip-bg-color); + font-size: var(--f7-chip-font-size); + color: var(--f7-chip-text-color); + height: var(--f7-chip-height); + line-height: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + position: relative +} + +.chip-media { + border-radius: 50%; + flex-shrink: 0; + display: flex; + align-items: center; + justify-content: center; + height: var(--f7-chip-height); + width: var(--f7-chip-height); + border-radius: var(--f7-chip-height); + text-align: center; + line-height: var(--f7-chip-height); + box-sizing: border-box; + color: #fff; + font-size: var(--f7-chip-media-font-size); + vertical-align: middle; + margin-left: calc(-1 * var(--f7-chip-padding-horizontal)) +} + +.chip-media i.icon { + font-size: calc(var(--f7-chip-height) - 8px); + height: calc(var(--f7-chip-height) - 8px) +} + +.chip-media img { + max-width: 100%; + max-height: 100%; + width: auto; + height: auto; + border-radius: 50%; + display: block +} + +.chip-media+.chip-label { + margin-left: 4px +} + +.chip-label { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + flex-shrink: 1; + min-width: 0 +} + +.chip-delete { + text-align: center; + cursor: pointer; + flex-shrink: 0; + background-repeat: no-repeat; + width: 24px; + height: 24px; + color: var(--f7-chip-delete-button-color); + opacity: .54; + position: relative +} + +.chip-delete:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + content: 'delete_round_ios'; + line-height: 24px +} + +.chip .chip-delete.active-state { + opacity: 1 +} + +.aurora .chip-outline-aurora, +.chip-outline, +.ios .chip-outline-ios, +.md .chip-outline-md { + border: 1px solid var(--f7-chip-outline-border-color); + background: 0 0 +} + +.chip[class*=color-] { + --f7-chip-bg-color: var(--f7-theme-color); + --f7-chip-text-color: #fff +} + +.aurora .chip-outline-aurora[class*=color-], +.chip-outline[class*=color-], +.ios .chip-outline-ios[class*=color-], +.md .chip-outline-md[class*=color-] { + --f7-chip-outline-border-color: var(--f7-theme-color); + --f7-chip-text-color: var(--f7-theme-color) +} + +.ios .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)) +} + +.ios .chip-delete:after { + font-size: 10px +} + +.md .chip-label+.chip-delete { + margin-left: 4px +} + +.md .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px) +} + +.md .chip-delete:after { + font-size: 12px +} + +.aurora .chip-delete { + margin-right: calc(-1 * var(--f7-chip-padding-horizontal)) +} + +.aurora .chip-delete:after { + font-size: 10px +} + +:root { + --f7-input-bg-color: transparent; + --f7-label-font-weight: 400; + --f7-label-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; + --f7-input-error-line-height: 1.4; + --f7-input-error-font-weight: 400; + --f7-input-info-font-size: 12px; + --f7-input-info-line-height: 1.4; + --f7-input-outline-height: 40px; + --f7-input-outline-border-radius: 4px; + --f7-input-outline-padding-horizontal: 12px; + --f7-textarea-height: 100px; + --f7-input-outline-border-color: #999 +} + +:root .theme-dark, +:root.theme-dark { + --f7-input-outline-border-color: #444 +} + +.ios { + --f7-input-height: 44px; + --f7-input-font-size: 17px; + --f7-input-placeholder-color: #a9a9a9; + --f7-textarea-padding-vertical: 11px; + --f7-label-font-size: 12px; + --f7-label-text-color: inherit; + --f7-floating-label-scale: calc(17 / 12); + --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; + --f7-input-text-color: #000000; + --f7-input-info-text-color: rgba(0, 0, 0, 0.45); + --f7-input-clear-button-color: rgba(0, 0, 0, 0.45) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-input-text-color: #fff; + --f7-input-info-text-color: rgba(255, 255, 255, 0.55); + --f7-input-clear-button-color: rgba(255, 255, 255, 0.5) +} + +.md { + --f7-input-height: 36px; + --f7-input-font-size: 16px; + --f7-textarea-padding-vertical: 7px; + --f7-label-font-size: 12px; + --f7-floating-label-scale: calc(16 / 12); + --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; + --f7-input-clear-button-color: #aaa; + --f7-input-text-color: #212121; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.35); + --f7-label-text-color: rgba(0, 0, 0, 0.65); + --f7-input-info-text-color: rgba(0, 0, 0, 0.45) +} + +.md .theme-dark, +.md.theme-dark { + --f7-input-text-color: rgba(255, 255, 255, 0.87); + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-label-text-color: rgba(255, 255, 255, 0.54); + --f7-input-info-text-color: rgba(255, 255, 255, 0.45) +} + +.aurora { + --f7-input-height: 24px; + --f7-input-font-size: 13px; + --f7-textarea-padding-vertical: 2px; + --f7-label-font-size: 11px; + --f7-label-text-color: inherit; + --f7-floating-label-scale: calc(13 / 11); + --f7-inline-label-font-size: 14px; + --f7-inline-label-line-height: 1.4; + --f7-inline-label-padding-top: 1px; + --f7-input-clear-button-size: 14px; + --f7-input-outline-height: 32px; + --f7-input-outline-padding-horizontal: 8px; + --f7-input-text-color: #000000; + --f7-input-placeholder-color: rgba(0, 0, 0, 0.32); + --f7-input-clear-button-color: #666; + --f7-input-info-text-color: rgba(0, 0, 0, 0.5) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-input-text-color: #fff; + --f7-input-clear-button-color: #aaa; + --f7-input-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-input-info-text-color: rgba(255, 255, 255, 0.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 { + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + box-shadow: none; + border-radius: 0; + outline: 0; + display: block; + padding: 0; + margin: 0; + font-family: inherit; + background: 0 0; + resize: none; + font-size: inherit; + color: inherit +} + +.textarea-resizable-shadow { + opacity: 0; + position: absolute; + z-index: -1000; + pointer-events: none; + left: -1000px; + top: -1000px; + visibility: hidden +} + +.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 { + width: 100%; + height: var(--f7-input-height); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + background-color: var(--f7-input-bg-color, transparent); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right) +} + +.list input[type=date]::-webkit-input-placeholder, +.list input[type=datetime-local]::-webkit-input-placeholder, +.list input[type=email]::-webkit-input-placeholder, +.list input[type=month]::-webkit-input-placeholder, +.list input[type=number]::-webkit-input-placeholder, +.list input[type=password]::-webkit-input-placeholder, +.list input[type=search]::-webkit-input-placeholder, +.list input[type=tel]::-webkit-input-placeholder, +.list input[type=text]::-webkit-input-placeholder, +.list input[type=time]::-webkit-input-placeholder, +.list input[type=url]::-webkit-input-placeholder, +.list select::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color) +} + +.list input[type=date]::placeholder, +.list input[type=datetime-local]::placeholder, +.list input[type=email]::placeholder, +.list input[type=month]::placeholder, +.list input[type=number]::placeholder, +.list input[type=password]::placeholder, +.list input[type=search]::placeholder, +.list input[type=tel]::placeholder, +.list input[type=text]::placeholder, +.list input[type=time]::placeholder, +.list input[type=url]::placeholder, +.list select::placeholder { + color: var(--f7-input-placeholder-color) +} + +.list textarea { + width: 100%; + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size); + resize: none; + line-height: 1.4; + height: var(--f7-textarea-height); + background-color: var(--f7-input-bg-color, transparent); + padding-top: var(--f7-textarea-padding-vertical); + padding-bottom: var(--f7-textarea-padding-vertical); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right) +} + +.list textarea::-webkit-input-placeholder { + color: var(--f7-input-placeholder-color) +} + +.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-input-height) +} + +.list .item-floating-label, +.list .item-label { + width: 100%; + vertical-align: top; + flex-shrink: 0; + font-size: var(--f7-label-font-size); + font-weight: var(--f7-label-font-weight); + line-height: var(--f7-label-line-height); + color: var(--f7-label-text-color); + transition-duration: .2s; + transition-property: transform, color +} + +.list .item-floating-label { + --label-height: calc(var(--f7-label-font-size) * var(--f7-label-line-height)); + transform: scale(var(--f7-floating-label-scale)) translateY(calc((var(--f7-input-height)/ 2 + 50%)/ var(--f7-floating-label-scale))); + color: var(--f7-input-placeholder-color); + width: auto; + max-width: calc(100% / var(--f7-floating-label-scale)); + pointer-events: none; + left: var(--f7-input-padding-left); + transform-origin: left center +} + +.list .item-floating-label~.item-input-wrap input::-webkit-input-placeholder, +.list .item-floating-label~.item-input-wrap textarea::-webkit-input-placeholder { + opacity: 0; + transition-duration: .1s +} + +.list .item-floating-label~.item-input-wrap input::placeholder, +.list .item-floating-label~.item-input-wrap textarea::placeholder { + opacity: 0; + transition-duration: .1s +} + +.list .item-floating-label~.item-input-wrap input.input-focused::-webkit-input-placeholder, +.list .item-floating-label~.item-input-wrap textarea.input-focused::-webkit-input-placeholder { + opacity: 1; + transition-duration: .3s +} + +.list .item-floating-label~.item-input-wrap input.input-focused::placeholder, +.list .item-floating-label~.item-input-wrap textarea.input-focused::placeholder { + opacity: 1; + transition-duration: .3s +} + +.list .item-input-with-value .item-floating-label { + color: var(--f7-label-text-color) +} + +.list .item-input-focused .item-floating-label, +.list .item-input-with-value .item-floating-label { + transform: scale(1) translateY(0) +} + +.list .item-input-wrap { + width: 100%; + flex-shrink: 1; + position: relative +} + +.item-input .item-inner { + display: flex; + flex-direction: column; + align-items: flex-start +} + +.input-error-message, +.item-input-error-message { + font-size: var(--f7-input-error-font-size); + line-height: var(--f7-input-error-line-height); + color: var(--f7-input-error-text-color); + font-weight: var(--f7-input-error-font-weight); + display: none; + box-sizing: border-box +} + +.input-info, +.item-input-info { + font-size: var(--f7-input-info-font-size); + line-height: var(--f7-input-info-line-height); + color: var(--f7-input-info-text-color) +} + +.input-invalid .input-error-message, +.input-invalid .item-input-error-message, +.item-input-invalid .input-error-message, +.item-input-invalid .item-input-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 { + display: flex; + align-items: center; + flex-direction: row +} + +.inline-label .item-floating-label, +.inline-label .item-label, +.inline-labels .item-floating-label, +.inline-labels .item-label { + padding-top: var(--f7-inline-label-padding-top); + align-self: flex-start; + width: 35%; + font-size: var(--f7-inline-label-font-size); + line-height: var(--f7-inline-label-line-height) +} + +.inline-label .item-floating-label+.item-input-wrap, +.inline-label .item-label+.item-input-wrap, +.inline-labels .item-floating-label+.item-input-wrap, +.inline-labels .item-label+.item-input-wrap { + margin-left: 8px +} + +.input { + position: relative +} + +.input input, +.input select, +.input textarea { + width: 100% +} + +.input-clear-button { + opacity: 0; + pointer-events: none; + visibility: hidden; + transition-duration: .1s; + position: absolute; + top: 50%; + border: none; + padding: 0; + margin: 0; + outline: 0; + z-index: 1; + cursor: pointer; + background: 0 0; + width: var(--f7-input-clear-button-size); + height: var(--f7-input-clear-button-size); + margin-top: calc(-1 * var(--f7-input-clear-button-size)/ 2); + color: var(--f7-input-clear-button-color); + right: 0 +} + +.input-clear-button:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px +} + +.input-clear-button:before { + position: absolute; + content: ''; + left: 50%; + top: 50% +} + +.item-input-wrap .input-clear-button { + top: calc(var(--f7-input-height)/ 2) +} + +.input-clear-button.active-state { + opacity: .75 !important +} + +.input-with-value .input-clear-button, +.input-with-value~.input-clear-button, +.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 { + content: ''; + pointer-events: none; + position: absolute; + top: 50%; + margin-top: -2px; + width: 0; + height: 0; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid #727272; + right: 6px +} + +.input-dropdown input, +.input-dropdown select, +.input-dropdown textarea, +.input-dropdown-wrap input, +.input-dropdown-wrap select, +.input-dropdown-wrap textarea { + padding-right: calc(20px + var(--f7-input-padding-right)) +} + +.input-outline:after, +.item-input-outline .item-input-wrap:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + box-sizing: border-box; + border: 1px solid var(--f7-input-outline-border-color); + border-radius: var(--f7-input-outline-border-radius); + transition-duration: .2s; + pointer-events: none +} + +.input-outline.input-focused:after, +.item-input-outline.item-input-focused .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-focused-border-color, var(--f7-theme-color)) +} + +.input-outline.input-invalid:after, +.item-input-outline.item-input-invalid .item-input-wrap:after { + border-width: 2px; + border-color: var(--f7-input-outline-invalid-border-color, var(--f7-input-error-text-color)) +} + +.input-outline input, +.input-outline select, +.input-outline textarea, +.item-input-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-input-outline-border-radius); + padding-left: var(--f7-input-outline-padding-horizontal); + padding-right: var(--f7-input-outline-padding-horizontal) +} + +.input-outline.input-dropdown:before, +.item-input-outline .input-dropdown-wrap:before { + right: 8px +} + +.input-outline.input-dropdown input, +.input-outline.input-dropdown select, +.input-outline.input-dropdown textarea, +.item-input-outline .input-dropdown-wrap input, +.item-input-outline .input-dropdown-wrap select, +.item-input-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-padding-horizontal) +} + +.inline-label .item-input-outline .item-label, +.inline-labels .item-input-outline .item-label, +.item-input-outline .inline-label .item-label, +.item-input-outline .inline-label.item-label { + left: 0 +} + +.item-input-outline .item-floating-label { + left: calc(var(--f7-input-outline-padding-horizontal) - 4px); + padding-left: 4px; + padding-right: 4px; + background: var(--f7-page-bg-color); + z-index: 10; + margin-top: calc(-.5 * (var(--f7-label-font-size) * var(--f7-label-line-height))) +} + +.item-input-outline.item-input-focused .item-floating-label, +.item-input-outline.item-input-with-value .item-floating-label { + transform: scale(1) translateY(50%) +} + +.item-input-outline .item-input-error-message, +.item-input-outline .item-input-info { + padding-left: var(--f7-input-outline-padding-horizontal) +} + +.block-strong .item-input-outline .item-floating-label { + background: var(--f7-block-strong-bg-color) +} + +.list .item-input-outline .item-floating-label { + background: var(--f7-list-bg-color) +} + +.ios .item-floating-label+.item-input-wrap, +.ios .item-label+.item-input-wrap { + margin-top: 0 +} + +.ios .item-input-focused .item-floating-label { + color: var(--f7-label-text-color) +} + +.ios .item-input .item-media { + align-self: flex-start +} + +.ios .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)); + margin-bottom: calc(-1 * var(--f7-list-item-padding-vertical)) +} + +.ios .inline-label .item-floating-label+.item-input-wrap, +.ios .inline-label .item-label+.item-input-wrap, +.ios .inline-labels .item-floating-label+.item-input-wrap, +.ios .inline-labels .item-label+.item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)) +} + +.ios .inline-label .item-input-wrap, +.ios .inline-labels .item-input-wrap { + margin-top: calc(-1 * var(--f7-list-item-padding-vertical)) +} + +.ios .input-error-message, +.ios .input-info, +.ios .item-input-error-message, +.ios .item-input-info { + position: relative; + margin-bottom: 6px; + margin-top: -8px +} + +.ios .item-input-focused .item-floating-label, +.ios .item-input-focused .item-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)) +} + +.ios .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)) +} + +.ios .item-input-invalid .item-floating-label, +.ios .item-input-invalid .item-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)) +} + +.ios .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-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-text-color, var(--f7-input-error-text-color)) +} + +.ios .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size)/ (14 / 10)); + line-height: 1.4 +} + +.ios .input-clear-button:before { + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px +} + +.ios .input-outline .item-input-wrap, +.ios .item-input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0 +} + +.ios .input-outline .input-error-message, +.ios .input-outline .input-info, +.ios .input-outline .item-input-error-message, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-error-message, +.ios .item-input-outline .input-info, +.ios .item-input-outline .item-input-error-message, +.ios .item-input-outline .item-input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis +} + +.ios .input-outline .input-info, +.ios .input-outline .item-input-info, +.ios .item-input-outline .input-info, +.ios .item-input-outline .item-input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)) +} + +.ios .input-outline .input-error-message, +.ios .input-outline .item-input-error-message, +.ios .item-input-outline .input-error-message, +.ios .item-input-outline .item-input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)) +} + +.ios .input-outline.input-with-info .item-input-wrap, +.ios .input-outline.item-input-with-info .item-input-wrap, +.ios .item-input-outline.input-with-info .item-input-wrap, +.ios .item-input-outline.item-input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)) +} + +.ios .input-outline.input-with-error-message .item-input-wrap, +.ios .input-outline.item-input-with-error-message .item-input-wrap, +.ios .item-input-outline.input-with-error-message .item-input-wrap, +.ios .item-input-outline.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-input-outline) .item-input-wrap:after { + content: ''; + position: absolute; + background-color: var(--f7-list-item-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.md .input:not(.input-outline):after, +.md .item-input:not(.item-input-outline) .item-input-wrap:after { + transition-duration: .2s +} + +.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-error-message, +.md .item-input-with-info { + padding-bottom: 20px +} + +.md .input-error-message, +.md .input-info, +.md .item-input-error-message, +.md .item-input-info { + position: absolute; + top: 100%; + margin-top: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + left: 0 +} + +.md .item-input-focused .item-floating-label, +.md .item-input-focused .item-label { + color: var(--f7-label-focused-text-color, var(--f7-theme-color)) +} + +.md .input-focused:not(.input-outline):after, +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after { + background: var(--f7-input-focused-border-color, var(--f7-theme-color)) +} + +.md .input-focused:not(.input-outline):after, +.md .input-invalid:not(.input-outline):after, +.md .item-input-focused:not(.item-input-outline) .item-input-wrap:after, +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after { + transform: scaleY(2) !important +} + +.md .input-invalid:not(.input-outline):after, +.md .item-input-invalid:not(.item-input-outline) .item-input-wrap:after { + background: var(--f7-input-invalid-border-color, var(--f7-input-error-text-color)) +} + +.md .item-input-invalid .item-floating-label, +.md .item-input-invalid .item-label { + color: var(--f7-label-invalid-text-color, var(--f7-input-error-text-color)) +} + +.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-text-color, var(--f7-input-text-color)) +} + +.md .input-clear-button:after { + font-size: calc(var(--f7-input-clear-button-size)/ (24 / 20)); + content: 'delete_round_md'; + line-height: 1.2 +} + +.md .input-clear-button:before { + width: 48px; + height: 48px; + margin-left: -24px; + margin-top: -24px +} + +.aurora .item-floating-label+.item-input-wrap, +.aurora .item-label+.item-input-wrap { + margin-top: 0 +} + +.aurora .item-input-focused .item-floating-label { + color: var(--f7-label-text-color) +} + +.aurora .item-input .item-media { + align-self: flex-start +} + +.aurora .input-error-message, +.aurora .input-info, +.aurora .item-input-error-message, +.aurora .item-input-info { + position: relative +} + +.aurora .item-input-focused .item-floating-label, +.aurora .item-input-focused .item-label { + color: var(--f7-label-focused-text-color, var(--f7-label-text-color)) +} + +.aurora .item-input-focused .item-inner:after { + background: var(--f7-input-focused-border-color, var(--f7-list-item-border-color)) +} + +.aurora .item-input-invalid .item-floating-label, +.aurora .item-input-invalid .item-label { + color: var(--f7-label-invalid-text-color, var(--f7-label-text-color)) +} + +.aurora .item-input-invalid .item-inner:after { + background: var(--f7-input-invalid-border-color, var(--f7-list-item-border-color)) +} + +.aurora .input-invalid input, +.aurora .input-invalid select, +.aurora .input-invalid textarea, +.aurora .item-input-invalid input, +.aurora .item-input-invalid select, +.aurora .item-input-invalid textarea { + color: var(--f7-input-invalid-text-color, var(--f7-input-error-text-color)) +} + +.aurora .input-clear-button:after { + content: 'delete_round_ios'; + font-size: calc(var(--f7-input-clear-button-size)/ (14 / 10)); + line-height: 1.4 +} + +.aurora .input-clear-button:before { + width: 28px; + height: 28px; + margin-left: -14px; + margin-top: -14px +} + +.aurora .input-outline .item-input-wrap, +.aurora .item-input-outline .item-input-wrap { + margin-top: 0; + margin-bottom: 0 +} + +.aurora .input-outline .input-error-message, +.aurora .input-outline .input-info, +.aurora .input-outline .item-input-error-message, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-error-message, +.aurora .item-input-outline .input-info, +.aurora .item-input-outline .item-input-error-message, +.aurora .item-input-outline .item-input-info { + margin-top: 0; + white-space: normal; + overflow: hidden; + text-overflow: ellipsis +} + +.aurora .input-outline .input-info, +.aurora .input-outline .item-input-info, +.aurora .item-input-outline .input-info, +.aurora .item-input-outline .item-input-info { + margin-bottom: calc(-1 * var(--f7-input-info-font-size) * var(--f7-input-info-line-height)) +} + +.aurora .input-outline .input-error-message, +.aurora .input-outline .item-input-error-message, +.aurora .item-input-outline .input-error-message, +.aurora .item-input-outline .item-input-error-message { + margin-bottom: calc(-1 * var(--f7-input-error-font-size) * var(--f7-input-error-line-height)) +} + +.aurora .input-outline.input-with-info .item-input-wrap, +.aurora .input-outline.item-input-with-info .item-input-wrap, +.aurora .item-input-outline.input-with-info .item-input-wrap, +.aurora .item-input-outline.item-input-with-info .item-input-wrap { + margin-bottom: calc(var(--f7-input-info-font-size) * var(--f7-input-info-line-height)) +} + +.aurora .input-outline.input-with-error-message .item-input-wrap, +.aurora .input-outline.item-input-with-error-message .item-input-wrap, +.aurora .item-input-outline.input-with-error-message .item-input-wrap, +.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-line-height)) +} + +:root { + --f7-checkbox-icon-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-checkbox-inactive-color: rgba(255, 255, 255, 0.3) +} + +.ios { + --f7-checkbox-size: 22px; + --f7-checkbox-border-radius: 50%; + --f7-checkbox-border-width: 1px; + --f7-checkbox-extra-margin: 0px; + --f7-checkbox-inactive-color: #c7c7cc +} + +.md { + --f7-checkbox-size: 18px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 2px; + --f7-checkbox-extra-margin: 22px; + --f7-checkbox-inactive-color: #6d6d6d +} + +.aurora { + --f7-checkbox-size: 14px; + --f7-checkbox-border-radius: 2px; + --f7-checkbox-border-width: 1px; + --f7-checkbox-extra-margin: 0px; + --f7-checkbox-inactive-color: #888 +} + +.checkbox { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + background-color: transparent; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5) +} + +.checkbox i, +.icon-checkbox { + flex-shrink: 0; + border: var(--f7-checkbox-border-width) solid var(--f7-checkbox-inactive-color); + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + border-radius: var(--f7-checkbox-border-radius); + box-sizing: border-box; + position: relative; + display: block +} + +.checkbox i:after, +.icon-checkbox:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: var(--f7-checkbox-size); + height: var(--f7-checkbox-size); + line-height: var(--f7-checkbox-size); + left: calc(0px - var(--f7-checkbox-border-width)); + top: calc(0px - var(--f7-checkbox-border-width)); + opacity: 0; + color: var(--f7-checkbox-icon-color); + position: relative; + transition-property: opacity +} + +.checkbox input[type=checkbox]:not(:checked)~i:after, +label.item-checkbox input[type=checkbox]:not(:checked)~* .icon-checkbox:after, +label.item-checkbox input[type=checkbox]:not(:checked)~.icon-checkbox:after { + font-size: 0 +} + +.checkbox input[type=checkbox]:checked~i, +.checkbox input[type=checkbox]:indeterminate~i, +label.item-checkbox input[type=checkbox]:checked~* .icon-checkbox, +label.item-checkbox input[type=checkbox]:checked~.icon-checkbox, +label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox, +label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox { + border-color: var(--f7-checkbox-active-color, var(--f7-theme-color)); + background-color: var(--f7-checkbox-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.item-checkbox 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.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after { + font-size: 0; + content: ''; + position: absolute; + top: 50%; + width: 70%; + background: #fff; + height: 2px; + border-radius: 2px; + margin-top: -1px; + left: 15%; + transition: 0s +} + +.checkbox, +label.item-checkbox { + cursor: pointer +} + +.checkbox input[type=checkbox], +.checkbox input[type=radio], +label.item-checkbox input[type=checkbox], +label.item-checkbox input[type=radio] { + display: none +} + +label.item-checkbox { + transition-duration: .3s +} + +label.item-checkbox .item-content .item-media, +label.item-checkbox.item-content .item-media { + align-self: center +} + +label.item-checkbox>.icon-checkbox { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-checkbox-extra-margin)) +} + +label.item-checkbox.active-state { + background-color: var(--f7-list-link-pressed-bg-color) +} + +label.item-checkbox.active-state:after { + background-color: transparent +} + +.disabled label.item-checkbox, +label.item-checkbox.disabled { + opacity: .55; + pointer-events: none; + opacity: .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: 0s +} + +.ios .checkbox input[type=checkbox]:indeterminate~i:after, +.ios label.item-checkbox input[type=checkbox]:indeterminate~* .icon-checkbox:after, +.ios label.item-checkbox input[type=checkbox]:indeterminate~.icon-checkbox:after { + height: 1px; + margin-top: 0px +} + +.md .checkbox i, +.md .icon-checkbox { + transition-duration: .2s +} + +.md .checkbox i:after, +.md .icon-checkbox:after { + content: 'checkbox_md'; + transition-duration: .2s; + font-size: 15px +} + +.md label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0 +} + +.aurora .checkbox i, +.aurora .icon-checkbox { + transition-duration: 150ms +} + +.aurora .checkbox i:after, +.aurora .icon-checkbox:after { + content: 'checkbox_aurora'; + transition-duration: 150ms; + font-size: 19px +} + +.aurora .checkbox i:before, +.aurora .icon-checkbox:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .1); + opacity: 0; + transition-duration: 150ms +} + +.aurora .checkbox.active-state i:before { + opacity: 1 +} + +.aurora label.item-checkbox { + position: relative; + overflow: hidden; + z-index: 0 +} + +:root { + --f7-radio-border-radius: 50% +} + +:root .theme-dark, +:root.theme-dark { + --f7-radio-inactive-color: rgba(255, 255, 255, 0.3) +} + +.ios { + --f7-radio-size: 22px; + --f7-radio-border-width: 1px; + --f7-radio-extra-margin: 0px; + --f7-radio-inactive-color: #c7c7cc +} + +.md { + --f7-radio-size: 20px; + --f7-radio-border-width: 2px; + --f7-radio-extra-margin: 22px; + --f7-radio-inactive-color: #6d6d6d +} + +.aurora { + --f7-radio-size: 16px; + --f7-radio-border-width: 1px; + --f7-radio-extra-margin: 0px; + --f7-radio-inactive-color: #888 +} + +.radio { + position: relative; + display: inline-block; + vertical-align: middle; + z-index: 1; + --f7-touch-ripple-color: rgba(var(--f7-theme-color-rgb), 0.5) +} + +.icon-radio { + width: var(--f7-radio-size); + height: var(--f7-radio-size); + border-radius: var(--f7-radio-border-radius); + position: relative; + box-sizing: border-box; + display: block; + flex-shrink: 0 +} + +.aurora .icon-radio, +.md .icon-radio, +.radio .icon-radio { + border: var(--f7-radio-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: .3s +} + +label.item-radio .item-content .item-media, +label.item-radio.item-content .item-media { + align-self: center +} + +label.item-radio.active-state { + background-color: var(--f7-list-link-pressed-bg-color) +} + +label.item-radio.active-state:after { + background-color: transparent +} + +.disabled label.item-radio, +label.item-radio.disabled { + opacity: .55; + pointer-events: none; + opacity: .55 !important; + pointer-events: none !important +} + +.ios .icon-radio:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + width: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2); + line-height: calc(var(--f7-radio-size) - var(--f7-radio-border-width) * 2 + 1px); + font-size: 20px; + content: 'radio_ios'; + color: var(--f7-radio-active-color, var(--f7-theme-color)); + opacity: 0 +} + +.ios .radio input[type=radio]:checked~.icon-radio:after, +.ios label.item-radio 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(--f7-radio-active-color, var(--f7-theme-color)) +} + +.ios label.item-radio input[type=radio]~.icon-radio { + position: absolute; + top: 50%; + margin-top: -11px; + right: calc(var(--f7-safe-area-right) + 10px) +} + +.ios label.item-radio .item-inner { + padding-right: calc(var(--f7-safe-area-right) + 36px) +} + +.ios label.item-radio.active-state { + transition-duration: 0s +} + +.md .icon-radio { + transition-duration: .2s +} + +.md .icon-radio:after { + content: ''; + position: absolute; + width: 10px; + height: 10px; + left: 50%; + top: 50%; + margin-left: -5px; + margin-top: -5px; + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + border-radius: 50%; + transform: scale(0); + transition-duration: .2s +} + +.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-active-color, var(--f7-theme-color)) +} + +.md .radio input[type=radio]:checked~.icon-radio:after, +.md label.item-radio input[type=radio]:checked~* .icon-radio:after, +.md label.item-radio input[type=radio]:checked~.icon-radio:after { + background-color: var(--f7-radio-active-color, var(--f7-theme-color)); + transform: scale(1) +} + +.md label.item-radio { + position: relative; + overflow: hidden; + z-index: 0 +} + +.md label.item-radio>.icon-radio { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)) +} + +.aurora .icon-radio { + transition-duration: 150ms; + overflow: hidden +} + +.aurora .icon-radio:after { + content: ''; + position: absolute; + width: 6px; + height: 6px; + left: 50%; + top: 50%; + margin-left: -3px; + margin-top: -3px; + background-color: #fff; + border-radius: 50%; + transform: scale(0); + transition-duration: 150ms +} + +.aurora .icon-radio:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, .1); + opacity: 0; + transition-duration: 150ms +} + +.aurora .radio.active-state i:before { + opacity: 1 +} + +.aurora .radio input[type=radio]:checked~.icon-radio, +.aurora label.item-radio input[type=radio]:checked~* .icon-radio, +.aurora label.item-radio input[type=radio]:checked~.icon-radio { + border-color: var(--f7-radio-active-color, var(--f7-theme-color)); + background-color: var(--f7-radio-active-color, 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 { + position: relative; + overflow: hidden; + z-index: 0 +} + +.aurora label.item-radio>.icon-radio { + margin-right: calc(var(--f7-list-item-media-margin) + var(--f7-radio-extra-margin)) +} + +:root { + --f7-toggle-handle-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-toggle-inactive-color: #555 +} + +.ios { + --f7-toggle-width: 52px; + --f7-toggle-height: 32px; + --f7-toggle-border-color: #e5e5e5; + --f7-toggle-inactive-color: #fff +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-toggle-border-color: #555 +} + +.md { + --f7-toggle-width: 36px; + --f7-toggle-height: 14px; + --f7-toggle-inactive-color: #b0afaf +} + +.aurora { + --f7-toggle-width: 40px; + --f7-toggle-height: 20px; + --f7-toggle-inactive-color: #aaa +} + +.toggle, +.toggle-icon { + width: var(--f7-toggle-width); + height: var(--f7-toggle-height); + border-radius: var(--f7-toggle-height) +} + +.toggle { + display: inline-block; + vertical-align: middle; + position: relative; + box-sizing: border-box; + align-self: center; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.toggle input[type=checkbox] { + display: none +} + +.toggle input[disabled]~.toggle-icon { + pointer-events: none +} + +.toggle-icon { + z-index: 0; + margin: 0; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + position: relative; + transition: .3s; + box-sizing: border-box; + display: block; + cursor: pointer +} + +.toggle-icon:after, +.toggle-icon:before { + content: '' +} + +.toggle-icon:after { + background: var(--f7-toggle-handle-color); + position: absolute; + z-index: 2; + transform: translateX(0px); + transition-duration: .3s +} + +.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: 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 { + position: absolute; + left: 2px; + top: 2px; + width: calc(var(--f7-toggle-width) - 4px); + height: calc(var(--f7-toggle-height) - 4px); + border-radius: var(--f7-toggle-height); + box-sizing: border-box; + background: var(--f7-toggle-inactive-color); + z-index: 1; + transition-duration: .3s; + transform: scale(1) +} + +.ios .toggle-icon:after { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + left: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, .3); + border-radius: calc(var(--f7-toggle-height) - 4px) +} + +.ios .toggle-active-state input[type=checkbox]:not(:checked)+.toggle-icon: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 { + transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height) - 6px)); + background: var(--f7-toggle-active-color, var(--f7-theme-color)) +} + +.md .toggle-icon { + background: var(--f7-toggle-inactive-color) +} + +.md .toggle-icon:after { + height: calc(var(--f7-toggle-height) + 6px); + width: calc(var(--f7-toggle-height) + 6px); + top: -3px; + box-shadow: 0 2px 5px rgba(0, 0, 0, .4); + border-radius: var(--f7-toggle-height); + left: 0 +} + +.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 { + height: calc(var(--f7-toggle-height) - 4px); + width: calc(var(--f7-toggle-height) - 4px); + top: 2px; + left: 2px; + border-radius: 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-bar-size: 1px; + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 28px; + --f7-range-knob-color: #fff; + --f7-range-knob-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + --f7-range-label-size: 20px; + --f7-range-label-text-color: #000; + --f7-range-label-bg-color: #fff; + --f7-range-label-font-size: 12px; + --f7-range-label-font-weight: normal; + --f7-range-label-border-radius: 5px; + --f7-range-label-padding: 0px; + --f7-range-scale-step-width: 1px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-label-offset: 4px +} + +.md { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #b9b9b9; + --f7-range-bar-size: 2px; + --f7-range-bar-border-radius: 0px; + --f7-range-knob-size: 12px; + --f7-range-knob-box-shadow: none; + --f7-range-label-size: 26px; + --f7-range-label-font-weight: normal; + --f7-range-label-text-color: #fff; + --f7-range-label-font-size: 10px; + --f7-range-label-border-radius: 50%; + --f7-range-label-padding: 0px; + --f7-range-scale-step-width: 2px; + --f7-range-scale-font-size: 12px; + --f7-range-scale-font-weight: 400; + --f7-range-scale-label-offset: 4px +} + +.aurora { + --f7-range-size: 20px; + --f7-range-bar-bg-color: #c7c7c7; + --f7-range-bar-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-label-text-color: #fff; + --f7-range-label-font-size: 10px; + --f7-range-label-font-weight: 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; + --f7-range-scale-font-weight: 500; + --f7-range-scale-label-offset: 2px +} + +.range-slider { + display: block; + position: relative; + align-self: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.range-slider input[type=range] { + display: none +} + +.range-slider.range-slider-horizontal { + width: 100%; + height: var(--f7-range-size) +} + +.range-slider.range-slider-vertical { + height: 100%; + width: var(--f7-range-size) +} + +.range-bar { + position: absolute; + overflow: hidden; + background: var(--f7-range-bar-bg-color); + border-radius: var(--f7-range-bar-border-radius) +} + +.range-slider-vertical .range-bar { + left: 50%; + top: 0; + height: 100%; + width: var(--f7-range-bar-size); + margin-left: calc(-1 * var(--f7-range-bar-size)/ 2) +} + +.range-slider-horizontal .range-bar { + left: 0; + top: 50%; + width: 100%; + height: var(--f7-range-bar-size); + margin-top: calc(-1 * var(--f7-range-bar-size)/ 2) +} + +.range-bar-active { + position: absolute; + background: var(--f7-range-bar-active-bg-color, var(--f7-theme-color)) +} + +.range-slider-horizontal .range-bar-active { + left: 0; + top: 0; + height: 100% +} + +.range-slider-vertical .range-bar-active { + left: 0; + bottom: 0; + width: 100% +} + +.range-slider-vertical-reversed .range-bar-active { + top: 0; + bottom: auto +} + +.range-knob-wrap { + z-index: 20; + position: absolute; + height: var(--f7-range-knob-size); + width: var(--f7-range-knob-size) +} + +.range-slider-horizontal .range-knob-wrap { + top: 50%; + margin-top: calc(-1 * var(--f7-range-knob-size)/ 2); + margin-left: calc(-1 * var(--f7-range-knob-size)/ 2); + left: 0 +} + +.range-slider-vertical .range-knob-wrap { + left: 50%; + margin-left: calc(-1 * var(--f7-range-knob-size)/ 2); + bottom: 0; + margin-bottom: calc(-1 * var(--f7-range-knob-size)/ 2) +} + +.range-slider-vertical-reversed .range-knob-wrap { + bottom: auto; + top: 0; + margin-bottom: 0; + margin-top: calc(-1 * var(--f7-range-knob-size)/ 2) +} + +.range-knob { + box-sizing: border-box; + border-radius: 50%; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 1; + background: var(--f7-range-knob-color, var(--f7-range-knob-bg-color, var(--f7-theme-color))); + box-shadow: var(--f7-range-knob-box-shadow) +} + +.range-knob:after { + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px +} + +.range-knob-label { + position: absolute; + left: 50%; + bottom: 100%; + text-align: center; + transition-duration: 120ms; + transition-property: transform; + box-sizing: border-box; + transform: translateY(100%) scale(0); + height: var(--f7-range-label-size); + line-height: var(--f7-range-label-size); + min-width: var(--f7-range-label-size); + color: var(--f7-range-label-text-color); + background-color: var(--f7-range-label-bg-color, var(--f7-theme-color)); + font-size: var(--f7-range-label-font-size); + font-weight: var(--f7-range-label-font-weight); + border-radius: var(--f7-range-label-border-radius); + padding: var(--f7-range-label-padding) +} + +.range-knob-active-state .range-knob-label { + transform: translateY(0%) scale(1) +} + +.range-scale { + position: absolute +} + +.range-slider-horizontal .range-scale { + top: 50%; + left: 0; + width: 100%; + margin-top: calc(var(--f7-range-bar-size)/ 2) +} + +.range-slider-vertical .range-scale { + right: 50%; + top: 0; + height: 100%; + margin-right: calc(var(--f7-range-bar-size)/ 2) +} + +.range-scale-step { + position: absolute; + box-sizing: border-box; + display: flex; + font-size: var(--f7-range-scale-font-size); + font-weight: var(--f7-range-scale-font-weight); + color: var(--f7-range-scale-text-color, var(--f7-range-bar-bg-color)); + line-height: 1 +} + +.range-scale-step:before { + content: ''; + position: absolute; + background: var(--f7-range-scale-step-bg-color, var(--f7-range-bar-bg-color)) +} + +.range-slider-horizontal .range-scale-step { + justify-content: center; + align-items: flex-start; + width: var(--f7-range-scale-step-width); + height: var(--f7-range-scale-step-height); + padding-top: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + top: 0; + margin-left: calc(-1 * var(--f7-range-scale-step-width)/ 2) +} + +.range-slider-horizontal .range-scale-step:before { + left: 0; + top: 0; + width: 100%; + height: var(--f7-range-scale-step-height) +} + +.range-slider-horizontal .range-scale-step:first-child { + margin-left: 0 +} + +.range-slider-horizontal .range-scale-step:last-child { + margin-left: calc(-1 * var(--f7-range-scale-step-width)) +} + +.range-slider-vertical .range-scale-step { + line-height: 1; + justify-content: flex-end; + align-items: center; + height: var(--f7-range-scale-step-width); + width: var(--f7-range-scale-step-height); + padding-right: calc(var(--f7-range-scale-step-height) + var(--f7-range-scale-label-offset)); + right: 0; + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)/ 2) +} + +.range-slider-vertical .range-scale-step:first-child { + margin-bottom: 0 +} + +.range-slider-vertical .range-scale-step:last-child { + margin-bottom: calc(-1 * var(--f7-range-scale-step-width)) +} + +.range-slider-vertical .range-scale-step:before { + right: 0; + top: 0; + height: 100%; + width: var(--f7-range-scale-step-height) +} + +.range-scale-substep { + --f7-range-scale-step-bg-color: var(--f7-range-scale-substep-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(--f7-range-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(0%) scale(1) +} + +.md .range-knob { + transition-duration: .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 { + background: #fff !important; + border: 2px solid var(--f7-range-bar-bg-color) +} + +.md .range-knob-label { + width: var(--f7-range-label-size); + margin-left: calc(-1 * var(--f7-range-label-size)/ 2); + margin-bottom: 8px +} + +.md .range-knob-label:before { + content: ''; + left: 50%; + top: 0px; + margin-left: calc(-1 * var(--f7-range-label-size)/ 2); + position: absolute; + z-index: -1; + width: var(--f7-range-label-size); + height: var(--f7-range-label-size); + background: var(--f7-range-label-bg-color, var(--f7-theme-color)); + transform: rotate(-45deg); + border-radius: 50% 50% 50% 0 +} + +.md .range-knob-active-state .range-knob-label { + transform: translateY(0%) 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(0%) scale(1) +} + +:root { + --f7-stepper-fill-button-text-color: #fff; + --f7-stepper-raised-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-stepper-value-font-weight: 500; + --f7-stepper-border-width: 2px +} + +.ios { + --f7-stepper-height: 28px; + --f7-stepper-border-radius: 5px; + --f7-stepper-large-height: 44px; + --f7-stepper-small-height: 26px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-value-font-size: 17px +} + +.md { + --f7-stepper-height: 36px; + --f7-stepper-border-radius: 4px; + --f7-stepper-large-height: 48px; + --f7-stepper-small-border-width: 2px; + --f7-stepper-small-height: 28px; + --f7-stepper-value-font-size: 14px; + --f7-stepper-button-pressed-bg-color: rgba(0, 0, 0, 0.1) +} + +.md .theme-dark, +.md.theme-dark { + --f7-stepper-button-pressed-bg-color: rgba(255, 255, 255, 0.1) +} + +.aurora { + --f7-stepper-height: 28px; + --f7-stepper-border-radius: 4px; + --f7-stepper-large-height: 34px; + --f7-stepper-small-border-width: 1px; + --f7-stepper-small-height: 22px; + --f7-stepper-value-font-size: 14px +} + +.stepper { + display: inline-flex; + align-items: stretch; + height: var(--f7-stepper-height); + border-radius: var(--f7-stepper-border-radius) +} + +.stepper-button, +.stepper-button-minus, +.stepper-button-plus { + background-color: var(--f7-stepper-button-bg-color); + width: 40px; + border-radius: var(--f7-stepper-border-radius); + border: var(--f7-stepper-border-width) solid var(--f7-theme-color); + color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + line-height: calc(var(--f7-stepper-height) - var(--f7-stepper-border-width, 0px)); + text-align: center; + display: flex; + justify-content: center; + align-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box; + position: relative; + cursor: pointer +} + +.stepper-button-minus.active-state, +.stepper-button-plus.active-state, +.stepper-button.active-state { + background-color: var(--f7-stepper-button-pressed-bg-color, rgba(var(--f7-theme-color-rgb), .15)); + color: var(--f7-stepper-button-pressed-text-color, var(--f7-stepper-button-text-color, var(--f7-theme-color))) +} + +.stepper-button-minus:first-child, +.stepper-button-plus:first-child, +.stepper-button: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, +.stepper-button:last-child { + border-radius: 0 var(--f7-stepper-border-radius) var(--f7-stepper-border-radius) 0 +} + +.stepper-button .icon, +.stepper-button-minus .icon, +.stepper-button-plus .icon { + pointer-events: none +} + +.stepper-button+.stepper-button, +.stepper-button+.stepper-button-minus, +.stepper-button+.stepper-button-plus, +.stepper-button-minus+.stepper-button, +.stepper-button-minus+.stepper-button-minus, +.stepper-button-minus+.stepper-button-plus, +.stepper-button-plus+.stepper-button, +.stepper-button-plus+.stepper-button-minus, +.stepper-button-plus+.stepper-button-plus { + border-left: none +} + +.stepper-button-minus, +.stepper-button-plus { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.stepper-button-minus:after, +.stepper-button-minus:before, +.stepper-button-plus:after, +.stepper-button-plus:before { + content: ''; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--f7-stepper-button-text-color, var(--f7-theme-color)); + border-radius: 2px +} + +.stepper-button-minus:after, +.stepper-button-plus:after { + width: 15px; + height: 2px +} + +.stepper-button-plus:before { + height: 15px; + width: 2px +} + +.stepper-value { + display: flex; + align-content: center; + align-items: center; + justify-content: center +} + +.stepper-input-wrap, +.stepper-value { + flex-shrink: 1; + text-align: center; + border-top: var(--f7-stepper-border-width) solid var(--f7-theme-color); + border-bottom: var(--f7-stepper-border-width) solid var(--f7-theme-color) +} + +.stepper .stepper-input-wrap input, +.stepper-value { + width: 45px; + color: var(--f7-stepper-value-text-color, var(--f7-theme-color)); + font-size: var(--f7-stepper-value-font-size); + font-weight: var(--f7-stepper-value-font-weight); + text-align: center +} + +.stepper .stepper-input-wrap input { + height: 100% +} + +.aurora .stepper-round-aurora, +.ios .stepper-round-ios, +.md .stepper-round-md, +.stepper-round { + --f7-stepper-border-radius: var(--f7-stepper-height) +} + +.aurora .stepper-fill-aurora, +.ios .stepper-fill-ios, +.md .stepper-fill-md, +.stepper-fill { + --f7-stepper-button-bg-color: var(--f7-stepper-fill-button-bg-color, var(--f7-theme-color)); + --f7-stepper-button-text-color: var(--f7-stepper-fill-button-text-color); + --f7-touch-ripple-color: var(--f7-touch-ripple-white) +} + +.aurora .stepper-fill-aurora .stepper-button+.stepper-button, +.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus, +.aurora .stepper-raised-aurora .stepper-button+.stepper-button, +.aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus, +.ios .stepper-fill-ios .stepper-button+.stepper-button, +.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus, +.ios .stepper-raised-ios .stepper-button+.stepper-button, +.ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus, +.md .stepper-fill-md .stepper-button+.stepper-button, +.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus, +.md .stepper-raised-md .stepper-button+.stepper-button, +.md .stepper-raised-md .stepper-button-minus+.stepper-button-plus, +.stepper-fill .stepper-button+.stepper-button, +.stepper-fill .stepper-button-minus+.stepper-button-plus, +.stepper-raised .stepper-button+.stepper-button, +.stepper-raised .stepper-button-minus+.stepper-button-plus { + border-left: 1px solid rgba(0, 0, 0, .1) +} + +.aurora .stepper-fill-aurora .stepper-button+.stepper-button.active-state, +.aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus.active-state, +.ios .stepper-fill-ios .stepper-button+.stepper-button.active-state, +.ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus.active-state, +.md .stepper-fill-md .stepper-button+.stepper-button.active-state, +.md .stepper-fill-md .stepper-button-minus+.stepper-button-plus.active-state, +.stepper-fill .stepper-button+.stepper-button.active-state, +.stepper-fill .stepper-button-minus+.stepper-button-plus.active-state { + border-left-color: var(--f7-stepper-button-pressed-bg-color) +} + +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-input-wrap, +.aurora .stepper-raised-aurora:not(.stepper-fill-aurora):not(.stepper-fill) .stepper-value, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-input-wrap, +.ios .stepper-raised-ios:not(.stepper-fill-ios):not(.stepper-fill) .stepper-value, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-input-wrap, +.md .stepper-raised-md:not(.stepper-fill-md):not(.stepper-fill) .stepper-value, +.stepper-raised:not(.stepper-fill) .stepper-input-wrap, +.stepper-raised:not(.stepper-fill) .stepper-value { + border-left: 1px solid rgba(0, 0, 0, .1); + border-right: 1px solid rgba(0, 0, 0, .1) +} + +.aurora .stepper-large-aurora, +.ios .stepper-large-ios, +.md .stepper-large-md, +.stepper-large { + --f7-stepper-height: var(--f7-stepper-large-height) +} + +.aurora .stepper-small-aurora, +.ios .stepper-small-ios, +.md .stepper-small-md, +.stepper-small { + --f7-stepper-border-width: var(--f7-stepper-small-border-width); + --f7-stepper-height: var(--f7-stepper-small-height) +} + +.ios .stepper-fill.stepper-small, +.ios .stepper-fill.stepper-small-ios { + --f7-stepper-button-pressed-bg-color: transparent; + --f7-stepper-button-pressed-text-color: var(--f7-theme-color) +} + +.aurora .stepper-raised-aurora, +.ios .stepper-raised-ios, +.md .stepper-raised-md, +.stepper-raised { + --f7-stepper-border-width: 0; + box-shadow: var(--f7-stepper-raised-box-shadow) +} + +.ios .stepper-button .f7-icons, +.ios .stepper-button-minus .f7-icons, +.ios .stepper-button-plus .f7-icons { + font-size: 22px +} + +.ios .stepper-fill, +.ios .stepper-fill-ios { + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-tint)) +} + +.ios .stepper-small-ios.stepper-raised, +.ios .stepper-small-ios.stepper-raised-ios, +.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-button-minus, +.ios .stepper-small .stepper-button-plus, +.ios .stepper-small-ios .stepper-button, +.ios .stepper-small-ios .stepper-button-minus, +.ios .stepper-small-ios .stepper-button-plus { + transition-duration: .2s +} + +.ios .stepper-small .stepper-button-minus.active-state:after, +.ios .stepper-small .stepper-button-minus.active-state:before, +.ios .stepper-small .stepper-button-plus.active-state:after, +.ios .stepper-small .stepper-button-plus.active-state:before, +.ios .stepper-small .stepper-button.active-state:after, +.ios .stepper-small .stepper-button.active-state:before, +.ios .stepper-small-ios .stepper-button-minus.active-state:after, +.ios .stepper-small-ios .stepper-button-minus.active-state:before, +.ios .stepper-small-ios .stepper-button-plus.active-state:after, +.ios .stepper-small-ios .stepper-button-plus.active-state:before, +.ios .stepper-small-ios .stepper-button.active-state:after, +.ios .stepper-small-ios .stepper-button.active-state:before { + transition-duration: .2s; + background-color: var(--f7-theme-color) +} + +.md .stepper-button, +.md .stepper-button-minus, +.md .stepper-button-plus { + transition-duration: .3s; + transform: translate3d(0, 0, 0); + overflow: hidden +} + +.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-button-plus { + transition-duration: .1s; + transform: translate3d(0, 0, 0); + overflow: hidden +} + +.aurora.device-desktop .stepper-button-minus:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button-plus:not(.active-state):not(.no-hover):hover, +.aurora.device-desktop .stepper-button:not(.active-state):not(.no-hover):hover { + background-color: var(--f7-stepper-button-hover-bg-color, rgba(var(--f7-theme-color-rgb), .07)) +} + +.aurora .stepper-fill, +.aurora .stepper-fill-aurora { + --f7-stepper-button-hover-bg-color: var(--f7-stepper-button-fill-hover-bg-color, var(--f7-theme-color-tint)); + --f7-stepper-button-pressed-bg-color: var(--f7-stepper-fill-button-pressed-bg-color, var(--f7-theme-color-shade)) +} + +.smart-select select { + display: none +} + +.smart-select .item-after { + max-width: 70%; + overflow: hidden; + text-overflow: ellipsis; + position: relative; + display: block +} + +.smart-select-sheet .list ul, +.smart-select-sheet .page, +.smart-select-sheet .sheet-modal-inner { + background: var(--f7-smart-select-sheet-bg, var(--f7-list-bg-color)) +} + +.smart-select-sheet .toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-smart-select-sheet-toolbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.smart-select-sheet .toolbar:after { + display: block +} + +.smart-select-sheet .list { + margin: 0 +} + +.smart-select-sheet .list ul:after, +.smart-select-sheet .list ul:before { + display: none !important +} + +.smart-select-popover .popover-inner { + max-height: 40vh +} + +:root { + --f7-grid-gap: 16px; + --f7-grid-row-gap: 0px; + --f7-grid-resize-handler-bg-color: rgba(0, 0, 0, 0.35) +} + +:root .theme-dark, +:root.theme-dark { + --f7-grid-resize-handler-bg-color: rgba(255, 255, 255, 0.35) +} + +.row { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: flex-start; + --f7-cols-per-row: 1 +} + +.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>.col.resizable, +.row>[class*=col-].resizable { + position: relative +} + +.row.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 { + --f7-cols-per-row: 1 +} + +.row .col:nth-last-of-type(1), +.row .col:nth-last-of-type(1)~.col { + --f7-cols-per-row: 1 +} + +.row .col:nth-last-of-type(2), +.row .col:nth-last-of-type(2)~.col { + --f7-cols-per-row: 2 +} + +.row .col:nth-last-of-type(3), +.row .col:nth-last-of-type(3)~.col { + --f7-cols-per-row: 3 +} + +.row .col:nth-last-of-type(4), +.row .col:nth-last-of-type(4)~.col { + --f7-cols-per-row: 4 +} + +.row .col:nth-last-of-type(5), +.row .col:nth-last-of-type(5)~.col { + --f7-cols-per-row: 5 +} + +.row .col:nth-last-of-type(6), +.row .col:nth-last-of-type(6)~.col { + --f7-cols-per-row: 6 +} + +.row .col:nth-last-of-type(7), +.row .col:nth-last-of-type(7)~.col { + --f7-cols-per-row: 7 +} + +.row .col:nth-last-of-type(8), +.row .col:nth-last-of-type(8)~.col { + --f7-cols-per-row: 8 +} + +.row .col:nth-last-of-type(9), +.row .col:nth-last-of-type(9)~.col { + --f7-cols-per-row: 9 +} + +.row .col:nth-last-of-type(10), +.row .col:nth-last-of-type(10)~.col { + --f7-cols-per-row: 10 +} + +.row .col:nth-last-of-type(11), +.row .col:nth-last-of-type(11)~.col { + --f7-cols-per-row: 11 +} + +.row .col:nth-last-of-type(12), +.row .col:nth-last-of-type(12)~.col { + --f7-cols-per-row: 12 +} + +.row .col:nth-last-of-type(13), +.row .col:nth-last-of-type(13)~.col { + --f7-cols-per-row: 13 +} + +.row .col:nth-last-of-type(14), +.row .col:nth-last-of-type(14)~.col { + --f7-cols-per-row: 14 +} + +.row .col:nth-last-of-type(15), +.row .col:nth-last-of-type(15)~.col { + --f7-cols-per-row: 15 +} + +.row .col:nth-last-of-type(16), +.row .col:nth-last-of-type(16)~.col { + --f7-cols-per-row: 16 +} + +.row .col:nth-last-of-type(17), +.row .col:nth-last-of-type(17)~.col { + --f7-cols-per-row: 17 +} + +.row .col:nth-last-of-type(18), +.row .col:nth-last-of-type(18)~.col { + --f7-cols-per-row: 18 +} + +.row .col:nth-last-of-type(19), +.row .col:nth-last-of-type(19)~.col { + --f7-cols-per-row: 19 +} + +.row .col:nth-last-of-type(20), +.row .col:nth-last-of-type(20)~.col { + --f7-cols-per-row: 20 +} + +.row .col:nth-last-of-type(21), +.row .col:nth-last-of-type(21)~.col { + --f7-cols-per-row: 21 +} + +.row .col:nth-last-of-type(22), +.row .col:nth-last-of-type(22)~.col { + --f7-cols-per-row: 22 +} + +@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 { + --f7-cols-per-row: 1 + } + .row .xsmall-auto:nth-last-of-type(1), + .row .xsmall-auto:nth-last-of-type(1)~.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)~.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 { + --f7-cols-per-row: 1 + } + .row .small-auto:nth-last-of-type(1), + .row .small-auto:nth-last-of-type(1)~.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)~.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 { + --f7-cols-per-row: 1 + } + .row .medium-auto:nth-last-of-type(1), + .row .medium-auto:nth-last-of-type(1)~.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)~.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 { + --f7-cols-per-row: 1 + } + .row .large-auto:nth-last-of-type(1), + .row .large-auto:nth-last-of-type(1)~.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)~.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 { + --f7-cols-per-row: 1 + } + .row .xlarge-auto:nth-last-of-type(1), + .row .xlarge-auto:nth-last-of-type(1)~.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 + } + .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; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + z-index: 100 +} + +.row .resize-handler:before { + content: ''; + position: absolute +} + +.row .resize-handler:after { + content: ''; + position: absolute; + border-radius: 4px; + background: var(--f7-grid-resize-handler-bg-color) +} + +.row>.resize-handler { + width: 100%; + height: var(--f7-grid-row-gap); + left: 0; + top: 100%; + cursor: row-resize +} + +.row>.resize-handler:before { + left: 0%; + top: 50%; + height: 12px; + width: 100%; + min-height: var(--f7-grid-row-gap); + transform: translateY(-50%) +} + +.row>.resize-handler:after { + height: 4px; + margin-top: -2px; + width: 80%; + max-width: 20px; + left: 50%; + top: 50%; + transform: translateX(-50%) +} + +.col>.resize-handler, +[class*=col-]>.resize-handler { + width: var(--f7-grid-gap); + left: 100%; + top: 0; + height: 100%; + cursor: col-resize +} + +.col>.resize-handler:before, +[class*=col-]>.resize-handler:before { + left: 50%; + top: 0; + height: 100%; + width: 12px; + min-width: var(--f7-grid-gap); + transform: translateX(-50%) +} + +.col>.resize-handler:after, +[class*=col-]>.resize-handler:after { + width: 4px; + margin-left: -2px; + height: 80%; + max-height: 20px; + border-radius: 4px; + left: 50%; + top: 50%; + transform: translateY(-50%) +} + +.row .col:last-child>.resize-handler, +.row .col:last-of-type>.resize-handler, +.row [class*=col-]:last-child>.resize-handler, +.row [class*=col-]:last-of-type>.resize-handler, +.row:last-child>.resize-handler, +.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; + --f7-calendar-modal-border-radius: 4px; + --f7-calendar-footer-padding: 0 8px; + --f7-calendar-week-header-font-size: 11px; + --f7-calendar-selected-text-color: #fff; + --f7-calendar-prev-next-text-color: #b8b8b8; + --f7-calendar-disabled-text-color: #d4d4d4; + --f7-calendar-event-dot-size: 4px; + --f7-calendar-day-text-color: #000; + --f7-calendar-sheet-bg-color: #fff; + --f7-calendar-modal-bg-color: #fff; + --f7-calendar-picker-bg-color: #fff; + --f7-calendar-picker-pressed-bg-color: rgba(0, 0, 0, 0.1); + --f7-calendar-picker-hover-bg-color: rgba(0, 0, 0, 0.03) +} + +:root .theme-dark, +:root.theme-dark { + --f7-calendar-sheet-border-color: var(--f7-bars-border-color); + --f7-calendar-modal-bg-color: #121212; + --f7-calendar-sheet-bg-color: #121212; + --f7-calendar-picker-bg-color: #1c1c1d; + --f7-calendar-picker-pressed-bg-color: rgba(255, 255, 255, 0.08); + --f7-calendar-picker-hover-bg-color: rgba(255, 255, 255, 0.03) +} + +.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-calendar-picker-font-size: 17px; + --f7-calendar-time-selector-font-size: 17px; + --f7-calendar-row-border-color: rgba(0, 0, 0, 0.25); + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-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; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-week-header-height: 24px; + --f7-calendar-row-border-color: transparent; + --f7-calendar-day-font-size: 14px; + --f7-calendar-today-bg-color: none; + --f7-calendar-day-size: 32px; + --f7-calendar-picker-font-size: 14px; + --f7-calendar-time-selector-font-size: 14px +} + +.md .theme-dark, +.md.theme-dark { + --f7-calendar-day-text-color: rgba(255, 255, 255, 0.87) +} + +.aurora { + --f7-calendar-sheet-border-color: #ccc; + --f7-calendar-header-height: 38px; + --f7-calendar-header-font-size: 14px; + --f7-calendar-header-font-weight: 600; + --f7-calendar-header-padding: 0 8px; + --f7-calendar-footer-height: 38px; + --f7-calendar-footer-font-size: 14px; + --f7-calendar-week-header-height: 18px; + --f7-calendar-day-font-size: 13px; + --f7-calendar-day-size: 30px; + --f7-calendar-picker-font-size: 14px; + --f7-calendar-time-selector-font-size: 14px; + --f7-calendar-row-border-color: #e3e3e3; + --f7-calendar-today-text-color: #000; + --f7-calendar-today-bg-color: #e3e3e3 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-calendar-row-border-color: var(--f7-bars-border-color); + --f7-calendar-day-text-color: #fff; + --f7-calendar-today-text-color: #fff; + --f7-calendar-today-bg-color: #333 +} + +.calendar { + overflow: hidden; + height: var(--f7-calendar-height); + width: 100%; + display: flex; + flex-direction: column +} + +.calendar.modal-in { + display: flex +} + +@media (orientation:landscape) and (max-height:415px) { + .calendar.calendar-sheet { + height: var(--f7-calendar-sheet-landscape-height) + } + .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-border-color); + background: var(--f7-calendar-sheet-bg-color); + padding-bottom: var(--f7-safe-area-bottom); + height: calc(var(--f7-calendar-height) + var(--f7-safe-area-bottom)) +} + +.calendar-sheet:before { + z-index: 600 +} + +.calendar-modal .toolbar:before, +.calendar-popover .toolbar:before, +.calendar-sheet .toolbar:before { + display: none +} + +.calendar-popover { + width: var(--f7-calendar-popover-width) +} + +.calendar-popover .calendar { + height: var(--f7-calendar-popover-height); + border-radius: var(--f7-popover-border-radius); + position: relative +} + +.calendar-header { + width: 100%; + position: relative; + overflow: hidden; + flex-shrink: 0; + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + padding: var(--f7-calendar-header-padding); + background-color: var(--f7-calendar-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-header-height); + line-height: var(--f7-calendar-header-height); + font-size: var(--f7-calendar-header-font-size); + font-weight: var(--f7-calendar-header-font-weight) +} + +.calendar-header a { + color: var(--f7-calendar-header-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.calendar-footer { + width: 100%; + flex-shrink: 0; + padding: var(--f7-calendar-footer-padding); + background-color: var(--f7-calendar-footer-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-footer-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-footer-height); + font-size: var(--f7-calendar-header-font-size); + display: flex; + justify-content: flex-end; + box-sizing: border-box; + align-items: center; + position: relative +} + +.calendar-footer a { + color: var(--f7-calendar-footer-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.calendar-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-footer-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.calendar-modal { + position: absolute; + height: var(--f7-calendar-modal-height); + overflow: hidden; + top: 50%; + left: 50%; + min-width: 300px; + max-width: var(--f7-calendar-modal-max-width); + transform: translate3d(-50%, 100vh, 0); + transition-property: transform; + display: flex; + z-index: 13500; + background: var(--f7-calendar-modal-bg-color); + width: 90%; + border-radius: var(--f7-calendar-modal-border-radius); + box-shadow: var(--f7-elevation-24) +} + +.calendar-modal.modal-in, +.calendar-modal.modal-out { + transition-duration: .4s +} + +.calendar-modal.modal-in { + transform: translate3d(-50%, -50%, 0) +} + +.calendar-modal.modal-out { + transform: translate3d(-50%, 100vh, 0) +} + +.calendar-week-header { + display: flex; + box-sizing: border-box; + position: relative; + font-size: var(--f7-calendar-week-header-font-size); + background-color: var(--f7-calendar-week-header-bg-color, var(--f7-bars-bg-color)); + color: var(--f7-calendar-week-header-text-color, var(--f7-bars-text-color)); + height: var(--f7-calendar-week-header-height); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right) +} + +.calendar-week-header .calendar-week-day { + flex-shrink: 1; + width: calc(100% / 7); + text-align: center; + line-height: var(--f7-calendar-week-header-height) +} + +.calendar-months { + width: 100%; + height: 100%; + overflow: hidden; + position: relative; + flex-shrink: 10 +} + +.calendar-months-wrapper { + position: relative; + width: 100%; + height: 100%; + transition: .3s +} + +.calendar-month { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0 +} + +.calendar-row { + height: 16.66666667%; + height: calc(100% / 6); + display: flex; + flex-shrink: 1; + width: 100%; + position: relative; + box-sizing: border-box; + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right) +} + +.calendar-row:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.calendar-modal .calendar-months:first-child .calendar-row:first-child:before, +.calendar-popover .calendar-months:first-child .calendar-row:first-child:before { + display: none !important +} + +.calendar-day { + flex-shrink: 1; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 14.28571429%; + width: calc(100% / 7); + text-align: center; + cursor: pointer; + z-index: 20; + color: var(--f7-calendar-day-text-color); + height: 100%; + font-size: var(--f7-calendar-day-font-size) +} + +.calendar-day.calendar-day-today .calendar-day-number { + color: var(--f7-calendar-today-text-color, var(--f7-theme-color)); + background-color: var(--f7-calendar-today-bg-color) +} + +.calendar-day.calendar-day-next, +.calendar-day.calendar-day-prev { + color: var(--f7-calendar-prev-next-text-color) +} + +.calendar-day.calendar-day-disabled { + color: var(--f7-calendar-disabled-text-color); + cursor: auto +} + +.calendar-day.calendar-day-selected .calendar-day-number { + color: var(--f7-calendar-selected-text-color); + background-color: var(--f7-calendar-selected-bg-color, var(--f7-theme-color)) +} + +.calendar-day .calendar-day-number { + display: inline-block; + border-radius: 50%; + position: relative; + width: var(--f7-calendar-day-size); + height: var(--f7-calendar-day-size); + line-height: var(--f7-calendar-day-size) +} + +.calendar-day .calendar-day-events { + position: absolute; + display: flex; + left: 0; + width: 100%; + top: 100%; + align-items: center; + justify-content: center; + margin-top: 1px +} + +.calendar-day .calendar-day-event { + width: var(--f7-calendar-event-dot-size); + height: var(--f7-calendar-event-dot-size); + border-radius: calc(var(--f7-calendar-event-dot-size)/ 2); + background-color: var(--f7-calendar-event-bg-color) +} + +.calendar-day .calendar-day-event+.calendar-day-event { + margin-left: 2px +} + +.calendar-range .calendar-day.calendar-day-selected { + align-items: stretch; + align-content: stretch +} + +.calendar-range .calendar-day.calendar-day-selected .calendar-day-number { + width: 100%; + border-radius: 0; + height: auto; + text-align: center; + display: flex; + align-items: center; + justify-content: center +} + +.calendar-month-selector, +.calendar-year-selector { + display: flex; + justify-content: space-between; + align-items: center; + width: 50%; + max-width: 200px; + flex-shrink: 10; + margin-left: auto; + margin-right: auto +} + +.calendar-month-selector .calendar-day-number, +.calendar-year-selector .calendar-day-number { + flex-shrink: 1; + position: relative; + overflow: hidden; + text-overflow: ellipsis +} + +.calendar-month-selector a.icon-only, +.calendar-year-selector a.icon-only { + min-width: 36px +} + +.calendar-month-picker, +.calendar-time-picker, +.calendar-year-picker { + position: absolute; + width: 100%; + height: 100%; + left: 0px; + top: 0px; + background: var(--f7-calendar-picker-bg-color); + z-index: 1000; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +.calendar-month-picker, +.calendar-year-picker { + flex-wrap: wrap; + font-size: var(--f7-calendar-picker-font-size); + display: flex +} + +.calendar-month-picker-item, +.calendar-year-picker-item { + display: flex; + justify-content: center; + align-items: center; + position: relative; + overflow: hidden; + cursor: pointer; + transition-duration: .1s; + box-sizing: border-box +} + +.calendar-month-picker-item span, +.calendar-year-picker-item span { + white-space: nowrap; + text-overflow: ellipsis; + box-sizing: border-box; + position: relative; + overflow: hidden; + pointer-events: none +} + +.device-desktop.aurora .calendar-month-picker-item:hover, +.device-desktop.aurora .calendar-year-picker-item:hover { + background-color: var(--f7-calendar-picker-hover-bg-color) +} + +.calendar-month-picker-item.active-state, +.calendar-year-picker-item.active-state, +.device-desktop.aurora .calendar-month-picker-item.active-state, +.device-desktop.aurora .calendar-year-picker-item.active-state { + background: var(--f7-calendar-picker-pressed-bg-color) +} + +.calendar-month-picker-item { + padding: 5px +} + +.calendar-month-picker-item:after { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.calendar-month-picker-item:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + width: 1px; + height: 100%; + transform-origin: 0% 50%; + transform: scaleX(calc(1 / var(--f7-device-pixel-ratio))) +} + +.sheet-modal .calendar-month-picker-item { + width: 25%; + height: calc(100% / 3) +} + +.sheet-modal .calendar-month-picker-item:nth-child(4n+1):before { + display: none !important +} + +.sheet-modal .calendar-month-picker-item:nth-child(n+9):after { + display: none !important +} + +.calendar-modal .calendar-month-picker-item, +.popover .calendar-month-picker-item { + width: calc(100% / 3); + height: 25% +} + +.calendar-modal .calendar-month-picker-item:nth-child(3n+1):before, +.popover .calendar-month-picker-item:nth-child(3n+1):before { + display: none !important +} + +.calendar-modal .calendar-month-picker-item:nth-child(n+10):after, +.popover .calendar-month-picker-item: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 { + overflow: auto; + --webkit-overflow-scrolling: touch +} + +.calendar-year-picker-item { + height: 34px; + line-height: 34px; + width: 100% +} + +.calendar-year-picker-item:after { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.calendar-time-selector { + flex-shrink: 0; + font-size: var(--f7-calendar-time-selector-font-size); + position: relative +} + +.calendar-time-selector:before { + content: ''; + position: absolute; + background-color: var(--f7-calendar-row-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.calendar-time-selector a { + overflow: hidden; + position: relative; + justify-content: center; + align-items: center; + display: flex; + width: 100%; + height: 44px +} + +.calendar-time-picker { + --f7-picker-popover-height: 100%; + --f7-picker-inline-height: 100%; + --f7-picker-item-selected-text-color: var(--f7-theme-color) +} + +.calendar-time-picker .toolbar { + flex-shrink: 0; + top: 0 !important +} + +.calendar-time-picker .picker { + height: 100%; + display: flex; + flex-direction: column +} + +:root { + --f7-picker-height: 260px; + --f7-picker-inline-height: 200px; + --f7-picker-popover-height: 200px; + --f7-picker-popover-width: 280px; + --f7-picker-landscape-height: 200px; + --f7-picker-item-height: 36px; + --f7-picker-item-selected-text-color: #000 +} + +:root .theme-dark, +:root.theme-dark { + --f7-picker-item-selected-text-color: #fff +} + +.ios { + --f7-picker-column-font-size: 20px; + --f7-picker-sheet-bg-color: #cfd5da; + --f7-picker-divider-text-color: #000; + --f7-picker-item-text-color: rgba(0, 0, 0, 0.45); + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.22) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-picker-sheet-bg-color: #1c1c1d; + --f7-picker-divider-text-color: #fff; + --f7-picker-item-text-color: rgba(255, 255, 255, 0.55); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06) +} + +.md { + --f7-picker-column-font-size: 20px; + --f7-picker-divider-text-color: rgba(0, 0, 0, 0.87); + --f7-picker-item-text-color: rgba(0, 0, 0, 0.54); + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.15) +} + +.md .theme-dark, +.md.theme-dark { + --f7-picker-item-text-color: rgba(255, 255, 255, 0.54); + --f7-picker-divider-text-color: rgba(255, 255, 255, 0.87); + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.15) +} + +.aurora { + --f7-picker-column-font-size: 16px; + --f7-picker-item-height: 28px; + --f7-picker-item-text-color: #888; + --f7-picker-divider-text-color: #000; + --f7-picker-item-selected-border-color: rgba(0, 0, 0, 0.12) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-picker-divider-text-color: #fff; + --f7-picker-item-selected-border-color: rgba(255, 255, 255, 0.06) +} + +.picker { + width: 100%; + height: var(--f7-picker-height) +} + +.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-sheet-bg-color)) +} + +.picker-popover { + width: var(--f7-picker-popover-width) +} + +.picker-popover .toolbar { + background: 0 0; + border-radius: var(--f7-popover-border-radius) var(--f7-popover-border-radius) 0 0 +} + +.picker-popover .toolbar:before { + display: none !important +} + +.picker-popover .toolbar+.picker-columns { + height: calc(100% - var(--f7-toolbar-height)) +} + +.picker-columns { + display: flex; + overflow: hidden; + justify-content: center; + padding: 0; + text-align: right; + height: 100%; + position: relative; + -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent); + font-size: var(--f7-picker-column-font-size) +} + +.picker-column { + position: relative; + max-height: 100% +} + +.picker-column.picker-column-first:before, +.picker-column.picker-column-last:after { + height: 100%; + width: 100vw; + position: absolute; + content: ''; + top: 0 +} + +.picker-column.picker-column-first:before { + right: 100% +} + +.picker-column.picker-column-last:after { + left: 100% +} + +.picker-column.picker-column-left { + text-align: left +} + +.picker-column.picker-column-center { + text-align: center +} + +.picker-column.picker-column-right { + text-align: right +} + +.picker-column.picker-column-divider { + display: flex; + align-items: center; + color: var(--f7-picker-divider-text-color) +} + +.picker-items { + transition: .3s; + transition-timing-function: ease-out +} + +.picker-item { + height: var(--f7-picker-item-height); + line-height: var(--f7-picker-item-height); + white-space: nowrap; + position: relative; + overflow: hidden; + text-overflow: ellipsis; + left: 0; + top: 0; + width: 100%; + box-sizing: border-box; + transition: .3s; + color: var(--f7-picker-item-text-color); + cursor: pointer +} + +.picker-item span { + padding: 0 10px +} + +.picker-column-absolute .picker-item { + position: absolute +} + +.picker-item.picker-item-far { + pointer-events: none +} + +.picker-item.picker-item-selected { + color: var(--f7-picker-item-selected-text-color); + transform: translate3d(0, 0, 0) rotateX(0deg) +} + +.picker-center-highlight { + height: var(--f7-picker-item-height); + box-sizing: border-box; + position: absolute; + left: 0; + width: 100%; + top: 50%; + margin-top: calc(-1 * var(--f7-picker-item-height)/ 2); + pointer-events: none +} + +.picker-center-highlight:before { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.picker-center-highlight:after { + content: ''; + position: absolute; + background-color: var(--f7-picker-item-selected-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.picker-3d .picker-columns { + overflow: hidden; + perspective: 1200px +} + +.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 { + transform-origin: center center -110px; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition-timing-function: ease-out +} + +.infinite-scroll-preloader { + margin-left: auto; + margin-right: auto; + text-align: center +} + +.infinite-scroll-preloader.preloader { + display: block +} + +.ios .infinite-scroll-preloader { + margin-top: 35px; + margin-bottom: 35px +} + +.ios .infinite-scroll-preloader .preloader, +.ios .infinite-scroll-preloader.preloader { + width: 27px; + height: 27px +} + +.md .infinite-scroll-preloader { + margin-top: 32px; + margin-bottom: 32px +} + +.aurora .infinite-scroll-preloader { + margin-top: 15px; + margin-bottom: 15px +} + +.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 +} + +.ptr-preloader { + position: relative; + top: var(--f7-ptr-top, 0); + height: var(--f7-ptr-size) +} + +.ptr-preloader .preloader { + position: absolute; + left: 50%; + width: var(--f7-ptr-preloader-size); + height: var(--f7-ptr-preloader-size); + margin-left: calc(-1 * var(--f7-ptr-preloader-size)/ 2); + margin-top: calc(-1 * var(--f7-ptr-preloader-size)/ 2); + top: 50%; + visibility: hidden +} + +.ptr-bottom .ptr-preloader { + top: auto; + bottom: 0; + position: fixed +} + +.ptr-with-navbar-large-transparent .ptr-preloader { + top: calc(-1 * var(--f7-page-navbar-offset, 0px) + var(--f7-safe-area-top)) +} + +.ios .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0 +} + +.ios .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: .3s; + transition-property: transform, opacity; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color) +} + +.ios .ptr-arrow:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 10px; + content: 'ptr_arrow_ios' +} + +.ios .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none +} + +.ios .ptr-refreshing, +.ios .ptr-transitioning { + transition-duration: .3s; + transition-property: transform +} + +.ios .ptr-refreshing { + transform: translate3d(0, var(--f7-ptr-size), 0) +} + +.ios .ptr-refreshing .ptr-arrow { + visibility: hidden +} + +.ios .ptr-refreshing .ptr-preloader .preloader { + visibility: visible +} + +.ios .ptr-pull-up .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0) +} + +.ios .ptr-no-navbar, +.ios .ptr-with-navbar-large-transparent { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)) +} + +.ios .ptr-no-navbar .ptr-preloader, +.ios .ptr-with-navbar-large-transparent .ptr-preloader { + margin-top: 0 +} + +.ios .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)) +} + +.ios .ptr-bottom.ptr-refreshing>*, +.ios .ptr-bottom.ptr-transitioning>* { + transition-duration: .3s; + transition-property: transform +} + +.ios .ptr-bottom.ptr-refreshing { + transform: none +} + +.ios .ptr-bottom.ptr-refreshing>* { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0) +} + +.ios .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0) +} + +.ios .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0) +} + +.ios .ptr-with-navbar-large-transparent .ptr-preloader .preloader, +.ios .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow { + opacity: 0; + transition-duration: .3s; + transition-property: transform, opacity +} + +.ios .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader, +.ios .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow, +.ios .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader, +.ios .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow, +.ios .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader, +.ios .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow { + opacity: 1 +} + +.ios .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader, +.ios .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow { + opacity: 0; + transition-duration: .3s +} + +.md { + --f7-ptr-top: -4px +} + +.md .ptr-preloader { + width: var(--f7-ptr-size); + border-radius: 50%; + background: #fff; + margin-top: calc(-1 * var(--f7-ptr-size)); + z-index: 100; + box-shadow: var(--f7-elevation-1); + left: 50%; + margin-left: calc(-1 * var(--f7-ptr-size)/ 2) +} + +.md .ptr-preloader .preloader .preloader-inner-gap, +.md .ptr-preloader .preloader .preloader-inner-half-circle { + border-width: 3px +} + +.md .ptr-arrow { + width: 22px; + height: 22px; + box-sizing: border-box; + border: 3px solid var(--f7-preloader-color); + position: absolute; + left: 50%; + top: 50%; + margin-left: -11px; + margin-top: -11px; + border-left-color: transparent; + border-radius: 50%; + opacity: 1; + transform: rotate(150deg) +} + +.md .ptr-arrow:after { + content: ''; + width: 0px; + height: 0px; + position: absolute; + left: -5px; + bottom: 0px; + border-bottom-width: 6px; + border-bottom-style: solid; + border-bottom-color: inherit; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + transform: rotate(-40deg) +} + +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader, +.md .ptr-content:not(.ptr-refreshing):not(.ptr-pull-up) .ptr-preloader .preloader * { + animation: none +} + +.md .ptr-pull-up .ptr-preloader .preloader, +.md .ptr-refreshing .ptr-preloader .preloader { + visibility: visible +} + +.md .ptr-pull-up .ptr-arrow, +.md .ptr-refreshing .ptr-arrow { + visibility: hidden +} + +.md .ptr-refreshing .ptr-preloader { + transform: translate3d(0, 66px, 0) +} + +.md .ptr-transitioning .ptr-arrow { + transition: .3s +} + +.md .ptr-pull-up .ptr-arrow { + transition: .4s; + transform: rotate(620deg) !important; + opacity: 0 +} + +.md .ptr-refreshing .ptr-preloader, +.md .ptr-transitioning .ptr-preloader { + transition-duration: .3s; + transition-property: transform, opacity +} + +.md .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size) - 4px) +} + +.md .ptr-bottom.ptr-refreshing .ptr-preloader { + transform: translate3d(0, -66px, 0) +} + +.md .ptr-with-navbar-large-transparent .ptr-preloader { + opacity: 0 +} + +.md .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader, +.md .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader, +.md .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader { + opacity: 1 +} + +.md .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader { + opacity: 0; + transition-duration: .3s +} + +.aurora .ptr-preloader { + margin-top: calc(-1 * var(--f7-ptr-size)); + width: 100%; + left: 0 +} + +.aurora .ptr-arrow { + position: absolute; + left: 50%; + top: 50%; + background: no-repeat center; + z-index: 10; + transform: rotate(0deg) translate3d(0, 0, 0); + transition-duration: .3s; + transition-property: transform, opacity; + width: 12px; + height: 20px; + margin-left: -6px; + margin-top: -10px; + visibility: visible; + color: var(--f7-preloader-color) +} + +.aurora .ptr-arrow:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + width: 12px; + height: 20px; + line-height: 20px; + font-size: 8px; + content: 'ptr_arrow_ios' +} + +.aurora .ptr-content:not(.ptr-refreshing) .ptr-preloader .preloader { + animation: none +} + +.aurora .ptr-refreshing, +.aurora .ptr-transitioning { + transition-duration: .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) translate3d(0, 0, 0) +} + +.aurora .ptr-no-navbar, +.aurora .ptr-with-navbar-large-transparent { + margin-top: calc(-1 * var(--f7-ptr-size)); + height: calc(100% + var(--f7-ptr-size)) +} + +.aurora .ptr-no-navbar .ptr-preloader, +.aurora .ptr-with-navbar-large-transparent .ptr-preloader { + margin-top: 0 +} + +.aurora .ptr-bottom .ptr-preloader { + margin-top: 0; + margin-bottom: calc(-1 * var(--f7-ptr-size)) +} + +.aurora .ptr-bottom.ptr-refreshing>*, +.aurora .ptr-bottom.ptr-transitioning>* { + transition-duration: .3s; + transition-property: transform +} + +.aurora .ptr-bottom.ptr-refreshing { + transform: none +} + +.aurora .ptr-bottom.ptr-refreshing>* { + transform: translate3d(0, calc(-1 * var(--f7-ptr-size)), 0) +} + +.aurora .ptr-bottom .ptr-arrow { + transform: rotate(180deg) translate3d(0, 0, 0) +} + +.aurora .ptr-bottom.ptr-pull-up .ptr-arrow { + transform: rotate(0deg) translate3d(0, 0, 0) +} + +.aurora .ptr-with-navbar-large-transparent .ptr-preloader .preloader, +.aurora .ptr-with-navbar-large-transparent .ptr-preloader .ptr-arrow { + opacity: 0; + transition-duration: .3s; + transition-property: transform, opacity +} + +.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .preloader, +.aurora .ptr-with-navbar-large-transparent.ptr-pull-down .ptr-preloader .ptr-arrow, +.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .preloader, +.aurora .ptr-with-navbar-large-transparent.ptr-pull-up .ptr-preloader .ptr-arrow, +.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .preloader, +.aurora .ptr-with-navbar-large-transparent.ptr-refreshing .ptr-preloader .ptr-arrow { + opacity: 1 +} + +.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .preloader, +.aurora .ptr-with-navbar-large-transparent.ptr-closing .ptr-preloader .ptr-arrow { + opacity: 0; + transition-duration: .3s +} + +.lazy-loaded.lazy-fade-in { + animation: lazyFadeIn .6s +} + +@keyframes lazyFadeIn { + from { + opacity: 0 + } + to { + opacity: 1 + } +} + +:root { + --f7-table-head-font-size: 12px; + --f7-table-body-font-size: 14px; + --f7-table-footer-font-size: 12px; + --f7-table-input-height: 24px; + --f7-table-input-font-size: 14px; + --f7-table-collapsible-cell-padding: 16px; + --f7-table-link-icon-only-icon-size: 20px; + --f7-table-sortable-icon-color: #000 +} + +:root .theme-dark, +:root.theme-dark { + --f7-table-cell-border-color: rgba(255, 255, 255, 0.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-table-cell-padding-vertical: 0px; + --f7-table-cell-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; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 44px; + --f7-table-head-text-color: rgba(0, 0, 0, 0.45); + --f7-table-cell-border-color: rgba(0, 0, 0, 0.22); + --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); + --f7-table-footer-text-color: rgba(0, 0, 0, 0.45); + --f7-table-input-text-color: #000 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.55); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.55); + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.08) +} + +.md { + --f7-table-head-font-weight: 500; + --f7-table-head-cell-height: 56px; + --f7-table-head-icon-size: 16px; + --f7-table-body-cell-height: 48px; + --f7-table-cell-padding-vertical: 0px; + --f7-table-cell-padding-horizontal: 28px; + --f7-table-edge-cell-padding-horizontal: 24px; + --f7-table-label-cell-padding-horizontal: 24px; + --f7-table-checkbox-cell-width: 18px; + --f7-table-title-font-size: 20px; + --f7-table-title-font-weight: 400; + --f7-table-card-header-height: 64px; + --f7-table-footer-height: 56px; + --f7-table-head-text-color: rgba(0, 0, 0, 0.54); + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-actions-cell-link-color: rgba(0, 0, 0, 0.54); + --f7-table-selected-row-bg-color: #f5f5f5; + --f7-table-actions-link-color: rgba(0, 0, 0, 0.54); + --f7-table-footer-text-color: rgba(0, 0, 0, 0.54); + --f7-table-input-text-color: #212121 +} + +.md .theme-dark, +.md.theme-dark { + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.05); + --f7-table-actions-cell-link-color: rgba(255, 255, 255, 0.54); + --f7-table-actions-link-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-table-link-icon-only-icon-size: 18px; + --f7-table-head-font-weight: 400; + --f7-table-head-cell-height: 32px; + --f7-table-head-icon-size: 18px; + --f7-table-body-cell-height: 32px; + --f7-table-cell-padding-vertical: 5px; + --f7-table-cell-padding-horizontal: 10px; + --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: 14px; + --f7-table-title-font-weight: 600; + --f7-table-card-header-height: 42px; + --f7-table-footer-height: 32px; + --f7-table-head-text-color: rgba(0, 0, 0, 0.6); + --f7-table-cell-border-color: rgba(0, 0, 0, 0.12); + --f7-table-selected-row-bg-color: rgba(0, 0, 0, 0.03); + --f7-table-footer-text-color: rgba(0, 0, 0, 0.5); + --f7-table-input-text-color: #000 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-table-selected-row-bg-color: rgba(255, 255, 255, 0.03); + --f7-table-head-text-color: rgba(255, 255, 255, 0.54); + --f7-table-footer-text-color: rgba(255, 255, 255, 0.54) +} + +.data-table { + overflow-x: auto +} + +.data-table table, +table.data-table { + width: 100%; + border: none; + padding: 0; + margin: 0; + border-collapse: collapse; + text-align: left +} + +.data-table thead td, +.data-table thead th { + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 16px; + height: var(--f7-table-head-cell-height) +} + +.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 { + vertical-align: top; + font-size: var(--f7-table-head-icon-size) +} + +.data-table tbody { + font-size: var(--f7-table-body-font-size) +} + +.data-table tbody td, +.data-table tbody th { + height: var(--f7-table-body-cell-height) +} + +.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 { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.data-table td, +.data-table th { + --f7-table-cell-padding-left: var(--f7-table-cell-padding-horizontal); + --f7-table-cell-padding-right: var(--f7-table-cell-padding-horizontal); + padding-top: var(--f7-table-cell-padding-vertical); + padding-bottom: var(--f7-table-cell-padding-vertical); + padding-left: var(--f7-table-cell-padding-left); + padding-right: var(--f7-table-cell-padding-right); + position: relative; + box-sizing: border-box +} + +.data-table td:first-child, +.data-table th:first-child { + --f7-table-cell-padding-left: var(--f7-table-edge-cell-padding-horizontal) +} + +.data-table td:last-child, +.data-table th:last-child { + --f7-table-cell-padding-right: var(--f7-table-edge-cell-padding-horizontal) +} + +.data-table td.label-cell, +.data-table th.label-cell { + --f7-table-cell-padding-left: var(--f7-table-label-cell-padding-horizontal); + --f7-table-cell-padding-right: 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:first-child { + padding-right: calc(var(--f7-table-cell-padding-right)/ 2) +} + +.data-table td.checkbox-cell:first-child+td, +.data-table td.checkbox-cell:first-child+th, +.data-table th.checkbox-cell:first-child+td, +.data-table th.checkbox-cell:first-child+th { + padding-left: calc(var(--f7-table-cell-padding-left)/ 2) +} + +.data-table td.checkbox-cell:last-child, +.data-table th.checkbox-cell:last-child { + padding-left: calc(var(--f7-table-cell-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.data-table td a.icon-only, +.card.data-table th a.icon-only, +.data-table td a.icon-only, +.data-table th a.icon-only { + display: inline-block; + vertical-align: middle; + text-align: center; + font-size: 0; + min-width: 0 +} + +.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, +.data-table td a.icon-only i, +.data-table th a.icon-only i { + font-size: var(--f7-table-link-icon-only-icon-size); + vertical-align: middle +} + +.data-table .sortable-cell:not(.input-cell) { + cursor: pointer; + position: relative +} + +.data-table .sortable-cell.input-cell .table-head-label { + cursor: pointer; + position: relative +} + +.data-table .sortable-cell.numeric-cell.input-cell>.table-head-label:before, +.data-table .sortable-cell.numeric-cell:not(.input-cell):before, +.data-table .sortable-cell:not(.numeric-cell).input-cell>.table-head-label:after, +.data-table .sortable-cell:not(.numeric-cell):not(.input-cell):after { + content: 'arrow_bottom_md'; + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + color: var(--f7-table-sortable-icon-color); + font-size: 13px; + line-height: 16px; + transition-duration: .3s; + transform: rotate(0); + opacity: 0 +} + +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active) .table-head-label:hover:before, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:after, +.device-desktop .data-table .sortable-cell:not(.sortable-cell-active):hover:before { + opacity: .54 +} + +.data-table .sortable-cell.sortable-cell-active .table-head-label:after, +.data-table .sortable-cell.sortable-cell-active .table-head-label:before, +.data-table .sortable-cell.sortable-cell-active:after, +.data-table .sortable-cell.sortable-cell-active:before { + opacity: .87 !important +} + +.data-table .sortable-cell.sortable-desc:after, +.data-table .sortable-cell.sortable-desc:before, +.data-table .table-head-label:after, +.data-table .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-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal) +} + +.card .data-table .card-header, +.data-table.card .card-header { + min-height: var(--f7-table-card-header-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 { + margin-left: auto; + align-items: center +} + +.data-table .data-table-actions a.link { + color: var(--f7-table-actions-link-color, var(--f7-theme-color)); + min-width: 0 +} + +.data-table .data-table-actions a.link.icon-only { + line-height: 1; + justify-content: center; + padding: 0 +} + +.data-table .data-table-header, +.data-table .data-table-header-selected { + display: flex; + justify-content: space-between; + align-items: center; + width: 100% +} + +.data-table .card-header>.data-table-header, +.data-table .card-header>.data-table-header-selected { + padding-top: var(--f7-card-header-padding-vertical); + padding-bottom: var(--f7-card-header-padding-vertical); + height: 100%; + padding-left: var(--f7-table-edge-cell-padding-horizontal); + padding-right: var(--f7-table-edge-cell-padding-horizontal); + margin-left: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)); + margin-right: calc(-1 * var(--f7-table-edge-cell-padding-horizontal)) +} + +.data-table .data-table-header-selected { + background: rgba(var(--f7-theme-color-rgb), .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 { + font-size: 14px; + color: var(--f7-theme-color) +} + +.data-table .data-table-footer { + display: flex; + align-items: center; + box-sizing: border-box; + position: relative; + font-size: var(--f7-table-footer-font-size); + overflow: hidden; + min-height: var(--f7-table-footer-height); + color: var(--f7-table-footer-text-color); + justify-content: flex-end +} + +.data-table .data-table-footer:before { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.data-table .data-table-pagination, +.data-table .data-table-rows-select { + display: flex; + align-items: center +} + +.data-table .input-cell { + padding-top: 8px; + padding-bottom: 8px; + height: auto; + 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 { + height: var(--f7-table-input-height); + color: var(--f7-table-input-text-color); + font-size: var(--f7-table-input-font-size) +} + +@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 { + content: ''; + position: absolute; + background-color: var(--f7-table-cell-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) + } + .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(--f7-table-collapsible-cell-padding); + height: auto; + min-height: var(--f7-table-body-cell-height); + display: flex; + align-content: center; + align-items: center; + justify-content: flex-start; + text-align: left + } + .data-table.data-table-collapsible td:before { + display: none !important + } + .data-table.data-table-collapsible td:not(.checkbox-cell):before { + width: 40%; + display: block !important; + content: attr(data-collapsible-title); + position: relative; + height: auto; + background: 0 0 !important; + transform: none !important; + font-size: var(--f7-table-head-font-size); + font-weight: var(--f7-table-head-font-weight); + color: var(--f7-table-head-text-color); + margin-right: 16px; + flex-shrink: 0 + } + .data-table.data-table-collapsible td.checkbox-cell { + position: absolute; + top: 0; + left: 0 + } + .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 + } +} + +.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.actions-cell 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 { + width: 44px; + height: 44px +} + +.ios .data-table-pagination a.link, +.ios .data-table-rows-select a.link { + width: 44px; + height: 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 { + width: 24px; + height: 24px; + line-height: 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+a.link { + margin-left: 24px +} + +.md .data-table-actions a.link.icon-only { + width: 24px; + height: 24px; + overflow: visible +} + +.md .data-table-actions a.link.icon-only.active-state { + background: 0 0 +} + +.md .data-table-pagination a.link, +.md .data-table-rows-select a.link { + width: 48px; + height: 48px +} + +.md .data-table-pagination a.link:before, +.md .data-table-rows-select a.link:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .data-table-pagination a.link.active-state:before, +.md .data-table-rows-select a.link.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.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(.8) +} + +.aurora .data-table td.actions-cell a.link+a.link, +.aurora .data-table th.actions-cell a.link+a.link { + margin-left: 10px +} + +.aurora .sortable-cell:not(.numeric-cell):after { + margin-left: 5px +} + +.aurora .sortable-cell.numeric-cell:before { + margin-right: 5px +} + +.aurora .data-table-actions .button+.button, +.aurora .data-table-actions a.link+a.link, +.aurora .data-table-links .button+.button, +.aurora .data-table-links a.link+a.link { + margin-left: 10px +} + +.aurora .data-table-pagination a.link, +.aurora .data-table-rows-select a.link { + width: 32px; + height: 32px +} + +.aurora .data-table-rows-select+.data-table-pagination { + margin-left: 16px +} + +.aurora .data-table-rows-select .input { + margin-left: 10px +} + +.aurora .data-table-pagination-label { + margin-right: 10px +} + +:root { + --f7-fab-margin: 16px; + --f7-fab-text-color: #fff; + --f7-fab-extended-text-font-size: 14px; + --f7-fab-extended-text-padding: 0 20px; + --f7-fab-label-bg-color: #fff; + --f7-fab-label-text-color: #333; + --f7-fab-label-border-radius: 4px; + --f7-fab-label-padding: 4px 12px; + --f7-fab-button-size: 40px +} + +.ios { + --f7-fab-size: 50px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-extended-size: 50px; + --f7-fab-extended-text-font-weight: 600; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + --f7-fab-label-font-size: inherit +} + +.md { + --f7-fab-size: 56px; + --f7-fab-box-shadow: var(--f7-elevation-6); + --f7-fab-extended-size: 48px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0.03em; + --f7-fab-label-box-shadow: var(--f7-elevation-3); + --f7-fab-label-font-size: inherit +} + +.aurora { + --f7-fab-size: 40px; + --f7-fab-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); + --f7-fab-extended-size: 38px; + --f7-fab-extended-text-font-weight: 500; + --f7-fab-extended-text-letter-spacing: 0; + --f7-fab-label-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); + --f7-fab-label-font-size: 12px +} + +.fab { + position: absolute; + z-index: 1500 +} + +.fab a { + --f7-touch-ripple-color: var(--f7-touch-ripple-white) +} + +.fab[class*=fab-left] { + left: calc(var(--f7-fab-margin) + var(--f7-safe-area-left)) +} + +.fab[class*=fab-right] { + right: calc(var(--f7-fab-margin) + var(--f7-safe-area-right)) +} + +.fab[class*="-top"] { + top: var(--f7-fab-margin) +} + +.fab[class*="-bottom"] { + bottom: calc(var(--f7-fab-margin) + var(--f7-safe-area-bottom)) +} + +.fab[class*=fab-center] { + left: 50%; + transform: translateX(-50%) +} + +.fab[class*=left-center], +.fab[class*=right-center] { + top: 50%; + transform: translateY(-50%) +} + +.fab[class*=center-center] { + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%) +} + +.fab-buttons a, +.fab>a { + background-color: var(--f7-fab-bg-color, var(--f7-theme-color)); + width: var(--f7-fab-size); + height: var(--f7-fab-size); + box-shadow: var(--f7-fab-box-shadow); + border-radius: calc(var(--f7-fab-size)/ 2); + position: relative; + transition-duration: .3s; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + z-index: 1; + color: var(--f7-fab-text-color) +} + +.fab-buttons a.active-state, +.fab>a.active-state { + background-color: var(--f7-fab-pressed-bg-color, var(--f7-theme-color-shade)) +} + +.fab>a i { + position: absolute; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + transition: .3s +} + +.fab>a i+i { + transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(.5); + opacity: 0 +} + +.fab-buttons a { + border-radius: calc(var(--f7-fab-button-size)/ 2); + width: var(--f7-fab-button-size); + height: var(--f7-fab-button-size) +} + +.fab-buttons { + display: flex; + visibility: hidden; + pointer-events: none; + position: absolute +} + +.fab-buttons a { + opacity: 0 +} + +.fab-opened:not(.fab-morph)>a i { + transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(.5); + opacity: 0 +} + +.fab-opened:not(.fab-morph)>a i+i { + transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1); + opacity: 1 +} + +.fab-opened .fab-buttons { + visibility: visible; + pointer-events: auto +} + +.fab-opened .fab-buttons a { + opacity: 1; + transform: translate3d(0, 0px, 0) scale(1) !important +} + +.fab-opened .fab-buttons a:nth-child(2) { + transition-delay: 50ms +} + +.fab-opened .fab-buttons a:nth-child(3) { + transition-delay: .1s +} + +.fab-opened .fab-buttons a:nth-child(4) { + transition-delay: 150ms +} + +.fab-opened .fab-buttons a:nth-child(5) { + transition-delay: .2s +} + +.fab-opened .fab-buttons a:nth-child(6) { + transition-delay: 250ms +} + +.fab-buttons-bottom, +.fab-buttons-top { + left: 50%; + width: var(--f7-fab-button-size); + margin-left: calc(-1 * var(--f7-fab-button-size)/ 2) +} + +.fab-buttons-top { + bottom: 100%; + margin-bottom: 16px; + flex-direction: column-reverse +} + +.fab-buttons-top a { + transform: translate3d(0, 8px, 0) scale(.3); + transform-origin: center bottom +} + +.fab-buttons-top a+a { + margin-bottom: 16px +} + +.fab-buttons-bottom { + top: 100%; + margin-top: 16px; + flex-direction: column +} + +.fab-buttons-bottom a { + transform: translate3d(0, -8px, 0) scale(.3); + transform-origin: center top +} + +.fab-buttons-bottom a+a { + margin-top: 16px +} + +.fab-buttons-left, +.fab-buttons-right { + top: 50%; + height: var(--f7-fab-button-size); + margin-top: calc(-1 * var(--f7-fab-button-size)/ 2) +} + +.fab-buttons-left { + right: 100%; + margin-right: 16px; + flex-direction: row-reverse +} + +.fab-buttons-left a { + transform: translate3d(8px, 0px, 0) scale(.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, 0, 0) scale(.3); + transform-origin: left center +} + +.fab-buttons-right a+a { + margin-left: 16px +} + +.fab-buttons-center { + left: 0%; + top: 0%; + width: 100%; + height: 100% +} + +.fab-buttons-center a { + position: absolute +} + +.fab-buttons-center a:nth-child(1) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size)/ 2); + bottom: 100%; + margin-bottom: 16px; + transform: translateY(-8px) scale(.3); + transform-origin: center bottom +} + +.fab-buttons-center a:nth-child(2) { + left: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size)/ 2); + top: 50%; + margin-left: 16px; + transform: translateX(-8px) scale(.3); + transform-origin: left center +} + +.fab-buttons-center a:nth-child(3) { + left: 50%; + margin-left: calc(-1 * var(--f7-fab-button-size)/ 2); + top: 100%; + margin-top: 16px; + transform: translateY(8px) scale(.3); + transform-origin: center top +} + +.fab-buttons-center a:nth-child(4) { + right: 100%; + margin-top: calc(-1 * var(--f7-fab-button-size)/ 2); + top: 50%; + margin-right: 16px; + transform: translateX(8px) scale(.3); + transform-origin: right center +} + +.fab-morph { + border-radius: calc(var(--f7-fab-size)/ 2); + background: var(--f7-fab-bg-color, var(--f7-theme-color)); + box-shadow: var(--f7-fab-box-shadow) +} + +.fab-morph>a { + box-shadow: none; + background: 0 0 !important +} + +.fab-opened.fab-morph>a i { + opacity: 0 +} + +.fab-morph, +.fab-morph-target, +.fab-morph>a { + transition-duration: 250ms +} + +.fab-morph-target:not(.fab-morph-target-visible) { + display: none +} + +.fab-extended { + width: auto; + min-width: var(--f7-fab-extended-size) +} + +.fab-extended>a { + width: 100%; + height: var(--f7-fab-extended-size) +} + +.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-font-size); + padding: var(--f7-fab-extended-text-padding); + font-weight: var(--f7-fab-extended-text-font-weight); + letter-spacing: var(--f7-fab-extended-text-letter-spacing); + text-transform: uppercase +} + +.fab-label-button { + overflow: visible !important +} + +.fab-label { + position: absolute; + top: 50%; + padding: var(--f7-fab-label-padding); + border-radius: var(--f7-fab-label-border-radius); + background: var(--f7-fab-label-bg-color); + color: var(--f7-fab-label-text-color); + box-shadow: var(--f7-fab-label-box-shadow); + white-space: nowrap; + transform: translateY(-50%); + pointer-events: none; + font-size: var(--f7-fab-label-font-size) +} + +.fab[class*=fab-right-] .fab-label { + right: 100%; + margin-right: 8px +} + +.fab[class*=fab-left-] .fab-label { + left: 100%; + margin-left: 8px +} + +.navbars~* .fab[class*="-top"], +.navbars~.fab[class*="-top"], +.navbar~* .fab[class*="-top"], +.navbar~.fab[class*="-top"] { + margin-top: calc(var(--f7-navbar-height) + var(--f7-safe-area-top)) +} + +.ios .toolbar-top-ios~* .fab[class*="-top"], +.ios .toolbar-top-ios~.fab[class*="-top"], +.md .toolbar-top-md~* .fab[class*="-top"], +.md .toolbar-top-md~.fab[class*="-top"], +.toolbar-top~* .fab[class*="-top"], +.toolbar-top~.fab[class*="-top"] { + margin-top: var(--f7-toolbar-height) +} + +.ios .toolbar-bottom-ios~* .fab[class*="-bottom"], +.ios .toolbar-bottom-ios~.fab[class*="-bottom"], +.md .toolbar-bottom-md~* .fab[class*="-bottom"], +.md .toolbar-bottom-md~.fab[class*="-bottom"], +.toolbar-bottom~* .fab[class*="-bottom"], +.toolbar-bottom~.fab[class*="-bottom"] { + margin-bottom: var(--f7-toolbar-height) +} + +.ios .tabbar-labels.toolbar-bottom-ios~* .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-bottom-ios~.fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md~* .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-bottom-md~.fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom~* .fab[class*="-bottom"], +.tabbar-labels.toolbar-bottom~.fab[class*="-bottom"] { + margin-bottom: var(--f7-tabbar-labels-height) +} + +.ios .tabbar-labels.toolbar-top-ios~* .fab[class*="-bottom"], +.ios .tabbar-labels.toolbar-top-ios~.fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md~* .fab[class*="-bottom"], +.md .tabbar-labels.toolbar-top-md~.fab[class*="-bottom"], +.tabbar-labels.toolbar-top~* .fab[class*="-bottom"], +.tabbar-labels.toolbar-top~.fab[class*="-bottom"] { + margin-top: var(--f7-tabbar-labels-height) +} + +.messagebar~* .fab[class*="-bottom"], +.messagebar~.fab[class*="-bottom"] { + margin-bottom: var(--f7-messagebar-height) +} + +.ios .navbar+.toolbar-top-ios~* .fab[class*="-top"], +.ios .navbar+.toolbar-top-ios~.fab[class*="-top"], +.md .navbar+.toolbar-top-ios~* .fab[class*="-top"], +.md .navbar+.toolbar-top-ios~.fab[class*="-top"], +.navbar+.toolbar-top~* .fab[class*="-top"], +.navbar+.toolbar-top~.fab[class*="-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[class*="-top"], +.ios .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"], +.md .navbar+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"], +.md .navbar+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"], +.navbar+.toolbar-top.tabbar-labels~* .fab[class*="-top"], +.navbar+.toolbar-top.tabbar-labels~.fab[class*="-top"] { + margin-top: calc(var(--f7-tabbar-labels-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)) +} + +.ios .navbars+.toolbar-top-ios~* .fab[class*="-top"], +.ios .navbars+.toolbar-top-ios~.fab[class*="-top"], +.navbars+.toolbar-top~* .fab[class*="-top"], +.navbars+.toolbar-top~.fab[class*="-top"] { + margin-top: calc(var(--f7-toolbar-height) + var(--f7-navbar-height) + var(--f7-safe-area-top)) +} + +.ios .navbars+.toolbar-top-ios.tabbar-labels~* .fab[class*="-top"], +.ios .navbars+.toolbar-top-ios.tabbar-labels~.fab[class*="-top"], +.navbars+.toolbar-top.tabbar-labels~* .fab[class*="-top"], +.navbars+.toolbar-top.tabbar-labels~.fab[class*="-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 { + transition-duration: 0s +} + +:root { + --f7-searchbar-input-border-width: 0px; + --f7-searchbar-input-border-color: transparent; + --f7-searchbar-input-text-color: #000; + --f7-searchbar-placeholder-color: rgba(0, 0, 0, 0.4) +} + +:root .theme-dark, +:root.theme-dark { + --f7-searchbar-input-text-color: #fff; + --f7-searchbar-placeholder-color: rgba(255, 255, 255, 0.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; + --f7-searchbar-input-padding-horizontal: 28px; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; + --f7-searchbar-in-page-content-input-border-radius: 0; + --f7-searchbar-search-icon-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-input-bg-color: #e4e4e4 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-searchbar-search-icon-color: rgba(255, 255, 255, 0.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-input-padding-horizontal: 48px; + --f7-searchbar-inline-input-padding-horizontal: 24px; + --f7-searchbar-input-clear-button-color: #737373; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.25); + --f7-searchbar-shadow-image: var(--f7-bars-shadow-bottom-image); + --f7-searchbar-in-page-content-margin: 8px; + --f7-searchbar-in-page-content-box-shadow: var(--f7-elevation-1); + --f7-searchbar-in-page-content-border-radius: 4px; + --f7-searchbar-in-page-content-input-border-radius: 4px; + --f7-searchbar-bg-color: #fff; + --f7-searchbar-input-bg-color: #fff +} + +.md .theme-dark, +.md.theme-dark { + --f7-searchbar-bg-color: #202020; + --f7-searchbar-input-bg-color: #202020 +} + +.aurora { + --f7-searchbar-height: 38px; + --f7-searchbar-inner-padding-left: 8px; + --f7-searchbar-inner-padding-right: 8px; + --f7-searchbar-input-font-size: 13px; + --f7-searchbar-input-border-radius: 4px; + --f7-searchbar-input-height: 24px; + --f7-searchbar-input-padding-horizontal: 24px; + --f7-searchbar-backdrop-bg-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-shadow-image: none; + --f7-searchbar-in-page-content-margin: 0px; + --f7-searchbar-in-page-content-box-shadow: none; + --f7-searchbar-in-page-content-border-radius: 0; + --f7-searchbar-search-icon-color: rgba(0, 0, 0, 0.4); + --f7-searchbar-input-bg-color: #fff +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-searchbar-input-bg-color: #333; + --f7-searchbar-search-icon-color: rgba(255, 255, 255, 0.4) +} + +.searchbar { + width: 100%; + position: relative; + z-index: 200; + height: var(--f7-searchbar-height); + background-image: var(--f7-searchbar-bg-image, var(--f7-bars-bg-image)); + background-color: var(--f7-searchbar-bg-color, var(--f7-bars-bg-color)) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .searchbar { + background-color: rgba(var(--f7-searchbar-bg-color-rgb, var(--f7-bars-bg-color-rgb)), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.ios .subnavbar .searchbar { + background-color: transparent; + -webkit-backdrop-filter: none; + backdrop-filter: none +} + +.ios .subnavbar .searchbar:after { + display: none !important +} + +.searchbar.no-border:after, +.searchbar.no-hairline:after { + display: none !important +} + +.searchbar.no-shadow:before { + display: none !important +} + +.searchbar:after { + content: ''; + position: absolute; + background-color: var(--f7-searchbar-border-color, var(--f7-bars-border-color)); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.page>.searchbar:not(.searchbar-inline) { + z-index: 600 +} + +.page>.searchbar:not(.searchbar-inline):before { + content: ''; + position: absolute; + right: 0; + width: 100%; + top: 100%; + bottom: auto; + height: 8px; + pointer-events: none; + background: var(--f7-searchbar-shadow-image) +} + +.searchbar input[type=search], +.searchbar input[type=text] { + box-sizing: border-box; + width: 100%; + height: 100%; + display: block; + border: var(--f7-searchbar-input-border-width) solid var(--f7-searchbar-input-border-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + font-family: inherit; + font-weight: 400; + color: var(--f7-searchbar-input-text-color); + font-size: var(--f7-searchbar-input-font-size); + background-color: var(--f7-searchbar-input-bg-color); + border-radius: var(--f7-searchbar-input-border-radius); + position: relative; + padding: 0; + padding-left: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-left, 0px)); + padding-right: calc(var(--f7-searchbar-input-padding-horizontal) + var(--f7-searchbar-input-extra-padding-right, 0px)) +} + +.searchbar input[type=search]::-webkit-input-placeholder, +.searchbar input[type=text]::-webkit-input-placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1 +} + +.searchbar input[type=search]::placeholder, +.searchbar input[type=text]::placeholder { + color: var(--f7-searchbar-placeholder-color); + opacity: 1 +} + +.searchbar input::-webkit-search-cancel-button { + -webkit-appearance: none; + appearance: none +} + +.searchbar .searchbar-input-wrap { + flex-shrink: 1; + width: 100%; + height: var(--f7-searchbar-input-height); + position: relative +} + +.searchbar a { + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.page>.searchbar:not(.searchbar-inline) { + position: absolute; + left: 0; + top: 0 +} + +.page-content .searchbar:not(.searchbar-inline) { + border-radius: var(--f7-searchbar-in-page-content-border-radius); + margin: var(--f7-searchbar-in-page-content-margin); + width: auto; + box-shadow: var(--f7-searchbar-in-page-content-box-shadow) +} + +.page-content .searchbar:not(.searchbar-inline) .searchbar-inner, +.page-content .searchbar:not(.searchbar-inline) input[type=search], +.page-content .searchbar:not(.searchbar-inline) input[type=text] { + border-radius: var(--f7-searchbar-in-page-content-input-border-radius, var(--f7-searchbar-input-border-radius)) +} + +.searchbar .input-clear-button { + color: var(--f7-searchbar-input-clear-button-color, var(--f7-input-clear-button-color)) +} + +.searchbar-expandable { + --f7-searchbar-expandable-size: var(--f7-searchbar-height); + position: absolute; + transition-duration: .3s; + pointer-events: none +} + +.navbar .searchbar-expandable { + background: 0 0 +} + +.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) +} + +.searchbar-inner { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + align-items: center; + box-sizing: border-box; + 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)) +} + +.searchbar-disable-button { + cursor: pointer; + pointer-events: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background: 0 0; + border: none; + outline: 0; + padding: 0; + margin: 0; + width: auto; + opacity: 0 +} + +.searchbar-icon { + pointer-events: none; + background-position: center; + background-repeat: no-repeat +} + +.searchbar-icon:after { + color: var(--f7-searchbar-search-icon-color); + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px +} + +.searchbar-backdrop { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 100; + opacity: 0; + pointer-events: none; + transition-duration: .3s; + transform: translate3d(0, 0, 0); + background: var(--f7-searchbar-backdrop-bg-color) +} + +.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-by-searchbar, +.list.li.hidden-by-searchbar { + display: none !important +} + +.navbar.with-searchbar-expandable-enabled-no-transition { + --f7-navbar-large-collapse-progress: 1 +} + +.navbar.with-searchbar-expandable-enabled { + --f7-navbar-large-collapse-progress: 1 +} + +.navbar.with-searchbar-expandable-enabled .navbar-bg, +.navbar.with-searchbar-expandable-enabled .title-large, +.navbar.with-searchbar-expandable-enabled .title-large-text { + transition-duration: .3s +} + +.navbar.with-searchbar-expandable-closing .navbar-bg, +.navbar.with-searchbar-expandable-closing .title-large, +.navbar.with-searchbar-expandable-closing .title-large-text { + transition-duration: .3s +} + +.page-content.with-searchbar-expandable-enabled { + height: calc(100% + var(--f7-navbar-large-title-height)); + transform: translateY(calc(-1 * var(--f7-navbar-large-title-height))); + transition-duration: .3s; + transition-property: transform +} + +.page-content.with-searchbar-expandable-closing { + transition-duration: .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~.page-with-navbar-large:not(.no-navbar) .searchbar, +.page-with-navbar-large .navbar~* .searchbar, +.page-with-navbar-large .navbar~.searchbar { + top: calc(var(--f7-navbar-height) + var(--f7-navbar-large-title-height) + var(--f7-safe-area-top)); + transform: translate3d(0, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0) +} + +.searchbar~* { + --f7-page-searchbar-offset: var(--f7-searchbar-height) +} + +.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>.tabbar-labels.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(--f7-navbar-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-safe-area-top)) +} + +.searchbar.searchbar-inline { + width: auto; + height: auto; + background-color: transparent; + background-image: none +} + +.searchbar.searchbar-inline:after, +.searchbar.searchbar-inline:before { + display: none !important +} + +.searchbar.searchbar-inline .searchbar-input-wrap { + height: var(--f7-searchbar-inline-input-height, var(--f7-searchbar-input-height)) +} + +.searchbar.searchbar-inline .searchbar-inner { + padding: 0; + position: static; + width: auto; + height: auto +} + +.searchbar.searchbar-inline input[type=search], +.searchbar.searchbar-inline input[type=text] { + font-size: var(--f7-searchbar-inline-input-font-size, var(--f7-searchbar-input-font-size)); + padding-left: calc(var(--f7-searchbar-inline-input-padding-horizontal, var(--f7-searchbar-input-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-extra-padding-right, 0px)) +} + +.ios .searchbar input[type=search], +.ios .searchbar input[type=text] { + z-index: 30 +} + +.ios .searchbar .input-clear-button { + z-index: 40; + right: 7px +} + +.ios .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + left: 8px +} + +.ios .searchbar-icon:after { + content: 'search_ios'; + line-height: 13px +} + +.ios .searchbar-disable-button { + font-size: 17px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: .3s; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none +} + +.ios .searchbar-disable-button.active-state { + transition-duration: 0s; + opacity: .3 !important +} + +.ios .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px +} + +.ios .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: .3s !important +} + +.ios .searchbar-expandable { + left: 0; + bottom: 0; + opacity: 1; + width: 100%; + height: 0%; + transform: translate3d(0, 0, 0); + overflow: hidden +} + +.ios .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block +} + +.ios .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size) +} + +.ios .navbar.with-searchbar-expandable-closing .navbar-bg, +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg { + transition-property: transform, opacity +} + +.ios .navbar.with-searchbar-expandable-closing .left, +.ios .navbar.with-searchbar-expandable-closing .navbar-bg, +.ios .navbar.with-searchbar-expandable-closing .right, +.ios .navbar.with-searchbar-expandable-closing .title, +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-enabled .navbar-bg, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-enabled .title { + transition-duration: .3s +} + +.ios .navbar.with-searchbar-expandable-enabled .left, +.ios .navbar.with-searchbar-expandable-enabled .right, +.ios .navbar.with-searchbar-expandable-enabled .title, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .left, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .right, +.ios .navbar.with-searchbar-expandable-enabled-no-transition .title { + transform: translateY(calc(-1 * var(--f7-navbar-height))); + opacity: 0 !important +} + +.ios .searchbar-expandable.searchbar-enabled { + opacity: 1; + height: var(--f7-searchbar-expandable-size); + pointer-events: auto +} + +.md .searchbar-disable-button, +.md .searchbar-icon { + position: absolute; + left: calc(-4px + var(--f7-safe-area-left)); + top: 50%; + transition-duration: .3s +} + +.md .searchbar-icon { + width: 24px; + height: 24px; + margin-left: 12px; + margin-top: -12px +} + +.md .searchbar-icon:after { + content: 'search_md'; + line-height: 1.2 +} + +.md .searchbar-disable-button { + width: 48px; + height: 48px; + transform: rotate(-90deg) scale(.5); + font-size: 0 !important; + display: block; + margin-top: -24px; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.md .searchbar-disable-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .searchbar-disable-button.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .searchbar-disable-button:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + text-align: center; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + line-height: 48px; + content: "arrow_left_md" +} + +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-disable-button { + transform: rotate(0deg) scale(1); + pointer-events: auto; + opacity: 1 +} + +.md .searchbar-enabled:not(.searchbar-enabled-no-disable-button) .searchbar-icon { + opacity: 0; + transform: rotate(90deg) scale(.5) +} + +.md .searchbar { + --f7-searchbar-input-extra-padding-left: 17px +} + +.md .searchbar .input-clear-button { + width: 48px; + height: 48px; + margin-top: -24px; + right: 0 +} + +.md .searchbar .input-clear-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .searchbar .input-clear-button.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .searchbar .input-clear-button:after { + line-height: 48px; + content: 'delete_md'; + opacity: 1 +} + +.md .searchbar .input-clear-button:before { + margin-left: 0; + margin-top: 0 +} + +.md .page>.searchbar, +.md .searchbar-expandable, +.md .subnavbar .searchbar { + --f7-searchbar-input-extra-padding-left: calc(17px + 8px) +} + +.md .page>.searchbar .searchbar-disable-button, +.md .page>.searchbar .searchbar-icon, +.md .searchbar-expandable .searchbar-disable-button, +.md .searchbar-expandable .searchbar-icon, +.md .subnavbar .searchbar .searchbar-disable-button, +.md .subnavbar .searchbar .searchbar-icon { + left: calc(-4px + 8px + var(--f7-safe-area-left)) +} + +.md .searchbar-expandable { + height: var(--f7-searchbar-expandable-size); + opacity: 0; + bottom: 0; + border-radius: calc(var(--f7-searchbar-expandable-size)); + width: calc(var(--f7-searchbar-expandable-size)); + margin-top: calc(var(--f7-searchbar-expandable-size) * -1 / 2); + transform: translate3d(0px, 0px, 0px); + left: 100%; + margin-left: calc(var(--f7-searchbar-expandable-size) * -1) +} + +.md .searchbar-expandable.searchbar-enabled { + width: 100%; + border-radius: 0; + opacity: 1; + pointer-events: auto; + margin-top: 0; + left: 0; + margin-left: 0 +} + +.aurora .searchbar input[type=search], +.aurora .searchbar input[type=text] { + z-index: 30 +} + +.aurora .searchbar .input-clear-button { + z-index: 40; + right: 4px +} + +.aurora .searchbar-icon { + width: 13px; + height: 13px; + position: absolute; + top: 50%; + margin-top: -6px; + z-index: 40; + left: 6px +} + +.aurora .searchbar-icon:after { + content: 'search_aurora'; + line-height: 13px +} + +.aurora .searchbar-disable-button { + font-size: 14px; + flex-shrink: 0; + transform: translate3d(0, 0, 0); + transition-duration: .3s; + color: var(--f7-searchbar-link-color, var(--f7-bars-link-color, var(--f7-theme-color))); + display: none +} + +.aurora .searchbar-disable-button.active-state { + transition-duration: 0s; + opacity: .3 !important +} + +.aurora .searchbar-enabled .searchbar-disable-button { + pointer-events: auto; + opacity: 1; + margin-left: 8px +} + +.aurora .searchbar:not(.searchbar-enabled) .searchbar-disable-button { + transition-duration: .3s !important +} + +.aurora .searchbar-expandable { + left: 0; + top: auto; + bottom: 0; + opacity: 0; + width: 100%; + transform: translate3d(0, 0%, 0); + overflow: hidden +} + +.aurora .searchbar-expandable .searchbar-disable-button { + margin-left: 8px; + opacity: 1; + display: block +} + +.aurora .searchbar-expandable .searchbar-inner { + height: var(--f7-searchbar-expandable-size) +} + +.aurora .searchbar-expandable.searchbar-enabled { + opacity: 1; + pointer-events: auto +} + +:root { + --f7-message-text-header-text-color: inherit; + --f7-message-text-header-opacity: 0.65; + --f7-message-text-header-font-size: 12px; + --f7-message-text-footer-text-color: inherit; + --f7-message-text-footer-opacity: 0.65; + --f7-message-text-footer-font-size: 12px; + --f7-message-bubble-line-height: 1.2; + --f7-message-header-font-size: 12px; + --f7-message-footer-font-size: 11px; + --f7-message-name-font-size: 12px; + --f7-message-name-font-weight: inherit; + --f7-message-avatar-border-radius: 50%; + --f7-messages-title-font-weight: inherit; + --f7-message-sent-text-color: #fff; + --f7-messages-content-bg-color: #fff; + --f7-message-typing-indicator-bg-color: #000; + --f7-message-received-bg-color: #e5e5ea; + --f7-message-received-text-color: #000 +} + +:root .theme-dark, +:root.theme-dark { + --f7-messages-title-text-color: rgba(255, 255, 255, 0.54); + --f7-message-header-text-color: rgba(255, 255, 255, 0.54); + --f7-message-name-text-color: rgba(255, 255, 255, 0.54); + --f7-message-footer-text-color: rgba(255, 255, 255, 0.54); + --f7-messages-content-bg-color: transparent; + --f7-message-received-bg-color: #252525; + --f7-message-received-text-color: #fff; + --f7-message-typing-indicator-bg-color: #fff +} + +.ios { + --f7-messages-title-text-color: rgba(0, 0, 0, 0.45); + --f7-messages-title-font-size: 11px; + --f7-message-header-text-color: rgba(0, 0, 0, 0.45); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.45); + --f7-message-name-text-color: rgba(0, 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; + --f7-message-bubble-border-radius: 16px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 16px; + --f7-message-typing-indicator-opacity: 0.35 +} + +.md { + --f7-messages-title-font-size: 12px; + --f7-message-avatar-size: 32px; + --f7-message-margin: 16px; + --f7-message-bubble-min-height: 32px; + --f7-message-bubble-font-size: 16px; + --f7-message-bubble-border-radius: 4px; + --f7-message-bubble-padding-vertical: 6px; + --f7-message-bubble-padding-horizontal: 8px; + --f7-message-typing-indicator-opacity: 0.6; + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51) +} + +.aurora { + --f7-messages-title-font-size: 12px; + --f7-message-avatar-size: 24px; + --f7-message-margin: 10px; + --f7-message-bubble-min-height: 28px; + --f7-message-bubble-font-size: 13px; + --f7-message-bubble-line-height: 1.4; + --f7-message-bubble-border-radius: 14px; + --f7-message-bubble-padding-vertical: 5px; + --f7-message-bubble-padding-horizontal: 10px; + --f7-message-typing-indicator-opacity: 0.5; + --f7-messages-title-text-color: rgba(0, 0, 0, 0.51); + --f7-message-header-text-color: rgba(0, 0, 0, 0.51); + --f7-message-footer-text-color: rgba(0, 0, 0, 0.51); + --f7-message-name-text-color: rgba(0, 0, 0, 0.51) +} + +.messages, +.messages-content { + background: var(--f7-messages-content-bg-color) +} + +.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(--f7-message-margin) +} + +.messages-title { + text-align: center; + width: 100%; + line-height: 1; + color: var(--f7-messages-title-text-color); + font-size: var(--f7-messages-title-font-size); + font-weight: var(--f7-messages-title-font-weight) +} + +.message { + max-width: 70%; + box-sizing: border-box; + display: flex; + align-items: flex-end; + position: relative; + z-index: 1; + transform: translate3d(0, 0, 0) +} + +.message-avatar { + border-radius: var(--f7-message-avatar-border-radius); + position: relative; + background-size: cover; + align-self: flex-end; + flex-shrink: 0; + width: var(--f7-message-avatar-size); + height: var(--f7-message-avatar-size) +} + +.message-content { + position: relative; + display: flex; + flex-direction: column +} + +.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(--f7-message-name-font-size); + font-weight: var(--f7-message-name-font-weight) +} + +.message-bubble { + box-sizing: border-box; + word-break: break-word; + display: flex; + flex-direction: column; + position: relative; + line-height: var(--f7-message-bubble-line-height); + font-size: var(--f7-message-bubble-font-size); + border-radius: var(--f7-message-bubble-border-radius); + padding: var(--f7-message-bubble-padding-vertical) var(--f7-message-bubble-padding-horizontal); + min-height: var(--f7-message-bubble-min-height) +} + +.message-image img { + display: block; + max-width: 100%; + height: auto; + width: auto +} + +.message-text-footer, +.message-text-header { + line-height: 1 +} + +.message-text-header { + color: var(--f7-message-text-header-text-color); + opacity: var(--f7-message-text-header-opacity); + font-size: var(--f7-message-text-header-font-size) +} + +.message-text-footer { + color: var(--f7-message-text-footer-text-color); + opacity: var(--f7-message-text-footer-opacity); + font-size: var(--f7-message-text-footer-font-size) +} + +.message-text { + text-align: left +} + +.message-sent { + text-align: right; + flex-direction: row-reverse; + align-self: flex-end +} + +.message-sent .message-bubble { + color: var(--f7-message-sent-text-color); + background: var(--f7-message-sent-bg-color, var(--f7-theme-color)) +} + +.message-sent .message-content { + align-items: flex-end +} + +.message-sent.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 var(--f7-message-bubble-border-radius) +} + +.message-received { + flex-direction: row +} + +.message-received .message-bubble { + color: var(--f7-message-received-text-color); + background: var(--f7-message-received-bg-color) +} + +.message-received .message-content { + align-items: flex-start +} + +.message-received.message-tail .message-bubble { + border-radius: var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) var(--f7-message-bubble-border-radius) 0 +} + +.message:not(.message-last) .message-avatar { + opacity: 0 +} + +.message:not(.message-first) .message-name { + display: none +} + +.message.message-same-name .message-name { + display: none +} + +.message.message-same-header .message-header { + display: none +} + +.message.message-same-footer .message-footer { + display: none +} + +.message-appear-from-bottom { + animation: message-appear-from-bottom .3s +} + +.message-appear-from-top { + animation: message-appear-from-top .3s +} + +.message-typing-indicator { + display: inline-block; + font-size: 0; + vertical-align: middle +} + +.message-typing-indicator>div { + display: inline-block; + position: relative; + background: var(--f7-message-typing-indicator-bg-color); + opacity: var(--f7-message-typing-indicator-opacity); + vertical-align: middle; + border-radius: 50% +} + +@keyframes message-appear-from-bottom { + from { + transform: translate3d(0, 100%, 0) + } + to { + transform: translate3d(0, 0, 0) + } +} + +@keyframes message-appear-from-top { + from { + transform: translate3d(0, -100%, 0) + } + to { + transform: translate3d(0, 0, 0) + } +} + +.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(-1 * var(--f7-message-bubble-padding-horizontal)) +} + +.ios .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical)) +} + +.ios .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius) +} + +.ios .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical)) +} + +.ios .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-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 .message-header, +.ios .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal) +} + +.ios .message-received .message-bubble { + padding-left: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56% +} + +.ios .message-received .message-image { + margin-left: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)) +} + +.ios .message-received.message-tail:not(.message-typing) .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56% +} + +.ios .message-received.message-tail:not(.message-typing) .message-bubble .message-image:last-child img { + border-bottom-left-radius: 0px +} + +.ios .message-sent { + margin-right: calc(10px + var(--f7-safe-area-right)) +} + +.ios .message-sent .message-footer, +.ios .message-sent .message-header, +.ios .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal) +} + +.ios .message-sent .message-bubble { + padding-right: calc(var(--f7-message-bubble-padding-horizontal) + 6px); + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42% +} + +.ios .message-sent .message-image { + margin-right: calc(-1 * (var(--f7-message-bubble-padding-horizontal) + 6px)) +} + +.ios .message-sent.message-tail .message-bubble { + -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42% +} + +.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 .message-received.message-typing .message-content:before { + content: ''; + position: absolute; + background: var(--f7-message-received-bg-color); + border-radius: 50% +} + +.ios .message-received.message-typing .message-content:after { + width: 11px; + height: 11px; + left: 4px; + bottom: 0px +} + +.ios .message-received.message-typing .message-content:before { + width: 6px; + height: 6px; + left: -1px; + bottom: -4px +} + +.ios .message-typing-indicator>div { + width: 9px; + height: 9px +} + +.ios .message-typing-indicator>div+div { + margin-left: 4px +} + +.ios .message-typing-indicator>div:nth-child(1) { + animation: ios-message-typing-indicator .9s infinite +} + +.ios .message-typing-indicator>div:nth-child(2) { + animation: ios-message-typing-indicator .9s 150ms infinite +} + +.ios .message-typing-indicator>div:nth-child(3) { + animation: ios-message-typing-indicator .9s .3s infinite +} + +@keyframes ios-message-typing-indicator { + 0% { + opacity: .35 + } + 25% { + opacity: .2 + } + 50% { + opacity: .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 +} + +.md .message-text-header { + margin-bottom: 4px +} + +.md .message-text-footer { + margin-top: 4px +} + +.md .message-received.message-tail .message-bubble:before, +.md .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0 +} + +.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-left: 8px solid transparent; + border-right: 0 solid transparent; + border-bottom: 8px solid var(--f7-message-received-bg-color); + right: 100% +} + +.md .message-sent { + margin-right: calc(8px + var(--f7-safe-area-right)) +} + +.md .message-sent .message-avatar+.message-content { + margin-right: var(--f7-message-bubble-padding-horizontal) +} + +.md .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 8px solid transparent; + border-bottom: 8px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100% +} + +.md .message+.message:not(.message-first) { + margin-top: 8px +} + +.md .message-typing-indicator>div { + width: 6px; + height: 6px +} + +.md .message-typing-indicator>div+div { + margin-left: 6px +} + +.md .message-typing-indicator>div:nth-child(1) { + animation: md-message-typing-indicator .9s infinite +} + +.md .message-typing-indicator>div:nth-child(2) { + animation: md-message-typing-indicator .9s 150ms infinite +} + +.md .message-typing-indicator>div:nth-child(3) { + animation: md-message-typing-indicator .9s .3s infinite +} + +@keyframes md-message-typing-indicator { + 0% { + transform: translateY(0%) + } + 25% { + transform: translateY(-5px) + } + 50% { + transform: translateY(0%) + } +} + +.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 .message-bubble:before, +.aurora .message-sent.message-tail .message-bubble:before { + position: absolute; + content: ''; + bottom: 0; + width: 0; + height: 0 +} + +.aurora .message-image { + margin: var(--f7-message-bubble-padding-vertical) calc(-1 * var(--f7-message-bubble-padding-horizontal) + 4px) +} + +.aurora .message-image:first-child { + margin-top: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px) +} + +.aurora .message-image:first-child img { + border-top-left-radius: var(--f7-message-bubble-border-radius); + border-top-right-radius: var(--f7-message-bubble-border-radius) +} + +.aurora .message-image:last-child { + margin-bottom: calc(-1 * var(--f7-message-bubble-padding-vertical) + 4px) +} + +.aurora .message-image:last-child img { + border-bottom-left-radius: var(--f7-message-bubble-border-radius); + border-bottom-right-radius: var(--f7-message-bubble-border-radius) +} + +.aurora .message-received { + margin-left: calc(16px + var(--f7-safe-area-left)) +} + +.aurora .message-received .message-avatar+.message-content { + margin-left: 5px +} + +.aurora .message-received .message-footer, +.aurora .message-received .message-header, +.aurora .message-received .message-name { + margin-left: var(--f7-message-bubble-padding-horizontal) +} + +.aurora .message-received.message-tail .message-bubble:before { + border-left: 6px solid transparent; + border-right: 0 solid transparent; + border-bottom: 6px solid var(--f7-message-received-bg-color); + right: 100%; + transform: translate(2px, 0px) 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 .message-header, +.aurora .message-sent .message-name { + margin-right: var(--f7-message-bubble-padding-horizontal) +} + +.aurora .message-sent.message-tail .message-bubble:before { + border-left: 0 solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid var(--f7-message-sent-bg-color, var(--f7-theme-color)); + left: 100%; + transform: translate(-2px, 0px) rotate(15deg); + transform-origin: left bottom +} + +.aurora .message+.message:not(.message-first) { + margin-top: 5px +} + +.aurora .message-typing-indicator>div { + width: 6px; + height: 6px +} + +.aurora .message-typing-indicator>div+div { + margin-left: 4px +} + +.aurora .message-typing-indicator>div:nth-child(1) { + animation: aurora-message-typing-indicator .9s infinite +} + +.aurora .message-typing-indicator>div:nth-child(2) { + animation: aurora-message-typing-indicator .9s 150ms infinite +} + +.aurora .message-typing-indicator>div:nth-child(3) { + animation: aurora-message-typing-indicator .9s .3s infinite +} + +@keyframes aurora-message-typing-indicator { + 0% { + transform: translateY(0%) + } + 50% { + transform: translateY(-5px) + } + 100% { + transform: translateY(0%) + } +} + +:root { + --f7-messagebar-shadow-image: none; + --f7-messagebar-textarea-bg-color: transparent; + --f7-messagebar-attachments-height: 155px; + --f7-messagebar-attachment-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 .theme-dark, +:root.theme-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; + --f7-messagebar-border-color: transparent; + --f7-messagebar-textarea-border-radius: 17px; + --f7-messagebar-textarea-padding: 6px 16px; + --f7-messagebar-textarea-height: 34px; + --f7-messagebar-textarea-font-size: 17px; + --f7-messagebar-textarea-line-height: 20px; + --f7-messagebar-sheet-bg-color: #d1d5da; + --f7-messagebar-attachment-border-radius: 12px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-attachments-border-color: #c8c8cd +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color) +} + +.md { + --f7-messagebar-height: 48px; + --f7-messagebar-font-size: 16px; + --f7-messagebar-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-textarea-border: 1px solid transparent; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-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 .theme-dark, +.md.theme-dark { + --f7-messagebar-border-color: transparent; + --f7-messagebar-link-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-textarea-text-color: rgba(255, 255, 255, 0.87); + --f7-messagebar-attachments-border-color: rgba(255, 255, 255, 0.2) +} + +.aurora { + --f7-messagebar-height: 38px; + --f7-messagebar-font-size: 14px; + --f7-messagebar-border-color: transparent; + --f7-messagebar-textarea-border-radius: 12px; + --f7-messagebar-textarea-padding: 3px 10px; + --f7-messagebar-textarea-height: 24px; + --f7-messagebar-textarea-font-size: 13px; + --f7-messagebar-textarea-line-height: 16px; + --f7-messagebar-sheet-bg-color: #fff; + --f7-messagebar-attachment-border-radius: 12px; + --f7-messagebar-textarea-text-color: #000; + --f7-messagebar-textarea-border: 1px solid #c8c8cd; + --f7-messagebar-attachments-border-color: #c8c8cd +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-messagebar-textarea-text-color: #fff; + --f7-messagebar-textarea-border: 1px solid var(--f7-bars-border-color); + --f7-messagebar-attachments-border-color: var(--f7-bars-border-color) +} + +.messagebar { + transform: translate3d(0, 0, 0); + background: var(--f7-messagebar-bg-color); + height: auto; + min-height: var(--f7-messagebar-height); + font-size: var(--f7-messagebar-font-size); + padding-bottom: var(--f7-safe-area-bottom); + bottom: 0 +} + +.messagebar:before { + content: ''; + position: absolute; + background-color: var(--f7-messagebar-border-color); + display: block; + z-index: 15; + top: 0; + right: auto; + bottom: auto; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 0%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +.messagebar:after { + content: ''; + position: absolute; + right: 0; + width: 100%; + bottom: 100%; + height: 8px; + top: auto; + pointer-events: none; + background: var(--f7-messagebar-shadow-image) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-bars .messagebar { + background-color: rgba(var(--f7-messagebar-bg-color-rgb), var(--f7-bars-translucent-opacity)); + -webkit-backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)); + backdrop-filter: saturate(180%) blur(var(--f7-bars-translucent-blur)) + } +} + +.messagebar.no-border:before, +.messagebar.no-hairline:before { + display: none !important +} + +.messagebar.no-shadow:after, +.messagebar.toolbar-hidden:after { + display: none !important +} + +.messagebar .toolbar-inner { + top: auto; + position: relative; + height: auto; + bottom: auto; + padding-left: calc(var(--f7-messagebar-inner-padding-left, var(--f7-toolbar-inner-padding-left)) + var(--f7-safe-area-left)); + padding-right: calc(var(--f7-messagebar-inner-padding-right, var(--f7-toolbar-inner-padding-right)) + var(--f7-safe-area-right)) +} + +.messagebar.messagebar-sheet-visible>.toolbar-inner { + bottom: 0 +} + +.messagebar .messagebar-area { + width: 100%; + flex-shrink: 1; + overflow: hidden; + position: relative +} + +.messagebar textarea { + width: 100%; + flex-shrink: 1; + background-color: var(--f7-messagebar-textarea-bg-color); + border-radius: var(--f7-messagebar-textarea-border-radius); + padding: var(--f7-messagebar-textarea-padding); + height: var(--f7-messagebar-textarea-height); + color: var(--f7-messagebar-textarea-text-color); + font-size: var(--f7-messagebar-textarea-font-size); + line-height: var(--f7-messagebar-textarea-line-height); + border: var(--f7-messagebar-textarea-border) +} + +.messagebar a.link { + align-self: flex-end; + flex-shrink: 0; + color: var(--f7-messagebar-link-color, var(--f7-theme-color)) +} + +.messagebar-attachments { + width: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; + font-size: 0; + white-space: nowrap; + box-sizing: border-box; + position: relative +} + +.messagebar:not(.messagebar-attachments-visible) .messagebar-attachments { + display: none +} + +.messagebar-attachment { + background-size: cover; + background-position: center; + background-repeat: no-repeat; + display: inline-block; + vertical-align: middle; + white-space: normal; + height: var(--f7-messagebar-attachment-height); + position: relative; + border-radius: var(--f7-messagebar-attachment-border-radius) +} + +@media (orientation:landscape) { + .messagebar-attachment { + height: var(--f7-messagebar-attachment-landscape-height) + } +} + +.messagebar-attachment img { + display: block; + width: auto; + height: 100%; + border-radius: var(--f7-messagebar-attachment-border-radius) +} + +.messagebar-attachment+.messagebar-attachment { + margin-left: 8px +} + +.messagebar-sheet { + overflow: auto; + -webkit-overflow-scrolling: touch; + display: flex; + flex-wrap: wrap; + flex-direction: column; + align-content: flex-start; + height: var(--f7-messagebar-sheet-height); + background-color: var(--f7-messagebar-sheet-bg-color); + padding-left: var(--f7-safe-area-left); + padding-right: var(--f7-safe-area-right) +} + +@media (orientation:landscape) { + .messagebar-sheet { + height: var(--f7-messagebar-sheet-landscape-height) + } +} + +.messagebar-sheet-image, +.messagebar-sheet-item { + box-sizing: border-box; + flex-shrink: 0; + margin-top: 1px; + position: relative; + overflow: hidden; + height: calc((var(--f7-messagebar-sheet-height) - 2px)/ 2); + width: calc((var(--f7-messagebar-sheet-height) - 2px)/ 2); + margin-left: 1px +} + +@media (orientation:landscape) { + .messagebar-sheet-image, + .messagebar-sheet-item { + width: calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2); + height: calc((var(--f7-messagebar-sheet-landscape-height) - 2px)/ 2) + } +} + +.messagebar-sheet-image .icon-checkbox, +.messagebar-sheet-image .icon-radio, +.messagebar-sheet-item .icon-checkbox, +.messagebar-sheet-item .icon-radio { + position: absolute; + right: 8px; + bottom: 8px +} + +.messagebar-sheet-image { + background-size: cover; + background-position: center; + background-repeat: no-repeat +} + +.messagebar-attachment-delete { + display: block; + position: absolute; + border-radius: 50%; + box-sizing: border-box; + cursor: pointer; + box-shadow: 0px 0px 2px rgba(0, 0, 0, .2) +} + +.messagebar-attachment-delete:after, +.messagebar-attachment-delete:before { + position: absolute; + content: ''; + left: 50%; + 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-messagebar-height) +} + +.ios .messagebar a.link.icon-only:first-child { + margin-left: -8px +} + +.ios .messagebar a.link.icon-only:last-child { + margin-right: -8px +} + +.ios .messagebar a.link:not(.icon-only)+.messagebar-area { + margin-left: 8px +} + +.ios .messagebar .messagebar-area+a.link:not(.icon-only) { + margin-left: 8px +} + +.ios .messagebar-area { + margin-top: 5px; + margin-bottom: 5px +} + +.ios .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none +} + +.ios .messagebar-attachments-visible .messagebar-attachments+textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) +} + +.ios .messagebar-attachment { + font-size: 14px +} + +.ios .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 20px; + height: 20px; + background: #7d7e80; + border: 2px solid #fff +} + +.ios .messagebar-attachment-delete:after, +.ios .messagebar-attachment-delete:before { + width: 10px; + height: 2px; + background: #fff; + margin-left: -5px; + margin-top: -1px +} + +.md .messagebar-attachments { + padding: 8px; + border-bottom: 1px solid var(--f7-messagebar-attachments-border-color) +} + +.md .messagebar-area { + margin-top: 8px; + margin-bottom: 8px +} + +.md .messagebar-sheet-image .icon-checkbox, +.md .messagebar-sheet-item .icon-checkbox { + border-color: #fff; + background: rgba(255, 255, 255, .25); + box-shadow: 0px 0px 10px rgba(0, 0, 0, .5) +} + +.md .messagebar-attachment-delete { + right: 8px; + top: 8px; + width: 24px; + height: 24px; + background-color: var(--f7-theme-color); + border-radius: 4px +} + +.md .messagebar-attachment-delete:after, +.md .messagebar-attachment-delete:before { + width: 14px; + height: 2px; + background: #fff; + margin-left: -7px; + margin-top: -1px +} + +.aurora .messagebar a.link+.messagebar-area { + margin-left: 5px +} + +.aurora .messagebar .messagebar-area+a.link { + margin-left: 5px +} + +.aurora .messagebar-area { + margin-top: 5px; + margin-bottom: 5px +} + +.aurora .messagebar-sheet-image .icon-checkbox, +.aurora .messagebar-sheet-item .icon-checkbox { + background: rgba(255, 255, 255, .25) +} + +.aurora .messagebar-attachments { + padding: 5px; + border-radius: var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) 0 0; + border: 1px solid var(--f7-messagebar-attachments-border-color); + border-bottom: none +} + +.aurora .messagebar-attachments-visible .messagebar-attachments+textarea { + border-radius: 0 0 var(--f7-messagebar-textarea-border-radius) var(--f7-messagebar-textarea-border-radius) +} + +.aurora .messagebar-attachment { + font-size: 14px +} + +.aurora .messagebar-attachment-delete { + right: 5px; + top: 5px; + width: 14px; + height: 14px; + background: grey +} + +.aurora .messagebar-attachment-delete:after, +.aurora .messagebar-attachment-delete:before { + width: 8px; + height: 1px; + background: #fff; + margin-left: -4px; + margin-top: -1px +} + +@font-face { + font-family: swiper-icons; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); + font-weight: 400; + font-style: normal +} + +:root { + --swiper-theme-color: #007aff +} + +.swiper-container { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + z-index: 1 +} + +.swiper-container-vertical>.swiper-wrapper { + flex-direction: column +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + box-sizing: content-box +} + +.swiper-container-android .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0) +} + +.swiper-container-multirow>.swiper-wrapper { + flex-wrap: wrap +} + +.swiper-container-multirow-column>.swiper-wrapper { + flex-wrap: wrap; + flex-direction: column +} + +.swiper-container-free-mode>.swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto +} + +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform +} + +.swiper-slide-invisible-blank { + visibility: hidden +} + +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto +} + +.swiper-container-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height +} + +.swiper-container-3d { + perspective: 1200px +} + +.swiper-container-3d .swiper-cube-shadow, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-wrapper { + transform-style: preserve-3d +} + +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10 +} + +.swiper-container-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) +} + +.swiper-container-css-mode>.swiper-wrapper { + overflow: auto; + scrollbar-width: none; + -ms-overflow-style: none +} + +.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { + display: none +} + +.swiper-container-css-mode>.swiper-wrapper>.swiper-slide { + scroll-snap-align: start start +} + +.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { + scroll-snap-type: x mandatory +} + +.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { + scroll-snap-type: y mandatory +} + +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000 +} + +.swiper-container-cube { + overflow: visible +} + +.swiper-container-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100% +} + +.swiper-container-cube .swiper-slide .swiper-slide { + pointer-events: none +} + +.swiper-container-cube.swiper-container-rtl .swiper-slide { + transform-origin: 100% 0 +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto +} + +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-next+.swiper-slide, +.swiper-container-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible +} + +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right, +.swiper-container-cube .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: .6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0 +} + +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + transition-timing-function: ease-out +} + +.swiper-container-fade .swiper-slide { + pointer-events: none; + transition-property: opacity +} + +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none +} + +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto +} + +.swiper-container-flip { + overflow: visible +} + +.swiper-container-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1 +} + +.swiper-container-flip .swiper-slide .swiper-slide { + pointer-events: none +} + +.swiper-container-flip .swiper-slide-active, +.swiper-container-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto +} + +.swiper-container-flip .swiper-slide-shadow-bottom, +.swiper-container-flip .swiper-slide-shadow-left, +.swiper-container-flip .swiper-slide-shadow-right, +.swiper-container-flip .swiper-slide-shadow-top { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden +} + +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + animation: swiper-preloader-spin 1s infinite linear; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent +} + +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff +} + +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000 +} + +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg) + } +} + +:root { + --swiper-navigation-size: 44px +} + +.swiper-button-next, +.swiper-button-prev { + position: absolute; + top: 50%; + width: calc(var(--swiper-navigation-size)/ 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)) +} + +.swiper-button-next.swiper-button-disabled, +.swiper-button-prev.swiper-button-disabled { + opacity: .35; + cursor: auto; + pointer-events: none +} + +.swiper-button-next:after, +.swiper-button-prev:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + text-transform: none; + font-variant: initial +} + +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + left: 10px; + right: auto +} + +.swiper-button-prev:after, +.swiper-container-rtl .swiper-button-next:after { + content: 'prev' +} + +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + right: 10px; + left: auto +} + +.swiper-button-next:after, +.swiper-container-rtl .swiper-button-prev:after { + content: 'next' +} + +.swiper-button-lock { + display: none +} + +.swiper-pagination { + position: absolute; + text-align: center; + transition: .3s opacity; + transform: translate3d(0, 0, 0); + z-index: 10 +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0 +} + +.swiper-container-horizontal>.swiper-pagination-bullets, +.swiper-pagination-custom, +.swiper-pagination-fraction { + bottom: 10px; + left: 0; + width: 100% +} + +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0 +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(.33); + position: relative +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1) +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1) +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(.66) +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(.33) +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(.66) +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(.33) +} + +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: .2 +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer +} + +.swiper-pagination-bullet-active { + opacity: 1; + background: var(--swiper-pagination-color, var(--swiper-theme-color)) +} + +.swiper-container-vertical>.swiper-pagination-bullets { + right: 10px; + top: 50%; + transform: translate3d(0px, -50%, 0) +} + +.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 6px 0; + display: block +} + +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px +} + +.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: .2s transform, .2s top +} + +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 4px +} + +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap +} + +.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: .2s transform, .2s left +} + +.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: .2s transform, .2s right +} + +.swiper-pagination-progressbar { + background: rgba(0, 0, 0, .25); + position: absolute +} + +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top +} + +.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top +} + +.swiper-container-horizontal>.swiper-pagination-progressbar, +.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { + width: 100%; + height: 4px; + left: 0; + top: 0 +} + +.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-container-vertical>.swiper-pagination-progressbar { + width: 4px; + height: 100%; + left: 0; + top: 0 +} + +.swiper-pagination-lock { + display: none +} + +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, .1) +} + +.swiper-container-horizontal>.swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98% +} + +.swiper-container-vertical>.swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98% +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, .5); + border-radius: 10px; + left: 0; + top: 0 +} + +.swiper-scrollbar-cursor-drag { + cursor: move +} + +.swiper-scrollbar-lock { + display: none +} + +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center +} + +.swiper-zoom-container>canvas, +.swiper-zoom-container>img, +.swiper-zoom-container>svg { + max-width: 100%; + max-height: 100%; + object-fit: contain +} + +.swiper-slide-zoomed { + cursor: move +} + +:root { + --swiper-theme-color: var(--f7-theme-color) +} + +:root { + --f7-photobrowser-bg-color: #fff; + --f7-photobrowser-bars-bg-image: none; + --f7-photobrowser-caption-font-size: 14px; + --f7-photobrowser-caption-light-text-color: #000; + --f7-photobrowser-caption-light-bg-color: rgba(255, 255, 255, 0.8); + --f7-photobrowser-caption-dark-text-color: #fff; + --f7-photobrowser-caption-dark-bg-color: rgba(0, 0, 0, 0.8); + --f7-photobrowser-exposed-bg-color: #000; + --f7-photobrowser-dark-bg-color: #000; + --f7-photobrowser-dark-bars-bg-color: rgba(27, 27, 27, 0.8); + --f7-photobrowser-dark-bars-text-color: #fff; + --f7-photobrowser-dark-bars-link-color: #fff +} + +.photo-browser { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 400 +} + +.photo-browser-standalone.modal-in { + transition-duration: 0s; + animation: photo-browser-in .4s +} + +.photo-browser-standalone.modal-out { + transition-duration: 0s; + animation: photo-browser-out .4s !important +} + +.photo-browser-standalone.modal-out.swipe-close-to-bottom, +.photo-browser-standalone.modal-out.swipe-close-to-top { + animation: none !important +} + +.photo-browser-standalone.photo-browser-transitioning { + transition: .4s; + transition-property: transform; + animation: none !important +} + +.photo-browser-popup.modal-out.swipe-close-to-bottom, +.photo-browser-popup.modal-out.swipe-close-to-top { + transition-duration: .3s +} + +.photo-browser-popup.modal-out.swipe-close-to-bottom { + transform: translate3d(0, 100%, 0) +} + +.photo-browser-popup.modal-out.swipe-close-to-top { + transform: translate3d(0, -100vh, 0) +} + +.photo-browser-page { + background: 0 0 +} + +.photo-browser-page .toolbar { + transform: none +} + +.photo-browser-popup { + background: 0 0 +} + +.photo-browser-of { + margin: 0 5px +} + +.photo-browser-captions { + pointer-events: none; + position: absolute; + left: 0; + width: 100%; + bottom: var(--f7-safe-area-bottom); + z-index: 10; + opacity: 1; + transition: .4s +} + +.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: translate3d(0, 0px, 0) +} + +.toolbar~.photo-browser-captions.photo-browser-captions-exposed { + transform: translate3d(0, 0px, 0) +} + +.photo-browser-caption { + box-sizing: border-box; + transition: .3s; + position: absolute; + bottom: 0; + left: 0; + opacity: 0; + padding: 4px 5px; + width: 100%; + text-align: center; + font-size: var(--f7-photobrowser-caption-font-size) +} + +.photo-browser-caption:empty { + display: none +} + +.photo-browser-caption.photo-browser-caption-active { + opacity: 1 +} + +.photo-browser-captions-light .photo-browser-caption { + color: var(--f7-photobrowser-caption-light-text-color); + background: var(--f7-photobrowser-caption-light-bg-color) +} + +.photo-browser-captions-dark .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color) +} + +.photo-browser-swiper-container { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: hidden; + background: var(--f7-photobrowser-bg-color); + transition: .4s; + transition-property: background-color +} + +.photo-browser-next.swiper-button-disabled, +.photo-browser-prev.swiper-button-disabled { + opacity: .3; + pointer-events: none +} + +.photo-browser-slide { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + box-sizing: border-box +} + +.photo-browser-slide span.swiper-zoom-container { + display: none +} + +.photo-browser-slide img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + display: none +} + +.photo-browser-slide.swiper-slide-active span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-next span.swiper-zoom-container, +.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container { + display: flex +} + +.photo-browser-slide.swiper-slide-active img, +.photo-browser-slide.swiper-slide-next img, +.photo-browser-slide.swiper-slide-prev img { + display: inline +} + +.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader, +.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader { + display: block +} + +.photo-browser-slide iframe { + width: 100%; + height: 100% +} + +.photo-browser-slide .preloader { + display: none; + position: absolute; + width: 42px; + height: 42px; + margin-left: -21px; + margin-top: -21px; + left: 50%; + top: 50% +} + +.navbar-photo-browser .navbar-bg, +.photo-browser-page .navbar-bg, +.photo-browser-page .toolbar { + background-color: var(--f7-photobrowser-bars-bg-color, rgba(var(--f7-bars-bg-color-rgb), .95)); + background-image: var(--f7-photobrowser-bars-bg-image) +} + +.photo-browser-page .navbar, +.photo-browser-page .toolbar { + transition: .4s; + color: var(--f7-photobrowser-bars-text-color, var(--f7-bars-text-color)) +} + +.photo-browser-page .navbar a, +.photo-browser-page .toolbar a { + color: var(--f7-photobrowser-bars-link-color, var(--f7-bars-link-color, var(--f7-theme-color))) +} + +.photo-browser-exposed .navbar, +.photo-browser-exposed .toolbar { + opacity: 0; + visibility: hidden; + pointer-events: none +} + +.photo-browser-exposed .toolbar~.photo-browser-captions { + transform: translate3d(0, var(--f7-toolbar-height), 0) +} + +.photo-browser-exposed .photo-browser-swiper-container { + background: var(--f7-photobrowser-exposed-bg-color) +} + +.photo-browser-exposed .photo-browser-caption { + color: var(--f7-photobrowser-caption-dark-text-color); + background: var(--f7-photobrowser-caption-dark-bg-color) +} + +.view.with-photo-browser-page-exposed .navbar { + opacity: 0; + pointer-events: none +} + +.navbar-photo-browser-dark .navbar-bg, +.photo-browser-page-dark .navbar-bg, +.photo-browser-page-dark .toolbar { + background: var(--f7-photobrowser-dark-bars-bg-color) +} + +.navbar-photo-browser-dark .navbar-bg:after, +.navbar-photo-browser-dark .navbar-bg:before, +.photo-browser-page-dark .navbar-bg:after, +.photo-browser-page-dark .navbar-bg:before, +.photo-browser-page-dark .toolbar:after, +.photo-browser-page-dark .toolbar:before { + display: none !important +} + +.navbar-photo-browser-dark, +.photo-browser-dark .navbar, +.photo-browser-dark .toolbar, +.photo-browser-dark-page .navbar, +.photo-browser-dark-page .toolbar { + --f7-touch-ripple-color: var(--f7-touch-ripple-white); + --f7-link-highlight-color: var(--f7-link-highlight-white); + 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-dark-page .navbar a, +.photo-browser-dark-page .toolbar a { + color: var(--f7-photobrowser-dark-bars-link-color) +} + +.photo-browser-dark .photo-browser-swiper-container, +.photo-browser-page-dark .photo-browser-swiper-container { + background: var(--f7-photobrowser-dark-bg-color) +} + +@keyframes photo-browser-in { + 0% { + transform: translate3d(0, 0, 0) scale(.5); + opacity: 0 + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1 + } + 100% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1 + } +} + +@keyframes photo-browser-out { + 0% { + transform: translate3d(0, 0, 0) scale(1); + opacity: 1 + } + 50% { + transform: translate3d(0, 0, 0) scale(1.05); + opacity: 1 + } + 100% { + transform: translate3d(0, 0, 0) scale(.5); + opacity: 0 + } +} + +:root { + --f7-notification-max-width: 568px; + --f7-notification-subtitle-text-transform: none; + --f7-notification-subtitle-line-height: 1.35; + --f7-notification-text-text-transform: none; + --f7-notification-text-font-weight: 400 +} + +:root .theme-dark, +:root.theme-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, 0.7); + --f7-notification-icon-size: 20px; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 400; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-font-size: 15px; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-font-size: 15px; + --f7-notification-text-line-height: 1.2; + --f7-notification-bg-color: rgba(250, 250, 250, 0.95); + --f7-notification-bg-color-rgb: 255, 255, 255; + --f7-notification-title-color: #000; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.45); + --f7-notification-subtitle-color: #000; + --f7-notification-text-color: #000 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-notification-bg-color: rgba(30, 30, 30, 0.95); + --f7-notification-bg-color-rgb: 30, 30, 30; + --f7-notification-title-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.55) +} + +.md { + --f7-notification-margin: 0px; + --f7-notification-padding: 16px; + --f7-notification-border-radius: 0px; + --f7-notification-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.24); + --f7-notification-icon-size: 16px; + --f7-notification-title-color: var(--f7-theme-color); + --f7-notification-title-font-size: 12px; + --f7-notification-title-text-transform: none; + --f7-notification-title-line-height: 1; + --f7-notification-title-font-weight: 400; + --f7-notification-title-right-font-size: 12px; + --f7-notification-subtitle-font-size: 14px; + --f7-notification-subtitle-font-weight: 400; + --f7-notification-text-font-size: 14px; + --f7-notification-text-line-height: 1.35; + --f7-notification-bg-color: #fff; + --f7-notification-title-right-color: rgba(0, 0, 0, 0.54); + --f7-notification-subtitle-color: #212121; + --f7-notification-text-color: rgba(0, 0, 0, 0.54) +} + +.md .theme-dark, +.md.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54); + --f7-notification-text-color: rgba(255, 255, 255, 0.54) +} + +.aurora { + --f7-notification-margin: 10px; + --f7-notification-padding: 10px; + --f7-notification-border-radius: 4px; + --f7-notification-box-shadow: 0px 5px 25px -10px rgba(0, 0, 0, 0.7); + --f7-notification-icon-size: 18px; + --f7-notification-title-font-size: 13px; + --f7-notification-title-text-transform: uppercase; + --f7-notification-title-line-height: 1.4; + --f7-notification-title-font-weight: 500; + --f7-notification-title-letter-spacing: 0.02em; + --f7-notification-title-right-font-size: 13px; + --f7-notification-subtitle-font-size: 12px; + --f7-notification-subtitle-font-weight: 600; + --f7-notification-text-font-size: 12px; + --f7-notification-text-line-height: 1.2; + --f7-notification-bg-color: #fff; + --f7-notification-title-color: #000; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.6); + --f7-notification-subtitle-color: #000; + --f7-notification-text-color: #000 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-notification-bg-color: #242424; + --f7-notification-title-color: #fff; + --f7-notification-text-color: #fff; + --f7-notification-title-right-color: rgba(255, 255, 255, 0.54) +} + +.notification { + --f7-link-highlight-color: var(--f7-link-highlight-black); + --f7-touch-ripple-color: var(--f7-touch-ripple-black); + position: absolute; + left: var(--f7-notification-margin); + top: var(--f7-notification-margin); + width: calc(100% - var(--f7-notification-margin) * 2); + z-index: 20000; + font-size: 14px; + margin: 0; + border: none; + display: none; + box-sizing: border-box; + transition-property: transform; + direction: ltr; + max-width: var(--f7-notification-max-width); + padding: var(--f7-notification-padding); + border-radius: var(--f7-notification-border-radius); + box-shadow: var(--f7-notification-box-shadow); + background: var(--f7-notification-bg-color); + margin-top: var(--f7-safe-area-top) +} + +@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))) { + .ios-translucent-modals .notification { + background-color: rgba(var(--f7-notification-bg-color-rgb), .8); + -webkit-backdrop-filter: saturate(180%) blur(20px); + backdrop-filter: saturate(180%) blur(20px) + } +} + +@media (min-width:568px) { + .notification { + left: 50%; + width: var(--f7-notification-max-width); + margin-left: calc(-1 * var(--f7-notification-max-width)/ 2) + } +} + +.notification-title { + color: var(--f7-notification-title-color, var(--f7-theme-color)); + font-size: var(--f7-notification-title-font-size); + text-transform: var(--f7-notification-title-text-transform); + line-height: var(--f7-notification-title-line-height); + font-weight: var(--f7-notification-title-font-weight); + letter-spacing: var(--f7-notification-title-letter-spacing) +} + +.notification-subtitle { + color: var(--f7-notification-subtitle-color); + font-size: var(--f7-notification-subtitle-font-size); + text-transform: var(--f7-notification-subtitle-text-transform); + line-height: var(--f7-notification-subtitle-line-height); + font-weight: var(--f7-notification-subtitle-font-weight) +} + +.notification-text { + color: var(--f7-notification-text-color); + font-size: var(--f7-notification-text-font-size); + text-transform: var(--f7-notification-text-text-transform); + line-height: var(--f7-notification-text-line-height); + font-weight: var(--f7-notification-text-font-weight) +} + +.notification-title-right-text { + color: var(--f7-notification-title-right-color); + font-size: var(--f7-notification-title-right-font-size) +} + +.notification-icon { + font-size: 0; + line-height: var(--f7-notification-icon-size) +} + +.notification-icon, +.notification-icon i { + width: var(--f7-notification-icon-size) !important; + height: var(--f7-notification-icon-size) !important +} + +.notification-icon i { + font-size: var(--f7-notification-icon-size) +} + +.notification-header { + display: flex; + justify-content: flex-start; + align-items: center +} + +.notification-close-button { + margin-left: auto; + cursor: pointer; + position: relative +} + +.notification-close-button:after { + font-family: framework7-core-icons; + font-weight: 400; + font-style: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + -moz-osx-font-smoothing: grayscale; + font-feature-settings: "liga"; + display: block; + width: 100%; + height: 100%; + font-size: 20px; + position: absolute; + left: 50%; + top: 50%; + text-align: center +} + +.ios .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0) +} + +.ios .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1 +} + +.ios .notification.modal-out { + transform: translate3d(0%, -200%, 0) +} + +.ios .notification-icon { + margin-right: 8px +} + +.ios .notification-header+.notification-content { + margin-top: 10px +} + +.ios .notification-title-right-text { + margin-right: 6px; + margin-left: auto +} + +.ios .notification-title-right-text+.notification-close-button { + margin-left: 10px +} + +.ios .notification-close-button { + font-size: 14px; + width: 20px; + height: 20px; + opacity: .3; + transition-duration: .3s +} + +.ios .notification-close-button.active-state { + transition-duration: 0s; + opacity: .1 +} + +.ios .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: .65em; + line-height: 44px; + width: 44px; + height: 44px; + margin-left: -22px; + margin-top: -22px +} + +.ios .theme-dark .notification-close-button:after, +.ios.theme-dark .notification-close-button:after { + color: #fff +} + +.md .notification { + transform: translate3d(0, -150%, 0) +} + +.md .notification.modal-in { + transition-duration: 0s; + animation: notification-md-in .4s ease-out; + transform: translate3d(0, 0%, 0) +} + +.md .notification.modal-in.notification-transitioning { + transition-duration: .2s +} + +.md .notification.modal-out { + animation: none; + transition-duration: .2s; + transition-timing-function: ease-in; + transform: translate3d(0, -150%, 0) +} + +.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 { + content: ''; + width: 3px; + height: 3px; + border-radius: 50%; + display: inline-block; + vertical-align: middle; + margin-right: 4px; + background: var(--f7-notification-title-right-color) +} + +.md .notification-close-button { + width: 16px; + height: 16px; + transition-duration: .3s +} + +.md .notification-close-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md .notification-close-button.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .notification-close-button:after, +.md .notification-close-button:before { + width: 48px; + height: 48px; + left: 50%; + top: 50%; + margin-left: -24px; + margin-top: -24px +} + +.md .notification-close-button:after { + color: #737373; + content: 'delete_md'; + line-height: 48px; + font-size: 14px +} + +@keyframes notification-md-in { + 0% { + transform: translate3d(0, -150%, 0) + } + 50% { + transform: translate3d(0, 10%, 0) + } + 100% { + transform: translate3d(0, 0%, 0) + } +} + +.aurora .notification { + transition-duration: 450ms; + transform: translate3d(0%, -200%, 0) +} + +.aurora .notification.modal-in { + transform: translate3d(0%, 0%, 0); + opacity: 1 +} + +.aurora .notification.modal-out { + transform: translate3d(0%, -200%, 0) +} + +.aurora .notification-icon { + margin-right: 10px +} + +.aurora .notification-header+.notification-content { + margin-top: 10px +} + +.aurora .notification-title-right-text { + margin-right: 0px; + margin-left: auto +} + +.aurora .notification-title-right-text+.notification-close-button { + margin-left: 10px +} + +.aurora .notification-close-button { + font-size: 14px; + width: 16px; + height: 16px; + opacity: .4; + transition-duration: .3s +} + +.aurora .notification-close-button.active-state { + transition-duration: 0s; + opacity: .6 +} + +.aurora .notification-close-button:after { + color: #000; + content: 'notification_close_ios'; + font-size: .5em; + line-height: 38px; + width: 38px; + height: 38px; + margin-left: -19px; + margin-top: -19px +} + +.aurora .theme-dark .notification-close-button:after, +.aurora.theme-dark .notification-close-button:after { + color: #fff +} + +:root { + --f7-autocomplete-dropdown-placeholder-color: #a9a9a9; + --f7-autocomplete-dropdown-preloader-size: 20px; + --f7-autocomplete-dropdown-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-autocomplete-dropdown-bg-color: #1c1c1d +} + +.ios { + --f7-autocomplete-dropdown-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-matching-font-weight: 600; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000 +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-dropdown-text-matching-color: #fff +} + +.md { + --f7-autocomplete-dropdown-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); + --f7-autocomplete-dropdown-text-matching-font-weight: 400; + --f7-autocomplete-dropdown-font-size: var(--f7-list-font-size); + --f7-autocomplete-dropdown-text-color: rgba(0, 0, 0, 0.54); + --f7-autocomplete-dropdown-text-matching-color: #212121 +} + +.md .theme-dark, +.md.theme-dark { + --f7-autocomplete-dropdown-text-color: rgba(255, 255, 255, 0.54); + --f7-autocomplete-dropdown-text-matching-color: rgba(255, 255, 255, 0.87) +} + +.aurora { + --f7-autocomplete-dropdown-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); + --f7-autocomplete-dropdown-text-matching-font-weight: 700; + --f7-autocomplete-dropdown-font-size: 13px; + --f7-autocomplete-dropdown-text-color: #000; + --f7-autocomplete-dropdown-text-matching-color: #000 +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-autocomplete-dropdown-text-color: #fff; + --f7-autocomplete-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 +} + +.autocomplete-preloader:not(.autocomplete-preloader-visible) { + visibility: hidden +} + +.autocomplete-preloader:not(.autocomplete-preloader-visible), +.autocomplete-preloader:not(.autocomplete-preloader-visible) * { + animation: none +} + +.autocomplete-dropdown { + background: var(--f7-autocomplete-dropdown-bg-color); + box-shadow: var(--f7-autocomplete-dropdown-box-shadow); + box-sizing: border-box; + position: absolute; + z-index: 500; + width: 100%; + left: 0 +} + +.autocomplete-dropdown .autocomplete-dropdown-inner { + position: relative; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: 100%; + z-index: 1 +} + +.autocomplete-dropdown .autocomplete-preloader { + display: none; + position: absolute; + bottom: 100%; + width: var(--f7-autocomplete-dropdown-preloader-size); + height: var(--f7-autocomplete-dropdown-preloader-size) +} + +.autocomplete-dropdown .autocomplete-preloader-visible { + display: block +} + +.autocomplete-dropdown .autocomplete-dropdown-placeholder { + color: var(--f7-autocomplete-dropdown-placeholder-color) +} + +.autocomplete-dropdown .list { + margin: 0; + color: var(--f7-autocomplete-dropdown-text-color); + font-size: var(--f7-autocomplete-dropdown-font-size) +} + +.autocomplete-dropdown .list b { + color: var(--f7-autocomplete-dropdown-text-matching-color); + font-weight: var(--f7-autocomplete-dropdown-text-matching-font-weight) +} + +.autocomplete-dropdown .list ul { + background: 0 0 !important +} + +.autocomplete-dropdown .list ul:after, +.autocomplete-dropdown .list ul:before { + display: none !important +} + +.autocomplete-dropdown .autocomplete-dropdown-selected { + background: var(--f7-autocomplete-dropdown-selected-bg-color, rgba(var(--f7-theme-color-rgb), .2)) +} + +.searchbar-input-wrap .autocomplete-dropdown { + background-color: var(--f7-searchbar-input-bg-color, var(--f7-searchbar-bg-color)); + border-radius: var(--f7-searchbar-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); + position: relative; + overflow: hidden +} + +.searchbar-input-wrap .autocomplete-dropdown .item-content { + padding-left: var(--f7-searchbar-input-padding-horizontal) +} + +.list .item-content-dropdown-expanded .item-title.item-label { + width: 0; + flex-shrink: 10; + overflow: hidden +} + +.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap { + margin-left: 0 +} + +.list .item-content-dropdown-expanded .item-input-wrap { + width: 100% +} + +.ios .autocomplete-dropdown .autocomplete-preloader { + right: 16px; + margin-bottom: 12px +} + +.ios .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + 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 { + right: 16px; + margin-bottom: 8px +} + +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap, +.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle { + border-width: 3px +} + +.aurora .autocomplete-dropdown .autocomplete-preloader { + right: 16px; + margin-bottom: 2px +} + +.aurora .searchbar-input-wrap .autocomplete-dropdown { + margin-top: calc(-1 * var(--f7-searchbar-input-height)); + top: 100%; + z-index: 20 +} + +.aurora .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner { + padding-top: var(--f7-searchbar-input-height) +} + +:root { + --f7-tooltip-bg-color: rgba(0, 0, 0, 0.87); + --f7-tooltip-text-color: #fff; + --f7-tooltip-border-radius: 4px; + --f7-tooltip-padding: 8px 16px; + --f7-tooltip-font-size: 14px; + --f7-tooltip-font-weight: 500; + --f7-tooltip-desktop-padding: 6px 8px; + --f7-tooltip-desktop-font-size: 12px +} + +.tooltip { + position: absolute; + z-index: 20000; + background: var(--f7-tooltip-bg-color); + border-radius: var(--f7-tooltip-border-radius); + padding: var(--f7-tooltip-padding); + color: var(--f7-tooltip-text-color); + font-size: var(--f7-tooltip-font-size); + font-weight: var(--f7-tooltip-font-weight); + box-sizing: border-box; + line-height: 1.2; + opacity: 0; + transform: scale(.9); + transition-duration: 150ms; + transition-property: opacity, transform; + z-index: 99000 +} + +.tooltip.tooltip-in { + transform: scale(1); + opacity: 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 { + position: relative; + text-align: center; + margin-left: auto; + margin-right: auto; + display: inline-block +} + +.gauge svg, +.gauge-svg { + max-width: 100%; + height: auto +} + +.gauge svg circle, +.gauge svg path, +.gauge-svg circle, +.gauge-svg path { + transition-duration: .4s +} + +:root { + --f7-skeleton-color: #ccc +} + +.theme-dark { + --f7-skeleton-color: #515151 +} + +.skeleton-text { + font-family: framework7-skeleton !important +} + +.skeleton-text, +.skeleton-text * { + color: var(--f7-skeleton-color) !important; + font-weight: 400 !important; + font-style: normal !important; + letter-spacing: -.015em !important +} + +.skeleton-block { + height: 1em; + background: var(--f7-skeleton-color) !important; + width: 100% +} + +.skeleton-effect-fade { + animation: skeleton-effect-fade 1s infinite +} + +.skeleton-effect-blink { + -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 25%, #000 75%, transparent 100%); + mask-image: linear-gradient(to right, transparent 0%, #000 25%, #000 75%, transparent 100%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + -webkit-mask-repeat: repeat; + mask-repeat: repeat; + -webkit-mask-position: 50% top; + mask-position: 50% top; + animation: skeleton-effect-blink 1s infinite +} + +.skeleton-effect-pulse { + animation: skeleton-effect-pulse 1s infinite +} + +@keyframes skeleton-effect-fade { + 0% { + opacity: 1 + } + 50% { + opacity: .2 + } + 100% { + opacity: 1 + } +} + +@keyframes skeleton-effect-blink { + 0% { + -webkit-mask-position: 50% top; + mask-position: 50% top + } + 100% { + -webkit-mask-position: -150% top; + mask-position: -150% top + } +} + +@keyframes skeleton-effect-pulse { + 0% { + transform: scale(1) + } + 40% { + transform: scale(1) + } + 50% { + transform: scale(.975) + } + 100% { + transform: scale(1) + } +} + +:root { + --f7-menu-text-color: #fff; + --f7-menu-font-size: 16px; + --f7-menu-font-weight: 500; + --f7-menu-line-height: 1.2; + --f7-menu-bg-color: rgba(0, 0, 0, 0.9); + --f7-menu-item-pressed-bg-color: rgba(20, 20, 20, 0.9); + --f7-menu-item-padding-horizontal: 12px; + --f7-menu-item-spacing: 6px; + --f7-menu-item-height: 40px; + --f7-menu-item-dropdown-icon-color: rgba(255, 255, 255, 0.4); + --f7-menu-item-border-radius: 8px; + --f7-menu-dropdown-item-height: 28px; + --f7-menu-dropdown-divider-color: rgba(255, 255, 255, 0.2); + --f7-menu-dropdown-padding-vertical: 6px +} + +.aurora { + --f7-menu-font-size: 13px; + --f7-menu-item-height: 28px; + --f7-menu-dropdown-item-height: 24px; + --f7-menu-item-border-radius: 5px; + --f7-menu-item-padding-horizontal: 10px +} + +.menu { + z-index: 1000; + position: relative; + transform: translate3d(0, 0, 0); + --f7-touch-ripple-color: var(--f7-touch-ripple-white) +} + +.menu-inner { + display: flex; + justify-content: flex-start; + align-items: flex-start; + padding-left: var(--f7-menu-item-spacing); + padding-right: var(--f7-menu-item-spacing) +} + +.menu-inner:after { + content: ''; + width: var(--f7-menu-item-spacing); + height: 100%; + flex-shrink: 0 +} + +.menu-item { + height: var(--f7-menu-item-height); + min-width: var(--f7-menu-item-height); + flex-shrink: 0; + background: var(--f7-menu-bg-color); + color: var(--f7-menu-text-color); + border-radius: var(--f7-menu-item-border-radius); + position: relative; + box-sizing: border-box; + font-size: var(--f7-menu-font-size); + font-weight: var(--f7-menu-font-weight); + cursor: pointer; + margin-left: var(--f7-menu-item-spacing) +} + +.menu-item:first-child { + margin-left: 0 +} + +.menu-item.active-state:not(.menu-item-dropdown-opened) { + background-color: rgba(0, 0, 0, .7) +} + +.menu-item.icon-only { + padding-left: 0; + padding-right: 0 +} + +.menu-item-content { + display: flex; + justify-content: center; + align-items: center; + padding: 0 var(--f7-menu-item-padding-horizontal); + height: 100%; + box-sizing: border-box; + width: 100%; + overflow: hidden; + border-radius: var(--f7-menu-item-border-radius); + position: relative +} + +.icon-only .menu-item-content, +.menu-item-content.icon-only { + padding-left: 0; + padding-right: 0 +} + +.menu-item-dropdown .menu-item-content:after { + content: ''; + position: absolute; + width: 20px; + height: 2px; + left: 50%; + transform: translateX(-50%); + bottom: 4px; + background: var(--f7-menu-item-dropdown-icon-color); + border-radius: 4px +} + +.menu-dropdown { + opacity: 0; + visibility: hidden; + pointer-events: none; + cursor: auto; + height: 10px; + background: var(--f7-menu-bg-color); + position: relative +} + +.menu-dropdown-content { + position: absolute; + top: 100%; + border-radius: var(--f7-menu-dropdown-border-radius, var(--f7-menu-item-border-radius)); + padding-top: var(--f7-menu-dropdown-padding-vertical); + padding-bottom: var(--f7-menu-dropdown-padding-vertical); + box-sizing: border-box; + background: var(--f7-menu-bg-color); + overflow: auto; + -webkit-overflow-scrolling: touch; + min-width: calc(100% + 24px) +} + +.menu-dropdown-item, +.menu-dropdown-link { + display: flex; + justify-content: space-between; + align-items: center; + padding-left: var(--f7-menu-item-padding-horizontal); + padding-right: var(--f7-menu-item-padding-horizontal); + min-height: var(--f7-menu-dropdown-item-height); + line-height: var(--f7-menu-line-height); + font-size: var(--f7-menu-font-size); + color: var(--f7-menu-text-color); + font-weight: var(--f7-menu-font-weight); + white-space: nowrap; + min-width: 100px +} + +.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, +.menu-dropdown-link i.f7-icons, +.menu-dropdown-link i.icon, +.menu-dropdown-link i.material-icons { + font-size: 20px +} + +.menu-dropdown-link.active-state { + background: var(--f7-menu-dropdown-pressed-bg-color, var(--f7-theme-color)); + color: var(--f7-menu-text-color) +} + +.menu-dropdown-divider { + height: 1px; + margin-top: 2px; + margin-bottom: 2px; + background: var(--f7-menu-dropdown-divider-color) +} + +.menu-item-dropdown-opened { + border-bottom-left-radius: 0px; + border-bottom-right-radius: 0px +} + +.menu-item-dropdown-opened .menu-item-content:after { + opacity: 0 +} + +.menu-item-dropdown-opened .menu-dropdown { + opacity: 1; + visibility: visible; + pointer-events: auto +} + +.menu-dropdown-center:after, +.menu-dropdown-left:after, +.menu-item-dropdown-center .menu-dropdown:after, +.menu-item-dropdown-left .menu-dropdown:after { + content: ''; + position: absolute; + left: 100%; + bottom: 0; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); + background-image: radial-gradient(ellipse at 100% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%) +} + +.menu-dropdown-center:before, +.menu-dropdown-right:before, +.menu-item-dropdown-center .menu-dropdown:before, +.menu-item-dropdown-right .menu-dropdown:before { + content: ''; + position: absolute; + right: 100%; + bottom: 0; + width: var(--f7-menu-item-border-radius); + height: var(--f7-menu-item-border-radius); + background-image: radial-gradient(ellipse at 0% 0%, transparent 0%, transparent 70%, var(--f7-menu-bg-color) 72%) +} + +.menu-dropdown-left .menu-dropdown-content, +.menu-item-dropdown-left .menu-dropdown-content { + left: 0; + border-top-left-radius: 0px +} + +.menu-dropdown-right .menu-dropdown-content, +.menu-item-dropdown-right .menu-dropdown-content { + right: 0; + border-top-right-radius: 0px +} + +.menu-dropdown-center .menu-dropdown-content, +.menu-item-dropdown-center .menu-dropdown-content { + left: 50%; + min-width: calc(100% + 24px + 24px); + transform: translateX(-50%) +} + +: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-spectrum-height: 260px; + --f7-color-picker-sb-spectrum-handle-size: 16px; + --f7-color-picker-wheel-width: 330px; + --f7-color-picker-palette-value-width: 36px; + --f7-color-picker-palette-value-height: 36px; + --f7-color-picker-initial-current-color-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, 0.05); + --f7-color-picker-group-bg-color: rgba(0, 0, 0, 0.05); + --f7-color-picker-group-value-bg-color: #fff +} + +:root .theme-dark, +:root.theme-dark { + --f7-color-picker-sheet-bg-color: #121212; + --f7-color-picker-popup-bg-color: #121212; + --f7-color-picker-value-bg-color: rgba(255, 255, 255, 0.1); + --f7-color-picker-group-bg-color: #000; + --f7-color-picker-group-value-bg-color: rgba(255, 255, 255, 0.12) +} + +.color-picker { + overflow: hidden; + width: 100%; + display: flex; + flex-direction: column +} + +.color-picker-popover .color-picker, +.color-picker-popup .color-picker, +.color-picker.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-safe-area-bottom) +} + +.color-picker-popup .page { + background: var(--f7-color-picker-popup-bg-color) +} + +.color-picker-popup .page-content { + padding-bottom: var(--f7-safe-area-bottom) +} + +.color-picker-page .color-picker, +.color-picker-popover .color-picker, +.color-picker-popup .color-picker { + height: 100% +} + +.color-picker-page .color-picker .toolbar, +.color-picker-popover .color-picker .toolbar, +.color-picker-popup .color-picker .toolbar { + position: absolute +} + +.color-picker-popover { + width: var(--f7-color-picker-popover-width); + max-width: 90vw; + max-height: 80vh +} + +.color-picker-popover .color-picker { + max-height: 80vh +} + +.color-picker-popover .toolbar-top { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius) +} + +.color-picker-popover .color-picker-module-palette { + overflow: hidden; + flex-shrink: 0 +} + +.color-picker-popover .color-picker-module-palette:first-child { + border-top-left-radius: var(--f7-popover-border-radius); + border-top-right-radius: var(--f7-popover-border-radius) +} + +.color-picker-popover .color-picker-module-palette:last-child { + border-bottom-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-module-palette:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.color-picker-page .page-content, +.color-picker-popover .page-content, +.color-picker-popup .page-content, +.color-picker-sheet-modal .page-content { + display: flex; + justify-content: flex-start; + align-items: stretch; + flex-direction: column; + 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 { + margin-left: 10px; + margin-right: 10px +} + +.color-picker-module-hs-spectrum:first-child, +.color-picker-module-sb-spectrum:first-child { + margin-top: 10px +} + +.color-picker-module-hs-spectrum .color-picker-hs-spectrum, +.color-picker-module-hs-spectrum .color-picker-sb-spectrum, +.color-picker-module-sb-spectrum .color-picker-hs-spectrum, +.color-picker-module-sb-spectrum .color-picker-sb-spectrum { + border-radius: 4px; + height: var(--f7-color-picker-sb-spectrum-height) +} + +.color-picker-sb-spectrum { + background-color: #000; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%); + position: relative +} + +.color-picker-hs-spectrum { + position: relative; + background-image: linear-gradient(to right, red, #feff00, #0f0, #00feff, #00f, #ff00fe, red) +} + +.color-picker-hs-spectrum:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff) +} + +.color-picker-hs-spectrum-handle, +.color-picker-sb-spectrum-handle { + width: 4px; + height: 4px; + position: absolute; + left: -2px; + top: -2px; + z-index: 1 +} + +.color-picker-hs-spectrum-handle:after, +.color-picker-sb-spectrum-handle:after { + background-color: inherit; + content: ''; + position: absolute; + width: var(--f7-color-picker-sb-spectrum-handle-size); + height: var(--f7-color-picker-sb-spectrum-handle-size); + border: 1px solid #fff; + border-radius: 50%; + box-shadow: 0px 0px 2px rgba(0, 0, 0, .5); + box-sizing: border-box; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + transition: 150ms; + transition-property: transform; + transform-origin: center +} + +.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 { + position: relative; + width: var(--f7-color-picker-wheel-width); + max-width: 100%; + height: auto; + font-size: 0; + margin-left: auto; + margin-right: auto +} + +.color-picker-wheel svg { + width: 100%; + height: auto +} + +.color-picker-wheel .color-picker-wheel-handle { + width: calc(100% / 6); + height: calc(100% / 6); + position: absolute; + box-sizing: border-box; + border: 2px solid #fff; + box-shadow: 0px 0px 5px rgba(0, 0, 0, .5); + background: red; + border-radius: 50%; + left: 0; + top: 0 +} + +.color-picker-wheel .color-picker-sb-spectrum { + width: 45%; + height: 45%; + left: 50%; + top: 50%; + transform: translate3d(-50%, -50%, 0); + position: absolute +} + +.color-picker-slider-wrap { + display: flex; + align-items: center; + margin-bottom: 2px +} + +.color-picker-slider-wrap+.color-picker-slider-wrap { + margin-top: 5px +} + +.color-picker-hex-wrap { + justify-content: space-between; + display: flex; + align-items: center +} + +.color-picker-hex-label, +.color-picker-slider-label { + font-size: var(--f7-color-picker-label-font-size); + width: var(--f7-color-picker-label-size); + flex-shrink: 0; + margin-right: 12px +} + +.color-picker-hex-label { + width: auto +} + +.color-picker-bar-value, +.color-picker-hex-value, +.color-picker-slider-value { + width: var(--f7-color-picker-value-width); + height: var(--f7-color-picker-value-height); + background: var(--f7-color-picker-value-bg-color); + border-radius: var(--f7-color-picker-value-border-radius); + text-align: center; + font-size: var(--f7-color-picker-value-font-size); + display: flex; + justify-content: center; + align-items: center; + flex-shrink: 0; + margin-left: 10px +} + +.color-picker-bar-value input, +.color-picker-hex-value input, +.color-picker-slider-value input { + width: 100%; + height: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + background: 0 0; + color: inherit; + font-family: inherit; + font-size: inherit; + text-align: center; + display: block; + border-radius: 4px +} + +.color-picker-bar-value input::-webkit-inner-spin-button, +.color-picker-bar-value input::-webkit-outer-spin-button, +.color-picker-hex-value input::-webkit-inner-spin-button, +.color-picker-hex-value input::-webkit-outer-spin-button, +.color-picker-slider-value input::-webkit-inner-spin-button, +.color-picker-slider-value input::-webkit-outer-spin-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + margin: 0; + display: none +} + +.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-range-bar-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-picker-slider-knob-size); + --f7-range-knob-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) +} + +.color-picker-slider .range-knob { + transition-duration: .2s; + transition-property: transform +} + +.color-picker-slider .range-knob:after { + width: 30px; + height: 30px; + margin-left: -16px; + margin-top: -16px +} + +.color-picker-slider .range-knob-active-state .range-knob { + transform: scale(1.5) +} + +.md .color-picker-slider.range-slider-min:not(.range-slider-dual) .range-knob { + background: var(--f7-range-knob-color) !important; + border: none +} + +.color-picker-module-rgb-bars { + display: flex; + justify-content: space-around; + justify-content: space-evenly; + align-items: stretch; + height: 100%; + min-height: var(--f7-color-picker-bar-min-height); + padding-bottom: 10px; + padding-top: 10px; + box-sizing: border-box +} + +.color-picker-bar-wrap { + display: flex; + align-items: center; + flex-direction: column-reverse +} + +.color-picker-bar { + --f7-range-bar-active-bg-color: transparent; + --f7-range-bar-size: var(--f7-color-picker-bar-size); + --f7-range-bar-border-radius: 2px; + --f7-range-knob-size: 6px; + --f7-range-knob-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3); + --f7-range-knob-color: #fff +} + +.color-picker-bar .range-knob { + transition-duration: 0s; + transition-property: transform; + border-radius: 3px +} + +.color-picker-bar .range-knob-wrap { + height: 6px; + width: calc(var(--f7-color-picker-bar-size) - 4px); + margin-left: calc(-.5 * (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 { + background: var(--f7-range-knob-color) !important; + border: none +} + +.color-picker-bar-label { + font-size: var(--f7-color-picker-label-size); + margin-top: 12px; + line-height: 1; + height: var(--f7-color-picker-label-height); + flex-shrink: 0 +} + +.color-picker-bar-value { + margin-left: 0; + margin-bottom: 10px +} + +.color-picker-slider-alpha { + --f7-range-knob-color: #fff +} + +.color-picker-slider-alpha .range-bar { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #000), linear-gradient(to right, rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%), linear-gradient(to left, rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%); + background-size: 100% 100%, 6px 3px, 6px 3px; + background-position: 0 0, 0px 3px, 0 0; + background-repeat: repeat-y, repeat-x, repeat-x +} + +.color-picker-slider-hue .range-bar { + background-image: linear-gradient(to right, red, #feff00, #0f0, #00feff, #00f, #ff00fe, red) +} + +.color-picker-slider-brightness .range-bar { + background-image: linear-gradient(to right, #000, #fff) +} + +.color-picker-module-palette { + margin-top: 16px +} + +.color-picker-module-palette:first-child { + margin-top: 0 +} + +.color-picker-module-palette:last-child { + margin-bottom: 0 +} + +.color-picker-module-palette:first-child:last-child { + margin: 0 +} + +.color-picker-palette { + display: flex; + flex-wrap: wrap +} + +.color-picker-palette-row { + width: 100%; + display: flex; + flex-wrap: nowrap +} + +.color-picker-palette-row .color-picker-palette-value { + width: 100% +} + +.color-picker-palette-value { + width: var(--f7-color-picker-palette-value-width); + height: var(--f7-color-picker-palette-value-height); + cursor: pointer +} + +.color-picker-module-current-color, +.color-picker-module-initial-current-colors { + margin-left: 10px; + margin-right: 10px; + border-radius: var(--f7-color-picker-initial-current-color-border-radius); + overflow: hidden; + flex-shrink: 0 +} + +.color-picker-current-color, +.color-picker-initial-color { + height: var(--f7-color-picker-initial-current-color-height) +} + +.color-picker-initial-current-colors { + display: flex +} + +.color-picker-initial-current-colors .color-picker-current-color, +.color-picker-initial-current-colors .color-picker-initial-color { + width: 50% +} + +.color-picker-module-alpha-slider, +.color-picker-module-brightness-slider, +.color-picker-module-hex, +.color-picker-module-hsb-sliders, +.color-picker-module-hue-slider, +.color-picker-module-rgb-sliders { + margin-left: 10px; + margin-right: 10px +} + +.color-picker-grouped-modules .color-picker-module-alpha-slider, +.color-picker-grouped-modules .color-picker-module-brightness-slider, +.color-picker-grouped-modules .color-picker-module-hex, +.color-picker-grouped-modules .color-picker-module-hsb-sliders, +.color-picker-grouped-modules .color-picker-module-hue-slider, +.color-picker-grouped-modules .color-picker-module-rgb-sliders { + background: var(--f7-color-picker-group-bg-color); + padding: 5px; + border-radius: 4px; + margin-top: 16px; + margin-left: 5px; + margin-right: 5px +} + +.color-picker-grouped-modules .color-picker-module-alpha-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hex:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders:last-child, +.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-grouped-modules .color-picker-slider-value { + background: var(--f7-color-picker-group-value-bg-color) +} + +.color-picker-grouped-modules .color-picker-hex-label, +.color-picker-grouped-modules .color-picker-slider-label { + margin-left: 5px +} + +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:first-child, +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:first-child { + margin-left: 5px +} + +.color-picker-grouped-modules .color-picker-module-alpha-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-brightness-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hsb-sliders .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-hue-slider .range-slider:last-child, +.color-picker-grouped-modules .color-picker-module-rgb-sliders .range-slider:last-child { + margin-right: 5px +} + +:root { + --f7-treeview-item-padding-left: 16px; + --f7-treeview-item-padding-right: 16px; + --f7-treeview-toggle-size: 24px; + --f7-treeview-children-offset: 29px; + --f7-treeview-label-font-weight: 400; + --f7-treeview-label-text-color: inherit; + --f7-treeview-toggle-color: rgba(0, 0, 0, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-toggle-pressed-bg-color: rgba(0, 0, 0, 0.15); + --f7-treeview-icon-color: rgba(0, 0, 0, 0.5); + --f7-treeview-selectable-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-link-hover-bg-color: rgba(0, 0, 0, 0.1); + --f7-treeview-link-pressed-bg-color: rgba(0, 0, 0, 0.15) +} + +:root .theme-dark, +:root.theme-dark { + --f7-treeview-toggle-color: rgba(255, 255, 255, 0.5); + --f7-treeview-toggle-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-toggle-pressed-bg-color: rgba(255, 255, 255, 0.1); + --f7-treeview-icon-color: rgba(255, 255, 255, 0.75); + --f7-treeview-selectable-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-hover-bg-color: rgba(255, 255, 255, 0.03); + --f7-treeview-link-pressed-bg-color: rgba(255, 255, 255, 0.11) +} + +.ios { + --f7-treeview-item-height: 34px; + --f7-treeview-label-font-size: 17px; + --f7-treeview-icon-size: 24px +} + +.md { + --f7-treeview-item-height: 34px; + --f7-treeview-label-font-size: 16px; + --f7-treeview-icon-size: 24px +} + +.aurora { + --f7-treeview-item-height: 28px; + --f7-treeview-label-font-size: 14px; + --f7-treeview-icon-size: 20px +} + +.treeview-item-root { + padding-left: var(--f7-treeview-item-padding-left); + padding-right: var(--f7-treeview-item-padding-right); + height: var(--f7-treeview-item-height); + display: flex; + align-items: center; + justify-content: flex-start +} + +.treeview-item-content { + display: flex; + justify-content: flex-start; + align-items: center +} + +.treeview-item-content>.f7-icons, +.treeview-item-content>.material-icons, +.treeview-item-content>i { + font-size: var(--f7-treeview-icon-size); + color: var(--f7-treeview-icon-color) +} + +.treeview-item-content:first-child { + margin-left: calc(var(--f7-treeview-toggle-size) + 5px) +} + +.treeview-item-content>*+* { + margin-left: 5px +} + +.treeview-item-label { + font-size: var(--f7-treeview-label-font-size); + font-weight: var(--f7-treeview-label-font-weight); + color: var(--f7-treeview-label-text-color) +} + +.treeview-toggle { + width: var(--f7-treeview-toggle-size); + height: var(--f7-treeview-toggle-size); + cursor: pointer; + border-radius: 4px; + background-color: rgba(0, 0, 0, 0); + transition-duration: .2s; + position: relative; + margin-right: 5px +} + +.treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color) +} + +.treeview-toggle:after { + transition-duration: .2s; + content: ''; + position: absolute; + left: 50%; + top: 50%; + width: 0; + height: 0; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + transform: translate(-50%, -50%); + border-left: 6px solid var(--f7-treeview-toggle-color) +} + +.treeview-toggle-hidden { + opacity: 0; + pointer-events: none; + visibility: hidden +} + +.treeview-preloader { + --f7-preloader-size: var(--f7-treeview-toggle-size); + margin-right: calc(-1 * var(--f7-treeview-toggle-size)) +} + +.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: 150ms +} + +a.treeview-item-root { + transition-duration: 150ms +} + +a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color) +} + +.treeview-item-toggle.treeview-item-root, +.treeview-item-toggle>.treeview-item-root { + cursor: pointer +} + +.treeview-item-selected.treeview-item-root, +.treeview-item-selected>.treeview-item-root { + background: var(--f7-treeview-selectable-selected-bg-color, rgba(var(--f7-theme-color-rgb), .2)) +} + +.treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-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-children-offset) * 2) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 3) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 4) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 5) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 6) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 7) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 8) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 9) +} + +.treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item .treeview-item-root { + padding-left: calc(var(--f7-treeview-item-padding-left) + var(--f7-treeview-children-offset) * 10) +} + +.aurora .treeview-toggle:hover { + background-color: var(--f7-treeview-toggle-hover-bg-color) +} + +.aurora .treeview-toggle.active-state { + background-color: var(--f7-treeview-toggle-pressed-bg-color) +} + +.aurora .treeview-item-selectable.treeview-item-root:hover, +.aurora .treeview-item-selectable>.treeview-item-root:hover { + background: var(--f7-treeview-selectable-hover-bg-color) +} + +.aurora a.treeview-item-root:hover { + background: var(--f7-treeview-link-hover-bg-color) +} + +.aurora a.treeview-item-root.active-state { + background: var(--f7-treeview-link-pressed-bg-color) +} + +.aurora .treeview-item-selected.treeview-item-root:hover, +.aurora .treeview-item-selected>.treeview-item-root:hover { + background: var(--f7-treeview-selectable-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-editor-button-bg-color: transparent; + --f7-text-editor-button-size: 28px; + --f7-text-editor-button-icon-size: 20px; + --f7-text-editor-button-margin: 2px; + --f7-text-editor-button-border-radius: 2px; + --f7-text-editor-text-color: #000; + --f7-text-editor-bg-color: #fff; + --f7-text-editor-border-color: rgba(0, 0, 0, 0.1); + --f7-text-editor-toolbar-bg-color: #fff; + --f7-text-editor-button-text-color: #333; + --f7-text-editor-button-divider-color: rgba(0, 0, 0, 0.15); + --f7-text-editor-placeholder-color: rgba(0, 0, 0, 0.35) +} + +:root .theme-dark, +:root.theme-dark { + --f7-text-editor-bg-color: #121212; + --f7-text-editor-border-color: rgba(255, 255, 255, 0.1); + --f7-text-editor-toolbar-bg-color: #202020; + --f7-text-editor-text-color: #fff; + --f7-text-editor-placeholder-color: rgba(255, 255, 255, 0.35); + --f7-text-editor-button-text-color: #fff; + --f7-text-editor-button-divider-color: rgba(255, 255, 255, 0.15) +} + +.ios { + --f7-text-editor-toolbar-padding: 6px; + --f7-text-editor-toolbar-border-color: rgba(0, 0, 0, 0.25) +} + +.ios .theme-dark, +.ios.theme-dark { + --f7-text-editor-toolbar-bg-color: #121212; + --f7-text-editor-toolbar-border-color: rgba(255, 255, 255, 0.1) +} + +.md { + --f7-text-editor-toolbar-padding: 8px; + --f7-text-editor-toolbar-box-shadow: 0px 2px 3px -1px rgba(0, 0, 0, 0.25) +} + +.aurora { + --f7-text-editor-toolbar-padding: 3px; + --f7-text-editor-toolbar-border-color: rgba(0, 0, 0, 0.25) +} + +.aurora .theme-dark, +.aurora.theme-dark { + --f7-text-editor-toolbar-border-color: rgba(255, 255, 255, 0.1) +} + +.text-editor { + margin: var(--f7-text-editor-margin); + background-color: var(--f7-text-editor-bg-color); + display: block; + position: relative; + border: var(--f7-text-editor-border-width) solid var(--f7-text-editor-border-color); + display: flex; + flex-direction: column; + align-items: stretch; + height: var(--f7-text-editor-height); + box-sizing: border-box +} + +.text-editor.text-editor-resizable { + height: auto +} + +.text-editor-toolbar { + display: flex; + flex-wrap: wrap; + background: var(--f7-text-editor-toolbar-bg-color); + z-index: 100; + position: relative; + position: -webkit-sticky; + position: sticky; + left: 0; + top: 0; + padding: var(--f7-text-editor-toolbar-padding); + flex-shrink: 0; + box-shadow: var(--f7-text-editor-toolbar-box-shadow); + box-sizing: border-box +} + +.text-editor-toolbar:after { + content: ''; + position: absolute; + background-color: var(--f7-text-editor-toolbar-border-color); + display: block; + z-index: 15; + top: auto; + right: auto; + bottom: 0; + left: 0; + height: 1px; + width: 100%; + transform-origin: 50% 100%; + transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))) +} + +button.text-editor-button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + padding: 0; + margin: 0; + outline: 0; + font-family: inherit; + background: 0 0; + cursor: pointer; + box-shadow: none; + border-radius: var(--f7-text-editor-button-border-radius); + position: relative; + z-index: 1; + display: flex; + width: auto; + overflow: hidden; + width: var(--f7-text-editor-button-size); + height: var(--f7-text-editor-button-size); + align-items: center; + justify-content: center; + margin: var(--f7-text-editor-button-margin); + box-sizing: border-box; + color: var(--f7-text-editor-button-text-color); + background-color: var(--f7-text-editor-button-bg-color); + flex-shrink: 0 +} + +button.text-editor-button i { + font-size: var(--f7-text-editor-button-icon-size); + font-style: normal +} + +button.text-editor-button i sub, +button.text-editor-button i sup { + font-size: 60% +} + +.text-editor-button-divider { + width: 1px; + background: var(--f7-text-editor-button-divider-color); + margin: 0 2px; + flex-shrink: 0 +} + +.text-editor-content { + -webkit-user-modify: read-write; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: none; + outline: 0; + height: 100%; + -webkit-user-select: text; + -moz-user-select: text; + user-select: text; + padding: var(--f7-text-editor-padding); + overflow: auto; + flex-shrink: 10; + box-sizing: border-box; + color: var(--f7-text-editor-text-color); + font-size: var(--f7-text-editor-font-size); + font-weight: var(--f7-text-editor-font-weight) +} + +.text-editor-content .text-editor-placeholder { + pointer-events: none; + color: var(--f7-text-editor-placeholder-color) +} + +.text-editor-content img { + max-width: 100% +} + +.text-editor-content a { + pointer-events: none +} + +.text-editor-popover { + z-index: 12500; + width: auto; + max-width: 80vw +} + +.text-editor-popover .popover-inner { + display: flex; + flex-wrap: wrap; + padding: 3px +} + +.text-editor-keyboard-toolbar { + position: absolute; + z-index: 6000; + --f7-safe-area-bottom: 0px +} + +.text-editor-keyboard-toolbar .toolbar-inner { + justify-content: flex-start !important; + overflow: auto; + -webkit-overflow-scrolling: touch +} + +.text-editor-keyboard-toolbar .toolbar-inner::-webkit-scrollbar { + display: none +} + +.text-editor-keyboard-toolbar .toolbar-inner .text-editor-button-divider { + height: 100% +} + +.item-input .text-editor { + border: none; + margin: 0; + background-color: var(--f7-input-bg-color, transparent) +} + +.item-input .text-editor-content { + padding-top: var(--f7-textarea-padding-vertical); + padding-bottom: var(--f7-textarea-padding-vertical); + padding-left: var(--f7-input-padding-left); + padding-right: var(--f7-input-padding-right); + color: var(--f7-input-text-color); + font-size: var(--f7-input-font-size) +} + +.item-input .text-editor-toolbar { + box-shadow: none +} + +.item-input .text-editor-toolbar:after { + display: none !important +} + +.item-input-outline .text-editor-content { + border-radius: var(--f7-input-outline-border-radius); + padding-left: var(--f7-input-outline-padding-horizontal); + padding-right: var(--f7-input-outline-padding-horizontal) +} + +.ios button.text-editor-button { + transition: opacity .3s +} + +.ios button.text-editor-button.active-state { + opacity: .3; + transition-duration: 0s +} + +.md button.text-editor-button:before { + content: ''; + width: 152%; + height: 152%; + position: absolute; + left: -26%; + top: -26%; + background-image: radial-gradient(circle at center, var(--f7-link-highlight-color) 66%, rgba(255, 255, 255, 0) 66%); + background-repeat: no-repeat; + background-position: center; + background-size: 100% 100%; + opacity: 0; + pointer-events: none; + transition-duration: .6s +} + +.md button.text-editor-button.active-state:before { + opacity: 1; + transition-duration: 150ms +} + +.md .text-editor-keyboard-toolbar .toolbar-inner { + padding-left: 8px; + padding-right: 8px +} + +.aurora button.text-editor-button { + transition: opacity .3s +} + +.aurora button.text-editor-button.active-state { + opacity: .3; + transition-duration: 0s +} + +:root { + --f7-elevation-0: 0px 0px 0px 0px rgba(0, 0, 0, 0); + --f7-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); + --f7-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); + --f7-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); + --f7-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); + --f7-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); + --f7-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); + --f7-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); + --f7-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); + --f7-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); + --f7-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) +} + +.elevation-0 { + box-shadow: var(--f7-elevation-0) !important +} + +.elevation-1 { + box-shadow: var(--f7-elevation-1) !important +} + +.elevation-2 { + box-shadow: var(--f7-elevation-2) !important +} + +.elevation-3 { + box-shadow: var(--f7-elevation-3) !important +} + +.elevation-4 { + box-shadow: var(--f7-elevation-4) !important +} + +.elevation-5 { + box-shadow: var(--f7-elevation-5) !important +} + +.elevation-6 { + box-shadow: var(--f7-elevation-6) !important +} + +.elevation-7 { + box-shadow: var(--f7-elevation-7) !important +} + +.elevation-8 { + box-shadow: var(--f7-elevation-8) !important +} + +.elevation-9 { + box-shadow: var(--f7-elevation-9) !important +} + +.elevation-10 { + box-shadow: var(--f7-elevation-10) !important +} + +.elevation-11 { + box-shadow: var(--f7-elevation-11) !important +} + +.elevation-12 { + box-shadow: var(--f7-elevation-12) !important +} + +.elevation-13 { + box-shadow: var(--f7-elevation-13) !important +} + +.elevation-14 { + box-shadow: var(--f7-elevation-14) !important +} + +.elevation-15 { + box-shadow: var(--f7-elevation-15) !important +} + +.elevation-16 { + box-shadow: var(--f7-elevation-16) !important +} + +.elevation-17 { + box-shadow: var(--f7-elevation-17) !important +} + +.elevation-18 { + box-shadow: var(--f7-elevation-18) !important +} + +.elevation-19 { + box-shadow: var(--f7-elevation-19) !important +} + +.elevation-20 { + box-shadow: var(--f7-elevation-20) !important +} + +.elevation-21 { + box-shadow: var(--f7-elevation-21) !important +} + +.elevation-22 { + box-shadow: var(--f7-elevation-22) !important +} + +.elevation-23 { + box-shadow: var(--f7-elevation-23) !important +} + +.elevation-24 { + box-shadow: var(--f7-elevation-24) !important +} + +.device-desktop .elevation-hover-0:hover { + box-shadow: var(--f7-elevation-0) !important +} + +.device-desktop .elevation-hover-1:hover { + box-shadow: var(--f7-elevation-1) !important +} + +.device-desktop .elevation-hover-2:hover { + box-shadow: var(--f7-elevation-2) !important +} + +.device-desktop .elevation-hover-3:hover { + box-shadow: var(--f7-elevation-3) !important +} + +.device-desktop .elevation-hover-4:hover { + box-shadow: var(--f7-elevation-4) !important +} + +.device-desktop .elevation-hover-5:hover { + box-shadow: var(--f7-elevation-5) !important +} + +.device-desktop .elevation-hover-6:hover { + box-shadow: var(--f7-elevation-6) !important +} + +.device-desktop .elevation-hover-7:hover { + box-shadow: var(--f7-elevation-7) !important +} + +.device-desktop .elevation-hover-8:hover { + box-shadow: var(--f7-elevation-8) !important +} + +.device-desktop .elevation-hover-9:hover { + box-shadow: var(--f7-elevation-9) !important +} + +.device-desktop .elevation-hover-10:hover { + box-shadow: var(--f7-elevation-10) !important +} + +.device-desktop .elevation-hover-11:hover { + box-shadow: var(--f7-elevation-11) !important +} + +.device-desktop .elevation-hover-12:hover { + box-shadow: var(--f7-elevation-12) !important +} + +.device-desktop .elevation-hover-13:hover { + box-shadow: var(--f7-elevation-13) !important +} + +.device-desktop .elevation-hover-14:hover { + box-shadow: var(--f7-elevation-14) !important +} + +.device-desktop .elevation-hover-15:hover { + box-shadow: var(--f7-elevation-15) !important +} + +.device-desktop .elevation-hover-16:hover { + box-shadow: var(--f7-elevation-16) !important +} + +.device-desktop .elevation-hover-17:hover { + box-shadow: var(--f7-elevation-17) !important +} + +.device-desktop .elevation-hover-18:hover { + box-shadow: var(--f7-elevation-18) !important +} + +.device-desktop .elevation-hover-19:hover { + box-shadow: var(--f7-elevation-19) !important +} + +.device-desktop .elevation-hover-20:hover { + box-shadow: var(--f7-elevation-20) !important +} + +.device-desktop .elevation-hover-21:hover { + box-shadow: var(--f7-elevation-21) !important +} + +.device-desktop .elevation-hover-22:hover { + box-shadow: var(--f7-elevation-22) !important +} + +.device-desktop .elevation-hover-23:hover { + box-shadow: var(--f7-elevation-23) !important +} + +.device-desktop .elevation-hover-24:hover { + box-shadow: var(--f7-elevation-24) !important +} + +.active-state.elevation-pressed-0, +.device-desktop .active-state.elevation-pressed-0 { + box-shadow: var(--f7-elevation-0) !important +} + +.active-state.elevation-pressed-1, +.device-desktop .active-state.elevation-pressed-1 { + box-shadow: var(--f7-elevation-1) !important +} + +.active-state.elevation-pressed-2, +.device-desktop .active-state.elevation-pressed-2 { + box-shadow: var(--f7-elevation-2) !important +} + +.active-state.elevation-pressed-3, +.device-desktop .active-state.elevation-pressed-3 { + box-shadow: var(--f7-elevation-3) !important +} + +.active-state.elevation-pressed-4, +.device-desktop .active-state.elevation-pressed-4 { + box-shadow: var(--f7-elevation-4) !important +} + +.active-state.elevation-pressed-5, +.device-desktop .active-state.elevation-pressed-5 { + box-shadow: var(--f7-elevation-5) !important +} + +.active-state.elevation-pressed-6, +.device-desktop .active-state.elevation-pressed-6 { + box-shadow: var(--f7-elevation-6) !important +} + +.active-state.elevation-pressed-7, +.device-desktop .active-state.elevation-pressed-7 { + box-shadow: var(--f7-elevation-7) !important +} + +.active-state.elevation-pressed-8, +.device-desktop .active-state.elevation-pressed-8 { + box-shadow: var(--f7-elevation-8) !important +} + +.active-state.elevation-pressed-9, +.device-desktop .active-state.elevation-pressed-9 { + box-shadow: var(--f7-elevation-9) !important +} + +.active-state.elevation-pressed-10, +.device-desktop .active-state.elevation-pressed-10 { + box-shadow: var(--f7-elevation-10) !important +} + +.active-state.elevation-pressed-11, +.device-desktop .active-state.elevation-pressed-11 { + box-shadow: var(--f7-elevation-11) !important +} + +.active-state.elevation-pressed-12, +.device-desktop .active-state.elevation-pressed-12 { + box-shadow: var(--f7-elevation-12) !important +} + +.active-state.elevation-pressed-13, +.device-desktop .active-state.elevation-pressed-13 { + box-shadow: var(--f7-elevation-13) !important +} + +.active-state.elevation-pressed-14, +.device-desktop .active-state.elevation-pressed-14 { + box-shadow: var(--f7-elevation-14) !important +} + +.active-state.elevation-pressed-15, +.device-desktop .active-state.elevation-pressed-15 { + box-shadow: var(--f7-elevation-15) !important +} + +.active-state.elevation-pressed-16, +.device-desktop .active-state.elevation-pressed-16 { + box-shadow: var(--f7-elevation-16) !important +} + +.active-state.elevation-pressed-17, +.device-desktop .active-state.elevation-pressed-17 { + box-shadow: var(--f7-elevation-17) !important +} + +.active-state.elevation-pressed-18, +.device-desktop .active-state.elevation-pressed-18 { + box-shadow: var(--f7-elevation-18) !important +} + +.active-state.elevation-pressed-19, +.device-desktop .active-state.elevation-pressed-19 { + box-shadow: var(--f7-elevation-19) !important +} + +.active-state.elevation-pressed-20, +.device-desktop .active-state.elevation-pressed-20 { + box-shadow: var(--f7-elevation-20) !important +} + +.active-state.elevation-pressed-21, +.device-desktop .active-state.elevation-pressed-21 { + box-shadow: var(--f7-elevation-21) !important +} + +.active-state.elevation-pressed-22, +.device-desktop .active-state.elevation-pressed-22 { + box-shadow: var(--f7-elevation-22) !important +} + +.active-state.elevation-pressed-23, +.device-desktop .active-state.elevation-pressed-23 { + box-shadow: var(--f7-elevation-23) !important +} + +.active-state.elevation-pressed-24, +.device-desktop .active-state.elevation-pressed-24 { + box-shadow: var(--f7-elevation-24) !important +} + +.elevation-transition-100 { + transition-duration: .1s; + transition-property: box-shadow +} + +.elevation-transition, +.elevation-transition-200 { + transition-duration: .2s; + transition-property: box-shadow +} + +.elevation-transition-300 { + transition-duration: .3s; + transition-property: box-shadow +} + +.elevation-transition-400 { + transition-duration: .4s; + transition-property: box-shadow +} + +.elevation-transition-500 { + transition-duration: .5s; + transition-property: box-shadow +} + +:root { + --f7-typography-padding: 16px; + --f7-typography-margin: 16px +} + +.display-flex { + display: flex !important +} + +.display-block { + display: block !important +} + +.display-inline-flex { + display: inline-flex !important +} + +.display-inline-block { + display: inline-block !important +} + +.display-inline { + display: inline !important +} + +.display-none { + display: none !important +} + +.flex-shrink-0 { + flex-shrink: 0 !important +} + +.flex-shrink-1 { + flex-shrink: 1 !important +} + +.flex-shrink-2 { + flex-shrink: 2 !important +} + +.flex-shrink-3 { + flex-shrink: 3 !important +} + +.flex-shrink-4 { + flex-shrink: 4 !important +} + +.flex-shrink-5 { + flex-shrink: 5 !important +} + +.flex-shrink-6 { + flex-shrink: 6 !important +} + +.flex-shrink-7 { + flex-shrink: 7 !important +} + +.flex-shrink-8 { + flex-shrink: 8 !important +} + +.flex-shrink-9 { + flex-shrink: 9 !important +} + +.flex-shrink-10 { + flex-shrink: 10 !important +} + +.flex-direction-row { + flex-direction: row !important +} + +.flex-direction-row-reverse { + flex-direction: row-reverse !important +} + +.flex-direction-column { + flex-direction: column !important +} + +.flex-direction-column-reverse { + flex-direction: column-reverse !important +} + +.justify-content-flex-start { + justify-content: flex-start !important +} + +.justify-content-center { + justify-content: center !important +} + +.justify-content-flex-end { + justify-content: flex-end !important +} + +.justify-content-space-between { + justify-content: space-between !important +} + +.justify-content-space-around { + justify-content: space-around !important +} + +.justify-content-space-evenly { + justify-content: space-evenly !important +} + +.justify-content-stretch { + justify-content: stretch !important +} + +.justify-content-start { + justify-content: start !important +} + +.justify-content-end { + justify-content: end !important +} + +.justify-content-left { + justify-content: left !important +} + +.justify-content-right { + justify-content: right !important +} + +.align-content-flex-start { + align-content: flex-start !important +} + +.align-content-flex-end { + align-content: flex-end !important +} + +.align-content-center { + align-content: center !important +} + +.align-content-space-between { + align-content: space-between !important +} + +.align-content-space-around { + align-content: space-around !important +} + +.align-content-stretch { + align-content: stretch !important +} + +.align-items-baseline { + align-items: baseline !important +} + +.align-items-flex-start { + align-items: flex-start !important +} + +.align-items-flex-end { + align-items: flex-end !important +} + +.align-items-center { + align-items: center !important +} + +.align-items-stretch { + align-items: stretch !important +} + +.align-self-flex-start { + align-self: flex-start !important +} + +.align-self-flex-end { + align-self: flex-end !important +} + +.align-self-center { + align-self: center !important +} + +.align-self-stretch { + align-self: stretch !important +} + +.text-align-left { + text-align: left !important +} + +.text-align-center { + text-align: center !important +} + +.text-align-right { + text-align: right !important +} + +.text-align-justify { + text-align: justify !important +} + +.float-left { + float: left !important +} + +.float-right { + float: right !important +} + +.float-none { + float: none !important +} + +.vertical-align-bottom { + vertical-align: bottom !important +} + +.vertical-align-middle { + vertical-align: middle !important +} + +.vertical-align-top { + vertical-align: top !important +} + +.no-padding { + padding: 0 !important +} + +.no-padding-left { + padding-left: 0 !important +} + +.no-padding-right { + padding-right: 0 !important +} + +.no-padding-horizontal { + padding-left: 0 !important; + padding-right: 0 !important +} + +.no-padding-top { + padding-top: 0 !important +} + +.no-padding-bottom { + padding-bottom: 0 !important +} + +.no-padding-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important +} + +.no-margin { + margin: 0 !important +} + +.no-margin-left { + margin-left: 0 !important +} + +.no-margin-right { + margin-right: 0 !important +} + +.no-margin-horizontal { + margin-left: 0 !important; + margin-right: 0 !important +} + +.no-margin-top { + margin-top: 0 !important +} + +.no-margin-bottom { + margin-bottom: 0 !important +} + +.no-margin-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important +} + +.width-auto { + width: auto !important +} + +.width-100 { + width: 100% !important +} + +.padding { + padding: var(--f7-typography-padding) !important +} + +.padding-half { + padding: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-top { + padding-top: var(--f7-typography-padding) !important +} + +.padding-top-half { + padding-top: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-bottom { + padding-bottom: var(--f7-typography-padding) !important +} + +.padding-bottom-half { + padding-bottom: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-left { + padding-left: var(--f7-typography-padding) !important +} + +.padding-left-half { + padding-left: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-right { + padding-right: var(--f7-typography-padding) !important +} + +.padding-right-half { + padding-right: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-vertical { + padding-top: var(--f7-typography-padding) !important; + padding-bottom: var(--f7-typography-padding) !important +} + +.padding-vertical-half { + padding-top: calc(var(--f7-typography-padding)/ 2) !important; + padding-bottom: calc(var(--f7-typography-padding)/ 2) !important +} + +.padding-horizontal { + padding-left: var(--f7-typography-padding) !important; + padding-right: var(--f7-typography-padding) !important +} + +.padding-horizontal-half { + padding-left: calc(var(--f7-typography-padding)/ 2) !important; + padding-right: calc(var(--f7-typography-padding)/ 2) !important +} + +.margin { + margin: var(--f7-typography-margin) !important +} + +.margin-half { + margin: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-top { + margin-top: var(--f7-typography-margin) !important +} + +.margin-top-half { + margin-top: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-bottom { + margin-bottom: var(--f7-typography-margin) !important +} + +.margin-bottom-half { + margin-bottom: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-left { + margin-left: var(--f7-typography-margin) !important +} + +.margin-left-half { + margin-left: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-right { + margin-right: var(--f7-typography-margin) !important +} + +.margin-right-half { + margin-right: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-vertical { + margin-top: var(--f7-typography-margin) !important; + margin-bottom: var(--f7-typography-margin) !important +} + +.margin-vertical-half { + margin-top: calc(var(--f7-typography-margin)/ 2) !important; + margin-bottom: calc(var(--f7-typography-margin)/ 2) !important +} + +.margin-horizontal { + margin-left: var(--f7-typography-margin) !important; + margin-right: var(--f7-typography-margin) !important +} + +.margin-horizontal-half { + margin-left: calc(var(--f7-typography-margin)/ 2) !important; + margin-right: calc(var(--f7-typography-margin)/ 2) !important +} + +[class*=text-color-] { + color: var(--f7-theme-color-text-color) !important +} + +[class*=bg-color-] { + background-color: var(--f7-theme-color-bg-color) !important +} + +[class*=border-color-] { + border-color: var(--f7-theme-color-border-color) !important +} + +iframe#viAd { + z-index: 12900 !important; + background: #000 !important +} + +.vi-overlay { + background: rgba(0, 0, 0, .85); + z-index: 13100; + position: absolute; + left: 0%; + top: 0%; + width: 100%; + height: 100%; + border-radius: 3px; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + align-content: center; + text-align: center; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none +} + +@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) { + .vi-overlay { + background: rgba(0, 0, 0, .65); + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px) + } +} + +.vi-overlay .vi-overlay-text { + text-align: center; + color: #fff; + max-width: 80% +} + +.vi-overlay .vi-overlay-text+.vi-overlay-play-button { + margin-top: 15px +} + +.vi-overlay .vi-overlay-play-button { + width: 44px; + height: 44px; + border-radius: 50%; + border: 2px solid #fff; + position: relative +} + +.vi-overlay .vi-overlay-play-button.active-state { + opacity: .55 +} + +.vi-overlay .vi-overlay-play-button:before { + content: ''; + width: 0; + height: 0; + border-top: 8px solid transparent; + border-bottom: 8px solid transparent; + border-left: 14px solid #fff; + position: absolute; + left: 50%; + top: 50%; + margin-left: 2px; + transform: translate(-50%, -50%) +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..9114ab6 --- /dev/null +++ b/css/style.css @@ -0,0 +1,2000 @@ +/* +Osvaro - Neomorphism Design Mobile Template UI Kit +Author : aStyers +Author URL : https://themeforest.net/user/astylers +*/ + +/*table of content + +- general +- navbar +- toolbar +- title home +- features +- color icon +- social media background +- follow us +- share on +- list li for elements, pages, apps +- accordion +- badges +- buttons +- cards +- icon +- list view +- popover +- popup +- slider +- tooltip +- about us +- blog +- pagination +- form +- placeholder color +- career +- clients +- gallery +- maintenance +- page not found +- pricing table +- services +- skill +- walkthrough +- login register +- reset password +- calendar +- profile +- edit profile +- logout + +*/ + +/*general*/ + +body { + background: #e0e5ec; + font-size: 13px; + color: #696b6e; + font-family: 'Roboto', sans-serif; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; + line-height: 20px; + color: #555; + font-family: 'Roboto', sans-serif; +} + +h1 { + font-size: 26px; +} + +h2 { + font-size: 23px; +} + +h3 { + font-size: 20px; +} + +h4 { + font-size: 18px; +} + +h5 { + font-size: 16px; +} + +h6 { + font-size: 14px; + font-weight: 500; +} + +p { + margin: 0; + margin-bottom: 6px; +} + +p:last-child { + margin-bottom: 0; +} + +a { + color: #333; +} + +.list ul { + background: #e0e5ec; +} + +.page { + background: #e0e5ec; +} + +.page-content { + padding-top: 0; +} + +.container { + padding: 0 15px !important; +} + +.row { + margin-bottom: 15px; +} + +.row:last-child { + margin-bottom: 0; +} + +.row-no-margin-bottom { + margin-bottom: 0; +} + +.text-center { + text-align: center; +} + +ul { + margin: 0; + padding: 0; +} + +ul li { + list-style: none; + display: inline-block; + margin: 0 3px; +} + +/*image*/ + +img { + width: 100%; + height: 100%; +} + +img.people { + width: 45px; + height: 45px; + border-radius: 50%; +} + +.segments-page { + margin-top: 85px; +} + +/* separator */ + +.separator { + height: 25px; +} + +.separator-big { + height: 60px; +} + +.separator-small { + height: 15px; +} + +@-moz-document url-prefix() { + .separator-big { + height: 112px; + } +} + +/* navbar */ + +.navbar { + background: #e0e5ec; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.navbar a.link { + width: 80px; + min-width: auto !important; + padding: 0; + padding-left: 16px; +} + +.navbar h4 { + font-size: 16px; + text-align: center; + width: 100%; + position: relative; + left: -4px; +} + +.navbar .item-right { + width: 80px; + padding-right: 16px; +} + +@media (max-width:980px) { + .navbar h4 { + left: 4px; + } +} + +@media (max-width:480px) { + .navbar h4 { + left: 2px; + } +} + +.navbar a i { + color: #666; + width: 30px; + height: 30px; + border-radius: 6px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + line-height: 30px; + text-align: center; + font-size: 14px; + padding-right: 1px; +} + +.navbar .title { + color: #fff; + font-size: 18px; + font-weight: 600; + width: 100%; +} + +.navbar .title img.people { + width: 35px; + height: 35px; +} + +.navbar .title p { + font-size: 11px; +} + +.navbar .title p i { + margin-right: 6px; + color: #72ea72; + font-size: 10px; +} + +.navbar .tabs-text-center { + text-align: center !important; +} + +/* toolbar bottom */ + +.toolbar-bottom { + background: #e0e5ec; + height: 94px; +} + +.toolbar-bottom .tab-link { + text-transform: unset; + font-size: 13px; +} + +.toolbar-bottom .tab-link i { + font-size: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + height: 46px; + width: 46px; + display: block; + text-align: center; + line-height: 44px; + margin-top: 7px; +} + +.toolbar-bottom .tab-link-active { + color: #0078D7; +} + +.toolbar-bottom .tab-link-active i { + color: #0078D7; + box-shadow: inset 3px 3px 3px -1px #b9bfd5, inset -3px -3px 3px -1px #fafafa; + height: 48px; + width: 48px; + line-height: 48px; + position: relative; + top: -2px; +} + +.toolbar-bottom .toolbar-inner .tab-link-highlight { + background: transparent; +} + +.toolbar-bottom::after { + background: transparent; +} + +/*title home*/ + +.title-home .content { + text-align: center; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + padding: 18px; + border-radius: 12px; + background: #0078D7; + color: #eee; + background-image: linear-gradient(to bottom, #0078d7, #067bd7, #0d7ed7, #1480d7, #1a83d7); +} + +.title-home .content span { + margin-bottom: 8px; + display: block; + color: #eee; +} + +.title-home .content h1 { + font-size: 28px; + color: #fff; + margin-bottom: 12px; + text-transform: uppercase; +} + +/*features*/ + +.features-home h3 { + margin-bottom: 20px; + text-align: center; +} + +.features-home .content { + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + padding: 18px; + text-align: center; +} + +.features-home .content i { + font-size: 18px; + height: 32px; + width: 32px; + line-height: 32px; + text-align: center; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + background: #0078D7; + color: #fff; + margin-bottom: 10px; +} + +/*color icon*/ + +.icon-color .col:nth-child(1) i { + background: #E74856; +} + +.icon-color .col:nth-child(2) i { + background: #F7630C; +} + +.icon-color .col:nth-child(3) i { + background: #038387; +} + +.icon-color2 .col:nth-child(1) i { + background: #B146C2; +} + +.icon-color2 .col:nth-child(3) i { + background: #00B7C3; +} + +.icon-color2 .col:nth-child(2) i { + background: #00CC6A; +} + +/* social media background */ + +.socmed-bg-facebook { + background: #3b5999; +} + +.socmed-bg-twitter { + background: #55acee; +} + +.socmed-bg-google { + background: #dd4b39; +} + +.socmed-bg-whatsapp { + background: #25D366; +} + +/*follow us*/ + +.follow-us { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + text-align: center; +} + +.follow-us h3 { + margin-bottom: 15px; +} + +.follow-us ul li span { + width: 32px; + height: 32px; + line-height: 32px; + color: #fff; + border-radius: 50%; + display: block; + font-size: 18px; + text-align: center; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.follow-us ul li span i { + position: relative; +} + +/*share on*/ + +.share-on { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + text-align: center; +} + +.share-on h3 { + margin-bottom: 15px; +} + +.share-on ul li span { + width: 32px; + height: 32px; + line-height: 32px; + color: #fff; + border-radius: 50%; + display: block; + font-size: 18px; + text-align: center; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.share-on ul li span i { + position: relative; +} + +/*list li for elements, pages, apps */ + +.list-li ul li:first-child { + margin-top: 0; +} + +.list-li ul li { + display: block; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + padding: 10px 16px 10px; + margin-top: 18px; +} + +.list-li ul li a { + font-size: 14px; + color: #666; + font-weight: 600; + width: 100%; + display: block; +} + +.list-li ul li a i { + color: #0078D7; + position: relative; + top: 1px; + width: 26px; + height: 26px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + border-radius: 50%; + font-size: 12px; + text-align: center; + line-height: 25px; + margin-right: 16px; + background: #0078D7; + color: #fff; +} + +.list-li ul li a span i { + text-align: right; + float: right; + right: 0; + margin-right: 0; + color: #666 !important; + font-size: 12px; + position: relative; + top: 0; + box-shadow: none; + background: transparent !important; +} + +.list-li ul li:nth-child(1) a i { + background: #E74856; +} + +.list-li ul li:nth-child(2) a i { + background: #F7630C; +} + +.list-li ul li:nth-child(3) a i { + background: #FFB900; +} + +.list-li ul li:nth-child(4) a i { + background: #C239B3; +} + +.list-li ul li:nth-child(5) a i { + background: #00CC6A; +} + +.list-li ul li:nth-child(6) a i { + background: #00B7C3; +} + +.list-li ul li:nth-child(7) a i { + background: #E74856; +} + +.list-li ul li:nth-child(8) a i { + background: #F7630C; +} + +.list-li ul li:nth-child(9) a i { + background: #FFB900; +} + +.list-li ul li:nth-child(10) a i { + background: #C239B3; +} + +.list-li ul li:nth-child(11) a i { + background: #00CC6A; +} + +.list-li ul li:nth-child(12) a i { + background: #00B7C3; +} + +/*accordion*/ + +.accordion .list { + margin: 0; +} + +.accordion .list ul { + background: transparent; +} + +.accordion .list ul li { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding: 18px; + margin-bottom: 18px; + padding-top: 2px; + padding-bottom: 2px; + width: 100%; +} + +.accordion .list ul::before { + background: transparent; +} + +.accordion .list ul::after { + background: transparent; +} + +.accordion .list .item-title { + font-size: 14px; + font-weight: 500; + color: #555; + padding: 8px 0; +} + +.accordion .list .item-link .item-inner { + padding-bottom: 0; + padding-top: 0; +} + +.accordion .accordion-item .item-link .item-inner::after { + background: transparent; +} + +.accordion .item-content { + padding-left: 0; +} + +.accordion .item-content .item-inner::before { + font-size: 18px; + color: #555; + right: 0; +} + +.accordion .accordion-item-content p { + font-size: 13px; + padding: 5px 15px 10px 0; +} + +.accordion-icon .item-title i { + color: #0078D7; + position: relative; + top: 0; + width: 26px; + height: 26px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + border-radius: 50%; + font-size: 12px; + text-align: center; + line-height: 25px; + background: #0078D7; + color: #fff; + margin: 0 16px 0 5px; +} + +.accordion-item-opened>.accordion-item-content { + border-top: 1px solid #c5c9cf; + padding-top: 4px; +} + +.accordion .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner::before { + content: 'chevron_right'; + top: 23px; +} + +.accordion .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner::before { + content: 'chevron_down'; +} + +.accordion-faq .list:not(.media-list) .accordion-item:not(.media-item)>.item-link .item-inner::before { + content: 'question_circle' !important; + top: 23px; +} + +.accordion-faq .list:not(.media-list) .accordion-item-opened:not(.media-item)>.item-link .item-inner::before { + content: 'question_circle' !important; +} + +.accordion-faq .item-inner { + padding-right: 0 !important; +} + +.accordion-faq .item-title { + width: 100%; + line-height: 26px; +} + +.accordion-faq .item-title i { + float: right; + left: 16px; +} + +/*badges*/ + +.badges .list-box { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding-bottom: 0; + padding-top: 0; + background: transparent; +} + +.badges .list-box i { + color: #0078D7; + position: relative; + top: 0; + width: 26px; + height: 26px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + border-radius: 50%; + font-size: 12px; + text-align: center; + line-height: 25px; + background: #0078D7; + color: #fff; + margin: 0; +} + +.badges ul { + background: transparent; +} + +.badges ul li { + display: block; +} + +.badges .item-content { + padding-left: 0; +} + +.badges .list ul::before { + background: transparent; +} + +.badges .list ul::after { + background: transparent; +} + +.badges .item-title { + font-size: 14px; + font-weight: 500; + color: #555; +} + +.badges .item-inner { + padding-right: 0; +} + +/*button*/ + +.buttons { + background: #0078D7; + color: #fff; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + padding: 0 14px; + font-size: 13px; + height: 30px; + line-height: 30px; + text-transform: none; + border: 0; + font-weight: 600; + display: inline-block; + width: auto; +} + +.buttons:focus { + outline: 0; +} + +.buttons-full { + width: 100%; +} + +.buttons-center { + margin-left: auto; + margin-right: auto; + display: block; +} + +/*cards*/ + +.card { + background: transparent; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.card h6 { + margin-bottom: 8px; +} + +.card img { + border-radius: 12px 12px 0 0; +} + +.card .content-text { + padding: 18px; +} + +.card .content-text h6 { + margin-bottom: 10px; +} + +.card .card-content { + padding: 18px; +} + +/*icon*/ + +.icon { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.icon i { + font-size: 18px; +} + +.icon .row { + margin-bottom: 25px; +} + +/*list view*/ + +.list-view { + margin: 0; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding: 18px; + padding-top: 0; + padding-bottom: 0; +} + +.list-view ul { + background: transparent; +} + +.list-view ul li { + display: block; + padding: 0; + font-size: 14px; + font-weight: 500; + color: #555; +} + +.list-view ul li a { + padding: 0; + color: #555 !important; + font-size: 14px; + font-weight: 500; + color: #555; +} + +.list-view ul li a::before { + right: 0 !important; + color: #555; +} + +.list-view ul::before { + background: transparent; +} + +.list-view ul::after { + background: transparent; +} + +.list-view .item-content { + padding-left: 0; +} + +.list-view .item-media { + min-width: auto !important; +} + +.list-view .item-title { + font-size: 14px; + font-weight: 500; + color: #555; +} + +/*popover*/ + +.popover-pages { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding-top: 0; + padding-bottom: 0; +} + +.popover-pages .list { + margin: 0; +} + +.popover-pages .list ul { + background: transparent; +} + +.popover-pages .list ul li { + display: block; +} + +.popover-pages .list ul li a { + padding-left: 0; + padding-right: 0; + font-size: 14px; + font-weight: 500; + color: #555; + padding: 8px 0; +} + +.popover-pages .list ul li a::before { + right: 0; + color: #555; +} + +.popover-pages .list ul::before { + background: transparent; +} + +.popover-pages .list ul::after { + background: transparent; +} + +.popover { + left: 50% !important; + transform: translateX(-50%) !important; + border-radius: 12px; +} + +.popover .content { + padding: 18px; + border-radius: 12px; + background: #e0e5ec; +} + +.popover .content img { + border-radius: 12px; +} + +.popover .list li { + padding-left: 0; + padding-right: 0; +} + +.popover .list ul { + background: #e0e5ec; +} + +.popover i { + position: absolute; + top: 15px; + right: 15px; + font-size: 16px; + color: #0078D7; +} + +.popover-custom i { + top: 25px; + right: 25px; +} + +/*popup*/ + +.popup-pages { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding-top: 0; + padding-bottom: 0; + background: #e0e5ec; +} + +.popup-pages .list { + margin: 0; +} + +.popup-pages ul { + background: transparent; +} + +.popup-pages ul li { + display: block; +} + +.popup-pages ul li a { + padding-left: 0; + padding-right: 0; + font-size: 14px; + font-weight: 500; + color: #555; + padding: 8px 0; +} + +.popup-pages ul li a::before { + right: 0; + color: #555; +} + +.popup-pages ul::before { + background: transparent; +} + +.popup-pages ul::after { + background: transparent; +} + +.popup { + background: #e0e5ec; +} + +.popup-full.modal-in { + overflow: scroll; + padding: 18px; +} + +.popup-full .buttons { + margin-bottom: 15px; +} + +.popup-center { + width: calc(100% - 15px * 2); + height: auto; + top: 50%; + transform: translateY(-50%) !important; + border-radius: 12px; + padding: 18px; + margin: 15px; +} + +.popup-center.modal-out { + transform: translate3d(0, 100%, 0) !important; +} + +.popup-attention { + width: calc(100% - 15px * 2); + height: auto; + border-radius: 12px; + margin: 15px; + text-align: center; + top: auto; + bottom: 0; + padding: 18px; +} + +.popup-attention i { + color: red; + font-size: 45px; + margin-bottom: 20px; +} + +.popup-login { + width: calc(100% - 15px * 2); + height: auto; + top: 50%; + transform: translateY(-50%) !important; + border-radius: 12px; + margin: 15px; + padding: 18px; + padding-top: 0; +} + +.popup-login .item-content { + padding-left: 0; + padding-right: 0; +} + +.popup-login .item-inner { + padding-right: 0; +} + +.popup-login input { + border: 0 !important; + margin-bottom: 0 !important; +} + +.popup-login .list { + margin: 12px 0; +} + +.popup-login .item-input:not(.item-input-outline) .item-input-wrap::after { + background: transparent; +} + +.popup-login.modal-out { + transform: translate3d(0, 100%, 0) !important; +} + +.popup-login .buttons { + display: block; + text-align: center; +} + +.popup-media { + width: calc(100% - 15px * 2); + height: auto; + border-radius: 12px; + margin: 15px; + text-align: center; + top: auto; + bottom: 0; + padding: 0; +} + +.popup-media .list ul li { + display: block; +} + +.popup-media .list ul li i { + width: 28px; + height: 28px; + line-height: 28px; + color: #fff; + margin-right: 10px; + border-radius: 50%; + font-size: 14px; +} + +.popup-media .buttons { + margin-bottom: 15px; +} + +.popup-grid { + width: calc(100% - 15px * 2); + height: auto; + border-radius: 12px; + margin: 15px; + text-align: center; + top: auto; + bottom: 0; +} + +.popup-grid i { + width: 40px; + height: 40px; + line-height: 40px; + color: #fff; + margin-right: 10px; + border-radius: 50%; + font-size: 16px; +} + +/*slider*/ + +.slider .swiper-slide img { + border-radius: 12px; +} + +.slider .swiper-pagination-bullet { + background: #0078D7; +} + +.slider .swiper-overlap { + width: 250px; + height: 100%; +} + +/*tooltip*/ + +.tooltip-pages .content-box { + padding: 18px; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +/*about us*/ + +.about-us .content { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.about-us .content img { + border-radius: 12px 12px 0 0; +} + +.about-us .content-text { + padding: 18px; +} + +.about-us .content-text h5 { + margin-bottom: 10px; +} + +/* blog */ + +.blog .content { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.blog .content img { + border-radius: 12px 12px 0 0; +} + +.blog .content .content-text { + padding: 18px; +} + +.blog .content .content-text h5 { + margin-bottom: 5px; +} + +.blog .content .content-text span { + margin-bottom: 10px; + display: block; +} + +.blog .content .content-text span i { + margin-right: 15px; +} + +/* pagination */ + +.pagination { + text-align: center; +} + +.pagination ul li a { + height: 32px; + width: 32px; + border-radius: 50%; + display: block; + line-height: 32px; + font-weight: 500; + font-size: 15px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.pagination ul li a.active { + background: #0078D7; + color: #fff; + cursor: not-allowed; +} + +/* form */ + +.content-form { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +form input { + padding: 10px 17px !important; + width: 100%; + box-sizing: border-box; + font-size: 13px !important; + color: #777 !important; + border-radius: 12px !important; + margin-bottom: 13px !important; + box-shadow: inset 3px 3px 3px -1px #b9bfd5, inset -3px -3px 3px -1px #fafafa !important; +} + +form textarea { + padding: 10px 17px !important; + width: 100%; + box-sizing: border-box; + font-size: 13px !important; + color: #888 !important; + border-radius: 12px !important; + margin-bottom: 13px !important; + box-shadow: inset 3px 3px 3px -1px #b9bfd5, inset -3px -3px 3px -1px #fafafa !important; +} + +/* placeholder */ + +::-webkit-input-placeholder { + color: #888 !important; + opacity: 1; +} + +::-moz-placeholder { + color: #888 !important; + opacity: 1; +} + +:-ms-input-placeholder { + color: #888 !important; + opacity: 1; +} + +:-moz-placeholder { + color: #888 !important; + opacity: 1; +} + +/* career */ + +.career .content { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.career .content .left-icon { + float: left; + margin-right: 15px; +} + +.career .content .text { + overflow: hidden; +} + +.career .content .text h6 { + margin-bottom: 6px; +} + +.career .content i { + font-size: 22px; + height: 45px; + width: 45px; + line-height: 45px; + text-align: center; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + background: #0078D7; + color: #fff; + margin-bottom: 10px; +} + +.career .content .buttons { + float: right; + margin-top: 4px; + margin-bottom: 5px; + margin-right: 5px; +} + +.career .content .icon-red i { + background: #E74856; +} + +.career .content .icon-green i { + background: #00CC6A; +} + +.career .content .icon-purple i { + background: #C239B3; +} + +/* clients */ + +.client .content { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +/* gallery */ + +.gallery img { + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.popup-gallery { + width: calc(100% - 15px * 2); + height: auto; + top: 50%; + transform: translateY(-50%) !important; + border-radius: 12px; + margin: 15px; + padding: 0; +} + +.popup-gallery.modal-in { + transform: translate3d(0, -200px, 0) !important; +} + +.popup-gallery.modal-out { + transform: translate3d(0, 100%, 0) !important; +} + +.popup-gallery .image-popup-close { + position: absolute; + top: 15px; + right: 15px; +} + +.popup-gallery .image-popup-close a i { + font-size: 18px; + color: #fff; + width: 28px; + height: 28px; + line-height: 28px; + text-align: center; + background: #0078D7; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + border-radius: 50%; +} + +.popup-gallery .popup-image { + background: #e0e5ec; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.popup-gallery .popup-image img { + width: 100%; + border-radius: 8px 8px 0 0; +} + +.popup-gallery .popup-image .image-title { + padding: 15px; + border-radius: 0 0 8px 8px; +} + +.popup-gallery .popup-image .image-title h4 { + margin-bottom: 10px; + font-size: 16px; +} + +/* maintenance */ + +.maintenance .content-box { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + padding: 18px; + border-radius: 12px; + text-align: center; +} + +.maintenance .content-box h4 { + font-size: 16px; + margin-bottom: 15px; +} + +.maintenance .content-box .icon-animation ul li { + display: inline-block; +} + +.maintenance .content-box .icon-animation ul li i { + font-size: 80px; + margin-bottom: 15px; + color: #0078D7; +} + +.maintenance .content-box .icon-animation ul li i.fa-cog { + position: relative; + -webkit-animation: rotation 2s linear infinite; +} + +.maintenance .content-box .icon-animation ul li.gear-opponent i { + position: relative; + top: -27px; + right: 6px; + font-size: 60px; +} + +.maintenance .content-box .icon-animation ul li.gear-opponent i.fa-cog { + position: relative; + -webkit-animation: rotate-opponent 2s linear infinite; + animation: rotate-opponent 2s linear infinite; +} + +@keyframes rotation { + from { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes rotate-opponent { + from { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(-360deg); + -ms-transform: rotate(-360deg); + transform: rotate(-360deg); + } +} + +/*page not found*/ + +.page-not-found .content-box { + text-align: center; + border-radius: 12px; + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.page-not-found .content-box h2 { + font-size: 80px; + font-weight: 900; + margin-bottom: 15px; +} + +.page-not-found .content-box h2 i { + color: #0078D7; + margin: 0 10px; +} + +.page-not-found .content-box h4 { + font-size: 20px; + font-weight: 600; + margin-bottom: 10px; +} + +/*pricing table*/ + +.pricing-table { + text-align: center; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.pricing-table h3 { + font-size: 16px; +} + +.pricing-table .pricing-header { + position: relative; + background: #0078D7; + padding: 20px 15px; + z-index: 1; + overflow: hidden; + border-radius: 12px 12px 0 0; +} + +.pricing-table .pricing-header h2 { + color: #fff; + font-size: 40px; + font-weight: 600; +} + +.pricing-table .pricing-header h2 sup { + font-size: 22px; +} + +.pricing-table .pricing-header i { + position: absolute; + top: -10px; + left: -5px; + opacity: 0.3; + color: #fff; + font-size: 60px; + z-index: -1; +} + +.pricing-table .pricing-content { + padding: 15px; +} + +.pricing-table .pricing-content .pricing-title { + margin-bottom: 15px; +} + +.pricing-table .pricing-content .pricing-list ul li { + border-bottom: 1px solid #aaa; + padding-bottom: 8px; + margin-bottom: 8px; + display: block; +} + +.pricing-table .pricing-content .pricing-list ul li:last-child { + border-bottom: 0; + padding-bottom: 0; + margin-bottom: 0; +} + +.pricing-button { + margin-top: 15px; +} + +/*services*/ + +.services .content { + display: flow-root; + margin-bottom: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding: 18px; +} + +.services .content i { + font-size: 18px; + color: #fff; + width: 45px; + height: 45px; + line-height: 45px; + background: #0078D7; + border-radius: 50%; + margin-right: 15px; + display: inline-block; + text-align: center; + float: left; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.services .content .service-title h4 { + position: relative; + top: -4px; + overflow: hidden; + font-size: 15px; +} + +/*skill*/ + +.skill .skill-content h6 { + margin-bottom: 10px; +} + +.skill .skill-content .progress { + background: #ddd; + position: relative; + height: 20px; + display: block; + width: 100%; + border-radius: 12px; + overflow: hidden; + color: #fff; + text-align: center; + line-height: 20px; + font-size: 9px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.skill .skill-content .progress .determinate { + background: #75b1f1; + height: 20px; +} + +/* home walkthrough */ + +.home-walkthrough { + text-align: center; +} + +.home-walkthrough .icon-red i { + background: #E74856 !important; +} + +.home-walkthrough .icon-green i { + background: #00CC6A !important; +} + +.home-walkthrough .icon-purple i { + background: #C239B3 !important; +} + +.home-walkthrough h5 { + margin-bottom: 15px; + margin-top: 20px; +} + +.home-walkthrough .wrap-content { + padding: 20px; +} + +.home-walkthrough .content { + text-align: center; + padding: 24px 20px 20px; + margin-bottom: 25px; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.home-walkthrough .content .icon-walk i { + margin-bottom: 15px; + font-size: 50px; + width: 100px; + height: 100px; + line-height: 100px; + color: #fff; + border-radius: 50%; + background: #0078D7; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.home-walkthrough .content .text { + font-size: 13px; +} + +.home-walkthrough .content .text h2 { + font-weight: 500; + font-size: 18px; + margin-bottom: 10px; +} + +.home-walkthrough .swiper-container-horizontal>.swiper-pagination-bullets, +.home-walkthrough .swiper-pagination-custom, +.home-walkthrough .swiper-pagination-fraction { + bottom: 0px; +} + +.home-walkthrough .swiper-pagination.swiper-pagination-hidden { + opacity: 1; +} + +.home-walkthrough .wrap-started a { + padding: 8px 18px; + background: #0078D7; + color: #fff; + display: inline-block; + border-radius: 12px; + font-weight: 600; + font-size: 14px; + margin-top: 30px; + position: absolute; + bottom: 30px; + left: 30px; + right: 30px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.md .home-walkthrough .swiper-pagination-bullet-active { + background: #0078D7; +} + +/* login register */ + +.login-register .link-closess { + display: block; + padding-bottom: 115px; + padding-top: 16px; + padding-right: 18px; +} + +.login-register .link-closess i { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; + border-radius: 50%; + height: 32px; + width: 32px; + line-height: 32px; + text-align: center; + font-size: 16px; +} + +.login-register h1 { + color: #0078D7; +} + +.login-register-with { + text-align: center; +} + +.login-register-with h5 { + margin-bottom: 10px; + text-align: center; +} + +.login-register-with h3 { + margin-bottom: 15px; +} + +.login-register-with ul li span { + width: 32px; + height: 32px; + line-height: 32px; + color: #fff; + border-radius: 50%; + display: block; + font-size: 18px; + text-align: center; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.login-register-with ul li span i { + position: relative; +} + +/*reset password*/ + +.reset-password .content-box { + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; + padding: 18px; +} + +.reset-password .buttons { + margin-bottom: 8px; +} + +.reset-password h5 { + margin-bottom: 10px; +} + +.reset-password .list { + margin-top: 15px; + margin-bottom: 0; +} + +.reset-password .list .item-content { + padding-left: 0; +} + +/*calendar*/ + +.calendars table { + border-radius: 12px; + width: 100%; + padding: 16px 0; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.calendars-head { + text-align: center; + background: #0078D7; + color: #fff; + padding: 15px 0; + margin-bottom: 20px; + border-radius: 12px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.calendars-head i { + cursor: pointer; +} + +.calendars-head h5 { + color: #fff; +} + +.calendars-head .row { + margin-bottom: 0; +} + +.calendars th, +.calendars td { + text-align: center; +} + +.calendars .active { + background: #0078D7; + color: #fff; +} + +/*profile*/ + +.profile .content-box { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.profile .profile-user { + text-align: center; +} + +.profile .profile-user .content-image { + position: relative; + display: inline-block; +} + +.profile .profile-user .content-image img { + width: 80px; + height: 100%; + margin: 0 auto; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.profile .profile-user .content-image .icon-edit { + position: absolute; + top: 0; + right: -10px; +} + +.profile .profile-user .content-image .icon-edit i { + width: 30px; + height: 30px; + line-height: 30px; + color: #fff; + background: #75b1f1; + cursor: pointer; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #f6f6f6; +} + +.profile .profile-user .profile-name { + margin-top: 10px; +} + +.profile .profile-user .profile-name h4 { + font-weight: 600; + margin-bottom: 5px; + font-size: 16px; +} + +.profile .profile-button { + text-align: center; +} + +.profile .profile-button ul li { + display: inline-block; + margin: 0 5px; +} + +.profile .profile-button ul li:last-child .buttons { + background: #777; +} + +.profile .profile-info { + text-align: center; +} + +.profile .profile-info .content h5 { + font-size: 20px; + font-weight: 600; + margin-bottom: 5px; +} + +.about-profile { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +/*profile edit*/ + +.profile-edit .list { + margin: 0; +} + +.profile-edit .list .item-content { + padding-left: 0; +} + +.profile-edit .input-with-value~.input-clear-button, +.profile-edit .item-input-with-value .input-clear-button { + margin-right: 10px; +} + +.profile-edit .item-input:not(.item-input-outline) .item-input-wrap::after { + background: transparent; +} + +.profile-edit .list .item-label { + margin-bottom: 10px; +} + +.profile-edit .list .item-inner { + padding-right: 0; + padding-top: 0; + padding-bottom: 5px; +} + +.profile-edit .profile-user { + text-align: center; + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.profile-edit .profile-user .content-image { + position: relative; + display: inline-block; +} + +.profile-edit .profile-user .content-image img { + width: 80px; + height: 100%; + margin: 0 auto; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +.profile-edit .profile-user .content-image form input { + display: none; +} + +.profile-edit .profile-user .content-image .icon-upload { + position: absolute; + top: 0; + right: -10px; +} + +.profile-edit .profile-user .content-image .icon-upload i { + width: 30px; + height: 30px; + line-height: 30px; + color: #fff; + cursor: pointer; + background: #75b1f1; + border-radius: 50%; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; +} + +/* logout */ + +.logout { + margin-top: 90px; +} + +.logout .content { + padding: 18px; + box-shadow: 3px 3px 3px #b9bfd5, -3px -3px 3px #fafafa; + border-radius: 12px; +} + +.logout .content h6 { + margin-bottom: 8px; +} + +.logout .content .buttons { + margin-right: 5px; + margin-left: 5px; +} + +.logout .content .buttons-red { + background: red; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..63c0ace --- /dev/null +++ b/index.html @@ -0,0 +1,58 @@ + + + + + + + + + + + Secure Folder + + + + + + + + + +
+
+
+
+ + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/js/Offline.js b/js/Offline.js new file mode 100644 index 0000000..feb2deb --- /dev/null +++ b/js/Offline.js @@ -0,0 +1,33 @@ +let DocPage = document.querySelector("#DocContainer"); +var localStorageLength = sessionStorage.length; +let DocumentCount = document.getElementById("DocumentCount") +// Iterate through localStorage keys +DocumentCount.innerHTML = localStorageLength; +for (var i = 0; i < localStorageLength; i++) { + // Get the key at index i + var key = sessionStorage.key(i); + + // Get the value associated with the key + var value = sessionStorage.getItem(key); + + // Create an object to store key-value pairs + var localStorageItems = {}; + + // Store the key-value pair in the object + localStorageItems[key] = value; + + // Append the list item to DocPage + DocPage.innerHTML += `
  • + +
    +
    ${key}
    +
    +
    + +
  • `; +} + +// Now, localStorageItems contains the last key-value pair only +console.log("localStorage items:", localStorageItems); diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..eef87d5 --- /dev/null +++ b/js/app.js @@ -0,0 +1,18 @@ +"use strict"; +// Dom7 +var $ = Dom7; + +// Init App +var app = new Framework7({ + root: '#app', + theme: 'md', + routes: routes, + view: { + pushState: false, + }, + +}); + +var mainView = app.views.create('.view-main', { + url: './index.html' +}); \ No newline at end of file diff --git a/js/framework7.bundle.min.js b/js/framework7.bundle.min.js new file mode 100644 index 0000000..93d879c --- /dev/null +++ b/js/framework7.bundle.min.js @@ -0,0 +1,19693 @@ +/** + * Framework7 5.1.3 + * Full featured mobile HTML framework for building iOS & Android apps + * http://framework7.io/ + * + * Copyright 2014-2019 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: November 17, 2019 + */ + +! function(e, t) { + "object" == typeof exports && "undefined" != typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define(t) : (e = e || self).Framework7 = t() +}(this, (function() { + "use strict"; + var t7ctx; + t7ctx = "undefined" != typeof window ? window : "undefined" != typeof global ? global : void 0; + var Template7Context = t7ctx, + Template7Utils = { + quoteSingleRexExp: new RegExp("'", "g"), + quoteDoubleRexExp: new RegExp('"', "g"), + isFunction: function(e) { + return "function" == typeof e + }, + escape: function(e) { + return void 0 === e && (e = ""), e.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """).replace(/'/g, "'") + }, + helperToSlices: function(e) { + var t, a, r, n = Template7Utils.quoteDoubleRexExp, + i = Template7Utils.quoteSingleRexExp, + s = e.replace(/[{}#}]/g, "").trim().split(" "), + o = []; + for (a = 0; a < s.length; a += 1) { + var l = s[a], + p = void 0, + c = void 0; + if (0 === a) o.push(l); + else if (0 === l.indexOf('"') || 0 === l.indexOf("'")) + if (p = 0 === l.indexOf('"') ? n : i, c = 0 === l.indexOf('"') ? '"' : "'", 2 === l.match(p).length) o.push(l); + else { + for (t = 0, r = a + 1; r < s.length; r += 1) + if (l += " " + s[r], s[r].indexOf(c) >= 0) { + t = r, o.push(l); + break + } + t && (a = t) + } + else if (l.indexOf("=") > 0) { + var d = l.split("="), + u = d[0], + h = d[1]; + if (p || (p = 0 === h.indexOf('"') ? n : i, c = 0 === h.indexOf('"') ? '"' : "'"), 2 !== h.match(p).length) { + for (t = 0, r = a + 1; r < s.length; r += 1) + if (h += " " + s[r], s[r].indexOf(c) >= 0) { + t = r; + break + } + t && (a = t) + } + var f = [u, h.replace(p, "")]; + o.push(f) + } else o.push(l) + } + return o + }, + stringToBlocks: function(e) { + var t, a, r = []; + if (!e) return []; + var n = e.split(/({{[^{^}]*}})/); + for (t = 0; t < n.length; t += 1) { + var i = n[t]; + if ("" !== i) + if (i.indexOf("{{") < 0) r.push({ + type: "plain", + content: i + }); + else { + if (i.indexOf("{/") >= 0) continue; + if ((i = i.replace(/{{([#/])*([ ])*/, "{{$1").replace(/([ ])*}}/, "}}")).indexOf("{#") < 0 && i.indexOf(" ") < 0 && i.indexOf("else") < 0) { + r.push({ + type: "variable", + contextName: i.replace(/[{}]/g, "") + }); + continue + } + var s = Template7Utils.helperToSlices(i), + o = s[0], + l = ">" === o, + p = [], + c = {}; + for (a = 1; a < s.length; a += 1) { + var d = s[a]; + Array.isArray(d) ? c[d[0]] = "false" !== d[1] && d[1] : p.push(d) + } + if (i.indexOf("{#") >= 0) { + var u = "", + h = "", + f = 0, + m = void 0, + v = !1, + g = !1, + b = 0; + for (a = t + 1; a < n.length; a += 1) + if (n[a].indexOf("{{#") >= 0 && (b += 1), n[a].indexOf("{{/") >= 0 && (b -= 1), n[a].indexOf("{{#" + o) >= 0) u += n[a], g && (h += n[a]), f += 1; + else if (n[a].indexOf("{{/" + o) >= 0) { + if (!(f > 0)) { + m = a, v = !0; + break + } + f -= 1, u += n[a], g && (h += n[a]) + } else n[a].indexOf("else") >= 0 && 0 === b ? g = !0 : (g || (u += n[a]), g && (h += n[a])); + v && (m && (t = m), "raw" === o ? r.push({ + type: "plain", + content: u + }) : r.push({ + type: "helper", + helperName: o, + contextName: p, + content: u, + inverseContent: h, + hash: c + })) + } else i.indexOf(" ") > 0 && (l && (o = "_partial", p[0] && (0 === p[0].indexOf("[") ? p[0] = p[0].replace(/[[\]]/g, "") : p[0] = '"' + p[0].replace(/"|'/g, "") + '"')), r.push({ + type: "helper", + helperName: o, + contextName: p, + hash: c + })) + } + } + return r + }, + parseJsVariable: function(e, t, a) { + return e.split(/([+ \-*/^()&=|<>!%:?])/g).reduce((function(e, r) { + if (!r) return e; + if (r.indexOf(t) < 0) return e.push(r), e; + if (!a) return e.push(JSON.stringify("")), e; + var n = a; + return r.indexOf(t + ".") >= 0 && r.split(t + ".")[1].split(".").forEach((function(e) { + n = e in n ? n[e] : void 0 + })), ("string" == typeof n || Array.isArray(n) || n.constructor && n.constructor === Object) && (n = JSON.stringify(n)), void 0 === n && (n = "undefined"), e.push(n), e + }), []).join("") + }, + parseJsParents: function(e, t) { + return e.split(/([+ \-*^()&=|<>!%:?])/g).reduce((function(e, a) { + if (!a) return e; + if (a.indexOf("../") < 0) return e.push(a), e; + if (!t || 0 === t.length) return e.push(JSON.stringify("")), e; + var r = a.split("../").length - 1, + n = r > t.length ? t[t.length - 1] : t[r - 1]; + return a.replace(/..\//g, "").split(".").forEach((function(e) { + n = void 0 !== n[e] ? n[e] : "undefined" + })), !1 === n || !0 === n ? (e.push(JSON.stringify(n)), e) : null === n || "undefined" === n ? (e.push(JSON.stringify("")), e) : (e.push(JSON.stringify(n)), e) + }), []).join("") + }, + getCompileVar: function(e, t, a) { + void 0 === a && (a = "data_1"); + var r, n, i = t, + s = 0; + 0 === e.indexOf("../") ? (s = e.split("../").length - 1, n = i.split("_")[1] - s, i = "ctx_" + (n >= 1 ? n : 1), r = e.split("../")[s].split(".")) : 0 === e.indexOf("@global") ? (i = "Template7.global", r = e.split("@global.")[1].split(".")) : 0 === e.indexOf("@root") ? (i = "root", r = e.split("@root.")[1].split(".")) : r = e.split("."); + for (var o = 0; o < r.length; o += 1) { + var l = r[o]; + if (0 === l.indexOf("@")) { + var p = a.split("_")[1]; + s > 0 && (p = n), o > 0 ? i += "[(data_" + p + " && data_" + p + "." + l.replace("@", "") + ")]" : i = "(data_" + p + " && data_" + p + "." + l.replace("@", "") + ")" + } else(Number.isFinite ? Number.isFinite(l) : Template7Context.isFinite(l)) ? i += "[" + l + "]" : "this" === l || l.indexOf("this.") >= 0 || l.indexOf("this[") >= 0 || l.indexOf("this(") >= 0 ? i = l.replace("this", t) : i += "." + l + } + return i + }, + getCompiledArguments: function(e, t, a) { + for (var r = [], n = 0; n < e.length; n += 1) /^['"]/.test(e[n]) ? r.push(e[n]) : /^(true|false|\d+)$/.test(e[n]) ? r.push(e[n]) : r.push(Template7Utils.getCompileVar(e[n], t, a)); + return r.join(", ") + } + }, + Template7Helpers = { + _partial: function(e, t) { + var a = this, + r = Template7Class.partials[e]; + return !r || r && !r.template ? "" : (r.compiled || (r.compiled = new Template7Class(r.template).compile()), Object.keys(t.hash).forEach((function(e) { + a[e] = t.hash[e] + })), r.compiled(a, t.data, t.root)) + }, + escape: function(e) { + if (null == e) return ""; + if ("string" != typeof e) throw new Error('Template7: Passed context to "escape" helper should be a string'); + return Template7Utils.escape(e) + }, + if: function(e, t) { + var a = e; + return Template7Utils.isFunction(a) && (a = a.call(this)), a ? t.fn(this, t.data) : t.inverse(this, t.data) + }, + unless: function(e, t) { + var a = e; + return Template7Utils.isFunction(a) && (a = a.call(this)), a ? t.inverse(this, t.data) : t.fn(this, t.data) + }, + each: function(e, t) { + var a = e, + r = "", + n = 0; + if (Template7Utils.isFunction(a) && (a = a.call(this)), Array.isArray(a)) { + for (t.hash.reverse && (a = a.reverse()), n = 0; n < a.length; n += 1) r += t.fn(a[n], { + first: 0 === n, + last: n === a.length - 1, + index: n + }); + t.hash.reverse && (a = a.reverse()) + } else + for (var i in a) n += 1, r += t.fn(a[i], { + key: i + }); + return n > 0 ? r : t.inverse(this) + }, + with: function(e, t) { + var a = e; + return Template7Utils.isFunction(a) && (a = e.call(this)), t.fn(a) + }, + join: function(e, t) { + var a = e; + return Template7Utils.isFunction(a) && (a = a.call(this)), a.join(t.hash.delimiter || t.hash.delimeter) + }, + js: function js(expression, options) { + var data = options.data, + func, execute = expression; + return "index first last key".split(" ").forEach((function(e) { + if (void 0 !== data[e]) { + var t = new RegExp("this.@" + e, "g"), + a = new RegExp("@" + e, "g"); + execute = execute.replace(t, JSON.stringify(data[e])).replace(a, JSON.stringify(data[e])) + } + })), options.root && execute.indexOf("@root") >= 0 && (execute = Template7Utils.parseJsVariable(execute, "@root", options.root)), execute.indexOf("@global") >= 0 && (execute = Template7Utils.parseJsVariable(execute, "@global", Template7Context.Template7.global)), execute.indexOf("../") >= 0 && (execute = Template7Utils.parseJsParents(execute, options.parents)), func = execute.indexOf("return") >= 0 ? "(function(){" + execute + "})" : "(function(){return (" + execute + ")})", eval(func).call(this) + }, + js_if: function js_if(expression, options) { + var data = options.data, + func, execute = expression; + "index first last key".split(" ").forEach((function(e) { + if (void 0 !== data[e]) { + var t = new RegExp("this.@" + e, "g"), + a = new RegExp("@" + e, "g"); + execute = execute.replace(t, JSON.stringify(data[e])).replace(a, JSON.stringify(data[e])) + } + })), options.root && execute.indexOf("@root") >= 0 && (execute = Template7Utils.parseJsVariable(execute, "@root", options.root)), execute.indexOf("@global") >= 0 && (execute = Template7Utils.parseJsVariable(execute, "@global", Template7Context.Template7.global)), execute.indexOf("../") >= 0 && (execute = Template7Utils.parseJsParents(execute, options.parents)), func = execute.indexOf("return") >= 0 ? "(function(){" + execute + "})" : "(function(){return (" + execute + ")})"; + var condition = eval(func).call(this); + return condition ? options.fn(this, options.data) : options.inverse(this, options.data) + } + }; + Template7Helpers.js_compare = Template7Helpers.js_if; + var Template7Options = {}, + Template7Partials = {}, + Template7Class = function(e) { + this.template = e + }, + staticAccessors = { + options: { + configurable: !0 + }, + partials: { + configurable: !0 + }, + helpers: { + configurable: !0 + } + }; + + function Template7() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a = e[0], + r = e[1]; + if (2 === e.length) { + var n = new Template7Class(a), + i = n.compile()(r); + return n = null, i + } + return new Template7Class(a) + } + Template7Class.prototype.compile = function compile(template, depth) { + void 0 === template && (template = this.template), void 0 === depth && (depth = 1); + var t = this; + if (t.compiled) return t.compiled; + if ("string" != typeof template) throw new Error("Template7: Template must be a string"); + var stringToBlocks = Template7Utils.stringToBlocks, + getCompileVar = Template7Utils.getCompileVar, + getCompiledArguments = Template7Utils.getCompiledArguments, + blocks = stringToBlocks(template), + ctx = "ctx_" + depth, + data = "data_" + depth; + if (0 === blocks.length) return function() { + return "" + }; + + function getCompileFn(e, a) { + return e.content ? t.compile(e.content, a) : function() { + return "" + } + } + + function getCompileInverse(e, a) { + return e.inverseContent ? t.compile(e.inverseContent, a) : function() { + return "" + } + } + var resultString = "", + i; + for (resultString += 1 === depth ? "(function (" + ctx + ", " + data + ", root) {\n" : "(function (" + ctx + ", " + data + ") {\n", 1 === depth && (resultString += "function isArray(arr){return Array.isArray(arr);}\n", resultString += "function isFunction(func){return (typeof func === 'function');}\n", resultString += 'function c(val, ctx) {if (typeof val !== "undefined" && val !== null) {if (isFunction(val)) {return val.call(ctx);} else return val;} else return "";}\n', resultString += "root = root || ctx_1 || {};\n"), resultString += "var r = '';\n", i = 0; i < blocks.length; i += 1) { + var block = blocks[i]; + if ("plain" !== block.type) { + var variable = void 0, + compiledArguments = void 0; + if ("variable" === block.type && (variable = getCompileVar(block.contextName, ctx, data), resultString += "r += c(" + variable + ", " + ctx + ");"), "helper" === block.type) { + var parents = void 0; + if ("ctx_1" !== ctx) { + for (var level = ctx.split("_")[1], parentsString = "ctx_" + (level - 1), j = level - 2; j >= 1; j -= 1) parentsString += ", ctx_" + j; + parents = "[" + parentsString + "]" + } else parents = "[" + ctx + "]"; + var dynamicHelper = void 0; + if (0 === block.helperName.indexOf("[") && (block.helperName = getCompileVar(block.helperName.replace(/[[\]]/g, ""), ctx, data), dynamicHelper = !0), dynamicHelper || block.helperName in Template7Helpers) compiledArguments = getCompiledArguments(block.contextName, ctx, data), resultString += "r += (Template7Helpers" + (dynamicHelper ? "[" + block.helperName + "]" : "." + block.helperName) + ").call(" + ctx + ", " + (compiledArguments && compiledArguments + ", ") + "{hash:" + JSON.stringify(block.hash) + ", data: " + data + " || {}, fn: " + getCompileFn(block, depth + 1) + ", inverse: " + getCompileInverse(block, depth + 1) + ", root: root, parents: " + parents + "});"; + else { + if (block.contextName.length > 0) throw new Error('Template7: Missing helper: "' + block.helperName + '"'); + variable = getCompileVar(block.helperName, ctx, data), resultString += "if (" + variable + ") {", resultString += "if (isArray(" + variable + ")) {", resultString += "r += (Template7Helpers.each).call(" + ctx + ", " + variable + ", {hash:" + JSON.stringify(block.hash) + ", data: " + data + " || {}, fn: " + getCompileFn(block, depth + 1) + ", inverse: " + getCompileInverse(block, depth + 1) + ", root: root, parents: " + parents + "});", resultString += "}else {", resultString += "r += (Template7Helpers.with).call(" + ctx + ", " + variable + ", {hash:" + JSON.stringify(block.hash) + ", data: " + data + " || {}, fn: " + getCompileFn(block, depth + 1) + ", inverse: " + getCompileInverse(block, depth + 1) + ", root: root, parents: " + parents + "});", resultString += "}}" + } + } + } else resultString += "r +='" + block.content.replace(/\r/g, "\\r").replace(/\n/g, "\\n").replace(/'/g, "\\'") + "';" + } + return resultString += "\nreturn r;})", 1 === depth ? (t.compiled = eval(resultString), t.compiled) : resultString + }, staticAccessors.options.get = function() { + return Template7Options + }, staticAccessors.partials.get = function() { + return Template7Partials + }, staticAccessors.helpers.get = function() { + return Template7Helpers + }, Object.defineProperties(Template7Class, staticAccessors), Template7.registerHelper = function(e, t) { + Template7Class.helpers[e] = t + }, Template7.unregisterHelper = function(e) { + Template7Class.helpers[e] = void 0, delete Template7Class.helpers[e] + }, Template7.registerPartial = function(e, t) { + Template7Class.partials[e] = { + template: t + } + }, Template7.unregisterPartial = function(e) { + Template7Class.partials[e] && (Template7Class.partials[e] = void 0, delete Template7Class.partials[e]) + }, Template7.compile = function(e, t) { + return new Template7Class(e, t).compile() + }, Template7.options = Template7Class.options, Template7.helpers = Template7Class.helpers, Template7.partials = Template7Class.partials; + var doc = "undefined" == typeof document ? { + body: {}, + addEventListener: function() {}, + removeEventListener: function() {}, + activeElement: { + blur: function() {}, + nodeName: "" + }, + querySelector: function() { + return null + }, + querySelectorAll: function() { + return [] + }, + getElementById: function() { + return null + }, + createEvent: function() { + return { + initEvent: function() {} + } + }, + createElement: function() { + return { + children: [], + childNodes: [], + style: {}, + setAttribute: function() {}, + getElementsByTagName: function() { + return [] + } + } + }, + location: { + hash: "" + } + } : document, + win = "undefined" == typeof window ? { + document: doc, + navigator: { + userAgent: "" + }, + location: {}, + history: {}, + CustomEvent: function() { + return this + }, + addEventListener: function() {}, + removeEventListener: function() {}, + getComputedStyle: function() { + return { + getPropertyValue: function() { + return "" + } + } + }, + Image: function() {}, + Date: function() {}, + screen: {}, + setTimeout: function() {}, + clearTimeout: function() {} + } : window, + Dom7 = function(e) { + for (var t = 0; t < e.length; t += 1) this[t] = e[t]; + return this.length = e.length, this + }; + + function $(e, t) { + var a = [], + r = 0; + if (e && !t && e instanceof Dom7) return e; + if (e) + if ("string" == typeof e) { + var n, i, s = e.trim(); + if (s.indexOf("<") >= 0 && s.indexOf(">") >= 0) { + var o = "div"; + for (0 === s.indexOf(":~]/) ? (t || doc).querySelectorAll(e.trim()) : [doc.getElementById(e.trim().split("#")[1])], r = 0; r < n.length; r += 1) n[r] && a.push(n[r]) + } else if (e.nodeType || e === win || e === doc) a.push(e); + else if (e.length > 0 && e[0].nodeType) + for (r = 0; r < e.length; r += 1) a.push(e[r]); + return new Dom7(a) + } + + function unique(e) { + for (var t = [], a = 0; a < e.length; a += 1) - 1 === t.indexOf(e[a]) && t.push(e[a]); + return t + } + + function toCamelCase(e) { + return e.toLowerCase().replace(/-(.)/g, (function(e, t) { + return t.toUpperCase() + })) + } + + function requestAnimationFrame(e) { + return win.requestAnimationFrame ? win.requestAnimationFrame(e) : win.webkitRequestAnimationFrame ? win.webkitRequestAnimationFrame(e) : win.setTimeout(e, 1e3 / 60) + } + + function cancelAnimationFrame(e) { + return win.cancelAnimationFrame ? win.cancelAnimationFrame(e) : win.webkitCancelAnimationFrame ? win.webkitCancelAnimationFrame(e) : win.clearTimeout(e) + } + + function addClass(e) { + if (void 0 === e) return this; + for (var t = e.split(" "), a = 0; a < t.length; a += 1) + for (var r = 0; r < this.length; r += 1) void 0 !== this[r] && void 0 !== this[r].classList && this[r].classList.add(t[a]); + return this + } + + function removeClass(e) { + for (var t = e.split(" "), a = 0; a < t.length; a += 1) + for (var r = 0; r < this.length; r += 1) void 0 !== this[r] && void 0 !== this[r].classList && this[r].classList.remove(t[a]); + return this + } + + function hasClass(e) { + return !!this[0] && this[0].classList.contains(e) + } + + function toggleClass(e) { + for (var t = e.split(" "), a = 0; a < t.length; a += 1) + for (var r = 0; r < this.length; r += 1) void 0 !== this[r] && void 0 !== this[r].classList && this[r].classList.toggle(t[a]); + return this + } + + function attr(e, t) { + var a = arguments; + if (1 === arguments.length && "string" == typeof e) return this[0] ? this[0].getAttribute(e) : void 0; + for (var r = 0; r < this.length; r += 1) + if (2 === a.length) this[r].setAttribute(e, t); + else + for (var n in e) this[r][n] = e[n], this[r].setAttribute(n, e[n]); + return this + } + + function removeAttr(e) { + for (var t = 0; t < this.length; t += 1) this[t].removeAttribute(e); + return this + } + + function prop(e, t) { + var a = arguments; + if (1 !== arguments.length || "string" != typeof e) { + for (var r = 0; r < this.length; r += 1) + if (2 === a.length) this[r][e] = t; + else + for (var n in e) this[r][n] = e[n]; + return this + } + if (this[0]) return this[0][e] + } + + function data(e, t) { + var a; + if (void 0 !== t) { + for (var r = 0; r < this.length; r += 1)(a = this[r]).dom7ElementDataStorage || (a.dom7ElementDataStorage = {}), a.dom7ElementDataStorage[e] = t; + return this + } + if (a = this[0]) { + if (a.dom7ElementDataStorage && e in a.dom7ElementDataStorage) return a.dom7ElementDataStorage[e]; + var n = a.getAttribute("data-" + e); + return n || void 0 + } + } + + function removeData(e) { + for (var t = 0; t < this.length; t += 1) { + var a = this[t]; + a.dom7ElementDataStorage && a.dom7ElementDataStorage[e] && (a.dom7ElementDataStorage[e] = null, delete a.dom7ElementDataStorage[e]) + } + } + + function dataset() { + var e = this[0]; + if (e) { + var t = {}; + if (e.dataset) + for (var a in e.dataset) t[a] = e.dataset[a]; + else + for (var r = 0; r < e.attributes.length; r += 1) { + var n = e.attributes[r]; + n.name.indexOf("data-") >= 0 && (t[toCamelCase(n.name.split("data-")[1])] = n.value) + } + for (var i in t) "false" === t[i] ? t[i] = !1 : "true" === t[i] ? t[i] = !0 : parseFloat(t[i]) === 1 * t[i] && (t[i] *= 1); + return t + } + } + + function val(e) { + if (void 0 !== e) { + for (var t = 0; t < this.length; t += 1) { + var a = this[t]; + if (Array.isArray(e) && a.multiple && "select" === a.nodeName.toLowerCase()) + for (var r = 0; r < a.options.length; r += 1) a.options[r].selected = e.indexOf(a.options[r].value) >= 0; + else a.value = e + } + return this + } + if (this[0]) { + if (this[0].multiple && "select" === this[0].nodeName.toLowerCase()) { + for (var n = [], i = 0; i < this[0].selectedOptions.length; i += 1) n.push(this[0].selectedOptions[i].value); + return n + } + return this[0].value + } + } + + function transform(e) { + for (var t = 0; t < this.length; t += 1) { + var a = this[t].style; + a.webkitTransform = e, a.transform = e + } + return this + } + + function transition(e) { + "string" != typeof e && (e += "ms"); + for (var t = 0; t < this.length; t += 1) { + var a = this[t].style; + a.webkitTransitionDuration = e, a.transitionDuration = e + } + return this + } + + function on() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = t[0], + n = t[1], + i = t[2], + s = t[3]; + + function o(e) { + var t = e.target; + if (t) { + var a = e.target.dom7EventData || []; + if (a.indexOf(e) < 0 && a.unshift(e), $(t).is(n)) i.apply(t, a); + else + for (var r = $(t).parents(), s = 0; s < r.length; s += 1) $(r[s]).is(n) && i.apply(r[s], a) + } + } + + function l(e) { + var t = e && e.target && e.target.dom7EventData || []; + t.indexOf(e) < 0 && t.unshift(e), i.apply(this, t) + } + "function" == typeof t[1] && (r = (e = t)[0], i = e[1], s = e[2], n = void 0), s || (s = !1); + for (var p, c = r.split(" "), d = 0; d < this.length; d += 1) { + var u = this[d]; + if (n) + for (p = 0; p < c.length; p += 1) { + var h = c[p]; + u.dom7LiveListeners || (u.dom7LiveListeners = {}), u.dom7LiveListeners[h] || (u.dom7LiveListeners[h] = []), u.dom7LiveListeners[h].push({ + listener: i, + proxyListener: o + }), u.addEventListener(h, o, s) + } else + for (p = 0; p < c.length; p += 1) { + var f = c[p]; + u.dom7Listeners || (u.dom7Listeners = {}), u.dom7Listeners[f] || (u.dom7Listeners[f] = []), u.dom7Listeners[f].push({ + listener: i, + proxyListener: l + }), u.addEventListener(f, l, s) + } + } + return this + } + + function off() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = t[0], + n = t[1], + i = t[2], + s = t[3]; + "function" == typeof t[1] && (r = (e = t)[0], i = e[1], s = e[2], n = void 0), s || (s = !1); + for (var o = r.split(" "), l = 0; l < o.length; l += 1) + for (var p = o[l], c = 0; c < this.length; c += 1) { + var d = this[c], + u = void 0; + if (!n && d.dom7Listeners ? u = d.dom7Listeners[p] : n && d.dom7LiveListeners && (u = d.dom7LiveListeners[p]), u && u.length) + for (var h = u.length - 1; h >= 0; h -= 1) { + var f = u[h]; + i && f.listener === i ? (d.removeEventListener(p, f.proxyListener, s), u.splice(h, 1)) : i && f.listener && f.listener.dom7proxy && f.listener.dom7proxy === i ? (d.removeEventListener(p, f.proxyListener, s), u.splice(h, 1)) : i || (d.removeEventListener(p, f.proxyListener, s), u.splice(h, 1)) + } + } + return this + } + + function once() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = this, + n = t[0], + i = t[1], + s = t[2], + o = t[3]; + + function l() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + s.apply(this, e), r.off(n, i, l, o), l.dom7proxy && delete l.dom7proxy + } + return "function" == typeof t[1] && (n = (e = t)[0], s = e[1], o = e[2], i = void 0), l.dom7proxy = s, r.on(n, i, l, o) + } + + function trigger() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + for (var a = e[0].split(" "), r = e[1], n = 0; n < a.length; n += 1) + for (var i = a[n], s = 0; s < this.length; s += 1) { + var o = this[s], + l = void 0; + try { + l = new win.CustomEvent(i, { + detail: r, + bubbles: !0, + cancelable: !0 + }) + } catch (e) { + (l = doc.createEvent("Event")).initEvent(i, !0, !0), l.detail = r + } + o.dom7EventData = e.filter((function(e, t) { + return t > 0 + })), o.dispatchEvent(l), o.dom7EventData = [], delete o.dom7EventData + } + return this + } + + function transitionEnd(e) { + var t, a = ["webkitTransitionEnd", "transitionend"], + r = this; + + function n(i) { + if (i.target === this) + for (e.call(this, i), t = 0; t < a.length; t += 1) r.off(a[t], n) + } + if (e) + for (t = 0; t < a.length; t += 1) r.on(a[t], n); + return this + } + + function animationEnd(e) { + var t, a = ["webkitAnimationEnd", "animationend"], + r = this; + + function n(i) { + if (i.target === this) + for (e.call(this, i), t = 0; t < a.length; t += 1) r.off(a[t], n) + } + if (e) + for (t = 0; t < a.length; t += 1) r.on(a[t], n); + return this + } + + function width() { + return this[0] === win ? win.innerWidth : this.length > 0 ? parseFloat(this.css("width")) : null + } + + function outerWidth(e) { + if (this.length > 0) { + if (e) { + var t = this.styles(); + return this[0].offsetWidth + parseFloat(t.getPropertyValue("margin-right")) + parseFloat(t.getPropertyValue("margin-left")) + } + return this[0].offsetWidth + } + return null + } + + function height() { + return this[0] === win ? win.innerHeight : this.length > 0 ? parseFloat(this.css("height")) : null + } + + function outerHeight(e) { + if (this.length > 0) { + if (e) { + var t = this.styles(); + return this[0].offsetHeight + parseFloat(t.getPropertyValue("margin-top")) + parseFloat(t.getPropertyValue("margin-bottom")) + } + return this[0].offsetHeight + } + return null + } + + function offset() { + if (this.length > 0) { + var e = this[0], + t = e.getBoundingClientRect(), + a = doc.body, + r = e.clientTop || a.clientTop || 0, + n = e.clientLeft || a.clientLeft || 0, + i = e === win ? win.scrollY : e.scrollTop, + s = e === win ? win.scrollX : e.scrollLeft; + return { + top: t.top + i - r, + left: t.left + s - n + } + } + return null + } + + function hide() { + for (var e = 0; e < this.length; e += 1) this[e].style.display = "none"; + return this + } + + function show() { + for (var e = 0; e < this.length; e += 1) { + var t = this[e]; + "none" === t.style.display && (t.style.display = ""), "none" === win.getComputedStyle(t, null).getPropertyValue("display") && (t.style.display = "block") + } + return this + } + + function styles() { + return this[0] ? win.getComputedStyle(this[0], null) : {} + } + + function css(e, t) { + var a; + if (1 === arguments.length) { + if ("string" != typeof e) { + for (a = 0; a < this.length; a += 1) + for (var r in e) this[a].style[r] = e[r]; + return this + } + if (this[0]) return win.getComputedStyle(this[0], null).getPropertyValue(e) + } + if (2 === arguments.length && "string" == typeof e) { + for (a = 0; a < this.length; a += 1) this[a].style[e] = t; + return this + } + return this + } + + function toArray() { + for (var e = [], t = 0; t < this.length; t += 1) e.push(this[t]); + return e + } + + function each(e) { + if (!e) return this; + for (var t = 0; t < this.length; t += 1) + if (!1 === e.call(this[t], t, this[t])) return this; + return this + } + + function forEach(e) { + if (!e) return this; + for (var t = 0; t < this.length; t += 1) + if (!1 === e.call(this[t], this[t], t)) return this; + return this + } + + function filter(e) { + for (var t = [], a = 0; a < this.length; a += 1) e.call(this[a], a, this[a]) && t.push(this[a]); + return new Dom7(t) + } + + function map(e) { + for (var t = [], a = 0; a < this.length; a += 1) t.push(e.call(this[a], a, this[a])); + return new Dom7(t) + } + + function html(e) { + if (void 0 === e) return this[0] ? this[0].innerHTML : void 0; + for (var t = 0; t < this.length; t += 1) this[t].innerHTML = e; + return this + } + + function text(e) { + if (void 0 === e) return this[0] ? this[0].textContent.trim() : null; + for (var t = 0; t < this.length; t += 1) this[t].textContent = e; + return this + } + + function is(e) { + var t, a, r = this[0]; + if (!r || void 0 === e) return !1; + if ("string" == typeof e) { + if (r.matches) return r.matches(e); + if (r.webkitMatchesSelector) return r.webkitMatchesSelector(e); + if (r.msMatchesSelector) return r.msMatchesSelector(e); + for (t = $(e), a = 0; a < t.length; a += 1) + if (t[a] === r) return !0; + return !1 + } + if (e === doc) return r === doc; + if (e === win) return r === win; + if (e.nodeType || e instanceof Dom7) { + for (t = e.nodeType ? [e] : e, a = 0; a < t.length; a += 1) + if (t[a] === r) return !0; + return !1 + } + return !1 + } + + function indexOf(e) { + for (var t = 0; t < this.length; t += 1) + if (this[t] === e) return t; + return -1 + } + + function index() { + var e, t = this[0]; + if (t) { + for (e = 0; null !== (t = t.previousSibling);) 1 === t.nodeType && (e += 1); + return e + } + } + + function eq(e) { + if (void 0 === e) return this; + var t, a = this.length; + return new Dom7(e > a - 1 ? [] : e < 0 ? (t = a + e) < 0 ? [] : [this[t]] : [this[e]]) + } + + function append() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + for (var r = 0; r < t.length; r += 1) { + e = t[r]; + for (var n = 0; n < this.length; n += 1) + if ("string" == typeof e) { + var i = doc.createElement("div"); + for (i.innerHTML = e; i.firstChild;) this[n].appendChild(i.firstChild) + } else if (e instanceof Dom7) + for (var s = 0; s < e.length; s += 1) this[n].appendChild(e[s]); + else this[n].appendChild(e) + } + return this + } + + function appendTo(e) { + return $(e).append(this), this + } + + function prepend(e) { + var t, a; + for (t = 0; t < this.length; t += 1) + if ("string" == typeof e) { + var r = doc.createElement("div"); + for (r.innerHTML = e, a = r.childNodes.length - 1; a >= 0; a -= 1) this[t].insertBefore(r.childNodes[a], this[t].childNodes[0]) + } else if (e instanceof Dom7) + for (a = 0; a < e.length; a += 1) this[t].insertBefore(e[a], this[t].childNodes[0]); + else this[t].insertBefore(e, this[t].childNodes[0]); + return this + } + + function prependTo(e) { + return $(e).prepend(this), this + } + + function insertBefore(e) { + for (var t = $(e), a = 0; a < this.length; a += 1) + if (1 === t.length) t[0].parentNode.insertBefore(this[a], t[0]); + else if (t.length > 1) + for (var r = 0; r < t.length; r += 1) t[r].parentNode.insertBefore(this[a].cloneNode(!0), t[r]) + } + + function insertAfter(e) { + for (var t = $(e), a = 0; a < this.length; a += 1) + if (1 === t.length) t[0].parentNode.insertBefore(this[a], t[0].nextSibling); + else if (t.length > 1) + for (var r = 0; r < t.length; r += 1) t[r].parentNode.insertBefore(this[a].cloneNode(!0), t[r].nextSibling) + } + + function next(e) { + return this.length > 0 ? e ? this[0].nextElementSibling && $(this[0].nextElementSibling).is(e) ? new Dom7([this[0].nextElementSibling]) : new Dom7([]) : this[0].nextElementSibling ? new Dom7([this[0].nextElementSibling]) : new Dom7([]) : new Dom7([]) + } + + function nextAll(e) { + var t = [], + a = this[0]; + if (!a) return new Dom7([]); + for (; a.nextElementSibling;) { + var r = a.nextElementSibling; + e ? $(r).is(e) && t.push(r) : t.push(r), a = r + } + return new Dom7(t) + } + + function prev(e) { + if (this.length > 0) { + var t = this[0]; + return e ? t.previousElementSibling && $(t.previousElementSibling).is(e) ? new Dom7([t.previousElementSibling]) : new Dom7([]) : t.previousElementSibling ? new Dom7([t.previousElementSibling]) : new Dom7([]) + } + return new Dom7([]) + } + + function prevAll(e) { + var t = [], + a = this[0]; + if (!a) return new Dom7([]); + for (; a.previousElementSibling;) { + var r = a.previousElementSibling; + e ? $(r).is(e) && t.push(r) : t.push(r), a = r + } + return new Dom7(t) + } + + function siblings(e) { + return this.nextAll(e).add(this.prevAll(e)) + } + + function parent(e) { + for (var t = [], a = 0; a < this.length; a += 1) null !== this[a].parentNode && (e ? $(this[a].parentNode).is(e) && t.push(this[a].parentNode) : t.push(this[a].parentNode)); + return $(unique(t)) + } + + function parents(e) { + for (var t = [], a = 0; a < this.length; a += 1) + for (var r = this[a].parentNode; r;) e ? $(r).is(e) && t.push(r) : t.push(r), r = r.parentNode; + return $(unique(t)) + } + + function closest(e) { + var t = this; + return void 0 === e ? new Dom7([]) : (t.is(e) || (t = t.parents(e).eq(0)), t) + } + + function find(e) { + for (var t = [], a = 0; a < this.length; a += 1) + for (var r = this[a].querySelectorAll(e), n = 0; n < r.length; n += 1) t.push(r[n]); + return new Dom7(t) + } + + function children(e) { + for (var t = [], a = 0; a < this.length; a += 1) + for (var r = this[a].childNodes, n = 0; n < r.length; n += 1) e ? 1 === r[n].nodeType && $(r[n]).is(e) && t.push(r[n]) : 1 === r[n].nodeType && t.push(r[n]); + return new Dom7(unique(t)) + } + + function remove() { + for (var e = 0; e < this.length; e += 1) this[e].parentNode && this[e].parentNode.removeChild(this[e]); + return this + } + + function detach() { + return this.remove() + } + + function add() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a, r; + for (a = 0; a < e.length; a += 1) { + var n = $(e[a]); + for (r = 0; r < n.length; r += 1) this[this.length] = n[r], this.length += 1 + } + return this + } + + function empty() { + for (var e = 0; e < this.length; e += 1) { + var t = this[e]; + if (1 === t.nodeType) { + for (var a = 0; a < t.childNodes.length; a += 1) t.childNodes[a].parentNode && t.childNodes[a].parentNode.removeChild(t.childNodes[a]); + t.textContent = "" + } + } + return this + } + $.fn = Dom7.prototype, $.Class = Dom7, $.Dom7 = Dom7; + var Methods = Object.freeze({ + addClass: addClass, + removeClass: removeClass, + hasClass: hasClass, + toggleClass: toggleClass, + attr: attr, + removeAttr: removeAttr, + prop: prop, + data: data, + removeData: removeData, + dataset: dataset, + val: val, + transform: transform, + transition: transition, + on: on, + off: off, + once: once, + trigger: trigger, + transitionEnd: transitionEnd, + animationEnd: animationEnd, + width: width, + outerWidth: outerWidth, + height: height, + outerHeight: outerHeight, + offset: offset, + hide: hide, + show: show, + styles: styles, + css: css, + toArray: toArray, + each: each, + forEach: forEach, + filter: filter, + map: map, + html: html, + text: text, + is: is, + indexOf: indexOf, + index: index, + eq: eq, + append: append, + appendTo: appendTo, + prepend: prepend, + prependTo: prependTo, + insertBefore: insertBefore, + insertAfter: insertAfter, + next: next, + nextAll: nextAll, + prev: prev, + prevAll: prevAll, + siblings: siblings, + parent: parent, + parents: parents, + closest: closest, + find: find, + children: children, + remove: remove, + detach: detach, + add: add, + empty: empty + }); + + function scrollTo() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = t[0], + n = t[1], + i = t[2], + s = t[3], + o = t[4]; + return 4 === t.length && "function" == typeof s && (o = s, r = (e = t)[0], n = e[1], i = e[2], o = e[3], s = e[4]), void 0 === s && (s = "swing"), this.each((function() { + var e, t, a, l, p, c, d, u, h = this, + f = n > 0 || 0 === n, + m = r > 0 || 0 === r; + if (void 0 === s && (s = "swing"), f && (e = h.scrollTop, i || (h.scrollTop = n)), m && (t = h.scrollLeft, i || (h.scrollLeft = r)), i) { + f && (a = h.scrollHeight - h.offsetHeight, p = Math.max(Math.min(n, a), 0)), m && (l = h.scrollWidth - h.offsetWidth, c = Math.max(Math.min(r, l), 0)); + var v = null; + f && p === e && (f = !1), m && c === t && (m = !1), requestAnimationFrame((function a(r) { + void 0 === r && (r = (new Date).getTime()), null === v && (v = r); + var n, l = Math.max(Math.min((r - v) / i, 1), 0), + g = "linear" === s ? l : .5 - Math.cos(l * Math.PI) / 2; + f && (d = e + g * (p - e)), m && (u = t + g * (c - t)), f && p > e && d >= p && (h.scrollTop = p, n = !0), f && p < e && d <= p && (h.scrollTop = p, n = !0), m && c > t && u >= c && (h.scrollLeft = c, n = !0), m && c < t && u <= c && (h.scrollLeft = c, n = !0), n ? o && o() : (f && (h.scrollTop = d), m && (h.scrollLeft = u), requestAnimationFrame(a)) + })) + } + })) + } + + function scrollTop() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = t[0], + n = t[1], + i = t[2], + s = t[3]; + 3 === t.length && "function" == typeof i && (r = (e = t)[0], n = e[1], s = e[2], i = e[3]); + return void 0 === r ? this.length > 0 ? this[0].scrollTop : null : this.scrollTo(void 0, r, n, i, s) + } + + function scrollLeft() { + for (var e, t = [], a = arguments.length; a--;) t[a] = arguments[a]; + var r = t[0], + n = t[1], + i = t[2], + s = t[3]; + 3 === t.length && "function" == typeof i && (r = (e = t)[0], n = e[1], s = e[2], i = e[3]); + return void 0 === r ? this.length > 0 ? this[0].scrollLeft : null : this.scrollTo(r, void 0, n, i, s) + } + var Scroll = Object.freeze({ + scrollTo: scrollTo, + scrollTop: scrollTop, + scrollLeft: scrollLeft + }); + + function animate(e, t) { + var a, r = this, + n = { + props: Object.assign({}, e), + params: Object.assign({ + duration: 300, + easing: "swing" + }, t), + elements: r, + animating: !1, + que: [], + easingProgress: function(e, t) { + return "swing" === e ? .5 - Math.cos(t * Math.PI) / 2 : "function" == typeof e ? e(t) : t + }, + stop: function() { + n.frameId && cancelAnimationFrame(n.frameId), n.animating = !1, n.elements.each((function(e, t) { + delete t.dom7AnimateInstance + })), n.que = [] + }, + done: function(e) { + if (n.animating = !1, n.elements.each((function(e, t) { + delete t.dom7AnimateInstance + })), e && e(r), n.que.length > 0) { + var t = n.que.shift(); + n.animate(t[0], t[1]) + } + }, + animate: function(e, t) { + if (n.animating) return n.que.push([e, t]), n; + var a = []; + n.elements.each((function(t, r) { + var i, s, o, l, p; + r.dom7AnimateInstance || (n.elements[t].dom7AnimateInstance = n), a[t] = { + container: r + }, Object.keys(e).forEach((function(n) { + i = win.getComputedStyle(r, null).getPropertyValue(n).replace(",", "."), s = parseFloat(i), o = i.replace(s, ""), l = parseFloat(e[n]), p = e[n] + o, a[t][n] = { + initialFullValue: i, + initialValue: s, + unit: o, + finalValue: l, + finalFullValue: p, + currentValue: s + } + })) + })); + var i, s, o = null, + l = 0, + p = 0, + c = !1; + return n.animating = !0, n.frameId = requestAnimationFrame((function d() { + var u, h; + i = (new Date).getTime(), c || (c = !0, t.begin && t.begin(r)), null === o && (o = i), t.progress && t.progress(r, Math.max(Math.min((i - o) / t.duration, 1), 0), o + t.duration - i < 0 ? 0 : o + t.duration - i, o), a.forEach((function(r) { + var c = r; + s || c.done || Object.keys(e).forEach((function(r) { + if (!s && !c.done) { + u = Math.max(Math.min((i - o) / t.duration, 1), 0), h = n.easingProgress(t.easing, u); + var d = c[r], + f = d.initialValue, + m = d.finalValue, + v = d.unit; + c[r].currentValue = f + h * (m - f); + var g = c[r].currentValue; + (m > f && g >= m || m < f && g <= m) && (c.container.style[r] = m + v, (p += 1) === Object.keys(e).length && (c.done = !0, l += 1), l === a.length && (s = !0)), s ? n.done(t.complete) : c.container.style[r] = g + v + } + })) + })), s || (n.frameId = requestAnimationFrame(d)) + })), n + } + }; + if (0 === n.elements.length) return r; + for (var i = 0; i < n.elements.length; i += 1) n.elements[i].dom7AnimateInstance ? a = n.elements[i].dom7AnimateInstance : n.elements[i].dom7AnimateInstance = n; + return a || (a = n), "stop" === e ? a.stop() : a.animate(n.props, n.params), r + } + + function stop() { + for (var e = 0; e < this.length; e += 1) this[e].dom7AnimateInstance && this[e].dom7AnimateInstance.stop() + } + var Animate = Object.freeze({ + animate: animate, + stop: stop + }), + noTrigger = "resize scroll".split(" "); + + function eventShortcut(e) { + for (var t, a = [], r = arguments.length - 1; r-- > 0;) a[r] = arguments[r + 1]; + if (void 0 === a[0]) { + for (var n = 0; n < this.length; n += 1) noTrigger.indexOf(e) < 0 && (e in this[n] ? this[n][e]() : $(this[n]).trigger(e)); + return this + } + return (t = this).on.apply(t, [e].concat(a)) + } + + function click() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["click"].concat(e)) + } + + function blur() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["blur"].concat(e)) + } + + function focus() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["focus"].concat(e)) + } + + function focusin() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["focusin"].concat(e)) + } + + function focusout() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["focusout"].concat(e)) + } + + function keyup() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["keyup"].concat(e)) + } + + function keydown() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["keydown"].concat(e)) + } + + function keypress() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["keypress"].concat(e)) + } + + function submit() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["submit"].concat(e)) + } + + function change() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["change"].concat(e)) + } + + function mousedown() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mousedown"].concat(e)) + } + + function mousemove() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mousemove"].concat(e)) + } + + function mouseup() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mouseup"].concat(e)) + } + + function mouseenter() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mouseenter"].concat(e)) + } + + function mouseleave() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mouseleave"].concat(e)) + } + + function mouseout() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mouseout"].concat(e)) + } + + function mouseover() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["mouseover"].concat(e)) + } + + function touchstart() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["touchstart"].concat(e)) + } + + function touchend() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["touchend"].concat(e)) + } + + function touchmove() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["touchmove"].concat(e)) + } + + function resize() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["resize"].concat(e)) + } + + function scroll() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return eventShortcut.bind(this).apply(void 0, ["scroll"].concat(e)) + } + var eventShortcuts = Object.freeze({ + click: click, + blur: blur, + focus: focus, + focusin: focusin, + focusout: focusout, + keyup: keyup, + keydown: keydown, + keypress: keypress, + submit: submit, + change: change, + mousedown: mousedown, + mousemove: mousemove, + mouseup: mouseup, + mouseenter: mouseenter, + mouseleave: mouseleave, + mouseout: mouseout, + mouseover: mouseover, + touchstart: touchstart, + touchend: touchend, + touchmove: touchmove, + resize: resize, + scroll: scroll + }); + [Methods, Scroll, Animate, eventShortcuts].forEach((function(e) { + Object.keys(e).forEach((function(t) { + $.fn[t] = e[t] + })) + })); + for (var defaultDiacriticsRemovalap = [{ + base: "A", + letters: "AⒶAÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ" + }, { + base: "AA", + letters: "Ꜳ" + }, { + base: "AE", + letters: "ÆǼǢ" + }, { + base: "AO", + letters: "Ꜵ" + }, { + base: "AU", + letters: "Ꜷ" + }, { + base: "AV", + letters: "ꜸꜺ" + }, { + base: "AY", + letters: "Ꜽ" + }, { + base: "B", + letters: "BⒷBḂḄḆɃƂƁ" + }, { + base: "C", + letters: "CⒸCĆĈĊČÇḈƇȻꜾ" + }, { + base: "D", + letters: "DⒹDḊĎḌḐḒḎĐƋƊƉꝹ" + }, { + base: "DZ", + letters: "DZDŽ" + }, { + base: "Dz", + letters: "DzDž" + }, { + base: "E", + letters: "EⒺEÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ" + }, { + base: "F", + letters: "FⒻFḞƑꝻ" + }, { + base: "G", + letters: "GⒼGǴĜḠĞĠǦĢǤƓꞠꝽꝾ" + }, { + base: "H", + letters: "HⒽHĤḢḦȞḤḨḪĦⱧⱵꞍ" + }, { + base: "I", + letters: "IⒾIÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ" + }, { + base: "J", + letters: "JⒿJĴɈ" + }, { + base: "K", + letters: "KⓀKḰǨḲĶḴƘⱩꝀꝂꝄꞢ" + }, { + base: "L", + letters: "LⓁLĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ" + }, { + base: "LJ", + letters: "LJ" + }, { + base: "Lj", + letters: "Lj" + }, { + base: "M", + letters: "MⓂMḾṀṂⱮƜ" + }, { + base: "N", + letters: "NⓃNǸŃÑṄŇṆŅṊṈȠƝꞐꞤ" + }, { + base: "NJ", + letters: "NJ" + }, { + base: "Nj", + letters: "Nj" + }, { + base: "O", + letters: "OⓄOÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ" + }, { + base: "OI", + letters: "Ƣ" + }, { + base: "OO", + letters: "Ꝏ" + }, { + base: "OU", + letters: "Ȣ" + }, { + base: "OE", + letters: "ŒŒ" + }, { + base: "oe", + letters: "œœ" + }, { + base: "P", + letters: "PⓅPṔṖƤⱣꝐꝒꝔ" + }, { + base: "Q", + letters: "QⓆQꝖꝘɊ" + }, { + base: "R", + letters: "RⓇRŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ" + }, { + base: "S", + letters: "SⓈSẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ" + }, { + base: "T", + letters: "TⓉTṪŤṬȚŢṰṮŦƬƮȾꞆ" + }, { + base: "TZ", + letters: "Ꜩ" + }, { + base: "U", + letters: "UⓊUÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ" + }, { + base: "V", + letters: "VⓋVṼṾƲꝞɅ" + }, { + base: "VY", + letters: "Ꝡ" + }, { + base: "W", + letters: "WⓌWẀẂŴẆẄẈⱲ" + }, { + base: "X", + letters: "XⓍXẊẌ" + }, { + base: "Y", + letters: "YⓎYỲÝŶỸȲẎŸỶỴƳɎỾ" + }, { + base: "Z", + letters: "ZⓏZŹẐŻŽẒẔƵȤⱿⱫꝢ" + }, { + base: "a", + letters: "aⓐaẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ" + }, { + base: "aa", + letters: "ꜳ" + }, { + base: "ae", + letters: "æǽǣ" + }, { + base: "ao", + letters: "ꜵ" + }, { + base: "au", + letters: "ꜷ" + }, { + base: "av", + letters: "ꜹꜻ" + }, { + base: "ay", + letters: "ꜽ" + }, { + base: "b", + letters: "bⓑbḃḅḇƀƃɓ" + }, { + base: "c", + letters: "cⓒcćĉċčçḉƈȼꜿↄ" + }, { + base: "d", + letters: "dⓓdḋďḍḑḓḏđƌɖɗꝺ" + }, { + base: "dz", + letters: "dzdž" + }, { + base: "e", + letters: "eⓔeèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ" + }, { + base: "f", + letters: "fⓕfḟƒꝼ" + }, { + base: "g", + letters: "gⓖgǵĝḡğġǧģǥɠꞡᵹꝿ" + }, { + base: "h", + letters: "hⓗhĥḣḧȟḥḩḫẖħⱨⱶɥ" + }, { + base: "hv", + letters: "ƕ" + }, { + base: "i", + letters: "iⓘiìíîĩīĭïḯỉǐȉȋịįḭɨı" + }, { + base: "j", + letters: "jⓙjĵǰɉ" + }, { + base: "k", + letters: "kⓚkḱǩḳķḵƙⱪꝁꝃꝅꞣ" + }, { + base: "l", + letters: "lⓛlŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ" + }, { + base: "lj", + letters: "lj" + }, { + base: "m", + letters: "mⓜmḿṁṃɱɯ" + }, { + base: "n", + letters: "nⓝnǹńñṅňṇņṋṉƞɲʼnꞑꞥ" + }, { + base: "nj", + letters: "nj" + }, { + base: "o", + letters: "oⓞoòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ" + }, { + base: "oi", + letters: "ƣ" + }, { + base: "ou", + letters: "ȣ" + }, { + base: "oo", + letters: "ꝏ" + }, { + base: "p", + letters: "pⓟpṕṗƥᵽꝑꝓꝕ" + }, { + base: "q", + letters: "qⓠqɋꝗꝙ" + }, { + base: "r", + letters: "rⓡrŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ" + }, { + base: "s", + letters: "sⓢsßśṥŝṡšṧṣṩșşȿꞩꞅẛ" + }, { + base: "t", + letters: "tⓣtṫẗťṭțţṱṯŧƭʈⱦꞇ" + }, { + base: "tz", + letters: "ꜩ" + }, { + base: "u", + letters: "uⓤuùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ" + }, { + base: "v", + letters: "vⓥvṽṿʋꝟʌ" + }, { + base: "vy", + letters: "ꝡ" + }, { + base: "w", + letters: "wⓦwẁẃŵẇẅẘẉⱳ" + }, { + base: "x", + letters: "xⓧxẋẍ" + }, { + base: "y", + letters: "yⓨyỳýŷỹȳẏÿỷẙỵƴɏỿ" + }, { + base: "z", + letters: "zⓩzźẑżžẓẕƶȥɀⱬꝣ" + }], diacriticsMap = {}, i = 0; i < defaultDiacriticsRemovalap.length; i += 1) + for (var letters = defaultDiacriticsRemovalap[i].letters, j = 0; j < letters.length; j += 1) diacriticsMap[letters[j]] = defaultDiacriticsRemovalap[i].base; + var uniqueNumber = 1, + Utils = { + uniqueNumber: function() { + return uniqueNumber += 1 + }, + id: function(e, t) { + void 0 === e && (e = "xxxxxxxxxx"), void 0 === t && (t = "0123456789abcdef"); + var a = t.length; + return e.replace(/x/g, (function() { + return t[Math.floor(Math.random() * a)] + })) + }, + mdPreloaderContent: '\n \n \n \n \n \n \n \n \n \n '.trim(), + iosPreloaderContent: ('\n \n ' + [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map((function() { + return '' + })).join("") + "\n \n ").trim(), + auroraPreloaderContent: '\n \n \n \n ', + eventNameToColonCase: function(e) { + var t; + return e.split("").map((function(e, a) { + return e.match(/[A-Z]/) && 0 !== a && !t ? (t = !0, ":" + e.toLowerCase()) : e.toLowerCase() + })).join("") + }, + deleteProps: function(e) { + var t = e; + Object.keys(t).forEach((function(e) { + try { + t[e] = null + } catch (e) {} + try { + delete t[e] + } catch (e) {} + })) + }, + nextTick: function(e, t) { + return void 0 === t && (t = 0), setTimeout(e, t) + }, + nextFrame: function(e) { + return Utils.requestAnimationFrame((function() { + Utils.requestAnimationFrame(e) + })) + }, + now: function() { + return Date.now() + }, + requestAnimationFrame: function(e) { + return win.requestAnimationFrame(e) + }, + cancelAnimationFrame: function(e) { + return win.cancelAnimationFrame(e) + }, + removeDiacritics: function(e) { + return e.replace(/[^\u0000-\u007E]/g, (function(e) { + return diacriticsMap[e] || e + })) + }, + parseUrlQuery: function(e) { + var t, a, r, n, i = {}, + s = e || win.location.href; + if ("string" == typeof s && s.length) + for (n = (a = (s = s.indexOf("?") > -1 ? s.replace(/\S*\?/, "") : "").split("&").filter((function(e) { + return "" !== e + }))).length, t = 0; t < n; t += 1) r = a[t].replace(/#\S+/g, "").split("="), i[decodeURIComponent(r[0])] = void 0 === r[1] ? void 0 : decodeURIComponent(r.slice(1).join("=")) || ""; + return i + }, + getTranslate: function(e, t) { + var a, r, n; + void 0 === t && (t = "x"); + var i = win.getComputedStyle(e, null); + return win.WebKitCSSMatrix ? ((r = i.transform || i.webkitTransform).split(",").length > 6 && (r = r.split(", ").map((function(e) { + return e.replace(",", ".") + })).join(", ")), n = new win.WebKitCSSMatrix("none" === r ? "" : r)) : a = (n = i.MozTransform || i.OTransform || i.MsTransform || i.msTransform || i.transform || i.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,")).toString().split(","), "x" === t && (r = win.WebKitCSSMatrix ? n.m41 : 16 === a.length ? parseFloat(a[12]) : parseFloat(a[4])), "y" === t && (r = win.WebKitCSSMatrix ? n.m42 : 16 === a.length ? parseFloat(a[13]) : parseFloat(a[5])), r || 0 + }, + serializeObject: function(e, t) { + if (void 0 === t && (t = []), "string" == typeof e) return e; + var a, r = []; + + function n(e) { + if (t.length > 0) { + for (var a = "", r = 0; r < t.length; r += 1) a += 0 === r ? t[r] : "[" + encodeURIComponent(t[r]) + "]"; + return a + "[" + encodeURIComponent(e) + "]" + } + return encodeURIComponent(e) + } + + function i(e) { + return encodeURIComponent(e) + } + return Object.keys(e).forEach((function(s) { + var o; + if (Array.isArray(e[s])) { + o = []; + for (var l = 0; l < e[s].length; l += 1) Array.isArray(e[s][l]) || "object" != typeof e[s][l] ? o.push(n(s) + "[]=" + i(e[s][l])) : ((a = t.slice()).push(s), a.push(String(l)), o.push(Utils.serializeObject(e[s][l], a))); + o.length > 0 && r.push(o.join("&")) + } else null === e[s] || "" === e[s] ? r.push(n(s) + "=") : "object" == typeof e[s] ? ((a = t.slice()).push(s), "" !== (o = Utils.serializeObject(e[s], a)) && r.push(o)) : void 0 !== e[s] && "" !== e[s] ? r.push(n(s) + "=" + i(e[s])) : "" === e[s] && r.push(n(s)) + })), r.join("&") + }, + isObject: function(e) { + return "object" == typeof e && null !== e && e.constructor && e.constructor === Object + }, + merge: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a = e[0]; + e.splice(0, 1); + for (var r = e, n = 0; n < r.length; n += 1) { + var i = e[n]; + if (null != i) + for (var s = Object.keys(Object(i)), o = 0, l = s.length; o < l; o += 1) { + var p = s[o], + c = Object.getOwnPropertyDescriptor(i, p); + void 0 !== c && c.enumerable && (a[p] = i[p]) + } + } + return a + }, + extend: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a, r, n = !0; + "boolean" == typeof e[0] ? (n = e[0], a = e[1], e.splice(0, 2), r = e) : (a = e[0], e.splice(0, 1), r = e); + for (var i = 0; i < r.length; i += 1) { + var s = e[i]; + if (null != s) + for (var o = Object.keys(Object(s)), l = 0, p = o.length; l < p; l += 1) { + var c = o[l], + d = Object.getOwnPropertyDescriptor(s, c); + void 0 !== d && d.enumerable && (n ? Utils.isObject(a[c]) && Utils.isObject(s[c]) ? Utils.extend(a[c], s[c]) : !Utils.isObject(a[c]) && Utils.isObject(s[c]) ? (a[c] = {}, Utils.extend(a[c], s[c])) : a[c] = s[c] : a[c] = s[c]) + } + } + return a + }, + colorHexToRgb: function(e) { + var t = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (function(e, t, a, r) { + return t + t + a + a + r + r + })), + a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t); + return a ? a.slice(1).map((function(e) { + return parseInt(e, 16) + })) : null + }, + colorRgbToHex: function(e, t, a) { + return "#" + [e, t, a].map((function(e) { + var t = e.toString(16); + return 1 === t.length ? "0" + t : t + })).join("") + }, + colorRgbToHsl: function(e, t, a) { + e /= 255, t /= 255, a /= 255; + var r, n = Math.max(e, t, a), + i = Math.min(e, t, a), + s = n - i; + 0 === s ? r = 0 : n === e ? r = (t - a) / s % 6 : n === t ? r = (a - e) / s + 2 : n === a && (r = (e - t) / s + 4); + var o = (i + n) / 2; + return r < 0 && (r = 6 + r), [60 * r, 0 === s ? 0 : s / (1 - Math.abs(2 * o - 1)), o] + }, + colorHslToRgb: function(e, t, a) { + var r, n = (1 - Math.abs(2 * a - 1)) * t, + i = e / 60, + s = n * (1 - Math.abs(i % 2 - 1)); + Number.isNaN(e) || void 0 === e ? r = [0, 0, 0] : i <= 1 ? r = [n, s, 0] : i <= 2 ? r = [s, n, 0] : i <= 3 ? r = [0, n, s] : i <= 4 ? r = [0, s, n] : i <= 5 ? r = [s, 0, n] : i <= 6 && (r = [n, 0, s]); + var o = a - n / 2; + return r.map((function(e) { + return Math.max(0, Math.min(255, Math.round(255 * (e + o)))) + })) + }, + colorHsbToHsl: function(e, t, a) { + var r = { + h: e, + s: 0, + l: 0 + }, + n = t, + i = a; + return r.l = (2 - n) * i / 2, r.s = r.l && r.l < 1 ? n * i / (r.l < .5 ? 2 * r.l : 2 - 2 * r.l) : r.s, [r.h, r.s, r.l] + }, + colorHslToHsb: function(e, t, a) { + var r = { + h: e, + s: 0, + b: 0 + }, + n = a, + i = t * (n < .5 ? n : 1 - n); + return r.b = n + i, r.s = n > 0 ? 2 * i / r.b : r.s, [r.h, r.s, r.b] + }, + colorThemeCSSProperties: function() { + for (var e, t, a = [], r = arguments.length; r--;) a[r] = arguments[r]; + if (1 === a.length ? (e = a[0], t = Utils.colorHexToRgb(e)) : 3 === a.length && (t = a, e = Utils.colorRgbToHex.apply(Utils, t)), !t) return {}; + var n = Utils.colorRgbToHsl.apply(Utils, t), + i = [n[0], n[1], Math.max(0, n[2] - .08)], + s = [n[0], n[1], Math.max(0, n[2] + .08)], + o = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, i)), + l = Utils.colorRgbToHex.apply(Utils, Utils.colorHslToRgb.apply(Utils, s)); + return { + "--f7-theme-color": e, + "--f7-theme-color-rgb": t.join(", "), + "--f7-theme-color-shade": o, + "--f7-theme-color-tint": l + } + } + }, + Support = { + touch: !!(win.navigator.maxTouchPoints > 0 || "ontouchstart" in win || win.DocumentTouch && doc instanceof win.DocumentTouch), + pointerEvents: !!win.PointerEvent && "maxTouchPoints" in win.navigator && win.navigator.maxTouchPoints > 0, + observer: "MutationObserver" in win || "WebkitMutationObserver" in win, + passiveListener: function() { + var e = !1; + try { + var t = Object.defineProperty({}, "passive", { + get: function() { + e = !0 + } + }); + win.addEventListener("testPassiveListener", null, t) + } catch (e) {} + return e + }(), + gestures: "ongesturestart" in win, + intersectionObserver: "IntersectionObserver" in win + }, + Device = function() { + var e = win.navigator.platform, + t = win.navigator.userAgent, + a = { + ios: !1, + android: !1, + androidChrome: !1, + desktop: !1, + iphone: !1, + ipod: !1, + ipad: !1, + edge: !1, + ie: !1, + firefox: !1, + macos: !1, + windows: !1, + cordova: !(!win.cordova && !win.phonegap), + phonegap: !(!win.cordova && !win.phonegap), + electron: !1 + }, + r = win.screen.width, + n = win.screen.height, + i = t.match(/(Android);?[\s\/]+([\d.]+)?/), + s = t.match(/(iPad).*OS\s([\d_]+)/), + o = t.match(/(iPod)(.*OS\s([\d_]+))?/), + l = !s && t.match(/(iPhone\sOS|iOS)\s([\d_]+)/), + p = t.indexOf("MSIE ") >= 0 || t.indexOf("Trident/") >= 0, + c = t.indexOf("Edge/") >= 0, + d = t.indexOf("Gecko/") >= 0 && t.indexOf("Firefox/") >= 0, + u = "Win32" === e, + h = t.toLowerCase().indexOf("electron") >= 0, + f = "MacIntel" === e; + !s && f && Support.touch && (1024 === r && 1366 === n || 834 === r && 1194 === n || 834 === r && 1112 === n || 768 === r && 1024 === n) && (s = t.match(/(Version)\/([\d.]+)/), f = !1), a.ie = p, a.edge = c, a.firefox = d, i && !u && (a.os = "android", a.osVersion = i[2], a.android = !0, a.androidChrome = t.toLowerCase().indexOf("chrome") >= 0), (s || l || o) && (a.os = "ios", a.ios = !0), l && !o && (a.osVersion = l[2].replace(/_/g, "."), a.iphone = !0), s && (a.osVersion = s[2].replace(/_/g, "."), a.ipad = !0), o && (a.osVersion = o[3] ? o[3].replace(/_/g, ".") : null, a.ipod = !0), a.ios && a.osVersion && t.indexOf("Version/") >= 0 && "10" === a.osVersion.split(".")[0] && (a.osVersion = t.toLowerCase().split("version/")[1].split(" ")[0]), a.webView = !(!(l || s || o) || !t.match(/.*AppleWebKit(?!.*Safari)/i) && !win.navigator.standalone) || win.matchMedia && win.matchMedia("(display-mode: standalone)").matches, a.webview = a.webView, a.standalone = a.webView, a.desktop = !(a.ios || a.android) || h, a.desktop && (a.electron = h, a.macos = f, a.windows = u, a.macos && (a.os = "macos"), a.windows && (a.os = "windows")), a.pixelRatio = win.devicePixelRatio || 1; + return a.prefersColorScheme = function() { + var e; + return win.matchMedia && win.matchMedia("(prefers-color-scheme: light)").matches && (e = "light"), win.matchMedia && win.matchMedia("(prefers-color-scheme: dark)").matches && (e = "dark"), e + }, a + }(), + EventsClass = function(e) { + void 0 === e && (e = []); + this.eventsParents = e, this.eventsListeners = {} + }; + EventsClass.prototype.on = function(e, t, a) { + var r = this; + if ("function" != typeof t) return r; + var n = a ? "unshift" : "push"; + return e.split(" ").forEach((function(e) { + r.eventsListeners[e] || (r.eventsListeners[e] = []), r.eventsListeners[e][n](t) + })), r + }, EventsClass.prototype.once = function(e, t, a) { + var r = this; + if ("function" != typeof t) return r; + + function n() { + for (var a = [], i = arguments.length; i--;) a[i] = arguments[i]; + r.off(e, n), n.f7proxy && delete n.f7proxy, t.apply(r, a) + } + return n.f7proxy = t, r.on(e, n, a) + }, EventsClass.prototype.off = function(e, t) { + var a = this; + return a.eventsListeners ? (e.split(" ").forEach((function(e) { + void 0 === t ? a.eventsListeners[e] = [] : a.eventsListeners[e] && a.eventsListeners[e].forEach((function(r, n) { + (r === t || r.f7proxy && r.f7proxy === t) && a.eventsListeners[e].splice(n, 1) + })) + })), a) : a + }, EventsClass.prototype.emit = function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a, r, n, i, s = this; + if (!s.eventsListeners) return s; + "string" == typeof e[0] || Array.isArray(e[0]) ? (a = e[0], r = e.slice(1, e.length), n = s, i = s.eventsParents) : (a = e[0].events, r = e[0].data, n = e[0].context || s, i = e[0].local ? [] : e[0].parents || s.eventsParents); + var o = Array.isArray(a) ? a : a.split(" "), + l = o.map((function(e) { + return e.replace("local::", "") + })), + p = o.filter((function(e) { + return e.indexOf("local::") < 0 + })); + return l.forEach((function(e) { + if (s.eventsListeners && s.eventsListeners[e]) { + var t = []; + s.eventsListeners[e].forEach((function(e) { + t.push(e) + })), t.forEach((function(e) { + e.apply(n, r) + })) + } + })), i && i.length > 0 && i.forEach((function(e) { + e.emit.apply(e, [p].concat(r)) + })), s + }; + var Framework7Class = function(e) { + function t(t, a) { + void 0 === t && (t = {}), void 0 === a && (a = []), e.call(this, a); + var r = this; + r.params = t, r.params && r.params.on && Object.keys(r.params.on).forEach((function(e) { + r.on(e, r.params.on[e]) + })) + } + e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t; + var a = { + components: { + configurable: !0 + } + }; + return t.prototype.useModuleParams = function(e, t) { + if (e.params) { + var a = {}; + Object.keys(e.params).forEach((function(e) { + void 0 !== t[e] && (a[e] = Utils.extend({}, t[e])) + })), Utils.extend(t, e.params), Object.keys(a).forEach((function(e) { + Utils.extend(t[e], a[e]) + })) + } + }, t.prototype.useModulesParams = function(e) { + var t = this; + t.modules && Object.keys(t.modules).forEach((function(a) { + var r = t.modules[a]; + r.params && Utils.extend(e, r.params) + })) + }, t.prototype.useModule = function(e, t) { + void 0 === e && (e = ""), void 0 === t && (t = {}); + var a = this; + if (a.modules) { + var r = "string" == typeof e ? a.modules[e] : e; + r && (r.instance && Object.keys(r.instance).forEach((function(e) { + var t = r.instance[e]; + a[e] = "function" == typeof t ? t.bind(a) : t + })), r.on && a.on && Object.keys(r.on).forEach((function(e) { + a.on(e, r.on[e]) + })), r.vnode && (a.vnodeHooks || (a.vnodeHooks = {}), Object.keys(r.vnode).forEach((function(e) { + Object.keys(r.vnode[e]).forEach((function(t) { + var n = r.vnode[e][t]; + a.vnodeHooks[t] || (a.vnodeHooks[t] = {}), a.vnodeHooks[t][e] || (a.vnodeHooks[t][e] = []), a.vnodeHooks[t][e].push(n.bind(a)) + })) + }))), r.create && r.create.bind(a)(t)) + } + }, t.prototype.useModules = function(e) { + void 0 === e && (e = {}); + var t = this; + t.modules && Object.keys(t.modules).forEach((function(a) { + var r = e[a] || {}; + t.useModule(a, r) + })) + }, a.components.set = function(e) { + this.use && this.use(e) + }, t.installModule = function(e) { + for (var t = [], a = arguments.length - 1; a-- > 0;) t[a] = arguments[a + 1]; + var r = this; + r.prototype.modules || (r.prototype.modules = {}); + var n = e.name || Object.keys(r.prototype.modules).length + "_" + Utils.now(); + return r.prototype.modules[n] = e, e.proto && Object.keys(e.proto).forEach((function(t) { + r.prototype[t] = e.proto[t] + })), e.static && Object.keys(e.static).forEach((function(t) { + r[t] = e.static[t] + })), e.install && e.install.apply(r, t), r + }, t.use = function(e) { + for (var t = [], a = arguments.length - 1; a-- > 0;) t[a] = arguments[a + 1]; + var r = this; + return Array.isArray(e) ? (e.forEach((function(e) { + return r.installModule(e) + })), r) : r.installModule.apply(r, [e].concat(t)) + }, Object.defineProperties(t, a), t + }(EventsClass); + + function ConstructorMethods(e) { + void 0 === e && (e = {}); + var t = e.defaultSelector, + a = e.constructor, + r = e.domProp, + n = e.app, + i = e.addMethods, + s = { + create: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return n ? new(Function.prototype.bind.apply(a, [null].concat([n], e))) : new(Function.prototype.bind.apply(a, [null].concat(e))) + }, + get: function(e) { + if (void 0 === e && (e = t), e instanceof a) return e; + var n = $(e); + return 0 !== n.length ? n[0][r] : void 0 + }, + destroy: function(e) { + var t = s.get(e); + if (t && t.destroy) return t.destroy() + } + }; + return i && Array.isArray(i) && i.forEach((function(e) { + s[e] = function(a) { + void 0 === a && (a = t); + for (var r = [], n = arguments.length - 1; n-- > 0;) r[n] = arguments[n + 1]; + var i = s.get(a); + if (i && i[e]) return i[e].apply(i, r) + } + })), s + } + + function ModalMethods(e) { + void 0 === e && (e = {}); + var t = e.defaultSelector, + a = e.constructor, + r = e.app; + return Utils.extend(ConstructorMethods({ + defaultSelector: t, + constructor: a, + app: r, + domProp: "f7Modal" + }), { + open: function(e, t) { + var n = $(e), + i = n[0].f7Modal; + return i || (i = new a(r, { + el: n + })), i.open(t) + }, + close: function(e, n) { + void 0 === e && (e = t); + var i = $(e); + if (0 !== i.length) { + var s = i[0].f7Modal; + return s || (s = new a(r, { + el: i + })), s.close(n) + } + } + }) + } + var fetchedModules = []; + + function loadModule(e) { + var t = this; + return new Promise((function(a, r) { + var n, i, s, o = t.instance; + if (e) { + if ("string" == typeof e) { + var l = e.match(/([a-z0-9-]*)/i); + if (e.indexOf(".") < 0 && l && l[0].length === e.length) { + if (!o || o && !o.params.lazyModulesPath) return void r(new Error('Framework7: "lazyModulesPath" app parameter must be specified to fetch module by name')); + n = o.params.lazyModulesPath + "/" + e + ".js" + } else n = e + } else "function" == typeof e ? s = e : i = e; + if (s) { + var p = s(t, !1); + if (!p) return void r(new Error("Framework7: Can't find Framework7 component in specified component function")); + if (t.prototype.modules && t.prototype.modules[p.name]) return void a(); + h(p), a() + } + if (i) { + var c = i; + if (!c) return void r(new Error("Framework7: Can't find Framework7 component in specified component")); + if (t.prototype.modules && t.prototype.modules[c.name]) return void a(); + h(c), a() + } + if (n) { + if (fetchedModules.indexOf(n) >= 0) return void a(); + fetchedModules.push(n); + var d = new Promise((function(e, a) { + t.request.get(n, (function(r) { + var i = "f7_component_loader_callback_" + Utils.id(), + s = document.createElement("script"); + s.innerHTML = "window." + i + " = function (Framework7, Framework7AutoInstallComponent) {return " + r.trim() + "}", $("head").append(s); + var o = window[i]; + delete window[i], $(s).remove(); + var l = o(t, !1); + l ? t.prototype.modules && t.prototype.modules[l.name] ? e() : (h(l), e()) : a(new Error("Framework7: Can't find Framework7 component in " + n + " file")) + }), (function(e, t) { + a(e, t) + })) + })), + u = new Promise((function(e) { + t.request.get(n.replace(".js", o.rtl ? ".rtl.css" : ".css"), (function(t) { + var a = document.createElement("style"); + a.innerHTML = t, $("head").append(a), e() + }), (function() { + e() + })) + })); + Promise.all([d, u]).then((function() { + a() + })).catch((function(e) { + r(e) + })) + } + } else r(new Error("Framework7: Lazy module must be specified")); + + function h(e) { + t.use(e), o && (o.useModuleParams(e, o.params), o.useModule(e)) + } + })) + } + var Framework7 = function(e) { + function t(a) { + if (e.call(this, a), t.instance) throw new Error("Framework7 is already initialized and can't be initialized more than once"); + var r = Utils.extend({}, a), + n = this; + t.instance = n; + var i = { + version: "1.0.0", + id: "io.framework7.testapp", + root: "body", + theme: "auto", + language: win.navigator.language, + routes: [], + name: "Framework7", + lazyModulesPath: null, + initOnDeviceReady: !0, + init: !0, + autoDarkTheme: !1, + iosTranslucentBars: !0, + iosTranslucentModals: !0 + }; + n.useModulesParams(i), n.params = Utils.extend(i, a); + var s = $(n.params.root); + Utils.extend(n, { + id: n.params.id, + name: n.params.name, + version: n.params.version, + routes: n.params.routes, + language: n.params.language, + root: s, + rtl: "rtl" === s.css("direction"), + theme: "auto" === n.params.theme ? Device.ios ? "ios" : Device.desktop && Device.electron ? "aurora" : "md" : n.params.theme, + passedParams: r, + online: win.navigator.onLine + }), n.root && n.root[0] && (n.root[0].f7 = n), n.useModules(), n.initData(); + var o = "(prefers-color-scheme: dark)", + l = "(prefers-color-scheme: light)"; + return n.mq = {}, win.matchMedia && (n.mq.dark = win.matchMedia(o), n.mq.light = win.matchMedia(l)), n.colorSchemeListener = function(e) { + var t = e.matches, + a = e.media; + if (t) { + var r = doc.querySelector("html"); + a === o ? r.classList.add("theme-dark") : a === l && r.classList.remove("theme-dark") + } + }, n.params.init && (Device.cordova && n.params.initOnDeviceReady ? $(doc).on("deviceready", (function() { + n.init() + })) : n.init()), n + } + e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t; + var a = { + $: { + configurable: !0 + }, + t7: { + configurable: !0 + } + }, + r = { + Dom7: { + configurable: !0 + }, + $: { + configurable: !0 + }, + Template7: { + configurable: !0 + }, + Class: { + configurable: !0 + }, + Events: { + configurable: !0 + } + }; + return t.prototype.initData = function() { + var e = this; + e.data = {}, e.params.data && "function" == typeof e.params.data ? Utils.extend(e.data, e.params.data.bind(e)()) : e.params.data && Utils.extend(e.data, e.params.data), e.methods = {}, e.params.methods && Object.keys(e.params.methods).forEach((function(t) { + "function" == typeof e.params.methods[t] ? e.methods[t] = e.params.methods[t].bind(e) : e.methods[t] = e.params.methods[t] + })) + }, t.prototype.enableAutoDarkTheme = function() { + if (win.matchMedia) { + var e = this, + t = doc.querySelector("html"); + e.mq.dark && e.mq.light && (e.mq.dark.addListener(e.colorSchemeListener), e.mq.light.addListener(e.colorSchemeListener)), e.mq.dark && e.mq.dark.matches ? t.classList.add("theme-dark") : e.mq.light && e.mq.light.matches && t.classList.remove("theme-dark") + } + }, t.prototype.disableAutoDarkTheme = function() { + if (win.matchMedia) { + this.mq.dark && this.mq.dark.removeListener(this.colorSchemeListener), this.mq.light && this.mq.light.removeListener(this.colorSchemeListener) + } + }, t.prototype.init = function() { + var e = this; + return e.initialized ? e : (e.root.addClass("framework7-initializing"), e.rtl && $("html").attr("dir", "rtl"), e.params.autoDarkTheme && e.enableAutoDarkTheme(), win.addEventListener("offline", (function() { + e.online = !1, e.emit("offline"), e.emit("connection", !1) + })), win.addEventListener("online", (function() { + e.online = !0, e.emit("online"), e.emit("connection", !0) + })), e.root.addClass("framework7-root"), $("html").removeClass("ios md aurora").addClass(e.theme), e.params.iosTranslucentBars && "ios" === e.theme && Device.ios && $("html").addClass("ios-translucent-bars"), e.params.iosTranslucentModals && "ios" === e.theme && Device.ios && $("html").addClass("ios-translucent-modals"), Utils.nextFrame((function() { + e.root.removeClass("framework7-initializing") + })), e.initialized = !0, e.emit("init"), e) + }, t.prototype.loadModule = function() { + for (var e = [], a = arguments.length; a--;) e[a] = arguments[a]; + return t.loadModule.apply(t, e) + }, t.prototype.loadModules = function() { + for (var e = [], a = arguments.length; a--;) e[a] = arguments[a]; + return t.loadModules.apply(t, e) + }, t.prototype.getVnodeHooks = function(e, t) { + return this.vnodeHooks && this.vnodeHooks[e] && this.vnodeHooks[e][t] || [] + }, a.$.get = function() { + return $ + }, a.t7.get = function() { + return Template7 + }, r.Dom7.get = function() { + return $ + }, r.$.get = function() { + return $ + }, r.Template7.get = function() { + return Template7 + }, r.Class.get = function() { + return e + }, r.Events.get = function() { + return EventsClass + }, Object.defineProperties(t.prototype, a), Object.defineProperties(t, r), t + }(Framework7Class); + Framework7.ModalMethods = ModalMethods, Framework7.ConstructorMethods = ConstructorMethods, Framework7.loadModule = loadModule, Framework7.loadModules = function(e) { + return Promise.all(e.map((function(e) { + return Framework7.loadModule(e) + }))) + }; + var DeviceModule = { + name: "device", + proto: { + device: Device + }, + static: { + device: Device + }, + on: { + init: function() { + var e = [], + t = doc.querySelector("html"), + a = doc.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]'); + t && (Device.standalone && Device.ios && a && "black-translucent" === a.content && e.push("device-full-viewport"), e.push("device-pixel-ratio-" + Math.floor(Device.pixelRatio)), Device.os && !Device.desktop ? e.push("device-" + Device.os) : Device.desktop && (e.push("device-desktop"), Device.os && e.push("device-" + Device.os)), (Device.cordova || Device.phonegap) && e.push("device-cordova"), e.forEach((function(e) { + t.classList.add(e) + }))) + } + } + }, + SupportModule = { + name: "support", + proto: { + support: Support + }, + static: { + support: Support + } + }, + UtilsModule = { + name: "utils", + proto: { + utils: Utils + }, + static: { + utils: Utils + } + }, + ResizeModule = { + name: "resize", + instance: { + getSize: function() { + if (!this.root[0]) return { + width: 0, + height: 0, + left: 0, + top: 0 + }; + var e = this.root.offset(), + t = [this.root[0].offsetWidth, this.root[0].offsetHeight, e.left, e.top], + a = t[0], + r = t[1], + n = t[2], + i = t[3]; + return this.width = a, this.height = r, this.left = n, this.top = i, { + width: a, + height: r, + left: n, + top: i + } + } + }, + on: { + init: function() { + var e = this; + e.getSize(), win.addEventListener("resize", (function() { + e.emit("resize") + }), !1), win.addEventListener("orientationchange", (function() { + e.emit("orientationchange") + })) + }, + orientationchange: function() { + this.device.ipad && (doc.body.scrollLeft = 0, setTimeout((function() { + doc.body.scrollLeft = 0 + }), 0)) + }, + resize: function() { + this.getSize() + } + } + }, + globals = {}, + jsonpRequests = 0; + + function Request(e) { + var t = Utils.extend({}, globals); + "beforeCreate beforeOpen beforeSend error complete success statusCode".split(" ").forEach((function(e) { + delete t[e] + })); + var a = Utils.extend({ + url: win.location.toString(), + method: "GET", + data: !1, + async: !0, + cache: !0, + user: "", + password: "", + headers: {}, + xhrFields: {}, + statusCode: {}, + processData: !0, + dataType: "text", + contentType: "application/x-www-form-urlencoded", + timeout: 0 + }, t), + r = Utils.extend({}, a, e); + + function n(e) { + for (var t, a, n = [], i = arguments.length - 1; i-- > 0;) n[i] = arguments[i + 1]; + return globals[e] && (t = globals[e].apply(globals, n)), r[e] && (a = r[e].apply(r, n)), "boolean" != typeof t && (t = !0), "boolean" != typeof a && (a = !0), t && a + } + if (!1 !== n("beforeCreate", r)) { + r.type && (r.method = r.type); + var i, s = r.url.indexOf("?") >= 0 ? "&" : "?", + o = r.method.toUpperCase(); + if (("GET" === o || "HEAD" === o || "OPTIONS" === o || "DELETE" === o) && r.data)(i = "string" == typeof r.data ? r.data.indexOf("?") >= 0 ? r.data.split("?")[1] : r.data : Utils.serializeObject(r.data)).length && (r.url += s + i, "?" === s && (s = "&")); + if ("json" === r.dataType && r.url.indexOf("callback=") >= 0) { + var l, p = "f7jsonp_" + (Date.now() + (jsonpRequests += 1)), + c = r.url.split("callback="), + d = c[0] + "callback=" + p; + if (c[1].indexOf("&") >= 0) { + var u = c[1].split("&").filter((function(e) { + return e.indexOf("=") > 0 + })).join("&"); + u.length > 0 && (d += "&" + u) + } + var h = doc.createElement("script"); + return h.type = "text/javascript", h.onerror = function() { + clearTimeout(l), n("error", null, "scripterror", "scripterror"), n("complete", null, "scripterror") + }, h.src = d, win[p] = function(e) { + clearTimeout(l), n("success", e), h.parentNode.removeChild(h), h = null, delete win[p] + }, doc.querySelector("head").appendChild(h), void(r.timeout > 0 && (l = setTimeout((function() { + h.parentNode.removeChild(h), h = null, n("error", null, "timeout", "timeout") + }), r.timeout))) + } + "GET" !== o && "HEAD" !== o && "OPTIONS" !== o && "DELETE" !== o || !1 === r.cache && (r.url += s + "_nocache" + Date.now()); + var f = new XMLHttpRequest; + if (f.requestUrl = r.url, f.requestParameters = r, !1 === n("beforeOpen", f, r)) return f; + f.open(o, r.url, r.async, r.user, r.password); + var m, v = null; + if (("POST" === o || "PUT" === o || "PATCH" === o) && r.data) + if (r.processData) + if ([ArrayBuffer, Blob, Document, FormData].indexOf(r.data.constructor) >= 0) v = r.data; + else { + var g = "---------------------------" + Date.now().toString(16); + "multipart/form-data" === r.contentType ? f.setRequestHeader("Content-Type", "multipart/form-data; boundary=" + g) : f.setRequestHeader("Content-Type", r.contentType), v = ""; + var b = Utils.serializeObject(r.data); + if ("multipart/form-data" === r.contentType) { + b = b.split("&"); + for (var y = [], w = 0; w < b.length; w += 1) y.push('Content-Disposition: form-data; name="' + b[w].split("=")[0] + '"\r\n\r\n' + b[w].split("=")[1] + "\r\n"); + v = "--" + g + "\r\n" + y.join("--" + g + "\r\n") + "--" + g + "--\r\n" + } else v = "application/json" === r.contentType ? JSON.stringify(r.data) : b + } + else v = r.data, f.setRequestHeader("Content-Type", r.contentType); + return "json" !== r.dataType || r.headers && r.headers.Accept || f.setRequestHeader("Accept", "application/json"), r.headers && Object.keys(r.headers).forEach((function(e) { + f.setRequestHeader(e, r.headers[e]) + })), void 0 === r.crossDomain && (r.crossDomain = /^([\w-]+:)?\/\/([^\/]+)/.test(r.url) && RegExp.$2 !== win.location.host), r.crossDomain || f.setRequestHeader("X-Requested-With", "XMLHttpRequest"), r.xhrFields && Utils.extend(f, r.xhrFields), f.onload = function() { + var e; + if (m && clearTimeout(m), f.status >= 200 && f.status < 300 || 0 === f.status) + if ("json" === r.dataType) { + var t; + try { + e = JSON.parse(f.responseText) + } catch (e) { + t = !0 + } + t ? n("error", f, "parseerror", "parseerror") : n("success", e, f.status, f) + } else n("success", e = "text" === f.responseType || "" === f.responseType ? f.responseText : f.response, f.status, f); + else n("error", f, f.status, f.statusText); + r.statusCode && (globals.statusCode && globals.statusCode[f.status] && globals.statusCode[f.status](f), r.statusCode[f.status] && r.statusCode[f.status](f)), n("complete", f, f.status) + }, f.onerror = function() { + m && clearTimeout(m), n("error", f, f.status, f.status), n("complete", f, "error") + }, r.timeout > 0 && (f.onabort = function() { + m && clearTimeout(m) + }, m = setTimeout((function() { + f.abort(), n("error", f, "timeout", "timeout"), n("complete", f, "timeout") + }), r.timeout)), !1 === n("beforeSend", f, r) ? f : (f.send(v), f) + } + } + + function RequestShortcut(e) { + for (var t, a, r = [], n = arguments.length - 1; n-- > 0;) r[n] = arguments[n + 1]; + var i = [], + s = i[0], + o = i[1], + l = i[2], + p = i[3], + c = i[4]; + "function" == typeof r[1] ? (s = (t = r)[0], l = t[1], p = t[2], c = t[3]) : (s = (a = r)[0], o = a[1], l = a[2], p = a[3], c = a[4]), [l, p].forEach((function(e) { + "string" == typeof e && (c = e, e === l ? l = void 0 : p = void 0) + })); + var d = { + url: s, + method: "post" === e || "postJSON" === e ? "POST" : "GET", + data: o, + success: l, + error: p, + dataType: c = c || ("json" === e || "postJSON" === e ? "json" : void 0) + }; + return "postJSON" === e && Utils.extend(d, { + contentType: "application/json", + processData: !1, + crossDomain: !0, + data: "string" == typeof o ? o : JSON.stringify(o) + }), Request(d) + } + + function RequestShortcutPromise(e) { + for (var t = [], a = arguments.length - 1; a-- > 0;) t[a] = arguments[a + 1]; + var r = t[0], + n = t[1], + i = t[2]; + return new Promise((function(t, a) { + RequestShortcut(e, r, n, (function(e, a, r) { + t({ + data: e, + status: a, + xhr: r + }) + }), (function(e, t, r) { + a({ + xhr: e, + status: t, + message: r + }) + }), i) + })) + } + Object.assign(Request, { + get: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcut.apply(void 0, ["get"].concat(e)) + }, + post: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcut.apply(void 0, ["post"].concat(e)) + }, + json: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcut.apply(void 0, ["json"].concat(e)) + }, + getJSON: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcut.apply(void 0, ["json"].concat(e)) + }, + postJSON: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcut.apply(void 0, ["postJSON"].concat(e)) + } + }), Request.promise = function(e) { + return new Promise((function(t, a) { + Request(Object.assign(e, { + success: function(e, a, r) { + t({ + data: e, + status: a, + xhr: r + }) + }, + error: function(e, t, r) { + a({ + xhr: e, + status: t, + message: r + }) + } + })) + })) + }, Object.assign(Request.promise, { + get: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcutPromise.apply(void 0, ["get"].concat(e)) + }, + post: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcutPromise.apply(void 0, ["post"].concat(e)) + }, + json: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcutPromise.apply(void 0, ["json"].concat(e)) + }, + getJSON: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcutPromise.apply(void 0, ["json"].concat(e)) + }, + postJSON: function() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + return RequestShortcutPromise.apply(void 0, ["postJSON"].concat(e)) + } + }), Request.setup = function(e) { + e.type && !e.method && Utils.extend(e, { + method: e.type + }), Utils.extend(globals, e) + }; + var RequestModule = { + name: "request", + proto: { + request: Request + }, + static: { + request: Request + } + }; + + function initTouch() { + var e, t, a, r, n, i, s, o, l, p, c, d, u = this, + h = u.params.touch, + f = h[u.theme + "TouchRipple"]; + + function m(e) { + var t, a = $(e), + r = a.parents(h.activeStateElements); + if (a.closest(".no-active-state").length) return null; + if (a.is(h.activeStateElements) && (t = a), r.length > 0 && (t = t ? t.add(r) : r), t && t.length > 1) { + for (var n, i = [], s = 0; s < t.length; s += 1) n || (i.push(t[s]), (t.eq(s).hasClass("prevent-active-state-propagation") || t.eq(s).hasClass("no-active-state-propagation")) && (n = !0)); + t = $(i) + } + return t || a + } + + function v(e) { + return e.parents(".page-content").length > 0 + } + + function g() { + o && o.addClass("active-state") + } + + function b() { + o && (o.removeClass("active-state"), o = null) + } + + function y(e, t, a) { + e && (p = u.touchRipple.create(e, t, a)) + } + + function w() { + p && (p.remove(), p = void 0, c = void 0) + } + + function x(a) { + (c = function(e) { + var t = h.touchRippleElements, + a = $(e); + if (a.is(t)) return !a.hasClass("no-ripple") && a; + if (a.parents(t).length > 0) { + var r = a.parents(t).eq(0); + return !r.hasClass("no-ripple") && r + } + return !1 + }(a)) && 0 !== c.length ? v(c) ? (clearTimeout(d), d = setTimeout((function() { + w(), y(c, e, t) + }), 80)) : (w(), y(c, e, t)) : c = void 0 + } + + function C() { + clearTimeout(d), w() + } + + function k() { + p || !c || r ? w() : (clearTimeout(d), y(c, e, t), setTimeout(w, 0)) + } + + function E(e, t) { + u.emit({ + events: e, + data: [t] + }) + } + + function T(e) { + E("touchstart touchstart:active", e) + } + + function S(e) { + E("touchmove touchmove:active", e) + } + + function M(e) { + E("touchend touchend:active", e) + } + + function P(e) { + E("touchstart:passive", e) + } + + function O(e) { + E("touchmove:passive", e) + } + + function D(e) { + E("touchend:passive", e) + } + + function B(e) { + E(e.type + " " + e.type + ":active", e) + } + + function I(e) { + E(e.type + ":passive", e) + } + Device.ios && Device.webView && win.addEventListener("touchstart", (function() {})); + var R = !!Support.passiveListener && { + passive: !0 + }, + L = !!Support.passiveListener && { + passive: !1 + }; + doc.addEventListener("click", (function(e) { + E("click", e) + }), !0), Support.passiveListener ? (doc.addEventListener(u.touchEvents.start, T, L), doc.addEventListener(u.touchEvents.move, S, L), doc.addEventListener(u.touchEvents.end, M, L), doc.addEventListener(u.touchEvents.start, P, R), doc.addEventListener(u.touchEvents.move, O, R), doc.addEventListener(u.touchEvents.end, D, R), Support.touch && Support.gestures && (doc.addEventListener("gesturestart", B, L), doc.addEventListener("gesturechange", B, L), doc.addEventListener("gestureend", B, L), doc.addEventListener("gesturestart", I, R), doc.addEventListener("gesturechange", I, R), doc.addEventListener("gestureend", I, R))) : (doc.addEventListener(u.touchEvents.start, (function(e) { + T(e), P(e) + }), !1), doc.addEventListener(u.touchEvents.move, (function(e) { + S(e), O(e) + }), !1), doc.addEventListener(u.touchEvents.end, (function(e) { + M(e), D(e) + }), !1), Support.touch && Support.gestures && (doc.addEventListener("gesturestart", (function(e) { + B(e), I(e) + }), !1), doc.addEventListener("gesturechange", (function(e) { + B(e), I(e) + }), !1), doc.addEventListener("gestureend", (function(e) { + B(e), I(e) + }), !1))), Support.touch ? (u.on("click", (function(e) { + var t = e && e.detail && "f7Overswipe" === e.detail, + r = s; + return a && e.target !== a && (r = !t), h.tapHold && h.tapHoldPreventClicks && n && (r = !0), r && (e.stopImmediatePropagation(), e.stopPropagation(), e.preventDefault()), h.tapHold && (i = setTimeout((function() { + n = !1 + }), Device.ios || Device.androidChrome ? 100 : 400)), s = !1, a = null, !r + })), u.on("touchstart", (function(p) { + return r = !1, n = !1, s = !1, p.targetTouches.length > 1 ? (o && b(), !0) : (p.touches.length > 1 && o && b(), h.tapHold && (i && clearTimeout(i), i = setTimeout((function() { + p && p.touches && p.touches.length > 1 || (n = !0, p.preventDefault(), s = !0, $(p.target).trigger("taphold", p), u.emit("taphold", p)) + }), h.tapHoldDelay)), a = p.target, e = p.targetTouches[0].pageX, t = p.targetTouches[0].pageY, h.activeState && ((o = m(a)) && !v(o) ? g() : o && (l = setTimeout(g, 80))), f && x(a), !0) + })), u.on("touchmove", (function(a) { + var n, o; + if ("touchmove" === a.type && (n = a.targetTouches[0], o = h.touchClicksDistanceThreshold), o && n) { + var p = n.pageX, + c = n.pageY; + (Math.abs(p - e) > o || Math.abs(c - t) > o) && (r = !0) + } else r = !0; + r && (s = !0, h.tapHold && clearTimeout(i), h.activeState && (clearTimeout(l), b()), f && C()) + })), u.on("touchend", (function(e) { + return clearTimeout(l), clearTimeout(i), doc.activeElement === e.target ? (h.activeState && b(), f && k(), !0) : (h.activeState && (g(), setTimeout(b, 0)), f && k(), !(h.tapHoldPreventClicks && n || s) || (e.cancelable && e.preventDefault(), s = !0, !1)) + })), doc.addEventListener("touchcancel", (function() { + a = null, clearTimeout(l), clearTimeout(i), h.activeState && b(), f && k() + }), { + passive: !0 + })) : h.activeState && (u.on("touchstart", (function(a) { + var r = m(a.target); + r && (r.addClass("active-state"), "which" in a && 3 === a.which && setTimeout((function() { + $(".active-state").removeClass("active-state") + }), 0)), f && (e = a.pageX, t = a.pageY, x(a.target, a.pageX, a.pageY)) + })), u.on("touchmove", (function() { + $(".active-state").removeClass("active-state"), f && C() + })), u.on("touchend", (function() { + $(".active-state").removeClass("active-state"), f && k() + }))), doc.addEventListener("contextmenu", (function(e) { + h.disableContextMenu && (Device.ios || Device.android || Device.cordova) && e.preventDefault(), f && (o && b(), k()) + })) + } + var TouchModule = { + name: "touch", + params: { + touch: { + touchClicksDistanceThreshold: 5, + disableContextMenu: !1, + tapHold: !1, + tapHoldDelay: 750, + tapHoldPreventClicks: !0, + activeState: !0, + activeStateElements: "a, button, label, span, .actions-button, .stepper-button, .stepper-button-plus, .stepper-button-minus, .card-expandable, .menu-item, .link, .item-link", + mdTouchRipple: !0, + iosTouchRipple: !1, + auroraTouchRipple: !1, + touchRippleElements: ".ripple, .link, .item-link, .list-button, .links-list a, .button, button, .input-clear-button, .dialog-button, .tab-link, .item-radio, .item-checkbox, .actions-button, .searchbar-disable-button, .fab a, .checkbox, .radio, .data-table .sortable-cell:not(.input-cell), .notification-close-button, .stepper-button, .stepper-button-minus, .stepper-button-plus, .menu-item-content" + } + }, + instance: { + touchEvents: { + start: Support.touch ? "touchstart" : Support.pointerEvents ? "pointerdown" : "mousedown", + move: Support.touch ? "touchmove" : Support.pointerEvents ? "pointermove" : "mousemove", + end: Support.touch ? "touchend" : Support.pointerEvents ? "pointerup" : "mouseup" + } + }, + on: { + init: initTouch + } + }, + DEFAULT_DELIMITER = "/"; + + function balanced(e, t, a, r) { + for (var n = 0, i = r; i < a.length;) + if ("\\" !== a[i]) { + if (a[i] === t && 0 === --n) return i + 1; + a[i] === e && n++, i++ + } else i += 2; + return -1 + } + + function parse(e, t) { + var a, r; + void 0 === t && (t = {}); + for (var n = [], i = null != (a = t.delimiter) ? a : DEFAULT_DELIMITER, s = null != (r = t.whitelist) ? r : void 0, o = 0, l = 0, p = "", c = !1; o < e.length;) { + var d = "", + u = "", + h = ""; + if ("\\" !== e[o]) { + if (":" === e[o]) { + for (; ++o < e.length;) { + var f = e.charCodeAt(o); + if (!(f >= 48 && f <= 57 || f >= 65 && f <= 90 || f >= 97 && f <= 122 || 95 === f)) break; + u += e[o] + } + u || o-- + } + if ("(" === e[o]) { + var m = balanced("(", ")", e, o); + if (m > -1) { + if (h = e.slice(o + 1, m - 1), o = m, "?" === h[0]) throw new TypeError("Path pattern must be a capturing group"); + if (/\((?=[^?])/.test(h)) { + var v = h.replace(/\((?=[^?])/, "(?:"); + throw new TypeError("Capturing groups are not allowed in pattern, use a non-capturing group: (" + v + ")") + } + } + } + if ("" !== u || "" !== h) { + if (p.length && !c) { + var g = p[p.length - 1]; + (!s || s.indexOf(g) > -1) && (d = g, p = p.slice(0, -1)) + } + p.length && (n.push(p), p = ""); + var b = "+" === e[o] || "*" === e[o], + y = "?" === e[o] || "*" === e[o], + w = d || i; + (b || y) && o++, n.push({ + name: u || l++, + prefix: d, + delimiter: w, + optional: y, + repeat: b, + pattern: h || "[^" + escapeString(w === i ? w : w + i) + "]+?" + }) + } else p += e[o++], c = !1 + } else o++, p += e[o++], c = !0 + } + return p.length && n.push(p), n + } + + function compile(e, t) { + return tokensToFunction(parse(e, t), t) + } + + function tokensToFunction(e, t) { + void 0 === t && (t = {}); + var a = flags(t), + r = t.encode, + n = void 0 === r ? function(e) { + return e + } : r, + i = t.validate, + s = void 0 === i || i, + o = e.map((function(e) { + if ("object" == typeof e) return new RegExp("^(?:" + e.pattern + ")$", a) + })); + return function(t) { + for (var a = "", r = 0; r < e.length; r++) { + var i = e[r]; + if ("string" != typeof i) { + var l = t ? t[i.name] : void 0; + if (Array.isArray(l)) { + if (!i.repeat) throw new TypeError('Expected "' + i.name + '" to not repeat, but got an array'); + if (0 === l.length) { + if (i.optional) continue; + throw new TypeError('Expected "' + i.name + '" to not be empty') + } + for (var p = 0; p < l.length; p++) { + var c = n(l[p], i); + if (s && !o[r].test(c)) throw new TypeError('Expected all "' + i.name + '" to match "' + i.pattern + '", but got "' + c + '"'); + a += (0 === p ? i.prefix : i.delimiter) + c + } + } else if ("string" != typeof l && "number" != typeof l) { + if (!i.optional) { + var d = i.repeat ? "an array" : "a string"; + throw new TypeError('Expected "' + i.name + '" to be ' + d) + } + } else { + c = n(String(l), i); + if (s && !o[r].test(c)) throw new TypeError('Expected "' + i.name + '" to match "' + i.pattern + '", but got "' + c + '"'); + a += i.prefix + c + } + } else a += i + } + return a + } + } + + function escapeString(e) { + return e.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1") + } + + function flags(e) { + return e && e.sensitive ? "" : "i" + } + + function regexpToRegexp(e, t) { + if (!t) return e; + var a = e.source.match(/\((?!\?)/g); + if (a) + for (var r = 0; r < a.length; r++) t.push({ + name: r, + prefix: "", + delimiter: "", + optional: !1, + repeat: !1, + pattern: "" + }); + return e + } + + function arrayToRegexp(e, t, a) { + var r = e.map((function(e) { + return pathToRegexp(e, t, a).source + })); + return new RegExp("(?:" + r.join("|") + ")", flags(a)) + } + + function stringToRegexp(e, t, a) { + return tokensToRegexp(parse(e, a), t, a) + } + + function tokensToRegexp(e, t, a) { + void 0 === a && (a = {}); + for (var r = a.strict, n = a.start, i = void 0 === n || n, s = a.end, o = void 0 === s || s, l = a.delimiter, p = void 0 === l ? DEFAULT_DELIMITER : l, c = a.encode, d = void 0 === c ? function(e) { + return e + } : c, u = ("string" == typeof a.endsWith ? a.endsWith.split("") : a.endsWith || []).map(escapeString).concat("$").join("|"), h = i ? "^" : "", f = 0, m = e; f < m.length; f++) { + var v = m[f]; + if ("string" == typeof v) h += escapeString(d(v)); + else { + var g = v.repeat ? "(?:" + v.pattern + ")(?:" + escapeString(v.delimiter) + "(?:" + v.pattern + "))*" : v.pattern; + t && t.push(v), v.optional ? v.prefix ? h += "(?:" + escapeString(v.prefix) + "(" + g + "))?" : h += "(" + g + ")?" : h += escapeString(v.prefix) + "(" + g + ")" + } + } + if (o) r || (h += "(?:" + escapeString(p) + ")?"), h += "$" === u ? "$" : "(?=" + u + ")"; + else { + var b = e[e.length - 1], + y = "string" == typeof b ? b[b.length - 1] === p : void 0 === b; + r || (h += "(?:" + escapeString(p) + "(?=" + u + "))?"), y || (h += "(?=" + escapeString(p) + "|" + u + ")") + } + return new RegExp(h, flags(a)) + } + + function pathToRegexp(e, t, a) { + return e instanceof RegExp ? regexpToRegexp(e, t) : Array.isArray(e) ? arrayToRegexp(e, t, a) : stringToRegexp(e, t, a) + } + var History = { + queue: [], + clearQueue: function() { + 0 !== History.queue.length && History.queue.shift()() + }, + routerQueue: [], + clearRouterQueue: function() { + if (0 !== History.routerQueue.length) { + var e = History.routerQueue.pop(), + t = e.router, + a = e.stateUrl, + r = e.action, + n = t.params.animate; + !1 === t.params.pushStateAnimate && (n = !1), "back" === r && t.back({ + animate: n, + pushState: !1 + }), "load" === r && t.navigate(a, { + animate: n, + pushState: !1 + }) + } + }, + handle: function(e) { + if (!History.blockPopstate) { + var t = e.state; + History.previousState = History.state, History.state = t, History.allowChange = !0, History.clearQueue(), (t = History.state) || (t = {}), this.views.forEach((function(e) { + var a = e.router, + r = t[e.id]; + if (!r && e.params.pushState && (r = { + url: e.router.history[0] + }), r) { + var n = r.url || void 0, + i = a.params.animate; + !1 === a.params.pushStateAnimate && (i = !1), n !== a.url && (a.history.indexOf(n) >= 0 ? a.allowPageChange ? a.back({ + animate: i, + pushState: !1 + }) : History.routerQueue.push({ + action: "back", + router: a + }) : a.allowPageChange ? a.navigate(n, { + animate: i, + pushState: !1 + }) : History.routerQueue.unshift({ + action: "load", + stateUrl: n, + router: a + })) + } + })) + } + }, + initViewState: function(e, t) { + var a, r = Utils.extend({}, History.state || {}, ((a = {})[e] = t, a)); + History.state = r, win.history.replaceState(r, "") + }, + push: function(e, t, a) { + var r; + if (History.allowChange) { + History.previousState = History.state; + var n = Utils.extend({}, History.previousState || {}, ((r = {})[e] = t, r)); + History.state = n, win.history.pushState(n, "", a) + } else History.queue.push((function() { + History.push(e, t, a) + })) + }, + replace: function(e, t, a) { + var r; + if (History.allowChange) { + History.previousState = History.state; + var n = Utils.extend({}, History.previousState || {}, ((r = {})[e] = t, r)); + History.state = n, win.history.replaceState(n, "", a) + } else History.queue.push((function() { + History.replace(e, t, a) + })) + }, + go: function(e) { + History.allowChange = !1, win.history.go(e) + }, + back: function() { + History.allowChange = !1, win.history.back() + }, + allowChange: !0, + previousState: {}, + state: win.history.state, + blockPopstate: !0, + init: function(e) { + $(win).on("load", (function() { + setTimeout((function() { + History.blockPopstate = !1 + }), 0) + })), doc.readyState && "complete" === doc.readyState && (History.blockPopstate = !1), $(win).on("popstate", History.handle.bind(e)) + } + }; + + function SwipeBack(e) { + var t, a, r, n, i, s, o, l, p, c = e, + d = c.$el, + u = c.$navbarsEl, + h = c.app, + f = c.params, + m = !1, + v = !1, + g = {}, + b = [], + y = [], + w = !0, + x = [], + C = [], + k = f[h.theme + "SwipeBackAnimateShadow"], + E = f[h.theme + "SwipeBackAnimateOpacity"], + T = f[h.theme + "SwipeBackActiveArea"], + S = f[h.theme + "SwipeBackThreshold"], + M = h.rtl ? "right center" : "left center", + P = h.rtl ? "calc(100% - var(--f7-navbar-large-title-padding-left) - var(--f7-safe-area-left)) center" : "calc(var(--f7-navbar-large-title-padding-left) + var(--f7-safe-area-left)) center"; + + function O(e) { + void 0 === e && (e = {}); + for (var t = e.progress, a = e.reset, r = e.transition, n = ["overflow", "transform", "transform-origin", "opacity"], i = 0; i < l.length; i += 1) { + var s = l[i]; + if (s && s.el) { + !0 === r && s.el.classList.add("navbar-page-transitioning"), !1 === r && s.el.classList.remove("navbar-page-transitioning"), !s.className || s.classNameSet || a || (s.el.classList.add(s.className), s.classNameSet = !0), s.className && a && s.el.classList.remove(s.className); + for (var o = 0; o < n.length; o += 1) { + var p = n[o]; + s[p] && (a ? s.el.style[p] = "" : "function" == typeof s[p] ? s.el.style[p] = s[p](t) : s.el.style[p] = s[p]) + } + } + } + } + + function D(e) { + var a = f[h.theme + "SwipeBack"]; + !w || !a || m || h.swipeout && h.swipeout.el || !c.allowPageChange || $(e.target).closest(".range-slider, .calendar-months").length > 0 || $(e.target).closest(".page-master, .page-master-detail").length > 0 && f.masterDetailBreakpoint > 0 && h.width >= f.masterDetailBreakpoint || (v = !1, m = !0, t = void 0, g.x = "touchstart" === e.type ? e.targetTouches[0].pageX : e.pageX, g.y = "touchstart" === e.type ? e.targetTouches[0].pageY : e.pageY, n = Utils.now(), i = c.dynamicNavbar) + } + + function B(e) { + if (m) { + var n = "touchmove" === e.type ? e.targetTouches[0].pageX : e.pageX, + p = "touchmove" === e.type ? e.targetTouches[0].pageY : e.pageY; + if (void 0 === t && (t = !!(t || Math.abs(p - g.y) > Math.abs(n - g.x)) || n < g.x && !h.rtl || n > g.x && h.rtl), t || e.f7PreventSwipeBack || h.preventSwipeBack) m = !1; + else { + if (!v) { + var w = !1, + D = $(e.target), + B = D.closest(".swipeout"); + B.length > 0 && (!h.rtl && B.find(".swipeout-actions-left").length > 0 && (w = !0), h.rtl && B.find(".swipeout-actions-right").length > 0 && (w = !0)), ((b = D.closest(".page")).hasClass("no-swipeback") || D.closest(".no-swipeback, .card-opened").length > 0) && (w = !0), (y = d.find(".page-previous:not(.stacked)")).length > 1 && (y = y.eq(y.length - 1)); + g.x, d.offset().left; + if (a = d.width(), (h.rtl ? g.x < d.offset().left - d[0].scrollLeft + (a - T) : g.x - d.offset().left > T) && (w = !0), 0 !== y.length && 0 !== b.length || (w = !0), w) return void(m = !1); + k && 0 === (s = b.find(".page-shadow-effect")).length && (s = $('
    '), b.append(s)), E && 0 === (o = y.find(".page-opacity-effect")).length && (o = $('
    '), y.append(o)), i && (x = u.find(".navbar-current:not(.stacked)"), (C = u.find(".navbar-previous:not(.stacked)")).length > 1 && (C = C.eq(C.length - 1)), l = function() { + var e, t, a = [], + r = h.rtl ? -1 : 1, + n = x.hasClass("navbar-large"), + i = x.hasClass("navbar-large-collapsed"), + s = x.hasClass("navbar-large-transparent"), + o = C.hasClass("navbar-large"), + l = C.hasClass("navbar-large-collapsed"), + p = C.hasClass("navbar-large-transparent"), + c = n && !i, + d = o && !l, + u = x.find(".left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg"), + m = C.find(".left, .title, .right, .subnavbar, .fading, .title-large, .navbar-bg"); + return f.iosAnimateNavbarBackIcon && (e = x.hasClass("sliding") || x.find(".navbar-inner.sliding").length ? x.find(".left").find(".back .icon + span").eq(0) : x.find(".left.sliding").find(".back .icon + span").eq(0), t = C.hasClass("sliding") || C.find(".navbar-inner.sliding").length ? C.find(".left").find(".back .icon + span").eq(0) : C.find(".left.sliding").find(".back .icon + span").eq(0), e.length && m.each((function(t, a) { + $(a).hasClass("title") && (a.f7NavbarLeftOffset += e.prev(".icon")[0].offsetWidth) + }))), u.each((function(t, o) { + var l = $(o), + p = l.hasClass("subnavbar"), + u = l.hasClass("left"), + h = l.hasClass("title"), + m = l.hasClass("navbar-bg"); + if (c || !l.hasClass(".title-large")) { + var v = { + el: o + }; + if (c) { + if (h) return; + if (l.hasClass("title-large")) return a.indexOf(v) < 0 && a.push(v), v.overflow = "visible", void l.find(".title-large-text").each((function(e, t) { + a.push({ + el: t, + transform: function(e) { + return "translateX(" + 100 * e * r + "%)" + } + }) + })) + } + if (d && (c || l.hasClass("title-large") && (a.indexOf(v) < 0 && a.push(v), v.opacity = 0), u)) return a.indexOf(v) < 0 && a.push(v), v.opacity = function(e) { + return 1 - Math.pow(e, .33) + }, void l.find(".back span").each((function(e, t) { + a.push({ + el: t, + "transform-origin": M, + transform: function(e) { + return "translateX(calc(" + e + " * (var(--f7-navbarTitleLargeOffset) - var(--f7-navbarLeftTextOffset)))) translateY(calc(" + e + " * (var(--f7-navbar-large-title-height) - var(--f7-navbar-large-title-padding-vertical) / 2))) scale(" + (1 + 1 * e) + ")" + } + }) + })); + if (m) return a.indexOf(v) < 0 && a.push(v), c || d || (i ? (s && (v.className = "ios-swipeback-navbar-bg-large"), v.transform = function(e) { + return "translateX(" + 100 * e * r + "%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))" + }) : v.transform = function(e) { + return "translateX(" + 100 * e * r + "%)" + }), !c && d && (v.className = "ios-swipeback-navbar-bg-large", v.transform = function(e) { + return "translateX(" + 100 * e * r + "%) translateY(calc(-1 * " + (1 - e) + " * var(--f7-navbar-large-title-height)))" + }), c && d && (v.transform = function(e) { + return "translateX(" + 100 * e * r + "%)" + }), void(c && !d && (v.transform = function(e) { + return "translateX(" + 100 * e * r + "%) translateY(calc(-" + e + " * var(--f7-navbar-large-title-height)))" + })); + if (!l.hasClass("title-large")) { + var g = l.hasClass("sliding") || l.parents(".navbar-inner.sliding").length; + if (a.indexOf(v) < 0 && a.push(v), (!p || p && !g) && (v.opacity = function(e) { + return 1 - Math.pow(e, .33) + }), g) { + var b = v; + if (u && e.length && f.iosAnimateNavbarBackIcon) { + var y = { + el: e[0] + }; + b = y, a.push(y) + } + b.transform = function(e) { + var t = e * b.el.f7NavbarRightOffset; + return 1 === Device.pixelRatio && (t = Math.round(t)), p && n ? "translate3d(" + t + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)" : "translate3d(" + t + "px,0,0)" + } + } + } + } + })), m.each((function(e, n) { + var i = $(n), + s = i.hasClass("subnavbar"), + u = i.hasClass("left"), + h = i.hasClass("title"), + m = i.hasClass("navbar-bg"), + v = { + el: n + }; + if (d) { + if (h) return; + if (a.indexOf(v) < 0 && a.push(v), i.hasClass("title-large")) return v.opacity = 1, v.overflow = "visible", void i.find(".title-large-text").each((function(e, t) { + a.push({ + el: t, + "transform-origin": P, + opacity: function(e) { + return Math.pow(e, 3) + }, + transform: function(e) { + return "translateX(calc(" + (1 - e) + " * (var(--f7-navbarLeftTextOffset) - var(--f7-navbarTitleLargeOffset)))) translateY(calc(" + (e - 1) + " * var(--f7-navbar-large-title-height) + " + (1 - e) + " * var(--f7-navbar-large-title-padding-vertical))) scale(" + (.5 + .5 * e) + ")" + } + }) + })) + } + if (m) return a.indexOf(v) < 0 && a.push(v), c || d || (l ? (p && (v.className = "ios-swipeback-navbar-bg-large"), v.transform = function(e) { + return "translateX(" + (100 * e - 100) * r + "%) translateY(calc(-1 * var(--f7-navbar-large-title-height)))" + }) : v.transform = function(e) { + return "translateX(" + (100 * e - 100) * r + "%)" + }), !c && d && (v.transform = function(e) { + return "translateX(" + (100 * e - 100) * r + "%) translateY(calc(-1 * " + (1 - e) + " * var(--f7-navbar-large-title-height)))" + }), c && !d && (v.className = "ios-swipeback-navbar-bg-large", v.transform = function(e) { + return "translateX(" + (100 * e - 100) * r + "%) translateY(calc(-" + e + " * var(--f7-navbar-large-title-height)))" + }), void(c && d && (v.transform = function(e) { + return "translateX(" + (100 * e - 100) * r + "%)" + })); + if (!i.hasClass("title-large")) { + var g = i.hasClass("sliding") || C.children(".navbar-inner.sliding").length; + if (a.indexOf(v) < 0 && a.push(v), (!s || s && !g) && (v.opacity = function(e) { + return Math.pow(e, 3) + }), g) { + var b = v; + if (u && t.length && f.iosAnimateNavbarBackIcon) { + var y = { + el: t[0] + }; + b = y, a.push(y) + } + b.transform = function(e) { + var t = b.el.f7NavbarLeftOffset * (1 - e); + return 1 === Device.pixelRatio && (t = Math.round(t)), s && o ? "translate3d(" + t + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)" : "translate3d(" + t + "px,0,0)" + } + } + } + })), a + }()), $(".sheet.modal-in").length > 0 && h.sheet && h.sheet.close($(".sheet.modal-in")) + } + e.f7PreventSwipePanel = !0, v = !0, h.preventSwipePanelBySwipeBack = !0, e.preventDefault(); + var I = h.rtl ? -1 : 1; + (r = (n - g.x - S) * I) < 0 && (r = 0); + var R = Math.min(Math.max(r / a, 0), 1), + L = { + percentage: R, + progress: R, + currentPageEl: b[0], + previousPageEl: y[0], + currentNavbarEl: x[0], + previousNavbarEl: C[0] + }; + d.trigger("swipeback:move", L), c.emit("swipebackMove", L); + var z = r * I, + A = (r / 5 - a / 5) * I; + h.rtl ? (z = Math.max(z, -a), A = Math.max(A, 0)) : (z = Math.min(z, a), A = Math.min(A, 0)), 1 === Device.pixelRatio && (z = Math.round(z), A = Math.round(A)), c.swipeBackActive = !0, $([b[0], y[0]]).addClass("page-swipeback-active"), b.transform("translate3d(" + z + "px,0,0)"), k && (s[0].style.opacity = 1 - 1 * R), "ios" === h.theme && y.transform("translate3d(" + A + "px,0,0)"), E && (o[0].style.opacity = 1 - 1 * R), i && O({ + progress: R + }) + } + } + } + + function I() { + if (h.preventSwipePanelBySwipeBack = !1, !m || !v) return m = !1, void(v = !1); + if (m = !1, v = !1, c.swipeBackActive = !1, $([b[0], y[0]]).removeClass("page-swipeback-active"), 0 === r) return $([b[0], y[0]]).transform(""), s && s.length > 0 && s.remove(), o && o.length > 0 && o.remove(), void(i && O({ + reset: !0 + })); + var e = Utils.now() - n, + t = !1; + (e < 300 && r > 10 || e >= 300 && r > a / 2) && (b.removeClass("page-current").addClass("page-next" + ("ios" !== h.theme ? " page-next-on-right" : "")), y.removeClass("page-previous").addClass("page-current").removeAttr("aria-hidden"), s && (s[0].style.opacity = ""), o && (o[0].style.opacity = ""), i && (c.setNavbarPosition(x, "next"), c.setNavbarPosition(C, "current", !1)), t = !0), $([b[0], y[0]]).addClass("page-transitioning page-transitioning-swipeback").transform(""), i && O({ + progress: t ? 1 : 0, + transition: !0 + }), w = !1, c.allowPageChange = !1; + var l = { + currentPageEl: b[0], + previousPageEl: y[0], + currentNavbarEl: x[0], + previousNavbarEl: C[0] + }; + t ? (c.currentRoute = y[0].f7Page.route, c.currentPage = y[0], c.pageCallback("beforeOut", b, x, "current", "next", { + route: b[0].f7Page.route, + swipeBack: !0 + }), c.pageCallback("beforeIn", y, C, "previous", "current", { + route: y[0].f7Page.route, + swipeBack: !0 + }, b[0]), d.trigger("swipeback:beforechange", l), c.emit("swipebackBeforeChange", l)) : (d.trigger("swipeback:beforereset", l), c.emit("swipebackBeforeReset", l)), b.transitionEnd((function() { + $([b[0], y[0]]).removeClass("page-transitioning page-transitioning-swipeback"), i && O({ + reset: !0, + transition: !1 + }), w = !0, c.allowPageChange = !0, t ? (1 === c.history.length && c.history.unshift(c.url), c.history.pop(), c.saveHistory(), f.pushState && History.back(), c.pageCallback("afterOut", b, x, "current", "next", { + route: b[0].f7Page.route, + swipeBack: !0 + }), c.pageCallback("afterIn", y, C, "previous", "current", { + route: y[0].f7Page.route, + swipeBack: !0 + }), f.stackPages && c.initialPages.indexOf(b[0]) >= 0 ? (b.addClass("stacked"), i && x.addClass("stacked")) : (c.pageCallback("beforeRemove", b, x, "next", { + swipeBack: !0 + }), c.removePage(b), i && c.removeNavbar(x)), d.trigger("swipeback:afterchange", l), c.emit("swipebackAfterChange", l), c.emit("routeChanged", c.currentRoute, c.previousRoute, c), f.preloadPreviousPage && c.back(c.history[c.history.length - 2], { + preload: !0 + })) : (d.trigger("swipeback:afterreset", l), c.emit("swipebackAfterReset", l)), s && s.length > 0 && s.remove(), o && o.length > 0 && o.remove() + })) + } + p = !("touchstart" !== h.touchEvents.start || !Support.passiveListener) && { + passive: !0, + capture: !1 + }, d.on(h.touchEvents.start, D, p), h.on("touchmove:active", B), h.on("touchend:passive", I), c.on("routerDestroy", (function() { + var e = !("touchstart" !== h.touchEvents.start || !Support.passiveListener) && { + passive: !0, + capture: !1 + }; + d.off(h.touchEvents.start, D, e), h.off("touchmove:active", B), h.off("touchend:passive", I) + })) + } + + function redirect(e, t, a) { + var r = this, + n = t.route.redirect; + if (a.initial && r.params.pushState && (a.replaceState = !0, a.history = !0), "function" == typeof n) { + r.allowPageChange = !1; + var i = n.call(r, t, (function(t, n) { + void 0 === n && (n = {}), r.allowPageChange = !0, r[e](t, Utils.extend({}, a, n)) + }), (function() { + r.allowPageChange = !0 + })); + return i && "string" == typeof i ? (r.allowPageChange = !0, r[e](i, a)) : r + } + return r[e](n, a) + } + + function processQueue(e, t, a, r, n, i, s) { + var o = []; + Array.isArray(a) ? o.push.apply(o, a) : a && "function" == typeof a && o.push(a), t && (Array.isArray(t) ? o.push.apply(o, t) : o.push(t)), + function t() { + 0 !== o.length ? o.shift().call(e, r, n, (function() { + t() + }), (function() { + s() + })) : i() + }() + } + + function processRouteQueue(e, t, a, r) { + var n = this; + + function i() { + e && e.route && (n.params.routesBeforeEnter || e.route.beforeEnter) ? (n.allowPageChange = !1, processQueue(n, n.params.routesBeforeEnter, e.route.beforeEnter, e, t, (function() { + n.allowPageChange = !0, a() + }), (function() { + r() + }))) : a() + } + t && t.route && (n.params.routesBeforeLeave || t.route.beforeLeave) ? (n.allowPageChange = !1, processQueue(n, n.params.routesBeforeLeave, t.route.beforeLeave, e, t, (function() { + n.allowPageChange = !0, i() + }), (function() { + r() + }))) : i() + } + + function appRouterCheck(e, t) { + if (!e.view) throw new Error("Framework7: it is not allowed to use router methods on global app router. Use router methods only on related View, e.g. app.views.main.router." + t + "(...)") + } + + function asyncComponent(e, t, a, r) { + function n(e) { + e.then((function(e) { + a({ + component: e.default || e._default || e + }) + })).catch((function(e) { + throw r(), new Error(e) + })) + } + if (t instanceof Promise) n(t); + else { + var i = t.call(e); + i instanceof Promise ? n(i) : a({ + component: i + }) + } + } + + function refreshPage() { + return appRouterCheck(this, "refreshPage"), this.navigate(this.currentRoute.url, { + ignoreCache: !0, + reloadCurrent: !0 + }) + } + + function forward(e, t) { + void 0 === t && (t = {}); + var a, r, n, i = this, + s = $(e), + o = i.app, + l = i.view, + p = Utils.extend(!1, { + animate: i.params.animate, + pushState: !0, + replaceState: !1, + history: !0, + reloadCurrent: i.params.reloadPages, + reloadPrevious: !1, + reloadAll: !1, + clearPreviousHistory: !1, + reloadDetail: i.params.reloadDetail, + on: {} + }, t), + c = i.params.masterDetailBreakpoint > 0, + d = c && p.route && p.route.route && !0 === p.route.route.master, + u = i.currentRoute.modal; + if (u || "popup popover sheet loginScreen actions customModal panel".split(" ").forEach((function(e) { + i.currentRoute && i.currentRoute.route && i.currentRoute.route[e] && (u = !0, n = e) + })), u) { + var h = i.currentRoute.modal || i.currentRoute.route.modalInstance || o[n].get(), + f = i.history[i.history.length - 2], + m = i.findMatchingRoute(f); + !m && f && (m = { + url: f, + path: f.split("?")[0], + query: Utils.parseUrlQuery(f), + route: { + path: f.split("?")[0], + url: f + } + }), i.modalRemove(h) + } + var v, g, b, y, w = i.dynamicNavbar, + x = i.$el, + C = s, + k = p.reloadPrevious || p.reloadCurrent || p.reloadAll; + if (i.allowPageChange = !1, 0 === C.length) return i.allowPageChange = !0, i; + C.length && i.removeThemeElements(C), w && (b = C.children(".navbar"), g = i.$navbarsEl, 0 === b.length && C[0] && C[0].f7Page && (b = C[0].f7Page.$navbarEl)), p.route && p.route.route && p.route.route.keepAlive && !p.route.route.keepAliveData && (p.route.route.keepAliveData = { + pageEl: s[0] + }); + var E, T, S, M, P = x.children(".page:not(.stacked)").filter((function(e, t) { + return t !== C[0] + })); + if (w && (E = g.children(".navbar:not(.stacked)").filter((function(e, t) { + return t !== b[0] + }))), p.reloadPrevious && P.length < 2) return i.allowPageChange = !0, i; + if (c && !p.reloadAll) { + for (var O = 0; O < P.length; O += 1) a || !P[O].classList.contains("page-master") || (a = P[O]); + if ((T = !d && a) && a) + for (var D = 0; D < P.length; D += 1) P[D].classList.contains("page-master-detail") && (r = P[D]); + S = T && p.reloadDetail && o.width >= i.params.masterDetailBreakpoint && a + } + T && (M = !r || S || p.reloadAll || p.reloadCurrent); + var B = "next"; + if (p.reloadCurrent || p.reloadAll || S ? B = "current" : p.reloadPrevious && (B = "previous"), C.removeClass("page-previous page-current page-next").addClass("page-" + B + (d ? " page-master" : "") + (T ? " page-master-detail" : "") + (M ? " page-master-detail-root" : "")).removeClass("stacked").trigger("page:unstack").trigger("page:position", { + position: B + }), i.emit("pageUnstack", C[0]), i.emit("pagePosition", C[0], B), (d || T) && (C.trigger("page:role", { + role: d ? "master" : "detail", + root: !!M + }), i.emit("pageRole", C[0], { + role: d ? "master" : "detail", + detailRoot: !!M + })), w && b.length && b.removeClass("navbar-previous navbar-current navbar-next").addClass("navbar-" + B + (d ? " navbar-master" : "") + (T ? " navbar-master-detail" : "") + (M ? " navbar-master-detail-root" : "")).removeClass("stacked"), p.reloadCurrent || S) v = P.eq(P.length - 1), w && (y = $(o.navbar.getElByPage(v))); + else if (p.reloadPrevious) v = P.eq(P.length - 2), w && (y = $(o.navbar.getElByPage(v))); + else if (p.reloadAll) v = P.filter((function(e, t) { + return t !== C[0] + })), w && (y = E.filter((function(e, t) { + return t !== b[0] + }))); + else { + if (P.length > 1) { + var I = 0; + for (I = 0; I < P.length - 1; I += 1) + if (a && P[I] === a) P.eq(I).addClass("page-master-stacked"), P.eq(I).trigger("page:masterstack"), i.emit("pageMasterStack", P[I]), w && $(o.navbar.getElByPage(a)).addClass("navbar-master-stacked"); + else { + var R = o.navbar.getElByPage(P.eq(I)); + i.params.stackPages ? (P.eq(I).addClass("stacked"), P.eq(I).trigger("page:stack"), i.emit("pageStack", P[I]), w && $(R).addClass("stacked")) : (i.pageCallback("beforeRemove", P[I], E && E[I], "previous", void 0, p), i.removePage(P[I]), w && R && i.removeNavbar(R)) + } + } + v = x.children(".page:not(.stacked)").filter((function(e, t) { + return t !== C[0] + })), w && (y = g.children(".navbar:not(.stacked)").filter((function(e, t) { + return t !== b[0] + }))) + } + if (T && !p.reloadAll && ((v.length > 1 || S) && (v = v.filter((function(e, t) { + return !t.classList.contains("page-master") + }))), y && (y.length > 1 || S) && (y = y.filter((function(e, t) { + return !t.classList.contains("navbar-master") + })))), i.params.pushState && (p.pushState || p.replaceState) && !p.reloadPrevious) { + var L = i.params.pushStateRoot || ""; + History[p.reloadCurrent || S && r || p.reloadAll || p.replaceState ? "replace" : "push"](l.id, { + url: p.route.url + }, L + i.params.pushStateSeparator + p.route.url) + } + p.reloadPrevious || (i.currentPageEl = C[0], w && b.length ? i.currentNavbarEl = b[0] : delete i.currentNavbarEl, i.currentRoute = p.route); + var z = p.route.url; + p.history && (((p.reloadCurrent || S && r) && i.history.length) > 0 || p.replaceState ? i.history[i.history.length - (p.reloadPrevious ? 2 : 1)] = z : p.reloadPrevious ? i.history[i.history.length - 2] = z : p.reloadAll ? i.history = [z] : i.history.push(z)), i.saveHistory(); + var A = C.parents(doc).length > 0, + H = C[0].f7Component; + if (p.reloadPrevious ? (H && !A ? H.$mount((function(e) { + $(e).insertBefore(v) + })) : C.insertBefore(v), w && b.length && (b.find(".title-large").length && b.addClass("navbar-large"), y.length ? b.insertBefore(y) : (i.$navbarsEl.parents(doc).length || i.$el.prepend(i.$navbarsEl), g.append(b)))) : (v.next(".page")[0] !== C[0] && (H && !A ? H.$mount((function(e) { + x.append(e) + })) : x.append(C[0])), w && b.length && (b.find(".title-large").length && b.addClass("navbar-large"), i.$navbarsEl.parents(doc).length || i.$el.prepend(i.$navbarsEl), g.append(b[0]))), A ? p.route && p.route.route && p.route.route.keepAlive && !C[0].f7PageMounted && (C[0].f7PageMounted = !0, i.pageCallback("mounted", C, b, B, k ? B : "current", p, v)) : i.pageCallback("mounted", C, b, B, k ? B : "current", p, v), (p.reloadCurrent || S) && v.length > 0 ? i.params.stackPages && i.initialPages.indexOf(v[0]) >= 0 ? (v.addClass("stacked"), v.trigger("page:stack"), i.emit("pageStack", v[0]), w && y.addClass("stacked")) : (i.pageCallback("beforeOut", v, y, "current", void 0, p), i.pageCallback("afterOut", v, y, "current", void 0, p), i.pageCallback("beforeRemove", v, y, "current", void 0, p), i.removePage(v), w && y && y.length && i.removeNavbar(y)) : p.reloadAll ? v.each((function(e, t) { + var a = $(t), + r = $(o.navbar.getElByPage(a)); + i.params.stackPages && i.initialPages.indexOf(a[0]) >= 0 ? (a.addClass("stacked"), a.trigger("page:stack"), i.emit("pageStack", a[0]), w && r.addClass("stacked")) : (a.hasClass("page-current") && (i.pageCallback("beforeOut", v, y, "current", void 0, p), i.pageCallback("afterOut", v, y, "current", void 0, p)), i.pageCallback("beforeRemove", a, y && y.eq(e), "previous", void 0, p), i.removePage(a), w && r.length && i.removeNavbar(r)) + })) : p.reloadPrevious && (i.params.stackPages && i.initialPages.indexOf(v[0]) >= 0 ? (v.addClass("stacked"), v.trigger("page:stack"), i.emit("pageStack", v[0]), w && y.addClass("stacked")) : (i.pageCallback("beforeRemove", v, y, "previous", void 0, p), i.removePage(v), w && y && y.length && i.removeNavbar(y))), p.route.route.tab && i.tabLoad(p.route.route.tab, Utils.extend({}, p, { + history: !1, + pushState: !1 + })), c && l.checkMasterDetailBreakpoint(), i.pageCallback("init", C, b, B, k ? B : "current", p, v), p.reloadCurrent || p.reloadAll || S) return i.allowPageChange = !0, i.pageCallback("beforeIn", C, b, B, "current", p), C.removeAttr("aria-hidden"), w && b && b.removeAttr("aria-hidden"), i.pageCallback("afterIn", C, b, B, "current", p), p.reloadCurrent && p.clearPreviousHistory && i.clearPreviousHistory(), S && (i.setPagePosition($(a), "previous"), a.f7Page && a.f7Page.navbarEl && i.setNavbarPosition($(a.f7Page.navbarEl), "previous")), i; + if (p.reloadPrevious) return i.allowPageChange = !0, i; + + function U() { + i.setPagePosition(C, "current", !1), i.setPagePosition(v, "previous", !v.hasClass("page-master")), w && (i.setNavbarPosition(b, "current", !1), i.setNavbarPosition(y, "previous", !y.hasClass("navbar-master"))), i.allowPageChange = !0, i.pageCallback("afterOut", v, y, "current", "previous", p), i.pageCallback("afterIn", C, b, "next", "current", p); + var e = (i.params.preloadPreviousPage || i.params[o.theme + "SwipeBack"]) && !d; + e || (C.hasClass("smart-select-page") || C.hasClass("photo-browser-page") || C.hasClass("autocomplete-page") || C.hasClass("color-picker-page")) && (e = !0), e || (i.params.stackPages ? (v.addClass("stacked"), v.trigger("page:stack"), i.emit("pageStack", v[0]), w && y.addClass("stacked")) : C.attr("data-name") && "smart-select-page" === C.attr("data-name") || (i.pageCallback("beforeRemove", v, y, "previous", void 0, p), i.removePage(v), w && y.length && i.removeNavbar(y))), p.clearPreviousHistory && i.clearPreviousHistory(), i.emit("routeChanged", i.currentRoute, i.previousRoute, i), i.params.pushState && History.clearRouterQueue() + } + + function N() { + i.setPagePosition(v, "current", !1), i.setPagePosition(C, "next", !1), w && (i.setNavbarPosition(y, "current", !1), i.setNavbarPosition(b, "next", !1)) + } + if (i.pageCallback("beforeOut", v, y, "current", "previous", p), i.pageCallback("beforeIn", C, b, "next", "current", p), !p.animate || d && o.width >= i.params.masterDetailBreakpoint) U(); + else { + var F = i.params[i.app.theme + "PageLoadDelay"], + V = i.params.transition; + p.transition && (V = p.transition), !V && i.currentRoute && i.currentRoute.route && (V = i.currentRoute.route.transition), !V && i.currentRoute && i.currentRoute.route.options && (V = i.currentRoute.route.options.transition), V && (C[0].f7PageTransition = V), F ? setTimeout((function() { + N(), i.animate(v, C, y, b, "forward", V, (function() { + U() + })) + }), F) : (N(), i.animate(v, C, y, b, "forward", V, (function() { + U() + }))) + } + return i + } + + function load(e, t, a) { + void 0 === e && (e = {}), void 0 === t && (t = {}); + var r = this; + if (!r.allowPageChange && !a) return r; + var n = e, + i = t, + s = n.url, + o = n.content, + l = n.el, + p = n.pageName, + c = n.template, + d = n.templateUrl, + u = n.component, + h = n.componentUrl; + if (!i.reloadCurrent && i.route && i.route.route && i.route.route.parentPath && r.currentRoute.route && r.currentRoute.route.parentPath === i.route.route.parentPath) { + if (i.route.url === r.url) return r.allowPageChange = !0, !1; + var f = Object.keys(i.route.params).length === Object.keys(r.currentRoute.params).length; + if (f && Object.keys(i.route.params).forEach((function(e) { + e in r.currentRoute.params && r.currentRoute.params[e] === i.route.params[e] || (f = !1) + })), f) return !!i.route.route.tab && r.tabLoad(i.route.route.tab, i); + if (!f && i.route.route.tab && r.currentRoute.route.tab && r.currentRoute.parentPath === i.route.parentPath) return r.tabLoad(i.route.route.tab, i) + } + if (i.route && i.route.url && r.url === i.route.url && !i.reloadCurrent && !i.reloadPrevious && !r.params.allowDuplicateUrls) return r.allowPageChange = !0, !1; + + function m(e, t) { + return r.forward(e, Utils.extend(i, t)) + } + + function v() { + return r.allowPageChange = !0, r + } + if (!i.route && s && (i.route = r.parseRouteUrl(s), Utils.extend(i.route, { + route: { + url: s, + path: s + } + })), (s || d || h) && (r.allowPageChange = !1), o) r.forward(r.getPageEl(o), i); + else if (c || d) try { + r.pageTemplateLoader(c, d, i, m, v) + } catch (e) { + throw r.allowPageChange = !0, e + } else if (l) r.forward(r.getPageEl(l), i); + else if (p) r.forward(r.$el.children('.page[data-name="' + p + '"]').eq(0), i); + else if (u || h) try { + r.pageComponentLoader(r.el, u, h, i, m, v) + } catch (e) { + throw r.allowPageChange = !0, e + } else s && (r.xhr && (r.xhr.abort(), r.xhr = !1), r.xhrRequest(s, i).then((function(e) { + r.forward(r.getPageEl(e), i) + })).catch((function() { + r.allowPageChange = !0 + }))); + return r + } + + function navigate(e, t) { + void 0 === t && (t = {}); + var a, r, n, i, s, o, l = this; + if (l.swipeBackActive) return l; + if ("string" == typeof e ? a = e : (a = e.url, r = e.route, n = e.name, i = e.query, s = e.params), n) { + if (!(o = l.findRouteByKey("name", n))) throw new Error('Framework7: route with name "' + n + '" not found'); + if (a = l.constructRouteUrl(o, { + params: s, + query: i + })) return l.navigate(a, t); + throw new Error("Framework7: can't construct URL for route with name \"" + n + '"') + } + var p = l.app; + if (appRouterCheck(l, "navigate"), "#" === a || "" === a) return l; + var c = a.replace("./", ""); + if ("/" !== c[0] && 0 !== c.indexOf("#")) { + var d = l.currentRoute.parentPath || l.currentRoute.path; + c = ((d ? d + "/" : "/") + c).replace("///", "/").replace("//", "/") + } + if (!(o = r ? Utils.extend(l.parseRouteUrl(c), { + route: Utils.extend({}, r) + }) : l.findMatchingRoute(c))) return l; + if (o.route && o.route.viewName) { + var u = o.route.viewName, + h = p.views[u]; + if (!h) throw new Error('Framework7: There is no View with "' + u + '" name that was specified in this route'); + if (h !== l.view) return h.router.navigate(e, t) + } + if (o.route.redirect) return redirect.call(l, "navigate", o, t); + var f = {}; + + function m() { + var e = !1; + + function t(e, t) { + l.allowPageChange = !1; + var a = !1; + t && t.context && (o.context ? o.context = Utils.extend({}, o.context, t.context) : o.context = t.context, f.route.context = o.context), "popup popover sheet loginScreen actions customModal panel".split(" ").forEach((function(r) { + if (e[r]) { + a = !0; + var n = Utils.extend({}, o, { + route: e + }); + l.allowPageChange = !0, l.modalLoad(r, n, Utils.extend(f, t)) + } + })), a || l.load(e, Utils.extend(f, t), !0) + } + + function a() { + l.allowPageChange = !0 + } + "popup popover sheet loginScreen actions customModal panel".split(" ").forEach((function(t) { + o.route[t] && !e && (e = !0, l.modalLoad(t, o, f)) + })), o.route.keepAlive && o.route.keepAliveData && (l.load({ + el: o.route.keepAliveData.pageEl + }, f, !1), e = !0), "url content component pageName el componentUrl template templateUrl".split(" ").forEach((function(t) { + var a; + o.route[t] && !e && (e = !0, l.load(((a = {})[t] = o.route[t], a), f, !1)) + })), e || (o.route.async && (l.allowPageChange = !1, o.route.async.call(l, f.route, l.currentRoute, t, a)), o.route.asyncComponent && asyncComponent(l, o.route.asyncComponent, t, a)) + } + + function v() { + l.allowPageChange = !0 + } + if (o.route.options ? Utils.extend(f, o.route.options, t) : Utils.extend(f, t), f.route = o, f && f.context && (o.context = f.context, f.route.context = f.context), l.params.masterDetailBreakpoint > 0 && o.route.masterRoute) { + var g = !0, + b = !1; + if (l.currentRoute && l.currentRoute.route && (!l.currentRoute.route.master || l.currentRoute.route !== o.route.masterRoute && l.currentRoute.route.path !== o.route.masterRoute.path || (g = !1), !l.currentRoute.route.masterRoute || l.currentRoute.route.masterRoute !== o.route.masterRoute && l.currentRoute.route.masterRoute.path !== o.route.masterRoute.path || (g = !1, b = !0)), g || b && t.reloadAll) return l.navigate(o.route.masterRoute.path, { + animate: !1, + reloadAll: t.reloadAll, + reloadCurrent: t.reloadCurrent, + reloadPrevious: t.reloadPrevious, + pushState: !t.initial, + history: !t.initial, + once: { + pageAfterIn: function() { + l.navigate(e, Utils.extend({}, t, { + animate: !1, + reloadAll: !1, + reloadCurrent: !1, + reloadPrevious: !1, + history: !t.initial, + pushState: !t.initial + })) + } + } + }), l + } + return processRouteQueue.call(l, o, l.currentRoute, (function() { + o.route.modules ? p.loadModules(Array.isArray(o.route.modules) ? o.route.modules : [o.route.modules]).then((function() { + m() + })).catch((function() { + v() + })) : m() + }), (function() { + v() + })), l + } + + function tabLoad(e, t) { + void 0 === t && (t = {}); + var a, r, n = this, + i = Utils.extend({ + animate: n.params.animate, + pushState: !0, + history: !0, + parentPageEl: null, + preload: !1, + on: {} + }, t); + i.route && (i.preload || i.route === n.currentRoute || (r = n.previousRoute, n.currentRoute = i.route), i.preload ? (a = i.route, r = n.currentRoute) : (a = n.currentRoute, r || (r = n.previousRoute)), n.params.pushState && i.pushState && !i.reloadPrevious && History.replace(n.view.id, { + url: i.route.url + }, (n.params.pushStateRoot || "") + n.params.pushStateSeparator + i.route.url), i.history && (n.history[Math.max(n.history.length - 1, 0)] = i.route.url, n.saveHistory())); + var s, o = $(i.parentPageEl || n.currentPageEl); + s = o.length && o.find("#" + e.id).length ? o.find("#" + e.id).eq(0) : n.view.selector ? n.view.selector + " #" + e.id : "#" + e.id; + var l, p = n.app.tab.show({ + tabEl: s, + animate: i.animate, + tabRoute: i.route + }), + c = p.$newTabEl, + d = p.$oldTabEl, + u = p.animated, + h = p.onTabsChanged; + if (c && c.parents(".page").length > 0 && i.route) { + var f = c.parents(".page")[0].f7Page; + f && i.route && (f.route = i.route) + } + if (c[0].f7RouterTabLoaded) return d && d.length ? (u ? h((function() { + n.emit("routeChanged", n.currentRoute, n.previousRoute, n) + })) : n.emit("routeChanged", n.currentRoute, n.previousRoute, n), n) : n; + + function m(t, a) { + var r = t.url, + i = t.content, + s = t.el, + o = t.template, + l = t.templateUrl, + p = t.component, + f = t.componentUrl; + + function m(t) { + n.allowPageChange = !0, t && ("string" == typeof t ? c.html(t) : (c.html(""), t.f7Component ? t.f7Component.$mount((function(e) { + c.append(e) + })) : c.append(t)), c[0].f7RouterTabLoaded = !0, function(t) { + n.removeThemeElements(c); + var a = c; + "string" != typeof t && (a = $(t)), a.trigger("tab:init tab:mounted", e), n.emit("tabInit tabMounted", c[0], e), d && d.length && (u ? h((function() { + n.emit("routeChanged", n.currentRoute, n.previousRoute, n), n.params.unloadTabContent && n.tabRemove(d, c, e) + })) : (n.emit("routeChanged", n.currentRoute, n.previousRoute, n), n.params.unloadTabContent && n.tabRemove(d, c, e))) + }(t)) + } + + function v() { + return n.allowPageChange = !0, n + } + if (i) m(i); + else if (o || l) try { + n.tabTemplateLoader(o, l, a, m, v) + } catch (e) { + throw n.allowPageChange = !0, e + } else if (s) m(s); + else if (p || f) try { + n.tabComponentLoader(c[0], p, f, a, m, v) + } catch (e) { + throw n.allowPageChange = !0, e + } else r && (n.xhr && (n.xhr.abort(), n.xhr = !1), n.xhrRequest(r, a).then((function(e) { + m(e) + })).catch((function() { + n.allowPageChange = !0 + }))) + } + + function v(e, t) { + m(e, Utils.extend(i, t)) + } + + function g() { + n.allowPageChange = !0 + } + return "url content component el componentUrl template templateUrl".split(" ").forEach((function(t) { + var a; + e[t] && (l = !0, m(((a = {})[t] = e[t], a), i)) + })), e.async ? e.async.call(n, a, r, v, g) : e.asyncComponent ? asyncComponent(n, e.asyncComponent, v, g) : l || (n.allowPageChange = !0), n + } + + function tabRemove(e, t, a) { + var r; + e[0] && (e[0].f7RouterTabLoaded = !1, delete e[0].f7RouterTabLoaded), e.children().each((function(e, t) { + t.f7Component && (r = !0, $(t).trigger("tab:beforeremove", a), t.f7Component.$destroy()) + })), r || e.trigger("tab:beforeremove", a), this.emit("tabBeforeRemove", e[0], t[0], a), this.removeTabContent(e[0], a) + } + + function modalLoad(e, t, a) { + void 0 === a && (a = {}); + var r, n = this, + i = n.app, + s = "panel" === e, + o = s ? "panel" : "modal", + l = Utils.extend({ + animate: n.params.animate, + pushState: !0, + history: !0, + on: {} + }, a), + p = Utils.extend({}, t.route[e]), + c = t.route; + + function d() { + var a = i[e].create(p); + c.modalInstance = a; + var r = a.el; + + function d() { + a.close() + } + a.on(o + "Open", (function() { + r || (n.removeThemeElements(a.el), a.$el.trigger(e.toLowerCase() + ":init " + e.toLowerCase() + ":mounted", t, a), n.emit((s ? "" : "modalInit") + " " + e + "Init " + e + "Mounted", a.el, t, a)), n.once("swipeBackMove", d) + })), a.on(o + "Close", (function() { + n.off("swipeBackMove", d), a.closeByRouter || n.back() + })), a.on(o + "Closed", (function() { + a.$el.trigger(e.toLowerCase() + ":beforeremove", t, a), a.emit((s ? "" : "modalBeforeRemove ") + e + "BeforeRemove", a.el, t, a); + var r = a.el.f7Component; + r && r.$destroy(), Utils.nextTick((function() { + (r || p.component) && n.removeModal(a.el), a.destroy(), delete a.route, delete c.modalInstance + })) + })), l.route && (n.params.pushState && l.pushState && History.push(n.view.id, { + url: l.route.url, + modal: e + }, (n.params.pushStateRoot || "") + n.params.pushStateSeparator + l.route.url), l.route !== n.currentRoute && (a.route = Utils.extend(l.route, { + modal: a + }), n.currentRoute = a.route), l.history && (n.history.push(l.route.url), n.saveHistory())), r && (n.removeThemeElements(a.el), a.$el.trigger(e.toLowerCase() + ":init " + e.toLowerCase() + ":mounted", t, a), n.emit(o + "Init " + e + "Init " + e + "Mounted", a.el, t, a)), a.open() + } + + function u(e, t) { + var a = e.url, + r = e.content, + s = e.template, + o = e.templateUrl, + l = e.component, + c = e.componentUrl; + + function u(e) { + e && ("string" == typeof e ? p.content = e : e.f7Component ? e.f7Component.$mount((function(e) { + p.el = e, i.root.append(e) + })) : p.el = e, d()) + } + + function h() { + return n.allowPageChange = !0, n + } + if (r) u(r); + else if (s || o) try { + n.modalTemplateLoader(s, o, t, u, h) + } catch (e) { + throw n.allowPageChange = !0, e + } else if (l || c) try { + n.modalComponentLoader(i.root[0], l, c, t, u, h) + } catch (e) { + throw n.allowPageChange = !0, e + } else a ? (n.xhr && (n.xhr.abort(), n.xhr = !1), n.xhrRequest(a, t).then((function(e) { + p.content = e, d() + })).catch((function() { + n.allowPageChange = !0 + }))) : d() + } + + function h(e, t) { + u(e, Utils.extend(l, t)) + } + + function f() { + n.allowPageChange = !0 + } + return "url content component el componentUrl template templateUrl".split(" ").forEach((function(e) { + var t; + p[e] && !r && (r = !0, u(((t = {})[e] = p[e], t), l)) + })), r || "actions" !== e || d(), p.async && p.async.call(n, l.route, n.currentRoute, h, f), p.asyncComponent && asyncComponent(n, p.asyncComponent, h, f), n + } + + function modalRemove(e) { + Utils.extend(e, { + closeByRouter: !0 + }), e.close() + } + + function backward(e, t) { + var a, r, n, i, s, o, l, p, c = this, + d = $(e), + u = c.app, + h = c.view, + f = Utils.extend({ + animate: c.params.animate, + pushState: !0, + replaceState: !1 + }, t), + m = c.params.masterDetailBreakpoint > 0, + v = m && f.route && f.route.route && !0 === f.route.route.master, + g = c.dynamicNavbar, + b = d, + y = c.$el.children(".page-current"), + w = m && y.hasClass("page-master"); + if (b.length && c.removeThemeElements(b), g && (i = b.children(".navbar"), n = c.$navbarsEl, 0 === i.length && b[0] && b[0].f7Page && (i = b[0].f7Page.$navbarEl), s = n.find(".navbar-current")), c.allowPageChange = !1, 0 === b.length || 0 === y.length) return c.allowPageChange = !0, c; + if (c.removeThemeElements(b), f.route && f.route.route && f.route.route.keepAlive && !f.route.route.keepAliveData && (f.route.route.keepAliveData = { + pageEl: d[0] + }), m) { + for (var x = c.$el.children(".page:not(.stacked)").filter((function(e, t) { + return t !== b[0] + })), C = 0; C < x.length; C += 1) a || !x[C].classList.contains("page-master") || (a = x[C]); + !(o = !v && a && c.history.indexOf(f.route.url) > c.history.indexOf(a.f7Page.route.url)) && !v && a && a.f7Page && f.route.route.masterRoute && (o = f.route.route.masterRoute.path === a.f7Page.route.route.path) + } + if (o && a && a.f7Page && (l = c.history.indexOf(f.route.url) - c.history.indexOf(a.f7Page.route.url) == 1), b.addClass("page-previous" + (v ? " page-master" : "") + (o ? " page-master-detail" : "") + (l ? " page-master-detail-root" : "")).removeClass("stacked").removeAttr("aria-hidden").trigger("page:unstack").trigger("page:position", { + position: "previous" + }), c.emit("pageUnstack", b[0]), c.emit("pagePosition", b[0], "previous"), (v || o) && (b.trigger("page:role", { + role: v ? "master" : "detail", + root: !!l + }), c.emit("pageRole", b[0], { + role: v ? "master" : "detail", + detailRoot: !!l + })), g && i.length > 0 && i.addClass("navbar-previous" + (v ? " navbar-master" : "") + (o ? " navbar-master-detail" : "") + (l ? " navbar-master-detail-root" : "")).removeClass("stacked").removeAttr("aria-hidden"), f.force && (y.prev(".page-previous:not(.stacked)").length > 0 || 0 === y.prev(".page-previous").length)) + if (c.history.indexOf(f.route.url) >= 0 ? (p = c.history.length - c.history.indexOf(f.route.url) - 1, c.history = c.history.slice(0, c.history.indexOf(f.route.url) + 2), h.history = c.history) : c.history[[c.history.length - 2]] ? c.history[c.history.length - 2] = f.route.url : c.history.unshift(c.url), p && c.params.stackPages) y.prevAll(".page-previous").each((function(e, t) { + var n, i = $(t); + g && (n = $(u.navbar.getElByPage(i))), i[0] !== b[0] && i.index() > b.index() && (c.initialPages.indexOf(i[0]) >= 0 ? (i.addClass("stacked"), i.trigger("page:stack"), c.emit("pageStack", i[0]), g && n.addClass("stacked")) : (c.pageCallback("beforeRemove", i, n, "previous", void 0, f), i[0] === a && (r = !0), c.removePage(i), g && n.length > 0 && c.removeNavbar(n))) + })); + else { + var k, E = y.prev(".page-previous:not(.stacked)"); + g && (k = $(u.navbar.getElByPage(E))), c.params.stackPages && c.initialPages.indexOf(E[0]) >= 0 ? (E.addClass("stacked"), E.trigger("page:stack"), c.emit("pageStack", E[0]), k.addClass("stacked")) : E.length > 0 && (c.pageCallback("beforeRemove", E, k, "previous", void 0, f), E[0] === a && (r = !0), c.removePage(E), g && k.length && c.removeNavbar(k)) + } + var T = b.parents(doc).length > 0, + S = b[0].f7Component; + + function M() { + 0 === b.next(y).length && (!T && S ? S.$mount((function(e) { + $(e).insertBefore(y) + })) : b.insertBefore(y)), g && i.length && (i.find(".title-large").length && i.addClass("navbar-large"), i.insertBefore(s), s.length > 0 ? i.insertBefore(s) : (c.$navbarsEl.parents(doc).length || c.$el.prepend(c.$navbarsEl), n.append(i))), T ? f.route && f.route.route && f.route.route.keepAlive && !b[0].f7PageMounted && (b[0].f7PageMounted = !0, c.pageCallback("mounted", b, i, "previous", "current", f, y)) : c.pageCallback("mounted", b, i, "previous", "current", f, y) + } + if (f.preload) { + M(), f.route.route.tab && c.tabLoad(f.route.route.tab, Utils.extend({}, f, { + history: !1, + pushState: !1, + preload: !0 + })), v && (b.removeClass("page-master-stacked").trigger("page:masterunstack"), c.emit("pageMasterUnstack", b[0]), g && $(u.navbar.getElByPage(b)).removeClass("navbar-master-stacked")), c.pageCallback("init", b, i, "previous", "current", f, y); + var P = b.prevAll(".page-previous:not(.stacked):not(.page-master)"); + return P.length > 0 && P.each((function(e, t) { + var a, r = $(t); + g && (a = $(u.navbar.getElByPage(r))), c.params.stackPages && c.initialPages.indexOf(t) >= 0 ? (r.addClass("stacked"), r.trigger("page:stack"), c.emit("pageStack", r[0]), g && a.addClass("stacked")) : (c.pageCallback("beforeRemove", r, a, "previous", void 0), c.removePage(r), g && a.length && c.removeNavbar(a)) + })), c.allowPageChange = !0, c + } + if (!(Device.ie || Device.edge || Device.firefox && !Device.ios) && c.params.pushState && f.pushState) + if (f.replaceState) { + var O = c.params.pushStateRoot || ""; + History.replace(h.id, { + url: f.route.url + }, O + c.params.pushStateSeparator + f.route.url) + } else p ? History.go(-p) : History.back(); + if (f.replaceState ? c.history[c.history.length - 1] = f.route.url : (1 === c.history.length && c.history.unshift(c.url), c.history.pop()), c.saveHistory(), c.currentPageEl = b[0], g && i.length ? c.currentNavbarEl = i[0] : delete c.currentNavbarEl, c.currentRoute = f.route, (Device.ie || Device.edge || Device.firefox && !Device.ios) && c.params.pushState && f.pushState) + if (f.replaceState) { + var D = c.params.pushStateRoot || ""; + History.replace(h.id, { + url: f.route.url + }, D + c.params.pushStateSeparator + f.route.url) + } else p ? History.go(-p) : History.back(); + + function B() { + c.setPagePosition(b, "current", !1), c.setPagePosition(y, "next", !0), g && (c.setNavbarPosition(i, "current", !1), c.setNavbarPosition(s, "next", !0)), c.pageCallback("afterOut", y, s, "current", "next", f), c.pageCallback("afterIn", b, i, "previous", "current", f), c.params.stackPages && c.initialPages.indexOf(y[0]) >= 0 ? (y.addClass("stacked"), y.trigger("page:stack"), c.emit("pageStack", y[0]), g && s.addClass("stacked")) : (c.pageCallback("beforeRemove", y, s, "next", void 0, f), c.removePage(y), g && s.length && c.removeNavbar(s)), c.allowPageChange = !0, c.emit("routeChanged", c.currentRoute, c.previousRoute, c), (c.params.preloadPreviousPage || c.params[u.theme + "SwipeBack"]) && c.history[c.history.length - 2] && !v && c.back(c.history[c.history.length - 2], { + preload: !0 + }), c.params.pushState && History.clearRouterQueue() + } + if (M(), f.route.route.tab && c.tabLoad(f.route.route.tab, Utils.extend({}, f, { + history: !1, + pushState: !1 + })), m && (w || r) && h.checkMasterDetailBreakpoint(!1), c.pageCallback("init", b, i, "previous", "current", f, y), c.pageCallback("beforeOut", y, s, "current", "next", f), c.pageCallback("beforeIn", b, i, "previous", "current", f), !f.animate || w && u.width >= c.params.masterDetailBreakpoint) B(); + else { + var I = c.params.transition; + y[0] && y[0].f7PageTransition && (I = y[0].f7PageTransition, delete y[0].f7PageTransition), f.transition && (I = f.transition), !I && c.previousRoute && c.previousRoute.route && (I = c.previousRoute.route.transition), !I && c.previousRoute && c.previousRoute.route && c.previousRoute.route.options && (I = c.previousRoute.route.options.transition), c.setPagePosition(y, "current"), c.setPagePosition(b, "previous", !1), g && (c.setNavbarPosition(s, "current"), c.setNavbarPosition(i, "previous", !1)), c.animate(y, b, s, i, "backward", I, (function() { + B() + })) + } + return c + } + + function loadBack(e, t, a) { + var r = this; + if (!r.allowPageChange && !a) return r; + var n = e, + i = t, + s = n.url, + o = n.content, + l = n.el, + p = n.pageName, + c = n.template, + d = n.templateUrl, + u = n.component, + h = n.componentUrl; + if (i.route.url && r.url === i.route.url && !i.reloadCurrent && !i.reloadPrevious && !r.params.allowDuplicateUrls) return !1; + + function f(e, t) { + return r.backward(e, Utils.extend(i, t)) + } + + function m() { + return r.allowPageChange = !0, r + } + if (!i.route && s && (i.route = r.parseRouteUrl(s)), (s || d || h) && (r.allowPageChange = !1), o) r.backward(r.getPageEl(o), i); + else if (c || d) try { + r.pageTemplateLoader(c, d, i, f, m) + } catch (e) { + throw r.allowPageChange = !0, e + } else if (l) r.backward(r.getPageEl(l), i); + else if (p) r.backward(r.$el.children('.page[data-name="' + p + '"]').eq(0), i); + else if (u || h) try { + r.pageComponentLoader(r.el, u, h, i, f, m) + } catch (e) { + throw r.allowPageChange = !0, e + } else s && (r.xhr && (r.xhr.abort(), r.xhr = !1), r.xhrRequest(s, i).then((function(e) { + r.backward(r.getPageEl(e), i) + })).catch((function() { + r.allowPageChange = !0 + }))); + return r + } + + function back() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a, r, n, i = this; + if (i.swipeBackActive) return i; + "object" == typeof e[0] ? r = e[0] || {} : (a = e[0], r = e[1] || {}); + var s = r.name, + o = r.params, + l = r.query; + if (s) { + if (!(n = i.findRouteByKey("name", s))) throw new Error('Framework7: route with name "' + s + '" not found'); + if (a = i.constructRouteUrl(n, { + params: o, + query: l + })) return i.back(a, Utils.extend({}, r, { + name: null, + params: null, + query: null + })); + throw new Error("Framework7: can't construct URL for route with name \"" + s + '"') + } + var p = i.app; + appRouterCheck(i, "back"); + var c, d = i.currentRoute.modal; + if (d || "popup popover sheet loginScreen actions customModal panel".split(" ").forEach((function(e) { + i.currentRoute.route[e] && (d = !0, c = e) + })), d) { + var u, h = i.currentRoute.modal || i.currentRoute.route.modalInstance || p[c].get(), + f = i.history[i.history.length - 2]; + if (h && h.$el) { + var m = h.$el.prevAll(".modal-in"); + m.length && m[0].f7Modal && (u = m[0].f7Modal.route) + } + if (u || (u = i.findMatchingRoute(f)), !u && f && (u = { + url: f, + path: f.split("?")[0], + query: Utils.parseUrlQuery(f), + route: { + path: f.split("?")[0], + url: f + } + }), !(a && 0 !== a.replace(/[# ]/g, "").trim().length || u && h)) return i; + var v = r.force && u && a; + if (u && h) { + var g = Device.ie || Device.edge || Device.firefox && !Device.ios, + b = i.params.pushState && !1 !== r.pushState; + b && !g && History.back(), i.currentRoute = u, i.history.pop(), i.saveHistory(), b && g && History.back(), i.modalRemove(h), v && i.navigate(a, { + reloadCurrent: !0 + }) + } else h && (i.modalRemove(h), a && i.navigate(a, { + reloadCurrent: !0 + })); + return i + } + var y, w = i.$el.children(".page-current").prevAll(".page-previous:not(.page-master)").eq(0); + if (i.params.masterDetailBreakpoint > 0) { + var x = i.$el.children(".page-current").prevAll(".page-master").eq(0); + if (x.length) { + var C = i.history[i.history.length - 2], + $ = i.findMatchingRoute(C); + $ && $.route === x[0].f7Page.route.route && (w = x, r.preload || (y = p.width >= i.params.masterDetailBreakpoint)) + } + } + if (!r.force && w.length && !y) { + if (i.params.pushState && w[0].f7Page && i.history[i.history.length - 2] !== w[0].f7Page.route.url) return i.back(i.history[i.history.length - 2], Utils.extend(r, { + force: !0 + })), i; + var k = w[0].f7Page.route; + return processRouteQueue.call(i, k, i.currentRoute, (function() { + i.loadBack({ + el: w + }, Utils.extend(r, { + route: k + })) + }), (function() {})), i + } + if ("#" === a && (a = void 0), a && "/" !== a[0] && 0 !== a.indexOf("#") && (a = ((i.path || "/") + a).replace("//", "/")), !a && i.history.length > 1 && (a = i.history[i.history.length - 2]), y && !r.force && i.history[i.history.length - 3]) return i.back(i.history[i.history.length - 3], Utils.extend({}, r || {}, { + force: !0, + animate: !1 + })); + if (y && !r.force) return i; + if ((n = i.findMatchingRoute(a)) || a && (n = { + url: a, + path: a.split("?")[0], + query: Utils.parseUrlQuery(a), + route: { + path: a.split("?")[0], + url: a + } + }), !n) return i; + if (n.route.redirect) return redirect.call(i, "back", n, r); + var E, T = {}; + if (n.route.options ? Utils.extend(T, n.route.options, r) : Utils.extend(T, r), T.route = n, T && T.context && (n.context = T.context, T.route.context = T.context), T.force && i.params.stackPages && (i.$el.children(".page-previous.stacked").each((function(e, t) { + t.f7Page && t.f7Page.route && t.f7Page.route.url === n.url && (E = !0, i.loadBack({ + el: t + }, T)) + })), E)) return i; + + function S() { + var e = !1; + + function t(e, t) { + i.allowPageChange = !1, t && t.context && (n.context ? n.context = Utils.extend({}, n.context, t.context) : n.context = t.context, T.route.context = n.context), i.loadBack(e, Utils.extend(T, t), !0) + } + + function a() { + i.allowPageChange = !0 + } + n.route.keepAlive && n.route.keepAliveData && (i.loadBack({ + el: n.route.keepAliveData.pageEl + }, T), e = !0), "url content component pageName el componentUrl template templateUrl".split(" ").forEach((function(t) { + var a; + n.route[t] && !e && (e = !0, i.loadBack(((a = {})[t] = n.route[t], a), T)) + })), e || (n.route.async && (i.allowPageChange = !1, n.route.async.call(i, n, i.currentRoute, t, a)), n.route.asyncComponent && asyncComponent(i, n.route.asyncComponent, t, a)) + } + + function M() { + i.allowPageChange = !0 + } + return T.preload ? S() : processRouteQueue.call(i, n, i.currentRoute, (function() { + n.route.modules ? p.loadModules(Array.isArray(n.route.modules) ? n.route.modules : [n.route.modules]).then((function() { + S() + })).catch((function() { + M() + })) : S() + }), (function() { + M() + })), i + } + + function clearPreviousPages(e) { + appRouterCheck(e, "clearPreviousPages"); + var t = e.app, + a = e.dynamicNavbar; + e.$el.children(".page").filter((function(t, a) { + return !(!e.currentRoute || !e.currentRoute.modal && !e.currentRoute.panel) || a !== e.currentPageEl + })).each((function(r, n) { + var i = $(n), + s = $(t.navbar.getElByPage(i)); + e.params.stackPages && e.initialPages.indexOf(i[0]) >= 0 ? (i.addClass("stacked"), a && s.addClass("stacked")) : (e.pageCallback("beforeRemove", i, s, "previous", void 0, {}), e.removePage(i), a && s.length && e.removeNavbar(s)) + })) + } + + function clearPreviousHistory() { + appRouterCheck(this, "clearPreviousHistory"); + var e = this.history[this.history.length - 1]; + clearPreviousPages(this), this.history = [e], this.view.history = [e], this.saveHistory() + } + var Router = function(e) { + function t(t, a) { + e.call(this, {}, [void 0 === a ? t : a]); + var r = this; + r.isAppRouter = void 0 === a, r.isAppRouter ? Utils.extend(!1, r, { + app: t, + params: t.params.view, + routes: t.routes || [], + cache: t.cache + }) : Utils.extend(!1, r, { + app: t, + view: a, + viewId: a.id, + params: a.params, + routes: a.routes, + $el: a.$el, + el: a.el, + $navbarsEl: a.$navbarsEl, + navbarsEl: a.navbarsEl, + history: a.history, + scrollHistory: a.scrollHistory, + cache: t.cache, + dynamicNavbar: "ios" === t.theme && a.params.iosDynamicNavbar, + initialPages: [], + initialNavbars: [] + }), r.useModules(), r.tempDom = doc.createElement("div"), r.allowPageChange = !0; + var n = {}, + i = {}; + return Object.defineProperty(r, "currentRoute", { + enumerable: !0, + configurable: !0, + set: function(e) { + void 0 === e && (e = {}), i = Utils.extend({}, n), (n = e) && (r.url = n.url, r.emit("routeChange", e, i, r)) + }, + get: function() { + return n + } + }), Object.defineProperty(r, "previousRoute", { + enumerable: !0, + configurable: !0, + get: function() { + return i + }, + set: function(e) { + i = e + } + }), r + } + return e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t, t.prototype.animatableNavElements = function(e, t, a, r, n) { + var i, s, o = this.dynamicNavbar, + l = this.params.iosAnimateNavbarBackIcon; + + function p(e, t) { + var a, r = e.hasClass("sliding") || t.hasClass("sliding"), + n = e.hasClass("subnavbar"), + i = !r || !n, + s = e.find(".back .icon"); + return r && l && e.hasClass("left") && s.length > 0 && s.next("span").length && (e = s.next("span"), a = !0), { + $el: e, + isIconLabel: a, + leftOffset: e[0].f7NavbarLeftOffset, + rightOffset: e[0].f7NavbarRightOffset, + isSliding: r, + isSubnavbar: n, + needsOpacityTransition: i + } + } + return o && (i = [], s = [], e.children(".navbar-inner").children(".left, .right, .title, .subnavbar").each((function(t, s) { + var o = $(s); + o.hasClass("left") && r && "forward" === n || o.hasClass("title") && a || i.push(p(o, e.children(".navbar-inner"))) + })), t.hasClass("navbar-master") && this.params.masterDetailBreakpoint > 0 && this.app.width >= this.params.masterDetailBreakpoint || t.children(".navbar-inner").children(".left, .right, .title, .subnavbar").each((function(e, i) { + var o = $(i); + o.hasClass("left") && a && !r && "forward" === n || o.hasClass("left") && a && "backward" === n || o.hasClass("title") && r || s.push(p(o, t.children(".navbar-inner"))) + })), [s, i].forEach((function(e) { + e.forEach((function(t) { + var a = t, + r = t.isSliding, + n = t.$el, + o = e === s ? i : s; + r && n.hasClass("title") && o && o.forEach((function(e) { + if (e.isIconLabel) { + var t = e.$el[0]; + a.leftOffset += t && t.offsetLeft || 0 + } + })) + })) + }))), { + newNavEls: i, + oldNavEls: s + } + }, t.prototype.animate = function(e, t, a, r, n, i, s) { + var o = this; + if (o.params.animateCustom) o.params.animateCustom.apply(o, [e, t, a, r, n, s]); + else { + var l = o.dynamicNavbar, + p = "ios" === o.app.theme; + if (i) { + var c = "router-transition-custom router-transition-" + i + "-" + n; + return ("forward" === n ? t : e).animationEnd((function() { + o.$el.removeClass(c), l && o.$navbarsEl.length && (r && o.$navbarsEl.prepend(r), a && o.$navbarsEl.prepend(a)), s && s() + })), l && (r && t && (r.removeClass("navbar-next navbar-previous navbar-current"), t.prepend(r)), a && e && (a.removeClass("navbar-next navbar-previous navbar-current"), e.prepend(a))), void o.$el.addClass(c) + } + var d, u, h, f, m, v, g = "router-transition-" + n + " router-transition"; + if (p && l) { + o.params.masterDetailBreakpoint > 0 && o.app.width >= o.params.masterDetailBreakpoint && (a.hasClass("navbar-master") && r.hasClass("navbar-master-detail") || a.hasClass("navbar-master-detail") && r.hasClass("navbar-master")) || (m = a && a.hasClass("navbar-large"), v = r && r.hasClass("navbar-large"), h = m && !a.hasClass("navbar-large-collapsed"), f = v && !r.hasClass("navbar-large-collapsed")); + var b = o.animatableNavElements(r, a, f, h, n); + d = b.newNavEls, u = b.oldNavEls + }("forward" === n ? t : e).animationEnd((function() { + o.dynamicNavbar && (r && (r.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"), r.addClass("navbar-no-title-large-transition"), Utils.nextFrame((function() { + r.removeClass("navbar-no-title-large-transition") + }))), a && a.removeClass("router-navbar-transition-to-large router-navbar-transition-from-large"), r.hasClass("sliding") ? r.find(".title, .left, .right, .left .icon, .subnavbar").transform("") : r.find(".sliding").transform(""), a.hasClass("sliding") ? a.find(".title, .left, .right, .left .icon, .subnavbar").transform("") : a.find(".sliding").transform("")), o.$el.removeClass(g), s && s() + })), l ? (y(0), Utils.nextFrame((function() { + y(1), o.$el.addClass(g) + }))) : o.$el.addClass(g) + } + + function y(e) { + p && l && (1 === e && (f && (r.addClass("router-navbar-transition-to-large"), a.addClass("router-navbar-transition-to-large")), h && (r.addClass("router-navbar-transition-from-large"), a.addClass("router-navbar-transition-from-large"))), d.forEach((function(t) { + var a = t.$el, + r = "forward" === n ? t.rightOffset : t.leftOffset; + t.isSliding && (t.isSubnavbar && v ? a[0].style.setProperty("transform", "translate3d(" + r * (1 - e) + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)", "important") : a.transform("translate3d(" + r * (1 - e) + "px,0,0)")) + })), u.forEach((function(t) { + var a = t.$el, + r = "forward" === n ? t.leftOffset : t.rightOffset; + t.isSliding && (t.isSubnavbar && m ? a.transform("translate3d(" + r * e + "px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0)") : a.transform("translate3d(" + r * e + "px,0,0)")) + }))) + } + }, t.prototype.removeModal = function(e) { + this.removeEl(e) + }, t.prototype.removeTabContent = function(e) { + $(e).html("") + }, t.prototype.removeNavbar = function(e) { + this.removeEl(e) + }, t.prototype.removePage = function(e) { + var t = $(e), + a = t && t[0] && t[0].f7Page; + a && a.route && a.route.route && a.route.route.keepAlive ? t.remove() : this.removeEl(e) + }, t.prototype.removeEl = function(e) { + if (e) { + var t = $(e); + 0 !== t.length && (t.find(".tab").each((function(e, t) { + $(t).children().each((function(e, t) { + t.f7Component && ($(t).trigger("tab:beforeremove"), t.f7Component.$destroy()) + })) + })), t[0].f7Component && t[0].f7Component.$destroy && t[0].f7Component.$destroy(), this.params.removeElements && (this.params.removeElementsWithTimeout ? setTimeout((function() { + t.remove() + }), this.params.removeElementsTimeout) : t.remove())) + } + }, t.prototype.getPageEl = function(e) { + if ("string" == typeof e) this.tempDom.innerHTML = e; + else { + if ($(e).hasClass("page")) return e; + this.tempDom.innerHTML = "", $(this.tempDom).append(e) + } + return this.findElement(".page", this.tempDom) + }, t.prototype.findElement = function(e, t, a) { + var r = this.view, + n = this.app, + i = $(t), + s = e; + a && (s += ":not(.stacked)"); + var o = i.find(s).filter((function(e, t) { + return 0 === $(t).parents(".popup, .dialog, .popover, .actions-modal, .sheet-modal, .login-screen, .page").length + })); + return o.length > 1 && ("string" == typeof r.selector && (o = i.find(r.selector + " " + s)), o.length > 1 && (o = i.find("." + n.params.viewMainClass + " " + s))), 1 === o.length ? o : (a || (o = this.findElement(s, i, !0)), o && 1 === o.length ? o : o && o.length > 1 ? $(o[0]) : void 0) + }, t.prototype.flattenRoutes = function(e) { + void 0 === e && (e = this.routes); + var t = this, + a = []; + return e.forEach((function(e) { + var r = !1; + if ("tabs" in e && e.tabs) { + var n = e.tabs.map((function(t) { + var a = Utils.extend({}, e, { + path: (e.path + "/" + t.path).replace("///", "/").replace("//", "/"), + parentPath: e.path, + tab: t + }); + return delete a.tabs, delete a.routes, a + })); + r = !0, a = a.concat(t.flattenRoutes(n)) + } + if ("detailRoutes" in e) { + var i = e.detailRoutes.map((function(t) { + var a = Utils.extend({}, t); + return a.masterRoute = e, a.masterRoutePath = e.path, a + })); + a = a.concat(e, t.flattenRoutes(i)) + } + if ("routes" in e) { + var s = e.routes.map((function(t) { + var a = Utils.extend({}, t); + return a.path = (e.path + "/" + a.path).replace("///", "/").replace("//", "/"), a + })); + a = r ? a.concat(t.flattenRoutes(s)) : a.concat(e, t.flattenRoutes(s)) + } + "routes" in e || "tabs" in e && e.tabs || "detailRoutes" in e || a.push(e) + })), a + }, t.prototype.parseRouteUrl = function(e) { + if (!e) return {}; + var t = Utils.parseUrlQuery(e), + a = e.split("#")[1], + r = e.split("#")[0].split("?")[0]; + return { + query: t, + hash: a, + params: {}, + url: e, + path: r + } + }, t.prototype.constructRouteUrl = function(e, t) { + void 0 === t && (t = {}); + var a, r = t.params, + n = t.query, + i = e.path, + s = compile(i); + try { + a = s(r || {}) + } catch (e) { + throw new Error("Framework7: error constructing route URL from passed params:\nRoute: " + i + "\n" + e.toString()) + } + return n && (a += "string" == typeof n ? "?" + n : "?" + Utils.serializeObject(n)), a + }, t.prototype.findTabRoute = function(e) { + var t, a = $(e), + r = this.currentRoute.route.parentPath, + n = a.attr("id"); + return this.flattenRoutes(this.routes).forEach((function(e) { + e.parentPath === r && e.tab && e.tab.id === n && (t = e) + })), t + }, t.prototype.findRouteByKey = function(e, t) { + var a, r = this.routes; + return this.flattenRoutes(r).forEach((function(r) { + a || r[e] === t && (a = r) + })), a + }, t.prototype.findMatchingRoute = function(e) { + if (e) { + var t, a = this.routes, + r = this.flattenRoutes(a), + n = this.parseRouteUrl(e), + i = n.path, + s = n.query, + o = n.hash, + l = n.params; + return r.forEach((function(a) { + if (!t) { + var r, n, p = [], + c = [a.path]; + if (a.alias && ("string" == typeof a.alias ? c.push(a.alias) : Array.isArray(a.alias) && a.alias.forEach((function(e) { + c.push(e) + }))), c.forEach((function(e) { + r || (r = pathToRegexp(e, p).exec(i)) + })), r) p.forEach((function(e, t) { + if ("number" != typeof e.name) { + var a = r[t + 1]; + l[e.name] = null == a ? a : decodeURIComponent(a) + } + })), a.parentPath && (n = i.split("/").slice(0, a.parentPath.split("/").length - 1).join("/")), t = { + query: s, + hash: o, + params: l, + url: e, + path: i, + parentPath: n, + route: a, + name: a.name + } + } + })), t + } + }, t.prototype.replaceRequestUrlParams = function(e, t) { + void 0 === e && (e = ""), void 0 === t && (t = {}); + var a = e; + return "string" == typeof a && a.indexOf("{{") >= 0 && t && t.route && t.route.params && Object.keys(t.route.params).length && Object.keys(t.route.params).forEach((function(e) { + var r = new RegExp("{{" + e + "}}", "g"); + a = a.replace(r, t.route.params[e] || "") + })), a + }, t.prototype.removeFromXhrCache = function(e) { + for (var t = this.cache.xhr, a = !1, r = 0; r < t.length; r += 1) t[r].url === e && (a = r); + !1 !== a && t.splice(a, 1) + }, t.prototype.xhrRequest = function(e, t) { + var a = this, + r = a.params, + n = t.ignoreCache, + i = e, + s = i.indexOf("?") >= 0; + return r.passRouteQueryToRequest && t && t.route && t.route.query && Object.keys(t.route.query).length && (i += (s ? "&" : "?") + Utils.serializeObject(t.route.query), s = !0), r.passRouteParamsToRequest && t && t.route && t.route.params && Object.keys(t.route.params).length && (i += (s ? "&" : "?") + Utils.serializeObject(t.route.params), s = !0), i.indexOf("{{") >= 0 && (i = a.replaceRequestUrlParams(i, t)), r.xhrCacheIgnoreGetParameters && i.indexOf("?") >= 0 && (i = i.split("?")[0]), new Promise((function(e, s) { + if (r.xhrCache && !n && i.indexOf("nocache") < 0 && r.xhrCacheIgnore.indexOf(i) < 0) + for (var o = 0; o < a.cache.xhr.length; o += 1) { + var l = a.cache.xhr[o]; + if (l.url === i && Utils.now() - l.time < r.xhrCacheDuration) return void e(l.content) + } + a.xhr = a.app.request({ + url: i, + method: "GET", + beforeSend: function(e) { + a.emit("routerAjaxStart", e, t) + }, + complete: function(n, o) { + a.emit("routerAjaxComplete", n), "error" !== o && "timeout" !== o && n.status >= 200 && n.status < 300 || 0 === n.status ? (r.xhrCache && "" !== n.responseText && (a.removeFromXhrCache(i), a.cache.xhr.push({ + url: i, + time: Utils.now(), + content: n.responseText + })), a.emit("routerAjaxSuccess", n, t), e(n.responseText)) : (a.emit("routerAjaxError", n, t), s(n)) + }, + error: function(e) { + a.emit("routerAjaxError", e, t), s(e) + } + }) + })) + }, t.prototype.setNavbarPosition = function(e, t, a) { + e.removeClass("navbar-previous navbar-current navbar-next"), e.addClass("navbar-" + t), !1 === a ? e.removeAttr("aria-hidden") : !0 === a && e.attr("aria-hidden", "true"), e.trigger("navbar:position", { + position: t + }), this.emit("navbarPosition", e[0], t) + }, t.prototype.setPagePosition = function(e, t, a) { + e.removeClass("page-previous page-current page-next"), e.addClass("page-" + t), !1 === a ? e.removeAttr("aria-hidden") : !0 === a && e.attr("aria-hidden", "true"), e.trigger("page:position", { + position: t + }), this.emit("pagePosition", e[0], t) + }, t.prototype.removeThemeElements = function(e) { + var t, a = this.app.theme; + "ios" === a ? t = ".md-only, .aurora-only, .if-md, .if-aurora, .if-not-ios, .not-ios" : "md" === a ? t = ".ios-only, .aurora-only, .if-ios, .if-aurora, .if-not-md, .not-md" : "aurora" === a && (t = ".ios-only, .md-only, .if-ios, .if-md, .if-not-aurora, .not-aurora"), $(e).find(t).remove() + }, t.prototype.getPageData = function(e, t, a, r, n, i) { + void 0 === n && (n = {}); + var s, o, l = $(e).eq(0), + p = $(t).eq(0), + c = l[0].f7Page || {}; + if (("next" === a && "current" === r || "current" === a && "previous" === r) && (s = "forward"), ("current" === a && "next" === r || "previous" === a && "current" === r) && (s = "backward"), c && !c.fromPage) { + var d = $(i); + d.length && (o = d[0].f7Page) + }(o = c.pageFrom || o) && o.pageFrom && (o.pageFrom = null); + var u = { + app: this.app, + view: this.view, + router: this, + $el: l, + el: l[0], + $pageEl: l, + pageEl: l[0], + $navbarEl: p, + navbarEl: p[0], + name: l.attr("data-name"), + position: a, + from: a, + to: r, + direction: s, + route: c.route ? c.route : n, + pageFrom: o + }; + return l[0].f7Page = u, u + }, t.prototype.pageCallback = function(e, t, a, r, n, i, s) { + if (void 0 === i && (i = {}), t) { + var o = this, + l = $(t); + if (l.length) { + var p = $(a), + c = i.route, + d = o.params.restoreScrollTopOnBack && !(o.params.masterDetailBreakpoint > 0 && l.hasClass("page-master") && o.app.width >= o.params.masterDetailBreakpoint), + u = l[0].f7Page && l[0].f7Page.route && l[0].f7Page.route.route && l[0].f7Page.route.route.keepAlive; + "beforeRemove" === e && u && (e = "beforeUnmount"); + var h = "page" + (e[0].toUpperCase() + e.slice(1, e.length)), + f = "page:" + e.toLowerCase(), + m = {}; + (m = "beforeRemove" === e && l[0].f7Page ? Utils.extend(l[0].f7Page, { + from: r, + to: n, + position: r + }) : o.getPageData(l[0], p[0], r, n, c, s)).swipeBack = !!i.swipeBack; + var v = i.route ? i.route.route : {}, + g = v.on; + void 0 === g && (g = {}); + var b = v.once; + if (void 0 === b && (b = {}), i.on && Utils.extend(g, i.on), i.once && Utils.extend(b, i.once), "mounted" === e && x(), "init" === e) { + if (d && ("previous" === r || !r) && "current" === n && o.scrollHistory[m.route.url] && !l.hasClass("no-restore-scroll")) { + var y = l.find(".page-content"); + y.length > 0 && (y = y.filter((function(e, t) { + return 0 === $(t).parents(".tab:not(.tab-active)").length && !$(t).is(".tab:not(.tab-active)") + }))), y.scrollTop(o.scrollHistory[m.route.url]) + } + if (x(), l[0].f7PageInitialized) return l.trigger("page:reinit", m), void o.emit("pageReinit", m); + l[0].f7PageInitialized = !0 + } + if (d && "beforeOut" === e && "current" === r && "previous" === n) { + var w = l.find(".page-content"); + w.length > 0 && (w = w.filter((function(e, t) { + return 0 === $(t).parents(".tab:not(.tab-active)").length && !$(t).is(".tab:not(.tab-active)") + }))), o.scrollHistory[m.route.url] = w.scrollTop() + } + d && "beforeOut" === e && "current" === r && "next" === n && delete o.scrollHistory[m.route.url], l.trigger(f, m), o.emit(h, m), "beforeRemove" !== e && "beforeUnmount" !== e || (l[0].f7RouteEventsAttached && (l[0].f7RouteEventsOn && Object.keys(l[0].f7RouteEventsOn).forEach((function(e) { + l.off(Utils.eventNameToColonCase(e), l[0].f7RouteEventsOn[e]) + })), l[0].f7RouteEventsOnce && Object.keys(l[0].f7RouteEventsOnce).forEach((function(e) { + l.off(Utils.eventNameToColonCase(e), l[0].f7RouteEventsOnce[e]) + })), l[0].f7RouteEventsAttached = null, l[0].f7RouteEventsOn = null, l[0].f7RouteEventsOnce = null, delete l[0].f7RouteEventsAttached, delete l[0].f7RouteEventsOn, delete l[0].f7RouteEventsOnce), u || (l[0].f7Page && l[0].f7Page.navbarEl && delete l[0].f7Page.navbarEl.f7Page, l[0].f7Page = null)) + } + } + + function x() { + l[0].f7RouteEventsAttached || (l[0].f7RouteEventsAttached = !0, g && Object.keys(g).length > 0 && (l[0].f7RouteEventsOn = g, Object.keys(g).forEach((function(e) { + g[e] = g[e].bind(o), l.on(Utils.eventNameToColonCase(e), g[e]) + }))), b && Object.keys(b).length > 0 && (l[0].f7RouteEventsOnce = b, Object.keys(b).forEach((function(e) { + b[e] = b[e].bind(o), l.once(Utils.eventNameToColonCase(e), b[e]) + })))) + } + }, t.prototype.saveHistory = function() { + this.view.history = this.history, this.params.pushState && (win.localStorage["f7router-" + this.view.id + "-history"] = JSON.stringify(this.history)) + }, t.prototype.restoreHistory = function() { + this.params.pushState && win.localStorage["f7router-" + this.view.id + "-history"] && (this.history = JSON.parse(win.localStorage["f7router-" + this.view.id + "-history"]), this.view.history = this.history) + }, t.prototype.clearHistory = function() { + this.history = [], this.view && (this.view.history = []), this.saveHistory() + }, t.prototype.updateCurrentUrl = function(e) { + appRouterCheck(this, "updateCurrentUrl"), this.history.length ? this.history[this.history.length - 1] = e : this.history.push(e); + var t = this.parseRouteUrl(e), + a = t.query, + r = t.hash, + n = t.params, + i = t.url, + s = t.path; + if (this.currentRoute && Utils.extend(this.currentRoute, { + query: a, + hash: r, + params: n, + url: i, + path: s + }), this.params.pushState) { + var o = this.params.pushStateRoot || ""; + History.replace(this.view.id, { + url: e + }, o + this.params.pushStateSeparator + e) + } + this.saveHistory(), this.emit("routeUrlUpdate", this.currentRoute, this) + }, t.prototype.init = function() { + var e = this, + t = e.app, + a = e.view; + (a && e.params.iosSwipeBack && "ios" === t.theme || a && e.params.mdSwipeBack && "md" === t.theme || a && e.params.auroraSwipeBack && "aurora" === t.theme) && SwipeBack(e); + var r, n, i = e.params.url, + s = doc.location.href.split(doc.location.origin)[1], + o = e.params, + l = o.pushState, + p = o.pushStateOnLoad, + c = o.pushStateSeparator, + d = o.pushStateAnimateOnLoad, + u = e.params.pushStateRoot; + if (win.cordova && l && !c && !u && doc.location.pathname.indexOf("index.html") && (console.warn("Framework7: wrong or not complete pushState configuration, trying to guess pushStateRoot"), u = doc.location.pathname.split("index.html")[0]), l && p ? (u && s.indexOf(u) >= 0 && "" === (s = s.split(u)[1]) && (s = "/"), i = c.length > 0 && s.indexOf(c) >= 0 ? s.split(c)[1] : s, e.restoreHistory(), e.history.indexOf(i) >= 0 ? e.history = e.history.slice(0, e.history.indexOf(i) + 1) : e.params.url === i ? e.history = [i] : History.state && History.state[a.id] && History.state[a.id].url === e.history[e.history.length - 1] ? i = e.history[e.history.length - 1] : e.history = [s.split(c)[0] || "/", i], e.history.length > 1 ? r = !0 : e.history = [], e.saveHistory()) : (i || (i = s), doc.location.search && i.indexOf("?") < 0 && (i += doc.location.search), doc.location.hash && i.indexOf("#") < 0 && (i += doc.location.hash)), e.history.length > 1 ? (n = e.findMatchingRoute(e.history[0])) || (n = Utils.extend(e.parseRouteUrl(e.history[0]), { + route: { + url: e.history[0], + path: e.history[0].split("?")[0] + } + })) : (n = e.findMatchingRoute(i)) || (n = Utils.extend(e.parseRouteUrl(i), { + route: { + url: i, + path: i.split("?")[0] + } + })), e.params.stackPages && e.$el.children(".page").each((function(t, a) { + var r = $(a); + e.initialPages.push(r[0]), e.dynamicNavbar && r.children(".navbar").length > 0 && e.initialNavbars.push(r.children(".navbar")[0]) + })), 0 === e.$el.children(".page:not(.stacked)").length && i && e.params.loadInitialPage) e.navigate(i, { + initial: !0, + reloadCurrent: !0, + pushState: !1 + }); + else if (e.$el.children(".page:not(.stacked)").length) { + var h; + e.currentRoute = n, e.$el.children(".page:not(.stacked)").each((function(t, r) { + var n, i = $(r); + e.setPagePosition(i, "current"), e.dynamicNavbar && ((n = i.children(".navbar")).length > 0 ? (e.$navbarsEl.parents(doc).length || e.$el.prepend(e.$navbarsEl), e.setNavbarPosition(n, "current"), e.$navbarsEl.append(n), n.children(".title-large").length && n.addClass("navbar-large"), i.children(".navbar").remove()) : (e.$navbarsEl.addClass("navbar-hidden"), n.children(".title-large").length && e.$navbarsEl.addClass("navbar-hidden navbar-large-hidden"))), e.currentRoute && e.currentRoute.route && e.currentRoute.route.master && e.params.masterDetailBreakpoint > 0 && (i.addClass("page-master"), i.trigger("page:role", { + role: "master" + }), n && n.length && n.addClass("navbar-master"), a.checkMasterDetailBreakpoint()); + var s = { + route: e.currentRoute + }; + e.currentRoute && e.currentRoute.route && e.currentRoute.route.options && Utils.extend(s, e.currentRoute.route.options), e.currentPageEl = i[0], e.dynamicNavbar && n.length && (e.currentNavbarEl = n[0]), e.removeThemeElements(i), e.dynamicNavbar && n.length && e.removeThemeElements(n), s.route.route.tab && (h = !0, e.tabLoad(s.route.route.tab, Utils.extend({}, s))), e.pageCallback("init", i, n, "current", void 0, s) + })), r && e.navigate(i, { + initial: !0, + pushState: !1, + history: !1, + animate: d, + once: { + pageAfterIn: function() { + (e.params.preloadPreviousPage || e.params[t.theme + "SwipeBack"]) && e.history.length > 2 && e.back({ + preload: !0 + }) + } + } + }), r || h || (e.history.push(i), e.saveHistory()) + }!(i && l && p) || History.state && History.state[a.id] || History.initViewState(a.id, { + url: i + }), e.emit("local::init routerInit", e) + }, t.prototype.destroy = function() { + var e = this; + e.emit("local::destroy routerDestroy", e), Object.keys(e).forEach((function(t) { + e[t] = null, delete e[t] + })), e = null + }, t + }(Framework7Class); + Router.prototype.forward = forward, Router.prototype.load = load, Router.prototype.navigate = navigate, Router.prototype.refreshPage = refreshPage, Router.prototype.tabLoad = tabLoad, Router.prototype.tabRemove = tabRemove, Router.prototype.modalLoad = modalLoad, Router.prototype.modalRemove = modalRemove, Router.prototype.backward = backward, Router.prototype.loadBack = loadBack, Router.prototype.back = back, Router.prototype.clearPreviousHistory = clearPreviousHistory; + var RouterModule = { + name: "router", + static: { + Router: Router + }, + instance: { + cache: { + xhr: [], + templates: [], + components: [] + } + }, + create: function() { + this.app ? this.params.router && (this.router = new Router(this.app, this)) : this.router = new Router(this) + } + }, + View = function(e) { + function t(t, a, r) { + void 0 === r && (r = {}), e.call(this, r, [t]); + var n, i, s, o = t, + l = $(a), + p = this; + return p.params = Utils.extend({ + routes: [], + routesAdd: [] + }, o.params.view, r), p.params.routes.length > 0 ? p.routes = p.params.routes : p.routes = [].concat(o.routes, p.params.routesAdd), n = "string" == typeof a ? a : (l.attr("id") ? "#" + l.attr("id") : "") + (l.attr("class") ? "." + l.attr("class").replace(/ /g, ".").replace(".active", "") : ""), "ios" === o.theme && p.params.iosDynamicNavbar && 0 === (i = l.children(".navbars").eq(0)).length && (i = $('')), Utils.extend(!1, p, { + app: o, + $el: l, + el: l[0], + name: p.params.name, + main: p.params.main || l.hasClass("view-main"), + $navbarsEl: i, + navbarsEl: i ? i[0] : void 0, + selector: n, + history: [], + scrollHistory: {} + }), l[0].f7View = p, p.useModules(), o.views.push(p), p.main && (o.views.main = p), p.name && (o.views[p.name] = p), p.index = o.views.indexOf(p), s = p.name ? "view_" + p.name : p.main ? "view_main" : "view_" + p.index, p.id = s, o.initialized ? p.init() : o.on("init", (function() { + p.init() + })), p + } + return e && (t.__proto__ = e), t.prototype = Object.create(e && e.prototype), t.prototype.constructor = t, t.prototype.destroy = function() { + var e = this, + t = e.app; + e.$el.trigger("view:beforedestroy"), e.emit("local::beforeDestroy viewBeforeDestroy", e), t.off("resize", e.checkMasterDetailBreakpoint), e.main ? (t.views.main = null, delete t.views.main) : e.name && (t.views[e.name] = null, delete t.views[e.name]), e.$el[0].f7View = null, delete e.$el[0].f7View, t.views.splice(t.views.indexOf(e), 1), e.params.router && e.router && e.router.destroy(), e.emit("local::destroy viewDestroy", e), Object.keys(e).forEach((function(t) { + e[t] = null, delete e[t] + })), e = null + }, t.prototype.checkMasterDetailBreakpoint = function(e) { + var t = this.app, + a = this.$el.hasClass("view-master-detail"), + r = t.width >= this.params.masterDetailBreakpoint && this.$el.children(".page-master").length; + void 0 === e && r || !0 === e ? (this.$el.addClass("view-master-detail"), a || (this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint", this), this.$el.trigger("view:masterDetailBreakpoint"))) : (this.$el.removeClass("view-master-detail"), a && (this.emit("local::masterDetailBreakpoint viewMasterDetailBreakpoint", this), this.$el.trigger("view:masterDetailBreakpoint"))) + }, t.prototype.initMasterDetail = function() { + var e = this.app; + this.checkMasterDetailBreakpoint = this.checkMasterDetailBreakpoint.bind(this), this.checkMasterDetailBreakpoint(), e.on("resize", this.checkMasterDetailBreakpoint) + }, t.prototype.init = function() { + this.params.router && (this.params.masterDetailBreakpoint > 0 && this.initMasterDetail(), this.router.init(), this.$el.trigger("view:init"), this.emit("local::init viewInit", this)) + }, t + }(Framework7Class); + + function initClicks(e) { + e.on("click", (function(t) { + var a = $(t.target), + r = a.closest("a"), + n = r.length > 0, + i = n && r.attr("href"); + if (n && (r.is(e.params.clicks.externalLinks) || i && i.indexOf("javascript:") >= 0)) { + var s = r.attr("target"); + i && win.cordova && win.cordova.InAppBrowser && ("_system" === s || "_blank" === s) && (t.preventDefault(), win.cordova.InAppBrowser.open(i, s)) + } else { + Object.keys(e.modules).forEach((function(r) { + var n = e.modules[r].clicks; + n && (t.preventF7Router || Object.keys(n).forEach((function(r) { + var i = a.closest(r).eq(0); + i.length > 0 && n[r].call(e, i, i.dataset(), t) + }))) + })); + var o = {}; + if (n && (t.preventDefault(), o = r.dataset()), !t.preventF7Router) + if (!r.hasClass("prevent-router") && !r.hasClass("router-prevent")) + if (i && i.length > 0 && "#" !== i[0] || r.hasClass("back")) { + var l; + if (o.view && "current" === o.view ? l = e.views.current : o.view ? l = $(o.view)[0].f7View : (l = a.parents(".view")[0] && a.parents(".view")[0].f7View, !r.hasClass("back") && l && l.params.linksView && ("string" == typeof l.params.linksView ? l = $(l.params.linksView)[0].f7View : l.params.linksView instanceof View && (l = l.params.linksView))), l || e.views.main && (l = e.views.main), !l || !l.router) return; + if (o.context && "string" == typeof o.context) try { + o.context = JSON.parse(o.context) + } catch (e) {} + r[0].f7RouteProps && (o.props = r[0].f7RouteProps), r.hasClass("back") ? l.router.back(i, o) : l.router.navigate(i, o) + } + } + })) + } + View.use(RouterModule); + var ClicksModule = { + name: "clicks", + params: { + clicks: { + externalLinks: ".external" + } + }, + on: { + init: function() { + initClicks(this) + } + } + }, + RouterTemplateLoaderModule = { + name: "routerTemplateLoader", + proto: { + templateLoader: function(e, t, a, r, n) { + var i = this; + + function s(e) { + var t, s; + try { + if ("function" == typeof(s = a.context || {})) s = s.call(i); + else if ("string" == typeof s) try { + s = JSON.parse(s) + } catch (e) { + throw n(), e + } + t = "function" == typeof e ? e(s) : Template7.compile(e)(Utils.extend({}, s || {}, { + $app: i.app, + $root: Utils.extend({}, i.app.data, i.app.methods), + $route: a.route, + $f7route: a.route, + $router: i, + $f7router: i, + $theme: { + ios: "ios" === i.app.theme, + md: "md" === i.app.theme, + aurora: "aurora" === i.app.theme + } + })) + } catch (e) { + throw n(), e + } + r(t, { + context: s + }) + } + t ? (i.xhr && (i.xhr.abort(), i.xhr = !1), i.xhrRequest(t, a).then((function(e) { + s(e) + })).catch((function() { + n() + }))) : s(e) + }, + modalTemplateLoader: function(e, t, a, r, n) { + return this.templateLoader(e, t, a, (function(e) { + r(e) + }), n) + }, + tabTemplateLoader: function(e, t, a, r, n) { + return this.templateLoader(e, t, a, (function(e) { + r(e) + }), n) + }, + pageTemplateLoader: function(e, t, a, r, n) { + var i = this; + return i.templateLoader(e, t, a, (function(e, t) { + void 0 === t && (t = {}), r(i.getPageEl(e), t) + }), n) + } + } + }, + RouterComponentLoaderModule = { + name: "routerComponentLoader", + proto: { + componentLoader: function(e, t, a, r, n) { + void 0 === a && (a = {}); + var i, s = this, + o = s.app, + l = "string" == typeof e ? e : t, + p = s.replaceRequestUrlParams(l, a); + + function c(e) { + var t = a.context || {}; + if ("function" == typeof t) t = t.call(s); + else if ("string" == typeof t) try { + t = JSON.parse(t) + } catch (e) { + throw n(), e + } + var i = Utils.merge({}, t, { + $route: a.route, + $f7route: a.route, + $router: s, + $f7router: s, + $theme: { + ios: "ios" === o.theme, + md: "md" === o.theme, + aurora: "aurora" === o.theme + } + }); + o.component.create(e, i).then((function(e) { + r(e.el) + })).catch((function(e) { + throw n(), new Error(e) + })) + } + p && s.params.componentCache && s.cache.components.forEach((function(e) { + e.url === p && (i = e.component) + })), p && i ? c(i) : p && !i ? (s.xhr && (s.xhr.abort(), s.xhr = !1), s.xhrRequest(l, a).then((function(e) { + var t = o.component.parse(e); + s.params.componentCache && s.cache.components.push({ + url: p, + component: t + }), c(t) + })).catch((function(e) { + throw n(), e + }))) : c(e) + }, + modalComponentLoader: function(e, t, a, r, n, i) { + this.componentLoader(t, a, r, (function(e) { + n(e) + }), i) + }, + tabComponentLoader: function(e, t, a, r, n, i) { + this.componentLoader(t, a, r, (function(e) { + n(e) + }), i) + }, + pageComponentLoader: function(e, t, a, r, n, i) { + this.componentLoader(t, a, r, (function(e, t) { + void 0 === t && (t = {}), n(e, t) + }), i) + } + } + }; + + function vnode(e, t, a, r, n) { + return { + sel: e, + data: t, + children: a, + text: r, + elm: n, + key: void 0 === t ? void 0 : t.key + } + } + var array = Array.isArray; + + function primitive(e) { + return "string" == typeof e || "number" == typeof e + } + + function addNS(e, t, a) { + if (e.ns = "http://www.w3.org/2000/svg", "foreignObject" !== a && void 0 !== t) + for (var r = 0; r < t.length; ++r) { + var n = t[r].data; + void 0 !== n && addNS(n, t[r].children, t[r].sel) + } + } + + function h(e, t, a) { + var r, n, i, s = {}; + if (void 0 !== a ? (s = t, array(a) ? r = a : primitive(a) ? n = a : a && a.sel && (r = [a])) : void 0 !== t && (array(t) ? r = t : primitive(t) ? n = t : t && t.sel ? r = [t] : s = t), array(r)) + for (i = 0; i < r.length; ++i) primitive(r[i]) && (r[i] = vnode(void 0, void 0, void 0, r[i], void 0)); + return "s" !== e[0] || "v" !== e[1] || "g" !== e[2] || 3 !== e.length && "." !== e[3] && "#" !== e[3] || addNS(s, r, e), vnode(e, s, r, n, void 0) + } + var customComponents = {}, + selfClosing = "area base br col command embed hr img input keygen link menuitem meta param source track wbr".split(" "), + propsAttrs = "hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple value indeterminate".split(" "), + booleanProps = "hidden checked disabled readonly selected autocomplete autofocus autoplay required multiple readOnly indeterminate".split(" "), + tempDomDIV = doc.createElement("div"), + tempDomTBODY, tempDomTROW; + + function toCamelCase$1(e) { + return e.split("-").map((function(e, t) { + return 0 === t ? e.toLowerCase() : e[0].toUpperCase() + e.substr(1) + })).join("") + } + + function contextFromAttrs() { + for (var e = [], t = arguments.length; t--;) e[t] = arguments[t]; + var a = {}; + return e.forEach((function(e) { + void 0 === e && (e = {}), Object.keys(e).forEach((function(t) { + a[toCamelCase$1(t)] = e[t] + })) + })), a + } + + function createCustomComponent(e) { + var t = e.app, + a = e.vnode, + r = e.tagName, + n = e.data; + t.component.create(Object.assign({ + el: a.elm + }, customComponents[r]), { + $props: contextFromAttrs(n.attrs || {}, n.props || {}) + }, a.children).then((function(e) { + a.data && a.data.on && e && e.$el && Object.keys(a.data.on).forEach((function(t) { + e.$el.on(t, a.data.on[t]) + })), a.elm.__component__ = e + })) + } + + function updateCustomComponent(e) { + var t = e && e.elm && e.elm.__component__; + if (t) { + var a = contextFromAttrs(e.data.attrs || {}, e.data.props || {}); + t.$children = e.children, Object.assign(t.$props, a), t.$update() + } + } + + function destroyCustomComponent(e) { + var t = e && e.elm && e.elm.__component__; + if (t) { + var a = t.el, + r = t.$el; + e.data && e.data.on && r && Object.keys(e.data.on).forEach((function(t) { + r.off(t, e.data.on[t]) + })), t.$destroy && t.$destroy(), a && a.parentNode && a.parentNode.removeChild(a), delete e.elm.__component__ + } + } + + function getHooks(e, t, a, r, n) { + var i = {}, + s = [], + o = [], + l = [], + p = [], + c = !1; + e && e.attrs && e.attrs.component && (n = e.attrs.component, delete e.attrs.component, c = !0); + var d = n && n.indexOf("-") > 0 && customComponents[n]; + if (d && (s.push((function(a) { + (a.sel === n || c) && createCustomComponent({ + app: t, + vnode: a, + tagName: n, + data: e + }) + })), o.push((function(e) { + destroyCustomComponent(e) + })), l.push((function(e, t) { + updateCustomComponent(t) + }))), !d) { + if (!e || !e.attrs || !e.attrs.class) return i; + e.attrs.class.split(" ").forEach((function(e) { + a || s.push.apply(s, t.getVnodeHooks("insert", e)), o.push.apply(o, t.getVnodeHooks("destroy", e)), l.push.apply(l, t.getVnodeHooks("update", e)), p.push.apply(p, t.getVnodeHooks("postpatch", e)) + })) + } + return r && !a && p.push((function(e, t) { + var a = t || e; + a && a.data && a.data.context && a.data.context.$options.updated && a.data.context.$hook("updated") + })), 0 === s.length && 0 === o.length && 0 === l.length && 0 === p.length ? i : (s.length && (i.insert = function(e) { + s.forEach((function(t) { + return t(e) + })) + }), o.length && (i.destroy = function(e) { + o.forEach((function(t) { + return t(e) + })) + }), l.length && (i.update = function(e, t) { + l.forEach((function(a) { + return a(e, t) + })) + }), p.length && (i.postpatch = function(e, t) { + p.forEach((function(a) { + return a(e, t) + })) + }), i) + } + + function getEventHandler(e, t, a) { + void 0 === a && (a = {}); + var r, n, i = a.stop, + s = a.prevent, + o = a.once, + l = !1, + p = [], + c = !0; + if ((r = e.indexOf("(") < 0 ? e : e.split("(")[0]).indexOf(".") >= 0) r.split(".").forEach((function(e, a) { + if (0 !== a || "this" !== e) { + if (0 === a && "window" === e) return n = win, void(c = !1); + if (n || (n = t), !n[e]) throw new Error("Framework7: Component doesn't have method \"" + r.split(".").slice(0, a + 1).join(".") + '"'); + n = n[e] + } + })); + else { + if (!t[r]) throw new Error("Framework7: Component doesn't have method \"" + r + '"'); + n = t[r] + } + return c && (n = n.bind(t)), + function() { + for (var a = [], r = arguments.length; r--;) a[r] = arguments[r]; + var c = a[0]; + if (!o || !l) { + if (i && c.stopPropagation(), s && c.preventDefault(), l = !0, e.indexOf("(") < 0) p = a; + else e.split("(")[1].split(")")[0].replace(/'[^']*'|"[^"]*"/g, (function(e) { + return e.replace(/,/g, "<_comma_>") + })).split(",").map((function(e) { + return e.replace(/<_comma_>/g, ",") + })).forEach((function(e) { + var a = e.trim(); + if (isNaN(a)) + if ("true" === a) a = !0; + else if ("false" === a) a = !1; + else if ("null" === a) a = null; + else if ("undefined" === a) a = void 0; + else if ('"' === a[0]) a = a.replace(/"/g, ""); + else if ("'" === a[0]) a = a.replace(/'/g, ""); + else if (a.indexOf(".") > 0) { + var r; + a.split(".").forEach((function(e) { + r || (r = t), r = r[e] + })), a = r + } else a = t[a]; + else a = parseFloat(a); + p.push(a) + })); + n.apply(void 0, p) + } + } + } + + function getData(e, t, a, r, n, i) { + var s = { + context: t + }, + o = e.attributes; + Array.prototype.forEach.call(o, (function(e) { + var a = e.name, + r = e.value; + if (propsAttrs.indexOf(a) >= 0) s.props || (s.props = {}), "readonly" === a && (a = "readOnly"), booleanProps.indexOf(a) >= 0 ? s.props[a] = !1 !== r : s.props[a] = r; + else if ("key" === a) s.key = r; + else if (0 === a.indexOf("@")) { + s.on || (s.on = {}); + var i = a.substr(1), + o = !1, + l = !1, + p = !1; + i.indexOf(".") >= 0 && i.split(".").forEach((function(e, t) { + 0 === t ? i = e : ("stop" === e && (o = !0), "prevent" === e && (l = !0), "once" === e && (p = !0)) + })), s.on[i] = getEventHandler(r, t, { + stop: o, + prevent: l, + once: p + }) + } else if ("style" === a) + if (r.indexOf("{") >= 0 && r.indexOf("}") >= 0) try { + s.style = JSON.parse(r) + } catch (e) { + s.attrs || (s.attrs = {}), s.attrs.style = r + } else s.attrs || (s.attrs = {}), s.attrs.style = r; + else s.attrs || (s.attrs = {}), s.attrs[a] = r, "id" !== a || s.key || n || (s.key = r) + })), n && t && t.$id && t.$style && t.$styleScoped && (s.attrs || (s.attrs = {}), s.attrs["data-f7-" + t.$id] = ""); + var l = getHooks(s, a, r, n, i); + return l.prepatch = function(e, t) { + e && t && e && e.data && e.data.props && Object.keys(e.data.props).forEach((function(a) { + booleanProps.indexOf(a) < 0 || (t.data || (t.data = {}), t.data.props || (t.data.props = {}), !0 !== e.data.props[a] || a in t.data.props || (t.data.props[a] = !1)) + })) + }, l && (s.hook = l), s + } + + function getChildren(e, t, a, r) { + for (var n = [], i = e.childNodes, s = 0; s < i.length; s += 1) { + var o = elementToVNode(i[s], t, a, r); + Array.isArray(o) ? n.push.apply(n, o) : o && n.push(o) + } + return n + } + + function getSlots(e, t, a, r) { + var n = e.getAttribute("name") || "default", + i = (t.$children || []).filter((function(e) { + var t = "default"; + return e.data && (t = e.data.attrs && e.data.attrs.slot || "default"), t === n + })); + return 0 === i.length ? getChildren(e, t, a, r) : i + } + + function elementToVNode(e, t, a, r, n) { + if (3 === e.nodeType) return e.textContent; + if (1 !== e.nodeType) return null; + var i = e instanceof win.SVGElement ? e.nodeName : e.nodeName.toLowerCase(); + return "slot" === i ? getSlots(e, t, a, r) : h(i, getData(e, t, a, r, n, i), selfClosing.indexOf(i) >= 0 ? [] : getChildren(e, t, a, r)) + } + + function vdom(e, t, a) { + void 0 === e && (e = ""); + var r, n = e.trim(), + i = tempDomDIV; + 0 === n.indexOf(" 0 ? l : o.length, + u = c > 0 ? c : o.length, + h = -1 !== l || -1 !== c ? o.slice(0, Math.min(d, u)) : o, + f = e.elm = isDef(r) && isDef(a = r.ns) ? i.createElementNS(a, h) : i.createElement(h); + for (d < u && f.setAttribute("id", o.slice(d + 1, u)), c > 0 && f.setAttribute("class", o.slice(u + 1).replace(/\./g, " ")), a = 0; a < n.create.length; ++a) n.create[a](emptyNode, e); + if (array(s)) + for (a = 0; a < s.length; ++a) { + var m = s[a]; + null != m && i.appendChild(f, p(m, t)) + } else primitive(e.text) && i.appendChild(f, i.createTextNode(e.text)); + isDef(a = e.data.hook) && (a.create && a.create(emptyNode, e), a.insert && t.push(e)) + } else e.elm = i.createTextNode(e.text); + return e.elm + } + + function c(e, t, a, r, n, s) { + for (; r <= n; ++r) { + var o = a[r]; + null != o && i.insertBefore(e, p(o, s), t) + } + } + + function d(e) { + var t, a, r = e.data; + if (void 0 !== r) { + for (isDef(t = r.hook) && isDef(t = t.destroy) && t(e), t = 0; t < n.destroy.length; ++t) n.destroy[t](e); + if (void 0 !== e.children) + for (a = 0; a < e.children.length; ++a) null != (t = e.children[a]) && "string" != typeof t && d(t) + } + } + + function u(e, t, a, r) { + for (; a <= r; ++a) { + var s = void 0, + o = void 0, + p = void 0, + c = t[a]; + if (null != c) + if (isDef(c.sel)) { + for (d(c), o = n.remove.length + 1, p = l(c.elm, o), s = 0; s < n.remove.length; ++s) n.remove[s](c, p); + isDef(s = c.data) && isDef(s = s.hook) && isDef(s = s.remove) ? s(c, p) : p() + } else i.removeChild(e, c.elm) + } + } + + function h(e, t, a) { + var r, s; + isDef(r = t.data) && isDef(s = r.hook) && isDef(r = s.prepatch) && r(e, t); + var o = t.elm = e.elm, + l = e.children, + d = t.children; + if (e !== t) { + if (void 0 !== t.data) { + for (r = 0; r < n.update.length; ++r) n.update[r](e, t); + isDef(r = t.data.hook) && isDef(r = r.update) && r(e, t) + } + isUndef(t.text) ? isDef(l) && isDef(d) ? l !== d && function(e, t, a, r) { + for (var n, s, o, l = 0, d = 0, f = t.length - 1, m = t[0], v = t[f], g = a.length - 1, b = a[0], y = a[g]; l <= f && d <= g;) null == m ? m = t[++l] : null == v ? v = t[--f] : null == b ? b = a[++d] : null == y ? y = a[--g] : sameVnode(m, b) ? (h(m, b, r), m = t[++l], b = a[++d]) : sameVnode(v, y) ? (h(v, y, r), v = t[--f], y = a[--g]) : sameVnode(m, y) ? (h(m, y, r), i.insertBefore(e, m.elm, i.nextSibling(v.elm)), m = t[++l], y = a[--g]) : sameVnode(v, b) ? (h(v, b, r), i.insertBefore(e, v.elm, m.elm), v = t[--f], b = a[++d]) : (void 0 === n && (n = createKeyToOldIdx(t, l, f)), isUndef(s = n[b.key]) ? (i.insertBefore(e, p(b, r), m.elm), b = a[++d]) : ((o = t[s]).sel !== b.sel ? i.insertBefore(e, p(b, r), m.elm) : (h(o, b, r), t[s] = void 0, i.insertBefore(e, o.elm, m.elm)), b = a[++d])); + (l <= f || d <= g) && (l > f ? c(e, null == a[g + 1] ? null : a[g + 1].elm, a, d, g, r) : u(e, t, l, f)) + }(o, l, d, a) : isDef(d) ? (isDef(e.text) && i.setTextContent(o, ""), c(o, null, d, 0, d.length - 1, a)) : isDef(l) ? u(o, l, 0, l.length - 1) : isDef(e.text) && i.setTextContent(o, "") : e.text !== t.text && i.setTextContent(o, t.text), isDef(s) && isDef(r = s.postpatch) && r(e, t) + } + } + return function(e, t) { + var a, r, s, l = []; + for (a = 0; a < n.pre.length; ++a) n.pre[a](); + for (isVnode(e) || (e = o(e)), sameVnode(e, t) ? h(e, t, l) : (r = e.elm, s = i.parentNode(r), p(t, l), null !== s && (i.insertBefore(s, t.elm, i.nextSibling(r)), u(s, [e], 0, 0))), a = 0; a < l.length; ++a) l[a].data.hook.insert(l[a]); + for (a = 0; a < n.post.length; ++a) n.post[a](); + return t + } + } + var xlinkNS = "http://www.w3.org/1999/xlink", + xmlNS = "http://www.w3.org/XML/1998/namespace", + colonChar = 58, + xChar = 120; + + function updateAttrs(e, t) { + var a, r = t.elm, + n = e.data.attrs, + i = t.data.attrs; + if ((n || i) && n !== i) { + for (a in n = n || {}, i = i || {}) { + var s = i[a]; + n[a] !== s && (!0 === s ? r.setAttribute(a, "") : !1 === s ? r.removeAttribute(a) : a.charCodeAt(0) !== xChar ? r.setAttribute(a, s) : a.charCodeAt(3) === colonChar ? r.setAttributeNS(xmlNS, a, s) : a.charCodeAt(5) === colonChar ? r.setAttributeNS(xlinkNS, a, s) : r.setAttribute(a, s)) + } + for (a in n) a in i || r.removeAttribute(a) + } + } + var attributesModule = { + create: updateAttrs, + update: updateAttrs + }; + + function updateProps(e, t) { + var a, r, n = t.elm, + i = e.data.props, + s = t.data.props; + if ((i || s) && i !== s) { + for (a in s = s || {}, i = i || {}) s[a] || delete n[a]; + for (a in s) r = s[a], i[a] === r || "value" === a && n[a] === r || (n[a] = r) + } + } + var propsModule = { + create: updateProps, + update: updateProps + }, + raf = "undefined" != typeof window && window.requestAnimationFrame || setTimeout, + nextFrame = function(e) { + raf((function() { + raf(e) + })) + }; + + function setNextFrame(e, t, a) { + nextFrame((function() { + e[t] = a + })) + } + + function updateStyle(e, t) { + var a, r, n = t.elm, + i = e.data.style, + s = t.data.style; + if ((i || s) && i !== s) { + s = s || {}; + var o = "delayed" in (i = i || {}); + for (r in i) s[r] || ("-" === r[0] && "-" === r[1] ? n.style.removeProperty(r) : n.style[r] = ""); + for (r in s) + if (a = s[r], "delayed" === r && s.delayed) + for (var l in s.delayed) a = s.delayed[l], o && a === i.delayed[l] || setNextFrame(n.style, l, a); + else "remove" !== r && a !== i[r] && ("-" === r[0] && "-" === r[1] ? n.style.setProperty(r, a) : n.style[r] = a) + } + } + + function applyDestroyStyle(e) { + var t, a, r = e.elm, + n = e.data.style; + if (n && (t = n.destroy)) + for (a in t) r.style[a] = t[a] + } + + function applyRemoveStyle(e, t) { + var a = e.data.style; + if (a && a.remove) { + var r, n = e.elm, + i = 0, + s = a.remove, + o = 0, + l = []; + for (r in s) l.push(r), n.style[r] = s[r]; + for (var p = getComputedStyle(n)["transition-property"].split(", "); i < p.length; ++i) - 1 !== l.indexOf(p[i]) && o++; + n.addEventListener("transitionend", (function(e) { + e.target === n && --o, 0 === o && t() + })) + } else t() + } + var styleModule = { + create: updateStyle, + update: updateStyle, + destroy: applyDestroyStyle, + remove: applyRemoveStyle + }; + + function invokeHandler(e, t, a) { + "function" == typeof e && e.apply(void 0, [t].concat(a)) + } + + function handleEvent(e, t, a) { + var r = e.type, + n = a.data.on; + n && n[r] && invokeHandler(n[r], e, t) + } + + function createListener() { + return function e(t) { + for (var a = [], r = arguments.length - 1; r-- > 0;) a[r] = arguments[r + 1]; + handleEvent(t, a, e.vnode) + } + } + + function updateEvents(e, t) { + var a = e.data.on, + r = e.listener, + n = e.elm, + i = t && t.data.on, + s = t && t.elm; + if (a !== i && (a && r && (i ? Object.keys(a).forEach((function(e) { + i[e] || $(n).off(e, r) + })) : Object.keys(a).forEach((function(e) { + $(n).off(e, r) + }))), i)) { + var o = e.listener || createListener(); + t.listener = o, o.vnode = t, a ? Object.keys(i).forEach((function(e) { + a[e] || $(s).on(e, o) + })) : Object.keys(i).forEach((function(e) { + $(s).on(e, o) + })) + } + } + var eventListenersModule = { + create: updateEvents, + update: updateEvents, + destroy: updateEvents + }, + patch = init([attributesModule, propsModule, styleModule, eventListenersModule]), + componentMixins = {}, + Component = function(e, t, a, r) { + void 0 === t && (t = {}), void 0 === a && (a = {}); + var n = Utils.id(), + i = this; + Utils.merge(i, { + $props: {} + }, a, { + $: $, + $$: $, + $dom7: $, + $app: e, + $f7: e, + $options: Utils.extend({ + id: n + }, t), + $id: t.isClassComponent ? i.constructor.id : t.id || n, + $mixins: t.isClassComponent ? i.constructor.mixins : t.mixins, + $children: r || [] + }); + var s = i.$options; + if (i.$mixins && i.$mixins.length) + for (var o = i.$mixins.length - 1; o >= 0; o -= 1) { + var l = i.$mixins[o]; + "string" == typeof l && (componentMixins[l] ? i.$mixins[o] = componentMixins[l] : i.$mixins.splice(o, 1)) + } + Object.defineProperty(i, "$slots", { + enumerable: !0, + configurable: !0, + get: function() { + var e = {}; + return i.$children.forEach((function(t) { + var a = "default"; + t.data && (a = t.data.attrs && t.data.attrs.slot || "default"), e[a] || (e[a] = []), e[a].push(t) + })), e + } + }), Object.defineProperty(i, "$root", { + enumerable: !0, + configurable: !0, + get: function() { + var t = Utils.merge({}, e.data, e.methods); + return win && win.Proxy && (t = new win.Proxy(t, { + set: function(t, a, r) { + e.data[a] = r + }, + deleteProperty: function(t, a) { + delete e.data[a], delete e.methods[a] + }, + has: function(t, a) { + return a in e.data || a in e.methods + } + })), t + }, + set: function() {} + }), s.render && (s.render = s.render.bind(i)); + var p = {}; + return i.$mixins && i.$mixins.length && i.$mixins.forEach((function(e) { + e.methods && Object.assign(p, e.methods) + })), s.methods && Object.assign(p, s.methods), Object.keys(p).forEach((function(e) { + i[e] = p[e].bind(i) + })), s.on && Object.keys(s.on).forEach((function(e) { + s.on[e] = s.on[e].bind(i) + })), s.once && Object.keys(s.once).forEach((function(e) { + s.once[e] = s.once[e].bind(i) + })), i.$style = s.isClassComponent ? i.constructor.style : s.style, i.$styleScoped = s.isClassComponent ? i.constructor.styleScoped : s.styleScoped, i.__updateQueue = [], new Promise((function(e, t) { + i.$hook("data", !0).then((function(t) { + var a = {}; + t.forEach((function(e) { + Object.assign(a, e || {}) + })), Utils.extend(i, a), i.$hook("beforeCreate"); + var r = i.$render(); + if (i.$options.el) return r = r.trim(), i.$vnode = vdom(r, i, !0), i.$style && (i.$styleEl = doc.createElement("style"), i.$styleEl.innerHTML = i.$style), i.el = i.$options.el, patch(i.el, i.$vnode), i.el = i.$vnode.elm, i.$el = $(i.el), i.$attachEvents(), i.el.f7Component = i, i.$hook("created"), i.$mount(), void e(i); + r && "string" == typeof r ? (r = r.trim(), i.$vnode = vdom(r, i, !0), i.el = doc.createElement(i.$vnode.sel || "div"), patch(i.el, i.$vnode), i.$el = $(i.el)) : r && (i.el = r, i.$el = $(i.el)), i.$style && (i.$styleEl = doc.createElement("style"), i.$styleEl.innerHTML = i.$style), i.$attachEvents(), i.el && (i.el.f7Component = i), i.$hook("created"), e(i) + })).catch((function(e) { + t(e) + })) + })) + }; + + function parseComponent(e) { + var t, a = Utils.id(), + r = "f7_component_create_callback_" + a, + n = "f7_component_render_callback_" + a, + i = e.match(//), + s = i[2] || "t7"; + i && (t = e.split(//).filter((function(e, t) { + return t > 0 + })).join("").filter((function(e, t, a) { + return t < a.length - 1 + })).join("").replace(/{{#raw}}([ \n]*)