UNPKG

@pi0/framework7

Version:

Full featured mobile HTML framework for building iOS & Android apps

12 lines 904 kB
/** * Framework7 2.0.0-beta.9 * Full featured mobile HTML framework for building iOS & Android apps * http://framework7.io/ * * Copyright 2014-2017 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 9, 2017 */ html{direction:rtl}.framework7-root,body,html{position:relative;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;font-size:14px;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.framework7-root{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.framework7-initializing *,.framework7-initializing :after,.framework7-initializing :before{-webkit-transition-duration:0s!important;transition-duration:0s!important}@media all and (width:1024px) and (height:691px) and (orientation:landscape){.framework7-root,body,html{height:671px}}@media all and (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}p{margin:1em 0}.ios body{font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;line-height:1.4}.ios .if-md,.ios .md-only{display:none}.ios a{color:#007aff}@media all and (width:1024px) and (height:691px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:671px}}@media all and (width:1024px) and (height:692px) and (orientation:landscape){.ios,.ios .framework7-root,.ios body{height:672px}}.ios .color-theme-red a{color:#ff3b30}.ios .color-theme-pink a{color:#ff2d55}.ios .color-theme-purple a{color:#9c27b0}.ios .color-theme-deeppurple a{color:#673ab7}.ios .color-theme-indigo a{color:#3f51b5}.ios .color-theme-blue a{color:#007aff}.ios .color-theme-lightblue a{color:#5ac8fa}.ios .color-theme-cyan a{color:#00bcd4}.ios .color-theme-teal a{color:#009688}.ios .color-theme-green a{color:#4cd964}.ios .color-theme-lightgreen a{color:#8bc34a}.ios .color-theme-lime a{color:#cddc39}.ios .color-theme-yellow a{color:#fc0}.ios .color-theme-amber a{color:#ffc107}.ios .color-theme-orange a{color:#ff9500}.ios .color-theme-deeporange a{color:#ff5722}.ios .color-theme-brown a{color:#795548}.ios .color-theme-gray a{color:#8e8e93}.ios .color-theme-bluegray a{color:#607d8b}.ios .color-theme-white a{color:#fff}.ios .color-theme-black a{color:#000}.ios a.color-red{color:#ff3b30}.ios a.color-pink{color:#ff2d55}.ios a.color-purple{color:#9c27b0}.ios a.color-deeppurple{color:#673ab7}.ios a.color-indigo{color:#3f51b5}.ios a.color-blue{color:#007aff}.ios a.color-lightblue{color:#5ac8fa}.ios a.color-cyan{color:#00bcd4}.ios a.color-teal{color:#009688}.ios a.color-green{color:#4cd964}.ios a.color-lightgreen{color:#8bc34a}.ios a.color-lime{color:#cddc39}.ios a.color-yellow{color:#fc0}.ios a.color-amber{color:#ffc107}.ios a.color-orange{color:#ff9500}.ios a.color-deeporange{color:#ff5722}.ios a.color-brown{color:#795548}.ios a.color-gray{color:#8e8e93}.ios a.color-bluegray{color:#607d8b}.ios a.color-white{color:#fff}.ios a.color-black{color:#000}.md body{font-family:Roboto,Noto,Helvetica,Arial,sans-serif;color:#212121;line-height:1.5}.md .if-ios,.md .ios-only{display:none}.md a{color:#2196f3}.md .color-theme-red a{color:#f44336}.md .color-theme-pink a{color:#e91e63}.md .color-theme-purple a{color:#9c27b0}.md .color-theme-deeppurple a{color:#673ab7}.md .color-theme-indigo a{color:#3f51b5}.md .color-theme-blue a{color:#2196f3}.md .color-theme-lightblue a{color:#03a9f4}.md .color-theme-cyan a{color:#00bcd4}.md .color-theme-teal a{color:#009688}.md .color-theme-green a{color:#4caf50}.md .color-theme-lightgreen a{color:#8bc34a}.md .color-theme-lime a{color:#cddc39}.md .color-theme-yellow a{color:#ffeb3b}.md .color-theme-amber a{color:#ffc107}.md .color-theme-orange a{color:#ff9800}.md .color-theme-deeporange a{color:#ff5722}.md .color-theme-brown a{color:#795548}.md .color-theme-gray a{color:#9e9e9e}.md .color-theme-bluegray a{color:#607d8b}.md .color-theme-white a{color:#fff}.md .color-theme-black a{color:#000}.md a.color-red{color:#f44336}.md a.color-pink{color:#e91e63}.md a.color-purple{color:#9c27b0}.md a.color-deeppurple{color:#673ab7}.md a.color-indigo{color:#3f51b5}.md a.color-blue{color:#2196f3}.md a.color-lightblue{color:#03a9f4}.md a.color-cyan{color:#00bcd4}.md a.color-teal{color:#009688}.md a.color-green{color:#4caf50}.md a.color-lightgreen{color:#8bc34a}.md a.color-lime{color:#cddc39}.md a.color-yellow{color:#ffeb3b}.md a.color-amber{color:#ffc107}.md a.color-orange{color:#ff9800}.md a.color-deeporange{color:#ff5722}.md a.color-brown{color:#795548}.md a.color-gray{color:#9e9e9e}.md a.color-bluegray{color:#607d8b}.md a.color-white{color:#fff}.md a.color-black{color:#000}.statusbar{position:absolute;left:0;top:0;width:100%;z-index:10000;-webkit-box-sizing:border-box;box-sizing:border-box;display:none}html.device-ios .statusbar,html.ios:not(.device-ios):not(.device-android) .statusbar{height:20px}html.device-android .statusbar,html.md:not(.device-ios):not(.device-android) .statusbar{height:24px}html.with-statusbar .statusbar{display:block}html.with-statusbar.device-ios .framework7-root,html.with-statusbar.ios:not(.device-ios):not(.device-android) .framework7-root{padding-top:20px}html.with-statusbar.device-ios .panel,html.with-statusbar.ios:not(.device-ios):not(.device-android) .panel{top:20px;height:calc(100% - 20px)}html.with-statusbar.device-android .framework7-root,html.with-statusbar.md:not(.device-ios):not(.device-android) .framework7-root{padding-top:24px}html.with-statusbar.device-android .panel,html.with-statusbar.md:not(.device-ios):not(.device-android) .panel{top:24px;height:calc(100% - 24px)}.ios .statusbar{background:#f7f7f8;height:20px}.md .statusbar{background:#0a6ebd;height:24px}.md .color-theme-red .statusbar{background:#d2190b}.md .color-theme-pink .statusbar{background:#aa1145}.md .color-theme-purple .statusbar{background:#641971}.md .color-theme-deeppurple .statusbar{background:#46287d}.md .color-theme-indigo .statusbar{background:#2b387c}.md .color-theme-blue .statusbar{background:#0a6ebd}.md .color-theme-lightblue .statusbar{background:#0275a8}.md .color-theme-cyan .statusbar{background:#007888}.md .color-theme-teal .statusbar{background:#004a43}.md .color-theme-green .statusbar{background:#357a38}.md .color-theme-lightgreen .statusbar{background:#649130}.md .color-theme-lime .statusbar{background:#9daa1e}.md .color-theme-yellow .statusbar{background:#eed500}.md .color-theme-amber .statusbar{background:#b98b00}.md .color-theme-orange .statusbar{background:#b36a00}.md .color-theme-deeporange .statusbar{background:#d43300}.md .color-theme-brown .statusbar{background:#49332b}.md .color-theme-gray .statusbar{background:#787878}.md .color-theme-bluegray .statusbar{background:#41545e}.md .color-theme-white .statusbar{background:#d9d9d9}.md .color-theme-black .statusbar{background:#000}.view,.views{width:100%;position:relative;height:100%;z-index:5000;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.pages{position:relative;width:100%;height:100%;overflow:hidden}.page{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);contain:layout size style}.page.cached{display:none}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;position:relative;z-index:1;contain:layout size style;will-change:scroll-position}.ios .page-shadow-effect{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';will-change:opacity;opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(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%);background:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.ios .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;will-change:opacity}.ios .router-dynamic-navbar-inside .page-opacity-effect,.ios .router-dynamic-navbar-inside .page-shadow-effect{top:44px}.ios .page{background:#efeff4}.ios .page-previous{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.ios .page-next{-webkit-transform:translate3d(-100%,0,0);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 .page-transitioning,.ios .page-transitioning .page-opacity-effect,.ios .page-transitioning page-shadow-effect{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .router-transition-backward .page-current,.ios .router-transition-backward .page-next,.ios .router-transition-backward .page-previous:not(.stacked),.ios .router-transition-forward .page-current,.ios .router-transition-forward .page-next,.ios .router-transition-forward .page-previous:not(.stacked){will-change:transform;pointer-events:none}.ios .router-transition-css-forward .page-next{-webkit-animation:ios-page-next-to-current .4s forwards;animation:ios-page-next-to-current .4s forwards}.ios .router-transition-css-forward .page-next:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';will-change:opacity;opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(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%);background:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-next-to-current-shadow .4s forwards;animation:ios-page-next-to-current-shadow .4s forwards}.ios .router-transition-css-forward .page-current{-webkit-animation:ios-page-current-to-previous .4s forwards;animation:ios-page-current-to-previous .4s forwards}.ios .router-transition-css-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;will-change:opacity;-webkit-animation:ios-page-current-to-previous-opacity .4s forwards;animation:ios-page-current-to-previous-opacity .4s forwards}.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-current:after,.ios .router-transition-css-forward.router-dynamic-navbar-inside .page-next:before{top:44px}.ios .router-transition-css-backward .page-current,.ios .router-transition-css-backward .page-previous{will-change:transform;pointer-events:none}.ios .router-transition-css-backward .page-previous{-webkit-animation:ios-page-previous-to-current .4s forwards;animation:ios-page-previous-to-current .4s forwards}.ios .router-transition-css-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;will-change:opacity;-webkit-animation:ios-page-previous-to-current-opacity .4s forwards;animation:ios-page-previous-to-current-opacity .4s forwards}.ios .router-transition-css-backward .page-current{-webkit-animation:ios-page-current-to-next .4s forwards;animation:ios-page-current-to-next .4s forwards}.ios .router-transition-css-backward .page-current:before{position:absolute;top:0;width:16px;bottom:0;z-index:-1;content:'';will-change:opacity;opacity:0;left:100%;background:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0)),color-stop(10%,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.01)),to(rgba(0,0,0,.2)));background:-webkit-linear-gradient(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%);background:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);-webkit-animation:ios-page-current-to-next-shadow .4s forwards;animation:ios-page-current-to-next-shadow .4s forwards}.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-current:before,.ios .router-transition-css-backward.router-dynamic-navbar-inside .page-previous:after{top:44px}@-webkit-keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ios-page-next-to-current{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes ios-page-previous-to-current{from{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@keyframes ios-page-current-to-previous{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}}@-webkit-keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes ios-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@keyframes ios-page-next-to-current-shadow{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@keyframes ios-page-previous-to-current-opacity{from{opacity:1}to{opacity:0}}@-webkit-keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@keyframes ios-page-current-to-previous-opacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}@keyframes ios-page-current-to-next-shadow{from{opacity:1}to{opacity:0}}.md .page{background:#fff;contain:strict}.md .page-next{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0;pointer-events:none}.md .page-transitioning{-webkit-transition-duration:250ms;transition-duration:250ms}.md .router-transition-backward .page,.md .router-transition-forward .page{pointer-events:none}.md .router-transition-backward .page-current,.md .router-transition-backward .page-next,.md .router-transition-forward .page-current,.md .router-transition-forward .page-next{will-change:transform,opacity}.md .router-transition-css-forward .page-next{-webkit-animation:md-page-next-to-current 250ms forwards;animation:md-page-next-to-current 250ms forwards}.md .router-transition-css-forward .page-current{-webkit-animation:none;animation:none}.md .router-transition-css-backward .page-current{-webkit-animation:md-page-current-to-next 250ms forwards;animation:md-page-current-to-next 250ms forwards}.md .router-transition-css-backward .page-previous{-webkit-animation:none;animation:none}@-webkit-keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes md-page-next-to-current{from{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}@keyframes md-page-current-to-next{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(0,56px,0);transform:translate3d(0,56px,0);opacity:0}}.link,.tab-link{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:1}.ios .link{-webkit-transition:opacity .3s;transition:opacity .3s}.ios .link i+i,.ios .link i+span,.ios .link span+i,.ios .link span+span{margin-right:7px}.ios .link.active-state{opacity:.3;-webkit-transition-duration:0s;transition-duration:0s}.md .link i+i,.md .link i+span,.md .link span+i,.md .link span+span{margin-right:8px}.navbar{position:relative;left:0;top:0;width:100%;z-index:500;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar b{font-weight:500}.navbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.navbar .left,.navbar .right,.navbar .title{position:relative;z-index:1}.navbar .title{text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;font-weight:500;display:inline-block}.navbar .subtitle{display:block}.navbar .left,.navbar .right{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.navbar .right:first-child{position:absolute;height:100%}.navbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.navbar-inner.stacked{display:none}.page>.navbar,.view>.navbar,.views>.navbar{position:absolute}.ios .navbar{height:44px;font-size:17px;background:#f7f7f8}.ios .navbar.no-hairline:after{display:none!important}.ios .navbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .navbar a.link{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;line-height:44px;height:44px}.ios .navbar a.icon-only{width:44px;margin:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .navbar .title{font-size:17px;margin:0;line-height:1.2}.ios .navbar .subtitle{color:#6d6d72;line-height:1;font-size:10px;text-align:center;font-weight:400}.ios .navbar .left a+a,.ios .navbar .right a+a{margin-right:15px}.ios .navbar .title,.ios .navbar b{font-weight:600}.ios .navbar .left{margin-left:10px}.ios .navbar .right{margin-right:10px}.ios .navbar .right:first-child{left:8px}.ios .navbar:after{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:auto;right:auto;bottom:0;left:0;height:1px;width:100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.ios.device-pixel-ratio-2 .navbar:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .navbar:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .navbar-inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 8px}.ios .navbar~.page-content,.ios .navbar~:not(.no-navbar) .page-content{padding-top:44px}.ios .navbar-previous{pointer-events:none}.ios .navbar-previous .fading,.ios .navbar-previous .left,.ios .navbar-previous .right,.ios .navbar-previous .subnavbar,.ios .navbar-previous>.title{opacity:0}.ios .navbar-previous .sliding{opacity:0}.ios .navbar-previous .subnavbar.sliding,.ios .navbar-previous.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.ios .navbar-next{pointer-events:none}.ios .navbar-next .fading,.ios .navbar-next .left,.ios .navbar-next .right,.ios .navbar-next .subnavbar,.ios .navbar-next>.title{opacity:0}.ios .navbar-next .sliding{opacity:0}.ios .navbar-next.sliding .left,.ios .navbar-next.sliding .right,.ios .navbar-next.sliding .subnavbar,.ios .navbar-next.sliding>.title{opacity:0}.ios .navbar-next .subnavbar.sliding,.ios .navbar-next.sliding .subnavbar{opacity:1;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.ios .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.ios .router-transition-css-backward .navbar-current .left,.ios .router-transition-css-backward .navbar-current .right,.ios .router-transition-css-backward .navbar-current .subnavbar,.ios .router-transition-css-backward .navbar-current>.title,.ios .router-transition-css-forward .navbar-current .left,.ios .router-transition-css-forward .navbar-current .right,.ios .router-transition-css-forward .navbar-current .subnavbar,.ios .router-transition-css-forward .navbar-current>.title{-webkit-animation:ios-navbar-element-fade-out .4s forwards;animation:ios-navbar-element-fade-out .4s forwards}.ios .router-transition-css-backward .navbar-current .left.sliding .icon,.ios .router-transition-css-backward .navbar-current .sliding,.ios .router-transition-css-backward .navbar-current.sliding .left,.ios .router-transition-css-backward .navbar-current.sliding .left .icon,.ios .router-transition-css-backward .navbar-current.sliding .right,.ios .router-transition-css-backward .navbar-current.sliding>.title,.ios .router-transition-css-forward .navbar-current .left.sliding .icon,.ios .router-transition-css-forward .navbar-current .sliding,.ios .router-transition-css-forward .navbar-current.sliding .left,.ios .router-transition-css-forward .navbar-current.sliding .left .icon,.ios .router-transition-css-forward .navbar-current.sliding .right,.ios .router-transition-css-forward .navbar-current.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;opacity:0!important;-webkit-animation:none;animation:none}.ios .router-transition-css-backward .navbar-current .sliding.subnavbar,.ios .router-transition-css-backward .navbar-current.sliding .subnavbar,.ios .router-transition-css-forward .navbar-current .sliding.subnavbar,.ios .router-transition-css-forward .navbar-current.sliding .subnavbar{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;opacity:1}.ios .router-transition-css-backward .navbar-previous .left,.ios .router-transition-css-backward .navbar-previous .right,.ios .router-transition-css-backward .navbar-previous .subnavbar,.ios .router-transition-css-backward .navbar-previous>.title,.ios .router-transition-css-forward .navbar-next .left,.ios .router-transition-css-forward .navbar-next .right,.ios .router-transition-css-forward .navbar-next .subnavbar,.ios .router-transition-css-forward .navbar-next>.title{-webkit-animation:ios-navbar-element-fade-in .4s forwards;animation:ios-navbar-element-fade-in .4s forwards}.ios .router-transition-css-backward .navbar-previous .left.sliding .icon,.ios .router-transition-css-backward .navbar-previous .sliding,.ios .router-transition-css-backward .navbar-previous.sliding .left,.ios .router-transition-css-backward .navbar-previous.sliding .left .icon,.ios .router-transition-css-backward .navbar-previous.sliding .right,.ios .router-transition-css-backward .navbar-previous.sliding .subnavbar,.ios .router-transition-css-backward .navbar-previous.sliding>.title,.ios .router-transition-css-forward .navbar-next .left.sliding .icon,.ios .router-transition-css-forward .navbar-next .sliding,.ios .router-transition-css-forward .navbar-next.sliding .left,.ios .router-transition-css-forward .navbar-next.sliding .left .icon,.ios .router-transition-css-forward .navbar-next.sliding .right,.ios .router-transition-css-forward .navbar-next.sliding .subnavbar,.ios .router-transition-css-forward .navbar-next.sliding>.title{-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-animation:none;animation:none;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;opacity:1!important}@-webkit-keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@keyframes ios-navbar-element-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}@keyframes ios-navbar-element-fade-out{from{opacity:1}to{opacity:0}}.md .navbar{height:56px;background:#2196f3;color:#fff;font-size:20px}.md .navbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .navbar.no-shadow:after{display:none}.md .navbar a{color:inherit}.md .navbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;height:56px;line-height:56px}.md .navbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle cover,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .navbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .navbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .navbar .title{margin:0 16px;line-height:1.2;text-align:left}.md .navbar .subtitle{line-height:1.2;font-size:14px;font-weight:400;color:rgba(255,255,255,.85)}.md .navbar .right{margin-right:auto}.md .navbar .right:first-child{left:16px}.md .navbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}.md .page-with-subnavbar .navbar-inner{overflow:visible}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:56px}@media (min-width:768px){.md .navbar{height:64px}.md .navbar a.link{height:64px;line-height:64px}.md .navbar~* .page-content,.md .navbar~.page-content{padding-top:64px}}.md .navbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .navbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .navbar-hidden:after{display:none}.md .color-theme-red .navbar,.md .color-theme-red.navbar{background:#f44336}.md .color-theme-pink .navbar,.md .color-theme-pink.navbar{background:#e91e63}.md .color-theme-purple .navbar,.md .color-theme-purple.navbar{background:#9c27b0}.md .color-theme-deeppurple .navbar,.md .color-theme-deeppurple.navbar{background:#673ab7}.md .color-theme-indigo .navbar,.md .color-theme-indigo.navbar{background:#3f51b5}.md .color-theme-blue .navbar,.md .color-theme-blue.navbar{background:#2196f3}.md .color-theme-lightblue .navbar,.md .color-theme-lightblue.navbar{background:#03a9f4}.md .color-theme-cyan .navbar,.md .color-theme-cyan.navbar{background:#00bcd4}.md .color-theme-teal .navbar,.md .color-theme-teal.navbar{background:#009688}.md .color-theme-green .navbar,.md .color-theme-green.navbar{background:#4caf50}.md .color-theme-lightgreen .navbar,.md .color-theme-lightgreen.navbar{background:#8bc34a}.md .color-theme-lime .navbar,.md .color-theme-lime.navbar{background:#cddc39}.md .color-theme-yellow .navbar,.md .color-theme-yellow.navbar{background:#ffeb3b}.md .color-theme-amber .navbar,.md .color-theme-amber.navbar{background:#ffc107}.md .color-theme-orange .navbar,.md .color-theme-orange.navbar{background:#ff9800}.md .color-theme-deeporange .navbar,.md .color-theme-deeporange.navbar{background:#ff5722}.md .color-theme-brown .navbar,.md .color-theme-brown.navbar{background:#795548}.md .color-theme-gray .navbar,.md .color-theme-gray.navbar{background:#9e9e9e}.md .color-theme-bluegray .navbar,.md .color-theme-bluegray.navbar{background:#607d8b}.md .color-theme-white .navbar,.md .color-theme-white.navbar{background:#fff}.md .color-theme-black .navbar,.md .color-theme-black.navbar{background:#000}.md .navbar.color-red{background:#f44336}.md .navbar.color-pink{background:#e91e63}.md .navbar.color-purple{background:#9c27b0}.md .navbar.color-deeppurple{background:#673ab7}.md .navbar.color-indigo{background:#3f51b5}.md .navbar.color-blue{background:#2196f3}.md .navbar.color-lightblue{background:#03a9f4}.md .navbar.color-cyan{background:#00bcd4}.md .navbar.color-teal{background:#009688}.md .navbar.color-green{background:#4caf50}.md .navbar.color-lightgreen{background:#8bc34a}.md .navbar.color-lime{background:#cddc39}.md .navbar.color-yellow{background:#ffeb3b}.md .navbar.color-amber{background:#ffc107}.md .navbar.color-orange{background:#ff9800}.md .navbar.color-deeporange{background:#ff5722}.md .navbar.color-brown{background:#795548}.md .navbar.color-gray{background:#9e9e9e}.md .navbar.color-bluegray{background:#607d8b}.md .navbar.color-white{background:#fff}.md .navbar.color-black{background:#000}.toolbar{width:100%;position:relative;margin:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:500;-webkit-box-sizing:border-box;box-sizing:border-box;left:0}.toolbar b{font-weight:500}.toolbar a{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;white-space:nowrap;text-overflow:ellipsis}.toolbar a.link{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.toolbar i.icon{display:block}.toolbar-inner{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center}.views>.tabbar,.views>.tabbar-labels{z-index:5001}.tabbar a.link,.tabbar-labels a.link{line-height:1.4}.tabbar a.link,.tabbar a.tab-link,.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.tabbar-labels a.link,.tabbar-labels a.tab-link{height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.tabbar-labels a.link .tabbar-label,.tabbar-labels a.tab-link .tabbar-label{display:block;line-height:1;margin:0;position:relative;text-overflow:ellipsis;white-space:nowrap}.tabbar-scrollable .toolbar-inner{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;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 a.link,.tabbar-scrollable a.tab-link{width:auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.page>.toolbar,.view>.toolbar,.views>.toolbar{position:absolute}.ios .toolbar{height:44px;font-size:17px;background:#f7f7f8;bottom:0}.ios .toolbar:after{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ios .toolbar a.link{line-height:44px;height:44px}.ios .toolbar a.link i+i,.ios .toolbar a.link i+span,.ios .toolbar a.link span+i,.ios .toolbar a.link span+span{margin-right:7px}.ios .toolbar a.icon-only{min-height:44px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0;min-width:44px}.ios .toolbar b{font-weight:600}.ios .toolbar.no-hairline:before{display:none!important}.ios .toolbar:before{content:'';position:absolute;background-color:#c4c4c4;display:block;z-index:15;top:0;right:auto;bottom:auto;left:0;height:1px;width:100%;-webkit-transform-origin:50% 0;transform-origin:50% 0}.ios.device-pixel-ratio-2 .toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.ios.device-pixel-ratio-3 .toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}.ios .toolbar-inner{padding:0 8px}.ios .tabbar,.ios .tabbar-labels{color:#929292}.ios .tabbar a,.ios .tabbar-labels a{color:#929292}.ios .tabbar a.tab-link-active,.ios .tabbar-labels a.tab-link-active{color:#007aff}.ios .tabbar i.icon,.ios .tabbar-labels i.icon{height:30px}.ios .tabbar-labels{height:50px}.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{padding-top:4px;padding-bottom:4px}.ios .tabbar-labels a.link i+span,.ios .tabbar-labels a.tab-link i+span{margin:0}.ios .tabbar-labels .tabbar-label{letter-spacing:.01em;font-size:10px}@media (min-width:768px){.ios .tabbar .toolbar-inner,.ios .tabbar-labels .toolbar-inner{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.ios .tabbar a.link,.ios .tabbar a.tab-link,.ios .tabbar-labels a.link,.ios .tabbar-labels a.tab-link{width:auto;min-width:105px}.ios .tabbar-labels{height:56px}.ios .tabbar-labels .tabbar-label{font-size:14px}}.ios .tabbar-scrollable a.link,.ios .tabbar-scrollable a.tab-link{padding:0 8px}.ios .toolbar~* .page-content,.ios .toolbar~.page-content{padding-bottom:44px}.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:50px}@media (min-width:768px){.ios .tabbar-labels~* .page-content,.ios .tabbar-labels~.page-content{padding-bottom:56px}}.ios .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.ios .toolbar-hidden{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.ios .color-theme-red .tabbar a.tab-link-active,.ios .color-theme-red .tabbar-labels a.tab-link-active,.ios .color-theme-red.tabbar a.tab-link-active,.ios .color-theme-red.tabbar-labels a.tab-link-active{color:#ff3b30}.ios .color-theme-pink .tabbar a.tab-link-active,.ios .color-theme-pink .tabbar-labels a.tab-link-active,.ios .color-theme-pink.tabbar a.tab-link-active,.ios .color-theme-pink.tabbar-labels a.tab-link-active{color:#ff2d55}.ios .color-theme-purple .tabbar a.tab-link-active,.ios .color-theme-purple .tabbar-labels a.tab-link-active,.ios .color-theme-purple.tabbar a.tab-link-active,.ios .color-theme-purple.tabbar-labels a.tab-link-active{color:#9c27b0}.ios .color-theme-deeppurple .tabbar a.tab-link-active,.ios .color-theme-deeppurple .tabbar-labels a.tab-link-active,.ios .color-theme-deeppurple.tabbar a.tab-link-active,.ios .color-theme-deeppurple.tabbar-labels a.tab-link-active{color:#673ab7}.ios .color-theme-indigo .tabbar a.tab-link-active,.ios .color-theme-indigo .tabbar-labels a.tab-link-active,.ios .color-theme-indigo.tabbar a.tab-link-active,.ios .color-theme-indigo.tabbar-labels a.tab-link-active{color:#3f51b5}.ios .color-theme-blue .tabbar a.tab-link-active,.ios .color-theme-blue .tabbar-labels a.tab-link-active,.ios .color-theme-blue.tabbar a.tab-link-active,.ios .color-theme-blue.tabbar-labels a.tab-link-active{color:#007aff}.ios .color-theme-lightblue .tabbar a.tab-link-active,.ios .color-theme-lightblue .tabbar-labels a.tab-link-active,.ios .color-theme-lightblue.tabbar a.tab-link-active,.ios .color-theme-lightblue.tabbar-labels a.tab-link-active{color:#5ac8fa}.ios .color-theme-cyan .tabbar a.tab-link-active,.ios .color-theme-cyan .tabbar-labels a.tab-link-active,.ios .color-theme-cyan.tabbar a.tab-link-active,.ios .color-theme-cyan.tabbar-labels a.tab-link-active{color:#00bcd4}.ios .color-theme-teal .tabbar a.tab-link-active,.ios .color-theme-teal .tabbar-labels a.tab-link-active,.ios .color-theme-teal.tabbar a.tab-link-active,.ios .color-theme-teal.tabbar-labels a.tab-link-active{color:#009688}.ios .color-theme-green .tabbar a.tab-link-active,.ios .color-theme-green .tabbar-labels a.tab-link-active,.ios .color-theme-green.tabbar a.tab-link-active,.ios .color-theme-green.tabbar-labels a.tab-link-active{color:#4cd964}.ios .color-theme-lightgreen .tabbar a.tab-link-active,.ios .color-theme-lightgreen .tabbar-labels a.tab-link-active,.ios .color-theme-lightgreen.tabbar a.tab-link-active,.ios .color-theme-lightgreen.tabbar-labels a.tab-link-active{color:#8bc34a}.ios .color-theme-lime .tabbar a.tab-link-active,.ios .color-theme-lime .tabbar-labels a.tab-link-active,.ios .color-theme-lime.tabbar a.tab-link-active,.ios .color-theme-lime.tabbar-labels a.tab-link-active{color:#cddc39}.ios .color-theme-yellow .tabbar a.tab-link-active,.ios .color-theme-yellow .tabbar-labels a.tab-link-active,.ios .color-theme-yellow.tabbar a.tab-link-active,.ios .color-theme-yellow.tabbar-labels a.tab-link-active{color:#fc0}.ios .color-theme-amber .tabbar a.tab-link-active,.ios .color-theme-amber .tabbar-labels a.tab-link-active,.ios .color-theme-amber.tabbar a.tab-link-active,.ios .color-theme-amber.tabbar-labels a.tab-link-active{color:#ffc107}.ios .color-theme-orange .tabbar a.tab-link-active,.ios .color-theme-orange .tabbar-labels a.tab-link-active,.ios .color-theme-orange.tabbar a.tab-link-active,.ios .color-theme-orange.tabbar-labels a.tab-link-active{color:#ff9500}.ios .color-theme-deeporange .tabbar a.tab-link-active,.ios .color-theme-deeporange .tabbar-labels a.tab-link-active,.ios .color-theme-deeporange.tabbar a.tab-link-active,.ios .color-theme-deeporange.tabbar-labels a.tab-link-active{color:#ff5722}.ios .color-theme-brown .tabbar a.tab-link-active,.ios .color-theme-brown .tabbar-labels a.tab-link-active,.ios .color-theme-brown.tabbar a.tab-link-active,.ios .color-theme-brown.tabbar-labels a.tab-link-active{color:#795548}.ios .color-theme-gray .tabbar a.tab-link-active,.ios .color-theme-gray .tabbar-labels a.tab-link-active,.ios .color-theme-gray.tabbar a.tab-link-active,.ios .color-theme-gray.tabbar-labels a.tab-link-active{color:#8e8e93}.ios .color-theme-bluegray .tabbar a.tab-link-active,.ios .color-theme-bluegray .tabbar-labels a.tab-link-active,.ios .color-theme-bluegray.tabbar a.tab-link-active,.ios .color-theme-bluegray.tabbar-labels a.tab-link-active{color:#607d8b}.ios .color-theme-white .tabbar a.tab-link-active,.ios .color-theme-white .tabbar-labels a.tab-link-active,.ios .color-theme-white.tabbar a.tab-link-active,.ios .color-theme-white.tabbar-labels a.tab-link-active{color:#fff}.ios .color-theme-black .tabbar a.tab-link-active,.ios .color-theme-black .tabbar-labels a.tab-link-active,.ios .color-theme-black.tabbar a.tab-link-active,.ios .color-theme-black.tabbar-labels a.tab-link-active{color:#000}.ios .tabbar-labels.color-red a.tab-link-active,.ios .tabbar.color-red a.tab-link-active{color:#ff3b30}.ios .tabbar-labels.color-pink a.tab-link-active,.ios .tabbar.color-pink a.tab-link-active{color:#ff2d55}.ios .tabbar-labels.color-purple a.tab-link-active,.ios .tabbar.color-purple a.tab-link-active{color:#9c27b0}.ios .tabbar-labels.color-deeppurple a.tab-link-active,.ios .tabbar.color-deeppurple a.tab-link-active{color:#673ab7}.ios .tabbar-labels.color-indigo a.tab-link-active,.ios .tabbar.color-indigo a.tab-link-active{color:#3f51b5}.ios .tabbar-labels.color-blue a.tab-link-active,.ios .tabbar.color-blue a.tab-link-active{color:#007aff}.ios .tabbar-labels.color-lightblue a.tab-link-active,.ios .tabbar.color-lightblue a.tab-link-active{color:#5ac8fa}.ios .tabbar-labels.color-cyan a.tab-link-active,.ios .tabbar.color-cyan a.tab-link-active{color:#00bcd4}.ios .tabbar-labels.color-teal a.tab-link-active,.ios .tabbar.color-teal a.tab-link-active{color:#009688}.ios .tabbar-labels.color-green a.tab-link-active,.ios .tabbar.color-green a.tab-link-active{color:#4cd964}.ios .tabbar-labels.color-lightgreen a.tab-link-active,.ios .tabbar.color-lightgreen a.tab-link-active{color:#8bc34a}.ios .tabbar-labels.color-lime a.tab-link-active,.ios .tabbar.color-lime a.tab-link-active{color:#cddc39}.ios .tabbar-labels.color-yellow a.tab-link-active,.ios .tabbar.color-yellow a.tab-link-active{color:#fc0}.ios .tabbar-labels.color-amber a.tab-link-active,.ios .tabbar.color-amber a.tab-link-active{color:#ffc107}.ios .tabbar-labels.color-orange a.tab-link-active,.ios .tabbar.color-orange a.tab-link-active{color:#ff9500}.ios .tabbar-labels.color-deeporange a.tab-link-active,.ios .tabbar.color-deeporange a.tab-link-active{color:#ff5722}.ios .tabbar-labels.color-brown a.tab-link-active,.ios .tabbar.color-brown a.tab-link-active{color:#795548}.ios .tabbar-labels.color-gray a.tab-link-active,.ios .tabbar.color-gray a.tab-link-active{color:#8e8e93}.ios .tabbar-labels.color-bluegray a.tab-link-active,.ios .tabbar.color-bluegray a.tab-link-active{color:#607d8b}.ios .tabbar-labels.color-white a.tab-link-active,.ios .tabbar.color-white a.tab-link-active{color:#fff}.ios .tabbar-labels.color-black a.tab-link-active,.ios .tabbar.color-black a.tab-link-active{color:#000}.md .toolbar{background:#2196f3;height:48px;color:#fff;font-size:14px;top:0}.md .toolbar:after{content:'';position:absolute;right:0;width:100%;top:100%;bottom:auto;height:10px;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .toolbar.no-shadow:after{display:none}.md .toolbar a{color:#fff}.md .toolbar a.link{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;min-width:48px;line-height:48px;height:48px}.md .toolbar a.link:before{content:'';width:152%;height:152%;position:absolute;left:-26%;top:-26%;background-image:-webkit-radial-gradient(center,circle cover,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:-webkit-radial-gradient(center,circle,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-image:radial-gradient(circle at center,rgba(255,255,255,.15) 66%,rgba(255,255,255,0) 66%);background-repeat:no-repeat;background-position:center;background-size:100% 100%;opacity:0;pointer-events:none;-webkit-transition-duration:.6s;transition-duration:.6s}.md .toolbar a.link.active-state:before{opacity:1;-webkit-transition-duration:150ms;transition-duration:150ms}.md .toolbar a.link i+i,.md .toolbar a.link i+span,.md .toolbar a.link span+i,.md .toolbar a.link span+span{margin-right:8px}.md .toolbar a.icon-only{min-width:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.md .toolbar-inner{overflow:hidden}.md .tabbar a.link,.md .tabbar a.tab-link,.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-left:0;padding-right:0;font-size:14px;text-transform:uppercase}.md .tabbar i.icon,.md .tabbar-labels i.icon{height:24px}.md .tabbar a.tab-link,.md .tabbar-labels a.tab-link{-webkit-transition-duration:.3s;transition-duration:.3s;overflow:hidden;color:rgba(255,255,255,.7);position:relative}.md .tabbar a.tab-link.active-state,.md .tabbar a.tab-link.tab-link-active,.md .tabbar-labels a.tab-link.active-state,.md .tabbar-labels a.tab-link.tab-link-active{color:#fff}.md .tabbar .tab-link-highlight,.md .tabbar-labels .tab-link-highlight{position:absolute;left:0;bottom:0;height:3px;background:rgba(255,255,255,.5);-webkit-transition-duration:.3s;transition-duration:.3s;right:0}.md .messagebar,.md .toolbar-bottom-md{top:auto!important;bottom:0!important}.md .messagebar:after,.md .toolbar-bottom-md:after{content:'';position:absolute;right:0;width:100%;bottom:100%;height:10px;top:auto;pointer-events:none;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.3)),color-stop(40%,rgba(0,0,0,.1)),color-stop(50%,rgba(0,0,0,.05)),color-stop(80%,rgba(0,0,0,0)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);background:linear-gradient(to top,rgba(0,0,0,.3) 0,rgba(0,0,0,.1) 40%,rgba(0,0,0,.05) 50%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%)}.md .messagebar .tab-link-highlight,.md .toolbar-bottom-md .tab-link-highlight{bottom:auto;top:0}.md .tabbar-labels{height:72px}.md .tabbar-labels a.link,.md .tabbar-labels a.tab-link{padding-top:12px;padding-bottom:12px}.md .tabbar-labels .tabbar-label{margin-top:10px;max-width:100%;overflow:hidden}.md .tabbar-labels.toolbar-bottom-md{height:56px}.md .tabbar-labels.toolbar-bottom-md a.link,.md .tabbar-labels.toolbar-bottom-md a.tab-link{padding-top:7px;padding-bottom:7px}.md .tabbar-labels.toolbar-bottom-md .tabbar-label{text-transform:none;line-height:1.2}.md .tabbar-scrollable .toolbar-inner{overflow:auto}.md .tabbar-scrollable a.link,.md .tabbar-scrollable a.tab-link{padding:0 16px}.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:48px}.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:72px}.md .toolbar-hidden{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.md .toolbar-hidden:after{display:none}.md .toolbar-hidden.messagebar,.md .toolbar-hidden.toolbar-bottom-md{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:56px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:104px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:128px}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-104px,0);transform:translate3d(0,-104px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-128px,0);transform:translate3d(0,-128px,0)}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-56px,0);transform:translate3d(0,-56px,0)}@media (min-width:768px){.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar){top:64px}.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~* .page-content,.md .navbar+.toolbar:not(.toolbar-bottom-md):not(.messagebar)~.page-content{padding-top:112px}.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~* .page-content,.md .navbar+.toolbar.tabbar-labels:not(.toolbar-bottom-md)~.page-content{padding-top:136px}.md .navbar.navbar-hidden+.toolbar:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-64px,0);transform:translate3d(0,-64px,0)}.md .navbar+.toolbar-hidden:not(.toolbar-bottom-md):not(.messagebar){-webkit-transform:translate3d(0,-112px,0);transform:translate3d(0,-112px,0)}.md .navbar+.toolbar-hidden.tabbar-labels:not(.toolbar-bottom-md){-webkit-transform:translate3d(0,-136px,0);transform:translate3d(0,-136px,0)}}.md .messagebar~* .page-content,.md .messagebar~.page-content,.md .toolbar-bottom-md~* .page-content,.md .toolbar-bottom-md~.page-content{padding-bottom:48px}.md .toolbar-bottom-md.tabbar-labels~* .page-content,.md .toolbar-bottom-md.tabbar-labels~.page-content{padding-bottom:56px}.md .navbar-transitioning+.toolbar,.md .toolbar-transitioning{-webkit-transition-duration:.4s;transition-duration:.4s}.md .color-theme-red .toolbar:not(.messagebar),.md .color-theme-red.toolbar:not(.messagebar){background:#f44336}.md .color-theme-pink .toolbar:not(.messagebar),.md .color-theme-pink.toolbar:not(.messagebar){background:#e91e63}.md .color-theme-purple .toolbar:not(.messagebar),.md .color-theme-purple.toolbar:not(.messagebar){background:#9c27b0}.md .color-theme-deeppurple .toolbar:not(.messagebar),.md .color-theme-deeppurple.toolbar:not(.messagebar){background:#673ab7}.md .color-theme-indigo .toolbar:not(.messagebar),.md .color-theme-indigo.toolbar:n