UNPKG

onsenui

Version:

HTML5 Mobile Framework & UI Components

onsen.io

OnsenUI/OnsenUI

31 lines • 154 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/*! * Copyright 2013-2017 ASIAL CORPORATION * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * *//*! * Copyright 2012 Adobe Systems Inc.; * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * */:root{--background-color:#f9f9f9;--text-color:#1f1f21;--sub-text-color:#999;--highlight-color:rgba(24, 103, 194, 0.81);--second-highlight-color:#25a6d9;--border-color:#ccc;--button-background-color:var(--highlight-color);--button-cta-background-color:var(--second-highlight-color);--toolbar-background-color:#fff;--toolbar-button-color:rgba(38, 100, 171, 0.81);--toolbar-text-color:#1f1f21;--toolbar-border-color:#bbb;--button-bar-color:rgba(18, 114, 224, 0.77);--button-bar-active-text-color:#fff;--button-bar-active-background-color:unset;--button-bar-active-background-color-default-blend-color:white;--button-bar-active-background-color-default-blend-time:-0.7s;--button-light-color:black;--segment-color:rgba(18, 114, 224, 0.77);--segment-active-text-color:#fff;--segment-active-background-color:unset;--segment-active-background-color-default-blend-color:white;--segment-active-background-color-default-blend-time:-0.7s;--list-background-color:#fff;--list-header-background-color:#eee;--list-tap-active-background-color:#d9d9d9;--list-item-chevron-color:#c7c7cc;--progress-bar-color:rgba(24, 103, 194, 0.81);--progress-bar-secondary-color:rgba(24, 103, 194, 0.4);--progress-bar-background-color:#b6b6b6;--progress-circle-primary-color:rgba(24, 103, 194, 0.81);--progress-circle-secondary-color:rgba(24, 103, 194, 0.81);--progress-circle-background-color:#ddd;--tabbar-background-color:#fff;--tabbar-text-color:#999;--tabbar-highlight-text-color:rgba(24, 103, 194, 0.81);--tabbar-border-color:#ccc;--switch-highlight-color:#5198db;--switch-border-color:#e5e5e5;--switch-background-color:white;--range-track-background-color:#a4aab3;--range-track-background-color-active:var(--highlight-color);--range-thumb-background-color:#fff;--modal-background-color:rgba(0, 0, 0, 0.7);--modal-text-color:#fff;--alert-dialog-background-color:#f4f4f4;--alert-dialog-text-color:#1f1f21;--alert-dialog-button-color:rgba(24, 103, 194, 0.81);--alert-dialog-separator-color:#ddd;--dialog-background-color:#f4f4f4;--dialog-text-color:var(--text-color);--popover-background-color:white;--popover-text-color:#1f1f21;--action-sheet-title-color:#8f8e94;--action-sheet-button-separator-color:rgba(0, 0, 0, 0.1);--action-sheet-button-color:var(--highlight-color);--action-sheet-button-destructive-color:#fe3824;--action-sheet-button-background-color:rgba(255, 255, 255, 0.9);--action-sheet-button-active-background-color:#e9e9e9;--action-sheet-cancel-button-background-color:#fff;--notification-background-color:#dc5236;--notification-color:white;--search-input-background-color:rgba(3, 3, 3, 0.09);--fab-text-color:#ffffff;--fab-background-color:rgba(24, 103, 194, 0.81);--fab-active-background-color:rgba(24, 103, 194, 0.61);--card-background-color:white;--card-text-color:#030303;--toast-background-color:rgba(0, 0, 0, 0.8);--toast-text-color:white;--toast-button-text-color:white;--select-input-color:var(--text-color);--select-input-border-color:var(--border-color);--material-background-color:#ffffff;--material-text-color:var(--text-color);--material-notification-background-color:#e91e63;--material-notification-color:white;--material-switch-active-thumb-color:#009688;--material-switch-inactive-thumb-color:#f1f1f1;--material-switch-active-background-color:#77c2bb;--material-switch-inactive-background-color:#b0afaf;--material-range-track-color:#bdbdbd;--material-range-thumb-color:#009688;--material-range-disabled-thumb-color:#b0b0b0;--material-range-disabled-thumb-border-color:#eeeeee;--material-range-zero-thumb-color:#f2f2f2;--material-toolbar-background-color:#009688;--material-toolbar-text-color:#ffffff;--material-toolbar-button-color:#ffffff;--material-segment-background-color:#fafafa;--material-segment-active-background-color:#c8c8c8;--material-segment-text-color:rgba(0, 0, 0, 0.38);--material-segment-active-text-color:#353535;--material-button-background-color:#009688;--material-button-text-color:#ffffff;--material-button-disabled-background-color:rgba(79, 79, 79, 0.26);--material-button-disabled-color:rgba(0, 0, 0, 0.26);--material-flat-button-active-background-color:rgba(153, 153, 153, 0.2);--material-list-background-color:#fff;--material-list-item-separator-color:#eee;--material-list-header-text-color:#757575;--material-checkbox-active-color:#37474f;--material-checkbox-inactive-color:#717171;--material-checkbox-checkmark-color:#ffffff;--material-checkbox-active-color:#009688;--material-checkbox-inactive-color:#717171;--material-checkbox-checkmark-color:#ffffff;--material-radio-button-active-color:#009688;--material-radio-button-inactive-color:#717171;--material-radio-button-disabled-color:#afafaf;--material-text-input-text-color:#212121;--material-text-input-active-color:#009688;--material-text-input-inactive-color:#afafaf;--material-search-background-color:#fafafa;--material-dialog-background-color:#ffffff;--material-dialog-text-color:var(--material-text-color);--material-alert-dialog-background-color:#ffffff;--material-alert-dialog-title-color:#212121;--material-alert-dialog-content-color:#727272;--material-alert-dialog-button-color:#009688;--material-progress-bar-primary-color:#009688;--material-progress-bar-secondary-color:#80cbc4;--material-progress-bar-background-color:#e0e0e0;--material-progress-circle-primary-color:#009688;--material-progress-circle-secondary-color:#80cbc4;--material-progress-circle-background-color:#dbdbdb;--material-tabbar-background-color:#009688;--material-tabbar-text-color:rgba(255, 255, 255, 0.6);--material-tabbar-highlight-text-color:#ffffff;--material-tabbar-highlight-color:#26a69a;--material-fab-text-color:#ffffff;--material-fab-background-color:#009688;--material-fab-active-background-color:rgba(0, 150, 136, 0.85);--material-card-background-color:white;--material-card-text-color:rgba(0, 0, 0, 0.54);--material-toast-background-color:rgba(0, 0, 0, 0.8);--material-toast-text-color:white;--material-toast-button-text-color:#bbdefb;--material-select-input-color:var(--material-text-color);--material-select-input-active-color:rgba(0, 0, 0, 0.15);--material-select-input-inactive-color:rgba(0, 0, 0, 0.81);--material-select-border-color:rgba(0, 0, 0, 0.12);--material-popover-background-color:#fafafa;--material-popover-text-color:var(--material-text-color);--material-action-sheet-text-color:#686868;--tap-highlight-color:transparent}:root{--input-bg-color:var(--background-color);--input-border-color:var(--border-color);--input-text-color:var(--text-color);--input-placeholder-color:var(--sub-text-color);--input-invalid-border-color:var(--border-color);--input-invalid-text-color:var(--text-color);--input-border:1px solid var(--input-border-color);--font-size:17px;--font-weight:400;--material-font-size:17px;--material-font-weight:400;--font-size--mini:calc(var(--font-size) - 3px);--font-weight--large:500;--background-color--input:transparent}html{height:100%;width:100%}body{position:absolute;overflow:hidden;top:0;right:0;left:0;bottom:0;padding:0;margin:0;-webkit-text-size-adjust:100%;touch-action:manipulation}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:var(--tap-highlight-color);-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:auto;user-select:auto;-moz-user-select:text;-webkit-touch-callout:none}a,button,input,select,textarea{touch-action:manipulation}input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{outline:0}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4,h5,h6{font-size:18px}@-webkit-keyframes blend-background-color{0%{background-color:var(--blend-background-color__base)}100%{background-color:var(--blend-background-color__color)}}@keyframes blend-background-color{0%{background-color:var(--blend-background-color__base)}100%{background-color:var(--blend-background-color__color)}}@-webkit-keyframes blend-color{0%{color:var(--blend-color__base)}100%{color:var(--blend-color__color)}}@keyframes blend-color{0%{color:var(--blend-color__base)}100%{color:var(--blend-color__color)}}@-webkit-keyframes blend-border-color{0%{border-color:var(--blend-border-color__base)}100%{border-color:var(--blend-border-color__color)}}@keyframes blend-border-color{0%{border-color:var(--blend-border-color__base)}100%{border-color:var(--blend-border-color__color)}}:root{--page-background-color:var(--background-color);--page-material-background-color:var(--material-background-color)}.page{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);background-color:#f9f9f9;background-color:var(--page-background-color);position:absolute;top:0;left:0;right:0;bottom:0;overflow-x:visible;overflow-y:hidden;color:#1f1f21;color:var(--text-color);-ms-overflow-style:none;-webkit-font-smoothing:antialiased}.page::-webkit-scrollbar{display:none}.page__content{background-color:#f9f9f9;background-color:var(--page-background-color);position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box}.page__background{background-color:#f9f9f9;background-color:var(--page-background-color);position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box}.page--material{-webkit-font-smoothing:antialiased;font-weight:400;font-weight:var(--material-font-weight);background-color:#fff;background-color:var(--page-material-background-color)}.page--material__content{-webkit-font-smoothing:antialiased;font-weight:400;font-weight:var(--font-weight)}.page__content h1,.page__content h2,.page__content h3,.page__content h4,.page__content h5{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:500;font-weight:var(--font-weight--large);margin:.6em 0;padding:0}.page__content h1{font-size:28px}.page__content h2{font-size:24px}.page__content h3{font-size:20px}.page--material__content h1,.page--material__content h2,.page--material__content h3,.page--material__content h4,.page--material__content h5{-webkit-font-smoothing:antialiased;font-weight:500;font-weight:var(--font-weight--large);margin:.6em 0;padding:0}.page--material__content h1{font-size:28px}.page--material__content h2{font-size:24px}.page--material__content h3{font-size:20px}.page--material__background{background-color:#fff;background-color:var(--page-material-background-color)}:root{--switch-checked-background-color:var(--switch-highlight-color);--switch-thumb-background-color:white;--switch-thumb-border-color:var(--border-color);--switch-thumb-border-color-active:var(--switch-highlight-color);--switch-height:32px;--switch-width:51px}.switch{display:inline-block;vertical-align:top;box-sizing:border-box;background-clip:padding-box;position:relative;min-width:51px;font-size:17px;font-size:var(--font-size);padding:0 20px;border:none;overflow:visible;width:51px;width:var(--switch-width);height:32px;height:var(--switch-height);z-index:0;text-align:left}.switch__input{position:absolute;right:0;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;vertical-align:top;outline:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;z-index:0}.switch__toggle{background-color:#fff;background-color:var(--switch-background-color);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30px;transition-property:all;transition-duration:.35s;transition-timing-function:ease-out;box-shadow:inset 0 0 0 2px #e5e5e5;box-shadow:inset 0 0 0 2px var(--switch-border-color)}.switch__handle{box-sizing:border-box;background-clip:padding-box;position:absolute;content:'';border-radius:28px;height:28px;width:28px;background-color:#fff;background-color:var(--switch-thumb-background-color);left:1px;top:2px;transition-property:all;transition-duration:.35s;transition-timing-function:cubic-bezier(.59,.01,.5,.99);box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25)}.switch--active__handle{transition:none}:checked+.switch__toggle{box-shadow:inset 0 0 0 2px #5198db;box-shadow:inset 0 0 0 2px var(--switch-checked-background-color);background-color:#5198db;background-color:var(--switch-checked-background-color)}:checked+.switch__toggle>.switch__handle{left:21px;box-shadow:0 3px 2px rgba(0,0,0,.25)}:disabled+.switch__toggle{opacity:.3;cursor:default;pointer-events:none}.switch__touch{position:absolute;top:-5px;bottom:-5px;left:-10px;right:-10px}.switch--material{width:36px;height:24px;padding:0 10px;min-width:36px}.switch--material__toggle{background-color:#b0afaf;background-color:var(--material-switch-inactive-background-color);margin-top:5px;height:14px;box-shadow:none}.switch--material__input{right:0;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;vertical-align:top;outline:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;z-index:0}.switch--material__handle{background-color:#f1f1f1;background-color:var(--material-switch-inactive-thumb-color);left:0;margin-top:-5px;width:20px;height:20px;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)}:checked+.switch--material__toggle{background-color:#77c2bb;background-color:var(--material-switch-active-background-color);box-shadow:none}:checked+.switch--material__toggle>.switch--material__handle{left:16px;background-color:#009688;background-color:var(--material-switch-active-thumb-color);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.switch--material__handle:before{background:0 0;content:'';display:block;width:100%;height:100%;border-radius:50%;z-index:0;box-shadow:0 0 0 0 rgba(0,0,0,.12);transition:box-shadow .1s linear}.switch--material__toggle>.switch--active__handle:before{box-shadow:0 0 0 14px rgba(0,0,0,.12)}:checked+.switch--material__toggle>.switch--active__handle:before{animation:blend-box-shadow 1s -.2s linear forwards paused}@-webkit-keyframes blend-box-shadow{0%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 14px #009688;box-shadow:0 0 0 14px var(--material-switch-active-thumb-color)}}@keyframes blend-box-shadow{0%{box-shadow:0 0 0 14px transparent}100%{box-shadow:0 0 0 14px #009688;box-shadow:0 0 0 14px var(--material-switch-active-thumb-color)}}.switch--material__touch{position:absolute;top:-10px;bottom:-10px;left:-15px;right:-15px}:root{--range-thumb-size:28px;--range-track-height:2px;--material-range-track-height:2px;--material-range-thumb-size:14px;--material-range-thumb-radius:calc(var(--material-range-thumb-size) / 2);--material-range-thumb-vertical-margin:24px;--material-range-thumb-horizontal-margin:2px}.range{display:inline-block;position:relative;width:100px;height:calc(28px + 2px);height:calc(var(--range-thumb-size) + 2px);margin:0;padding:0;background-image:linear-gradient(#a4aab3,#a4aab3);background-image:linear-gradient(var(--range-track-background-color),var(--range-track-background-color));background-position:left center;background-size:100% 2px;background-size:100% var(--range-track-height);background-repeat:no-repeat;background-color:transparent}.range__input{box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;background:0 0;border:none;vertical-align:top;outline:0;line-height:1;-webkit-appearance:none;appearance:none;background-image:linear-gradient(rgba(24,103,194,.81),rgba(24,103,194,.81));background-image:linear-gradient(var(--range-track-background-color-active),var(--range-track-background-color-active));background-position:left center;background-size:0 2px;background-size:0 var(--range-track-height);background-repeat:no-repeat;height:calc(28px + 2px);height:calc(var(--range-thumb-size) + 2px);position:relative;z-index:1;width:100%}.range__input::-moz-range-track{position:relative;border:none;background:0 0;box-shadow:none;top:0;margin:0;padding:0}.range__input::-ms-track{position:relative;border:none;background-color:#a4aab3;background-color:var(--range-track-background-color);height:0;border-radius:50%}.range__input::-webkit-slider-thumb{cursor:pointer;position:relative;height:28px;height:var(--range-thumb-size);width:28px;width:var(--range-thumb-size);background-color:#fff;background-color:var(--range-thumb-background-color);border:none;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25);border-radius:50%;margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none;appearance:none;top:0;z-index:1}.range__input::-moz-range-thumb{cursor:pointer;position:relative;height:28px;height:var(--range-thumb-size);width:28px;width:var(--range-thumb-size);background-color:#fff;background-color:var(--range-thumb-background-color);border:none;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25);border-radius:50%;margin:0;padding:0}.range__input::-ms-thumb{cursor:pointer;position:relative;height:28px;height:var(--range-thumb-size);width:28px;width:var(--range-thumb-size);background-color:#fff;background-color:var(--range-thumb-background-color);border:none;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 2px rgba(0,0,0,.25);border-radius:50%;margin:0;padding:0;top:0}.range__input::-ms-fill-lower{height:2px;background-color:rgba(24,103,194,.81);background-color:var(--range-track-background-color-active)}.range__input::-ms-tooltip{display:none}.range__input:disabled{opacity:1;pointer-events:none}.range__focus-ring{pointer-events:none;top:0;left:0;display:none;box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;border:none;vertical-align:top;outline:0;line-height:1;-webkit-appearance:none;appearance:none;background:0 0;height:calc(28px + 2px);height:calc(var(--range-thumb-size) + 2px);position:absolute;z-index:0;width:100%}.range--disabled{cursor:default;pointer-events:none}.range--material{position:relative;background-image:linear-gradient(#bdbdbd,#bdbdbd);background-image:linear-gradient(var(--material-range-track-color),var(--material-range-track-color))}.range--material__input{background-image:linear-gradient(#009688,#009688);background-image:linear-gradient(var(--material-range-thumb-color),var(--material-range-thumb-color));background-position:center left;background-size:0 2px}.range--material__focus-ring{display:block}.range--material__focus-ring::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;width:var(--material-range-thumb-size);height:14px;height:var(--material-range-thumb-size);border:none;box-shadow:0 0 0 calc((32px - 14px)/ 2) #009688;box-shadow:0 0 0 calc((32px - var(--material-range-thumb-size))/ 2) var(--material-range-thumb-color);background-color:#009688;background-color:var(--material-range-thumb-color);border-radius:50%;opacity:0;-webkit-transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:opacity .25s ease-out,-webkit-transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out;transition:opacity .25s ease-out,transform .25s ease-out,-webkit-transform .25s ease-out}.range--material__input.range__input--active+.range--material__focus-ring::-webkit-slider-thumb{opacity:.2;-webkit-transform:scale(1.5,1.5,1.5);transform:scale(1.5,1.5,1.5)}.range--material__input::-webkit-slider-thumb{position:relative;box-sizing:border-box;border:none;background-color:transparent;width:14px;width:var(--material-range-thumb-size);height:32px;border-radius:0;box-shadow:none;background-image:radial-gradient(circle farthest-corner,#009688 0,#009688 calc(calc(14px / 2) - .4px),transparent calc(14px / 2));background-image:radial-gradient(circle farthest-corner,var(--material-range-thumb-color) 0,var(--material-range-thumb-color) calc(var(--material-range-thumb-radius) - .4px),transparent var(--material-range-thumb-radius));-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;overflow:visible}.range--material__input[_zero]::-webkit-slider-thumb{background-image:radial-gradient(circle farthest-corner,#f2f2f2 0,#f2f2f2 4px,#bdbdbd 4px,#bdbdbd calc(calc(14px / 2) - .6px),transparent calc(calc(14px / 2)));background-image:radial-gradient(circle farthest-corner,var(--material-range-zero-thumb-color) 0,var(--material-range-zero-thumb-color) 4px,var(--material-range-track-color) 4px,var(--material-range-track-color) calc(var(--material-range-thumb-radius) - .6px),transparent calc(var(--material-range-thumb-radius)))}.range--material__input[_zero]+.range--material__focus-ring::-webkit-slider-thumb{box-shadow:0 0 0 calc((32px - 14px)/ 2) #bdbdbd;box-shadow:0 0 0 calc((32px - var(--material-range-thumb-size))/ 2) var(--material-range-track-color)}.range--material__input::-moz-range-track{background:0 0}.range--material__input::-moz-range-thumb,.range--material__input:focus::-moz-range-thumb{box-sizing:border-box;border:none;width:14px;width:var(--material-range-thumb-size);height:32px;border-radius:0;background-color:transparent;background-image:-moz-radial-gradient(circle farthest-corner,var(--material-range-thumb-color) 0,var(--material-range-thumb-color) calc(var(--material-range-thumb-radius) - .4px),transparent var(--material-range-thumb-radius));box-shadow:none}.range--material__input.range__input--active::-webkit-slider-thumb,.range--material__input:active::-webkit-slider-thumb{transform:scale(1.5);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.range--material__input:disabled::-webkit-slider-thumb{background-image:radial-gradient(circle farthest-corner,#b0b0b0 0,#b0b0b0 4px,#eee 4.4px,#eee calc(calc(14px / 2) + .6px),transparent calc(calc(14px / 2) + .6px));background-image:radial-gradient(circle farthest-corner,var(--material-range-disabled-thumb-color) 0,var(--material-range-disabled-thumb-color) 4px,var(--material-range-disabled-thumb-border-color) 4.4px,var(--material-range-disabled-thumb-border-color) calc(var(--material-range-thumb-radius) + .6px),transparent calc(var(--material-range-thumb-radius) + .6px));-webkit-transition:none;transition:none}.range--material__input:disabled::-moz-range-thumb{background-image:-moz-radial-gradient(circle farthest-corner,var(--material-range-disabled-thumb-color) 0,var(--material-range-disabled-thumb-color) 4px,var(--material-range-disabled-thumb-border-color) 4.4px,var(--material-range-disabled-thumb-border-color) calc(var(--material-range-thumb-radius) + .6px),transparent calc(var(--material-range-thumb-radius) + .6px));-moz-transition:none;transition:none}:root{--notification-border-radius:19px;--notification-width:auto;--notification-height:19px;--notification-min-width:19px;--notification-padding:0 4px;--notification-font-weight:var(--font-weight);--notification-font-size:16px;--material-notification-font-size:16px;--material-notification-font-weight:500}.notification{position:relative;display:inline-block;vertical-align:top;font:inherit;border:none;box-sizing:border-box;background:0 0;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-decoration:none;margin:0;padding:0 4px;padding:var(--notification-padding);width:auto;width:var(--notification-width);height:19px;height:var(--notification-height);border-radius:19px;border-radius:var(--notification-border-radius);background-color:#dc5236;background-color:var(--notification-background-color);color:#fff;color:var(--notification-color);text-align:center;font-size:16px;font-size:var(--notification-font-size);min-width:19px;min-width:var(--notification-min-width);line-height:19px;line-height:var(--notification-height);font-weight:400;font-weight:var(--notification-font-weight)}.notification:empty{display:none}.notification--material{-webkit-font-smoothing:antialiased;background-color:#e91e63;background-color:var(--material-notification-background-color);font-size:16px;font-size:var(--material-notification-font-size);font-weight:500;font-weight:var(--material-notification-font-weight);color:#fff;color:var(--material-notification-color)}:root{--toolbar-separator-color:var(--toolbar-border-color);--toolbar-height:44px;--toolbar-box-shadow:none;--toolbar-padding:0;--toolbar-separator:1px solid var(--toolbar-separator-color);--toolbar-material-height:56px}.toolbar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;overflow:hidden;word-spacing:0;padding:0;margin:0;font:inherit;border:none;line-height:normal;cursor:default;-webkit-user-select:none;user-select:none;z-index:2;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:44px;height:var(--toolbar-height);padding-left:0;padding-left:var(--toolbar-padding);padding-right:0;padding-right:var(--toolbar-padding);background:#fff;background:var(--toolbar-background-color);color:#1f1f21;color:var(--toolbar-text-color);box-shadow:none;box-shadow:var(--toolbar-box-shadow);font-weight:400;font-weight:var(--font-weight);width:100%;white-space:nowrap;border-bottom:none;background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;background-image:linear-gradient(0deg,#bbb,#bbb 100%);background-image:linear-gradient(0deg,var(--toolbar-separator-color),var(--toolbar-separator-color) 100%)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.toolbar{background-image:linear-gradient(0deg,#bbb,#bbb 50%,transparent 50%);background-image:linear-gradient(0deg,var(--toolbar-separator-color),var(--toolbar-separator-color) 50%,transparent 50%)}}.toolbar__bg{background:#fff;background:var(--toolbar-background-color)}.toolbar__item{box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;background:0 0;border:none;line-height:normal;height:44px;height:var(--toolbar-height);overflow:visible;display:block;vertical-align:middle}.toolbar__left{box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;background:0 0;border:none;max-width:50%;width:27%;text-align:left;line-height:44px;line-height:var(--toolbar-height)}.toolbar__right{box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;background:0 0;border:none;max-width:50%;width:27%;text-align:right;line-height:44px;line-height:var(--toolbar-height)}.toolbar__center{box-sizing:border-box;padding:0;margin:0;font:inherit;background:0 0;border:none;width:46%;text-align:center;line-height:44px;line-height:var(--toolbar-height);font-size:17px;font-size:var(--font-size);font-weight:500;font-weight:var(--font-weight--large);color:#1f1f21;color:var(--toolbar-text-color)}.toolbar__title{line-height:44px;line-height:var(--toolbar-height);font-size:17px;font-size:var(--font-size);font-weight:500;font-weight:var(--font-weight--large);color:#1f1f21;color:var(--toolbar-text-color);margin:0;padding:0;overflow:visible}.toolbar__center:first-child:last-child{width:100%}.bottom-bar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;white-space:nowrap;overflow:hidden;word-spacing:0;padding:0;margin:0;font:inherit;border:none;line-height:normal;cursor:default;-webkit-user-select:none;user-select:none;z-index:2;display:block;height:44px;height:var(--toolbar-height);padding-left:0;padding-left:var(--toolbar-padding);padding-right:0;padding-right:var(--toolbar-padding);background:#fff;background:var(--toolbar-background-color);color:#1f1f21;color:var(--toolbar-text-color);box-shadow:none;box-shadow:var(--toolbar-box-shadow);font-weight:400;font-weight:var(--font-weight);border-bottom:none;position:absolute;bottom:0;right:0;left:0;border-top:none;background-size:100% 1px;background-repeat:no-repeat;background-position:top;background-image:linear-gradient(180deg,#bbb,#bbb 100%);background-image:linear-gradient(180deg,var(--toolbar-separator-color),var(--toolbar-separator-color) 100%)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.bottom-bar{background-image:linear-gradient(180deg,#bbb,#bbb 50%,transparent 50%);background-image:linear-gradient(180deg,var(--toolbar-separator-color),var(--toolbar-separator-color) 50%,transparent 50%)}}.bottom-bar__line-height{line-height:44px;line-height:var(--toolbar-height);padding-bottom:0;padding-top:0}.bottom-bar--aligned{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;line-height:44px;line-height:var(--toolbar-height)}.bottom-bar--transparent{background-color:transparent;background-image:none;border:none}.toolbar--material{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;height:56px;height:var(--toolbar-material-height);border-bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.3);padding:0;background-color:#009688;background-color:var(--material-toolbar-background-color);background-size:0}.toolbar--noshadow{box-shadow:none;background-image:none;border-bottom:none}.toolbar--material__left,.toolbar--material__right{-webkit-font-smoothing:antialiased;font-size:20px;font-weight:500;color:#fff;color:var(--material-toolbar-text-color);height:56px;height:var(--toolbar-material-height);min-width:72px;width:auto;line-height:56px;line-height:var(--toolbar-material-height)}.toolbar--material__center{-webkit-font-smoothing:antialiased;font-size:20px;font-weight:500;color:#fff;color:var(--material-toolbar-text-color);height:56px;height:var(--toolbar-material-height);width:auto;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;text-align:left;line-height:56px;line-height:var(--toolbar-material-height)}.toolbar--material__center:first-child{margin-left:16px}.toolbar--material__center:last-child{margin-right:16px}.toolbar--material__left:empty,.toolbar--material__right:empty{min-width:16px}.toolbar--transparent{background-color:transparent;box-shadow:none;background-image:none;border-bottom:none}:root{--button-text-color:white;--button-quiet-color:var(--highlight-color);--button-cta-color:white;--button-large-padding:4px 12px;--button-padding:4px 10px;--button-line-height:32px;--button-large-line-height:36px;--button-active-opacity:0.2;--button-border-radius:3px}.button{position:relative;display:inline-block;box-sizing:border-box;margin:0;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);cursor:default;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:auto;text-decoration:none;padding:4px 10px;padding:var(--button-padding);font-size:17px;font-size:var(--font-size);line-height:32px;line-height:var(--button-line-height);letter-spacing:0;color:#fff;color:var(--button-text-color);vertical-align:middle;background-color:rgba(24,103,194,.81);background-color:var(--button-background-color);border:0 solid currentColor;border-radius:3px;border-radius:var(--button-border-radius);transition:none}.button::-moz-focus-inner{outline:0}.button:hover{transition:none}.button:active{background-color:rgba(24,103,194,.81);background-color:var(--button-background-color);transition:none;opacity:.2;opacity:var(--button-active-opacity)}.button:focus{outline:0}.button:disabled,.button[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--outline{background-color:transparent;border:1px solid rgba(24,103,194,.81);border:1px solid var(--button-background-color);color:rgba(24,103,194,.81);color:var(--button-background-color)}.button--outline:active{border:1px solid rgba(24,103,194,.81);border:1px solid var(--button-background-color);color:rgba(24,103,194,.81);color:var(--button-background-color);opacity:1;--blend-background-color__base:var(--button-background-color);--blend-background-color__color:white;-webkit-animation:blend-background-color 1s -.7s linear forwards paused;animation:blend-background-color 1s -.7s linear forwards paused}.button--outline:hover{border:1px solid rgba(24,103,194,.81);border:1px solid var(--button-background-color);transition:0}.button--light{background-color:transparent;border:1px solid;--blend-color__base:transparent;--blend-color__color:var(--button-light-color);--blend-border-color__base:transparent;--blend-border-color__color:var(--button-light-color);-webkit-animation:blend-color 1s -.4s linear forwards paused,blend-border-color 1s -.2s linear forwards paused;animation:blend-color 1s -.4s linear forwards paused,blend-border-color 1s -.2s linear forwards paused}.button--light:active{border:1px solid;--blend-background-color__base:transparent;--blend-background-color__color:var(--button-light-color);--blend-color__base:transparent;--blend-color__color:var(--button-light-color);--blend-border-color__base:transparent;--blend-border-color__color:var(--button-light-color);-webkit-animation:blend-background-color 1s -50ms linear forwards paused,blend-color 1s -.4s linear forwards paused,blend-border-color 1s -.2s linear forwards paused;animation:blend-background-color 1s -50ms linear forwards paused,blend-color 1s -.4s linear forwards paused,blend-border-color 1s -.2s linear forwards paused;opacity:1}.button--quiet{background:0 0;color:rgba(24,103,194,.81);color:var(--button-quiet-color);border:none}.button--quiet:disabled,.button--quiet[disabled]{border:none}.button--quiet:active{background-color:transparent;border:none;transition:none;opacity:.2;opacity:var(--button-active-opacity);color:rgba(24,103,194,.81);color:var(--button-quiet-color)}.button--cta{border:none;background-color:#25a6d9;background-color:var(--button-cta-background-color);color:#fff;color:var(--button-cta-color)}.button--cta:active{color:#fff;color:var(--button-cta-color);background-color:#25a6d9;background-color:var(--button-cta-background-color);transition:none;opacity:.2;opacity:var(--button-active-opacity)}.button--large{font-size:17px;font-size:var(--font-size);font-weight:500;font-weight:var(--font-weight--large);line-height:36px;line-height:var(--button-large-line-height);padding:4px 12px;padding:var(--button-large-padding);display:block;width:100%;text-align:center}.button--large:active{transition:none}.button--large--quiet{font-size:var(--font-size);font-weight:500;font-weight:var(--font-weight--large);line-height:36px;line-height:var(--button-large-line-height);padding:4px 12px;padding:var(--button-large-padding);display:block;width:100%;background:0 0;border:1px solid transparent;box-shadow:none;color:rgba(24,103,194,.81);color:var(--button-quiet-color);text-align:center}.button--large--quiet:active{opacity:.2;opacity:var(--button-active-opacity);color:rgba(24,103,194,.81);color:var(--button-quiet-color);background:0 0;border:1px solid transparent;box-shadow:none}.button--large--cta{background-color:#25a6d9;background-color:var(--button-cta-background-color);color:#fff;color:var(--button-cta-color);font-size:17px;font-size:var(--font-size);font-weight:500;font-weight:var(--font-weight--large);line-height:36px;line-height:var(--button-large-line-height);padding:4px 12px;padding:var(--button-large-padding);width:100%;text-align:center;display:block}.button--large--cta:active{color:var(--button-cta-color);background-color:#25a6d9;background-color:var(--button-cta-background-color);transition:none;opacity:.2;opacity:var(--button-active-opacity)}.button--material{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;min-height:36px;line-height:36px;padding:0 16px;text-align:center;font-size:14px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-transform:uppercase;background-color:#009688;background-color:var(--material-button-background-color);color:#fff;color:var(--material-button-text-color);font-weight:500;font-weight:var(--font-weight--large);opacity:1;transition:all .25s linear}.button--material:hover{transition:all .25s linear}.button--material:active{background-color:#009688;background-color:var(--material-button-background-color);opacity:.9;transition:all .25s linear}.button--material:disabled,.button--material[disabled]{transition:none;box-shadow:none;background-color:rgba(79,79,79,.26);background-color:var(--material-button-disabled-background-color);color:rgba(0,0,0,.26);color:var(--material-button-disabled-color);opacity:1}.button--material--flat{-webkit-font-smoothing:antialiased;min-height:36px;line-height:36px;padding:0 16px;text-align:center;font-size:14px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-transform:uppercase;font-weight:500;font-weight:var(--font-weight--large);box-shadow:none;background-color:transparent;color:#009688;color:var(--material-button-background-color);transition:all .25s linear}.button--material--flat:focus{background-color:transparent;color:#009688;color:var(--material-button-background-color);outline:0;opacity:1;border:none}.button--material--flat:active{outline:0;opacity:1;border:none;background-color:rgba(153,153,153,.2);background-color:var(--material-flat-button-active-background-color);color:#009688;color:var(--material-button-background-color);transition:all .25s linear}.button--material--flat:disabled,.button--material--flat[disabled]{opacity:1;box-shadow:none;background-color:transparent;color:rgba(0,0,0,.26);color:var(--material-button-disabled-color)}:root{--button-bar-active-color:var(--button-bar-active-text-color);--button-bar-border-top:1px solid var(--button-bar-color);--button-bar-border-bottom:1px solid var(--button-bar-color);--button-bar-border:0 solid var(--button-bar-color);--button-bar-border-radius:4px}.button-bar{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:0;border:none}.button-bar__item{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);border-radius:0;width:100%;padding:0;margin:0;position:relative;overflow:hidden;box-sizing:border-box}.button-bar__button{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:0;background-color:transparent;color:rgba(18,114,224,.77);color:var(--button-bar-color);border:1px solid rgba(18,114,224,.77);border:1px solid var(--button-bar-color);border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-left-width:0;font-weight:400;font-weight:var(--font-weight);padding:0;font-size:13px;height:27px;line-height:27px;width:100%;transition:background-color .2s linear,color .2s linear;box-sizing:border-box}.button-bar__button:disabled{opacity:.3;cursor:default;pointer-events:none}.button-bar__button:hover{transition:none}.button-bar__button:focus{outline:0}:checked+.button-bar__button{background-color:rgba(18,114,224,.77);background-color:var(--button-bar-color);color:#fff;color:var(--button-bar-active-color);transition:none}.button-bar__button:active,:active+.button-bar__button{background-color:unset;background-color:var(--button-bar-active-background-color);border:0 solid rgba(18,114,224,.77);border:var(--button-bar-border);border-top:1px solid rgba(18,114,224,.77);border-top:var(--button-bar-border-top);border-bottom:1px solid rgba(18,114,224,.77);border-bottom:var(--button-bar-border-bottom);border-right:1px solid rgba(18,114,224,.77);border-right:1px solid var(--button-bar-color);font-size:13px;width:100%;transition:none}.button-bar__button:active:before,:active+.button-bar__button:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;--blend-background-color__base:var(--button-bar-color);--blend-background-color__color:var(--button-bar-active-background-color-default-blend-color);-webkit-animation:blend-background-color 1s -.7s linear forwards paused;animation:blend-background-color 1s -.7s linear forwards paused;-webkit-animation:blend-background-color 1s var(--button-bar-active-background-color-default-blend-time) linear forwards paused;animation:blend-background-color 1s var(--button-bar-active-background-color-default-blend-time) linear forwards paused}.button-bar__item:first-child>.button-bar__button{border-left-width:1px;border-radius:4px 0 0 4px;border-radius:var(--button-bar-border-radius) 0 0 var(--button-bar-border-radius)}.button-bar__item:last-child>.button-bar__button{border-right-width:1px;border-radius:0 4px 4px 0;border-radius:0 var(--button-bar-border-radius) var(--button-bar-border-radius) 0}:root{--segment-active-color:var(--segment-active-text-color);--segment-border-top:1px solid var(--segment-color);--segment-border-bottom:1px solid var(--segment-color);--segment-border:0 solid var(--segment-color);--segment-border-radius:4px}.segment{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:0;padding:0;border:none}.segment__item{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);border-radius:0;width:100%;padding:0;margin:0;position:relative;overflow:hidden;box-sizing:border-box;display:block;background-color:transparent;border:none}.segment__input{position:absolute;right:0;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;z-index:1;vertical-align:top;outline:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none}.segment__button{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:0;background-color:transparent;color:rgba(18,114,224,.77);color:var(--segment-color);border:1px solid rgba(18,114,224,.77);border:1px solid var(--segment-color);border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-left-width:0;font-weight:400;font-weight:var(--font-weight);padding:0;font-size:13px;height:29px;line-height:29px;width:100%;transition:background-color .2s linear,color .2s linear;box-sizing:border-box;text-align:center}.segment__item:disabled{opacity:.3;cursor:default;pointer-events:none}.segment__button:hover{transition:none}.segment__button:focus{outline:0}:active+.segment__button{background-color:unset;background-color:var(--segment-active-background-color);border:0 solid rgba(18,114,224,.77);border:var(--segment-border);border-top:1px solid rgba(18,114,224,.77);border-top:var(--segment-border-top);border-bottom:1px solid rgba(18,114,224,.77);border-bottom:var(--segment-border-bottom);border-right:1px solid rgba(18,114,224,.77);border-right:1px solid var(--segment-color);font-size:13px;width:100%;transition:none}:active+.segment__button:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;--blend-background-color__base:var(--segment-color);--blend-background-color__color:var(--segment-active-background-color-default-blend-color);-webkit-animation:blend-background-color 1s -.7s linear forwards paused;animation:blend-background-color 1s -.7s linear forwards paused;-webkit-animation:blend-background-color 1s var(--segment-active-background-color-default-blend-time) linear forwards paused;animation:blend-background-color 1s var(--segment-active-background-color-default-blend-time) linear forwards paused}:checked+.segment__button{background-color:rgba(18,114,224,.77);background-color:var(--segment-color);color:#fff;color:var(--segment-active-color);transition:none}.segment__item:first-child>.segment__button{border-left-width:1px;border-radius:4px 0 0 4px;border-radius:var(--segment-border-radius) 0 0 var(--segment-border-radius)}.segment__item:last-child>.segment__button{border-right-width:1px;border-radius:0 4px 4px 0;border-radius:0 var(--segment-border-radius) var(--segment-border-radius) 0}.segment--material{border-radius:2px;overflow:hidden;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24)}.segment--material__button{-webkit-font-smoothing:antialiased;font-weight:400;font-weight:var(--material-font-weight);font-size:14px;height:32px;line-height:32px;border-width:0;color:rgba(0,0,0,.38);color:var(--material-segment-text-color);border-radius:0;background-color:#fafafa;background-color:var(--material-segment-background-color)}:active+.segment--material__button{background-color:#fafafa;background-color:var(--material-segment-background-color);border-radius:0;border-width:0;font-size:14px;transition:none;color:rgba(0,0,0,.38);color:var(--material-segment-text-color)}:checked+.segment--material__button{background-color:#c8c8c8;background-color:var(--material-segment-active-background-color);color:#353535;color:var(--material-segment-active-text-color);border-radius:0;border-width:0}.segment--material__item:first-child>.segment--material__button,.segment--material__item:last-child>.segment--material__button{border-radius:0;border-width:0}:root{--tabbar-button-color:var(--tabbar-text-color);--tabbar-active-color:var(--tabbar-highlight-text-color);--material-tabbar-current-color:var(--material-tabbar-highlight-text-color);--tabbar-active-border-top:none;--tabbar-focus-border-top:none;--tabbar-height:49px;--tabbar-button-line-height:49px;--tabbar-button-border:none;--tabbar-active-box-shadow:none;--tabbar-button-focus-box-shadow:none;--tabbar-border-top:1px solid var(--tabbar-border-color)}.tabbar{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);display:-webkit-flex;display:flex;position:absolute;bottom:0;left:0;right:0;white-space:nowrap;margin:0;padding:0;height:49px;height:var(--tabbar-height);background-color:#fff;background-color:var(--tabbar-background-color);border-top:1px solid #ccc;border-top:var(--tabbar-border-top);width:100%}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.tabbar{border-top:none;background-size:100% 1px;background-repeat:no-repeat;background-position:top;background-image:linear-gradient(180deg,#ccc,#ccc 50%,transparent 50%);background-image:linear-gradient(180deg,var(--tabbar-border-color),var(--tabbar-border-color) 50%,transparent 50%)}}.tabbar__item{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-weight:var(--font-weight);position:relative;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;width:auto;border-radius:0}.tabbar__item>input{position:absolute;right:0;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;z-index:1;vertical-align:top;outline:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none}.tabbar__button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;font:inherit;background:0 0;border:none;cursor:default;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;display:inline-block;text-decoration:none;padding:0;height:49px;height:var(--tabbar-button-line-height);letter-spacing:0;color:#999;color:var(--tabbar-button-color);vertical-align:top;background-color:transparent;border-top:none;border-top:var(--tabbar-button-border);width:100%;font-weight:400;font-weight:var(--font-weight);line-height:49px;line-height:var(--tabbar-button-line-height)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.tabbar__button{border-top:none}}.tabbar__icon{font-size:24px;padding:0;margin:0;line-he