UNPKG

onsenui

Version:

HTML5 Mobile Framework & UI Components

onsen.io

OnsenUI/OnsenUI

31 lines • 103 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. * */.notification,.toolbar,body{overflow:hidden}a,body,button,input,select,textarea{touch-action:manipulation}.page,.page__background,.page__content{background-color:#f9f9f9;position:absolute}.page,.switch__input,body{position:absolute}.page,.page--material,.page--material__content{font-weight:400}.page,.switch__input,.switch__toggle,body{top:0;left:0;right:0;bottom:0}.switch,.switch__handle{background-clip:padding-box;box-sizing:border-box}.switch--material__handle:before,.switch__handle,.tabbar--material__button:after{content:''}.switch,.switch__input{vertical-align:top;z-index:0}html{height:100%;width:100%}body{padding:0;margin:0;-webkit-text-size-adjust:100%}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;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,select,textarea{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;-moz-user-select:text;-webkit-touch-callout:none}.notification,.toolbar{-webkit-user-select:none;-ms-user-select:none}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}.page{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-moz-osx-font-smoothing:grayscale;overflow-x:visible;overflow-y:hidden;color:#1f1f21;-ms-overflow-style:none;-webkit-font-smoothing:antialiased}.page--material,.page--material__content,.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}.page::-webkit-scrollbar{display:none}.page__background,.page__content{top:0;left:0;right:0;bottom:0;box-sizing:border-box}.page--material,.page--material__background{background-color:#fff}.page__content h1,.page__content h2,.page__content h3,.page__content h4,.page__content h5{font-weight:400;font-weight:500;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{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;font-weight:500;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}.switch{display:inline-block;position:relative;min-width:51px;font-size:17px;padding:0 20px;border:none;overflow:visible;width:51px;height:32px;text-align:left}.switch__input{padding:0;border:0;background-color:transparent;outline:0;width:100%;height:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.switch__handle,.switch__toggle{background-color:#fff;transition-property:all;transition-duration:.35s;position:absolute}.range__input,.switch--material__input{outline:0;-webkit-appearance:none;vertical-align:top}.switch__toggle{border-radius:30px;transition-timing-function:ease-out;box-shadow:inset 0 0 0 2px #e5e5e5}.switch__handle{border-radius:28px;height:28px;width:28px;left:1px;top:2px;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;background-color:#5198db}: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;margin-top:5px;height:14px;box-shadow:none}.switch--material__input{position:absolute;right:0;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;width:100%;height:100%;margin:0;-moz-appearance:none;appearance:none;z-index:0}.switch--material__handle{background-color:#f1f1f1;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;box-shadow:none}.button--material,:checked+.switch--material__toggle>.switch--material__handle{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)}:checked+.switch--material__toggle>.switch--material__handle{left:16px;background-color:#009688}:disabled+.switch--material__toggle{opacity:.3;cursor:default;pointer-events:none}.switch--material__handle:before{background:0 0;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{box-shadow:0 0 0 14px rgba(0,150,136,.2)}.switch--material__touch{position:absolute;top:-10px;bottom:-10px;left:-15px;right:-15px}.range,.range__input{height:30px;position:relative;padding:0;margin:0}.range{display:inline-block;width:100px;background-image:linear-gradient(#a4aab3,#a4aab3);background-position:left center;background-size:100% 2px;background-repeat:no-repeat;background-color:transparent}.range__input{box-sizing:border-box;font:inherit;color:inherit;background:left center no-repeat;border:none;line-height:1;-moz-appearance:none;appearance:none;background-image:linear-gradient(rgba(24,103,194,.81),rgba(24,103,194,.81));background-size:0 2px;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;height:0;border-radius:50%}.range__input::-webkit-slider-thumb{cursor:pointer;position:relative;height:28px;width:28px;background-color:#fff;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__focus-ring,.segment__input{outline:0;-moz-appearance:none;top:0}.range__input::-moz-range-thumb{cursor:pointer;position:relative;height:28px;width:28px;background-color:#fff;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;width:28px;background-color:#fff;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)}.range__input::-ms-tooltip{display:none}.range__input:disabled{opacity:1;pointer-events:none}.range__focus-ring{pointer-events:none;left:0;display:none;box-sizing:border-box;padding:0;margin:0;font:inherit;color:inherit;border:none;vertical-align:top;line-height:1;-webkit-appearance:none;appearance:none;background:0 0;height:30px;position:absolute;z-index:0;width:100%}.notification,.toolbar__item{box-sizing:border-box;font:inherit}.range--disabled{opacity:.3;cursor:default;pointer-events:none}.range--material{position:relative;background-image:linear-gradient(#bdbdbd,#bdbdbd)}.range--material__input{background-image:linear-gradient(#009688,#009688);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;height:14px;border:none;box-shadow:0 0 0 9px #009688;background-color:#009688;border-radius:50%;opacity:0;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;height:32px;border-radius:0;box-shadow:none;background-image:radial-gradient(circle farthest-corner,#009688 0,#009688 6.6px,transparent 7px);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 6.4px,transparent 7px)}.range--material__input[_zero]+.range--material__focus-ring::-webkit-slider-thumb{box-shadow:0 0 0 9px #bdbdbd}.bottom-bar,.toolbar{-moz-osx-font-smoothing:grayscale;word-spacing:0;cursor:default;box-shadow:none;border-bottom:none;z-index:2}.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;height:32px;border-radius:0;background-color:transparent;background-image:-moz-radial-gradient(circle farthest-corner,#009688 0,#009688 6.6px,transparent 7px);box-shadow:none}.range--material__input.range__input--active::-webkit-slider-thumb,.range--material__input:active::-webkit-slider-thumb{-webkit-transform:scale(1.5);transform:scale(1.5);transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.button,.button:active,.button:hover{transition:none}.range--disabled.range--material{opacity:1}.range--disabled>.range--material__input{background-image:none}.range--material__input:disabled::-webkit-slider-thumb{background-image:radial-gradient(circle farthest-corner,#b0b0b0 0,#b0b0b0 4px,#eee 4.4px,#eee 7.6px,transparent 7.6px);transition:none}.range--material__input:disabled::-moz-range-thumb{background-image:-moz-radial-gradient(circle farthest-corner,#b0b0b0 0,#b0b0b0 4px,#eee 4.4px,#eee 7.6px,transparent 7.6px);transition:none}.notification{position:relative;display:inline-block;vertical-align:top;background:#dc5236;border:none;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-moz-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;margin:0;padding:0 4px;width:auto;height:19px;border-radius:19px;color:#fff;text-align:center;font-size:16px;min-width:19px;line-height:19px;font-weight:400}.notification--material,.toolbar{-webkit-font-smoothing:antialiased}.toolbar,.toolbar__item{padding:0;margin:0;border:none;height:44px}.notification:empty{display:none}.bottom-bar--aligned,.toolbar{display:-webkit-box;display:-webkit-flex}.notification--material{font-family:Roboto,Noto,sans-serif;background-color:#e91e63;font-size:16px;font-weight:500;color:#fff}.toolbar{font:inherit;line-height:normal;-moz-user-select:none;user-select:none;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;background:bottom no-repeat #fff;color:#1f1f21;font-weight:400;width:100%;white-space:nowrap;background-size:100% 1px;background-image:linear-gradient(0deg,#bbb,#bbb 100%)}.bottom-bar,.button{-ms-user-select:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.toolbar{background-image:linear-gradient(0deg,#bbb,#bbb 50%,transparent 50%)}}.toolbar__bg{background:#fff}.toolbar__item{color:inherit;background:0 0;line-height:normal;overflow:visible;display:block;vertical-align:middle}.toolbar__left,.toolbar__right{padding:0;margin:0;font:inherit;color:inherit;max-width:50%;width:27%;box-sizing:border-box;background:0 0;border:none}.toolbar__left{text-align:left;line-height:44px}.toolbar__right{text-align:right;line-height:44px}.bottom-bar,.toolbar__center,.toolbar__title{margin:0;color:#1f1f21;padding:0}.toolbar__center{box-sizing:border-box;font:inherit;background:0 0;border:none;width:46%;text-align:center;line-height:44px;font-size:17px;font-weight:500}.toolbar__title{line-height:44px;font-size:17px;font-weight:500;overflow:visible}.toolbar__center:first-child:last-child{width:100%}.bottom-bar{-webkit-font-smoothing:antialiased;white-space:nowrap;overflow:hidden;font:inherit;border:none;line-height:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block;height:44px;background:top no-repeat #fff;font-weight:400;position:absolute;right:0;left:0;border-top:none;background-size:100% 1px;background-image:linear-gradient(180deg,#bbb,#bbb 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%)}}.bottom-bar__line-height{line-height:44px;padding-bottom:0;padding-top:0}.bottom-bar--aligned{display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;line-height:44px}.toolbar--material__center,.toolbar--material__left,.toolbar--material__right{font-family:Roboto,Noto,sans-serif;font-size:20px;font-weight:500;height:56px;width:auto;line-height:56px;color:#fff;-webkit-font-smoothing:antialiased}.bottom-bar--transparent{background-color:transparent;background-image:none;border:none}.toolbar--material{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;height:56px;border-bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.3);padding:0;background-color:#009688;background-size:0}.toolbar--noshadow,.toolbar--transparent{background-image:none;border-bottom:none}.toolbar--noshadow{box-shadow:none}.toolbar--material__left,.toolbar--material__right{min-width:72px}.toolbar--material__center{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;text-align:left}.toolbar--material__center:first-child{margin-left:16px}.toolbar--material__center:last-child{margin-right:16px}.button,.button--quiet{position:relative;box-sizing:border-box;margin:0;font:inherit;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;-moz-user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:auto;text-decoration:none;display:inline-block;padding:4px 10px}.toolbar--material__left:empty,.toolbar--material__right:empty{min-width:16px}.toolbar--transparent{background-color:transparent;box-shadow:none}.button,.button--material{border:0 solid currentColor}.button{background:0 0;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;user-select:none;font-size:17px;line-height:32px;letter-spacing:0;color:#fff;vertical-align:middle;background-color:rgba(24,103,194,.81);border-radius:3px}.button--outline,.button--outline:active,.button--outline:hover{border:1px solid rgba(24,103,194,.81)}.button:active{background-color:rgba(24,103,194,.81);opacity:.2}.button:focus{outline:0}.button:disabled,.button[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--outline{background-color:transparent;color:rgba(24,103,194,.81)}.button--outline:active{background-color:rgba(186,209,237,.81);color:rgba(24,103,194,.81);opacity:1}.button--outline:hover{transition:0}.button--light,.button--light:active{color:rgba(0,0,0,.4);border:1px solid rgba(0,0,0,.2)}.button--light{background-color:transparent}.button--light:active{background-color:rgba(0,0,0,.05);opacity:1}.button--quiet{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;-ms-user-select:none;user-select:none;font-size:17px;line-height:32px;letter-spacing:0;color:#fff;vertical-align:middle;border-radius:3px;transition:none;box-shadow:none;background:0 0;color:rgba(24,103,194,.81);border:none}.button--cta,.button--large--quiet{font:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;box-sizing:border-box;margin:0;-moz-osx-font-smoothing:grayscale;cursor:default;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:auto;text-decoration:none;letter-spacing:0;vertical-align:middle;transition:none}.button--quiet:disabled,.button--quiet[disabled]{opacity:.3;cursor:default;pointer-events:none;border:none}.button--quiet:hover{transition:none}.button--quiet:focus{outline:0}.button--quiet:active{background-color:transparent;border:none;transition:none;opacity:.2;color:rgba(24,103,194,.81)}.button--cta{display:inline-block;background:#25a6d9;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;user-select:none;padding:4px 10px;font-size:17px;line-height:32px;border-radius:3px;border:none;color:#fff}.button--large,.button--large--cta,.button--large--quiet{padding:4px 12px;width:100%;text-align:center;display:block}.button--cta:hover{transition:none}.button--cta:focus{outline:0}.button--cta:active{color:#fff;background-color:#25a6d9;transition:none;opacity:.2}.button--cta:disabled,.button--cta[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--large{font-size:17px;font-weight:500;line-height:36px}.button--large:active{background-color:rgba(24,103,194,.81);opacity:.2;transition:none}.button--large:disabled,.button--large[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--large:hover{transition:none}.button--large:focus{outline:0}.button--large--quiet{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;user-select:none;color:#fff;border-radius:3px;font-size:17px;font-weight:500;line-height:36px;background:0 0;border:1px solid transparent;box-shadow:none;color:rgba(24,103,194,.81)}.button--large--cta,.button--material{font:inherit;-webkit-user-select:none;-moz-user-select:none}.button--large--quiet:active{transition:none;opacity:.2;color:rgba(24,103,194,.81);background:0 0;border:1px solid transparent;box-shadow:none}.button--large--quiet:disabled,.button--large--quiet[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--large--quiet:hover{transition:none}.button--large--quiet:focus{outline:0}.button--large--cta{position:relative;box-sizing:border-box;margin:0;background:#25a6d9;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-ms-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:auto;text-decoration:none;letter-spacing:0;vertical-align:middle;border-radius:3px;transition:none;border:none;color:#fff;font-size:17px;font-weight:500;line-height:36px}.button--material,.button--material--flat{display:inline-block;box-sizing:border-box;cursor:default;-ms-user-select:none;height:auto;vertical-align:middle;min-height:36px;padding:0 16px;-moz-osx-font-smoothing:grayscale;margin:0;position:relative;text-align:center;overflow:hidden;letter-spacing:0;text-transform:uppercase;text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.button--large--cta:hover{transition:none}.button--large--cta:focus{outline:0}.button--large--cta:active{color:#fff;background-color:#25a6d9;transition:none;opacity:.2}.button--material,.button--material:active,.button--material:hover{transition:all .25s linear}.button--large--cta:disabled,.button--large--cta[disabled]{opacity:.3;cursor:default;pointer-events:none}.button--material{background:#009688;user-select:none;border-radius:3px;font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;line-height:36px;font-size:14px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);color:#fff;font-weight:500;opacity:1}.button--material--flat,.select-input--material,.text-input--material{-webkit-transform:translate3d(0,0,0)}.button--material:active{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.4);background-color:#009688;opacity:.9}.button--material:focus{outline:0}.button--material:disabled,.button--material[disabled]{transition:none;box-shadow:none;background-color:rgba(79,79,79,.26);color:rgba(0,0,0,.26);opacity:1}.button--material--flat,.button--material--flat:hover{transition:all .25s linear}.button--material--flat{font:inherit;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0 solid currentColor;border-radius:3px;font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;line-height:36px;font-size:14px;transform:translate3d(0,0,0);font-weight:500;box-shadow:none;color:#009688}.checkbox,.tabbar__button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.button--material--flat:focus{box-shadow:none;background-color:transparent;color:#009688;outline:0;opacity:1;border:none}.button--material--flat:active{box-shadow:none;outline:0;opacity:1;border:none;background-color:rgba(153,153,153,.2);color:#009688;transition:all .25s linear}.button--material--flat:disabled,.button--material--flat[disabled]{transition:none;opacity:1;box-shadow:none;background-color:transparent;color:rgba(0,0,0,.26)}.button-bar__button:disabled,.segment__item:disabled,.tabbar__button:disabled{opacity:.3;cursor:default;pointer-events:none}.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;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:stretch;-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__button,.button-bar__item{border-radius:0;width:100%;padding: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;box-sizing:border-box}.button-bar__item{margin:0;position:relative;overflow:hidden}.button-bar__button{background-color:transparent;color:rgba(18,114,224,.77);border:1px solid rgba(18,114,224,.77);font-size:13px;height:27px;line-height:27px;transition:background-color .2s linear,color .2s linear;border-width:1px 1px 1px 0}.button-bar__button:hover{transition:none}.button-bar__button:focus{outline:0}:checked+.button-bar__button{background-color:rgba(18,114,224,.77);color:#fff;transition:none}.button-bar__button:active,:active+.button-bar__button{background-color:rgba(184,213,246,.77);border:0 solid rgba(18,114,224,.77);border-top:1px solid rgba(18,114,224,.77);border-bottom:1px solid rgba(18,114,224,.77);border-right:1px solid rgba(18,114,224,.77);font-size:13px;width:100%;transition:none}.segment__button,.segment__input,.segment__item{background-color:transparent}.button-bar__item:first-child>.button-bar__button{border-left-width:1px;border-radius:4px 0 0 4px}.button-bar__item:last-child>.button-bar__button{border-right-width:1px;border-radius:0 4px 4px 0}.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;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:stretch;-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;border-radius:0;width:100%;padding:0;margin:0;position:relative;overflow:hidden;box-sizing:border-box;display:block;border:none}.segment__input,.tabbar{position:absolute;margin:0;padding:0;width:100%;bottom:0;left:0}.segment__input{right:0;border:0;z-index:1;vertical-align:top;height:100%;-webkit-appearance:none;appearance:none}.checkbox--noborder__input,.checkbox__input,.checkbox__input:checked,.tabbar__item>input{-webkit-appearance:none;-moz-appearance:none;outline:0;right:0}.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;color:rgba(18,114,224,.77);border:1px solid rgba(18,114,224,.77);font-weight:400;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;border-width:1px 1px 1px 0}.segment__button:hover,:active+.segment--material__button,:active+.segment__button{transition:none}.segment__button:focus{outline:0}:active+.segment__button{background-color:rgba(184,213,246,.77);border:0 solid rgba(18,114,224,.77);border-top:1px solid rgba(18,114,224,.77);border-bottom:1px solid rgba(18,114,224,.77);border-right:1px solid rgba(18,114,224,.77);font-size:13px;width:100%}:checked+.segment__button{background-color:rgba(18,114,224,.77);color:#fff;transition:none}.segment--material__button,:active+.segment--material__button{background-color:#fafafa;font-size:14px;color:rgba(0,0,0,.38)}.segment__item:first-child>.segment__button{border-left-width:1px;border-radius:4px 0 0 4px}.segment__item:last-child>.segment__button{border-right-width:1px;border-radius:0 4px 4px 0}.segment--material__button,.segment--material__item:first-child>.segment--material__button,.segment--material__item:last-child>.segment--material__button,:active+.segment--material__button{border-width:0;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{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;height:32px;line-height:32px}.tabbar,.tabbar__item{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:checked+.segment--material__button{background-color:#c8c8c8;color:#353535;border-radius:0;border-width:0}.tabbar{display:-webkit-box;display:-webkit-flex;display:flex;right:0;white-space:nowrap;height:49px;background-color:#fff;border-top:1px solid #ccc}@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%)}}.tabbar__item{position:relative;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;width:auto;border-radius:0}.tabbar__button,.tabbar__item>input{vertical-align:top;width:100%;margin:0;padding:0}.tabbar__item>input{position:absolute;top:0;left:0;bottom:0;border:0;background-color:transparent;z-index:1;height:100%;appearance:none}.tabbar__button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font:inherit;background:0 0;border:none;cursor:default;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;display:inline-block;text-decoration:none;height:49px;letter-spacing:0;color:#999;border-top:none;font-weight:400;line-height:49px}.tabbar__icon{font-size:24px;padding:0;margin:0;line-height:26px;display:block!important;height:28px}.tabbar__label{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;display:inline-block}.tabbar--material__button,.tabbar--material__label,.tabbar--material__label:first-child{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased}.tabbar__badge.notification{vertical-align:text-bottom;top:-1px;margin-left:5px;z-index:10;font-size:12px;height:16px;min-width:16px;line-height:16px;border-radius:8px}.tabbar__icon~.tabbar__badge.notification{position:absolute;top:5px;margin-left:0}.tabbar__icon+.tabbar__label{display:block;font-size:10px;line-height:1;margin:0;font-weight:400}.tabbar__label:first-child{font-size:16px;line-height:49px;margin:0;padding:0}:checked+.tabbar__button{color:rgba(24,103,194,.81);background-color:transparent;box-shadow:none;border-top:none}.tabbar__button:focus{z-index:1;border-top:none;box-shadow:none;outline:0}.tabbar__content{position:absolute;top:0;left:0;right:0;bottom:49px;z-index:0}.tabbar--autogrow .tabbar__item{-webkit-flex-basis:auto;flex-basis:auto}.tabbar--top{position:relative;top:0;left:0;right:0;bottom:auto;border-top:none;border-bottom:1px solid #ccc}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.tabbar__button{border-top:none}.tabbar--top{border-bottom:none;background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%)}}.tabbar--top__content{top:49px;left:0;right:0;bottom:0;z-index:0}.tabbar--top-border__button{background-color:transparent;border-bottom:4px solid transparent}:checked+.tabbar--top-border__button{background-color:transparent;border-bottom:4px solid rgba(24,103,194,.81)}.tabbar__border{position:absolute;bottom:0;left:0;width:0;height:4px;background-color:rgba(24,103,194,.81)}.tabbar--material{background:#009688;border-bottom-width:0;box-shadow:0 4px 2px -2px rgba(0,0,0,.14),0 3px 5px -2px rgba(0,0,0,.12),0 5px 1px -4px rgba(0,0,0,.2)}.tabbar--material__button{background-color:transparent;color:rgba(255,255,255,.6);text-transform:uppercase;font-size:14px;font-weight:400}.tabbar--material__button:after{display:block;width:0;height:2px;bottom:0;position:absolute;margin-top:-2px;background-color:#fff}:checked+.tabbar--material__button:after{width:100%;transition:width .2s ease-in-out}:checked+.tabbar--material__button{background-color:transparent;color:#fff}.tabbar--material__item:not([ripple]):active{background-color:#26a69a}.tabbar--material__border{height:2px;background-color:#fff}.back-button,.toolbar-button,.toolbar-button:active{background-color:rgba(0,0,0,0)}.tabbar--material__icon{font-size:22px!important;line-height:36px}.back-button,.back-button__label{display:inline-block;line-height:44px}.tabbar--material__label{font-weight:400}.tabbar--material__label:first-child{letter-spacing:.015em;font-weight:500;font-size:14px}.tabbar--material__icon+.tabbar--material__label{font-size:10px}.toolbar-button{font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:4px 10px;letter-spacing:0;color:rgba(38,100,171,.81);border-radius:2px;border:1px solid transparent;font-weight:400;font-size:17px;transition:none}.toolbar-button:active{transition:none;opacity:.2}.toolbar-button:disabled,.toolbar-button[disabled]{opacity:.3;cursor:default;pointer-events:none}.toolbar-button:focus{outline:0;transition:none}.toolbar-button:hover{transition:none}.toolbar-button--outline{border:1px solid rgba(38,100,171,.81);margin:auto 8px;padding-left:6px;padding-right:6px}.toolbar-button--material{font-size:22px;color:#fff;display:inline-block;padding:0 12px;height:100%;margin:0;border:none;border-radius:0;vertical-align:baseline;vertical-align:initial;transition:background-color .25s linear}.toolbar-button--material:first-of-type{margin-left:4px}.toolbar-button--material:last-of-type{margin-right:4px}.toolbar-button--material:active{opacity:1;transition:background-color .25s linear}.back-button{height:44px;padding-left:8px;color:rgba(38,100,171,.81)}.back-button:active{opacity:.2}.back-button__label{height:100%;vertical-align:top;font-size:17px;font-weight:500}.back-button__icon{margin-right:6px;display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;fill:rgba(38,100,171,.81);-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.back-button--material{font-size:22px;color:#fff;display:inline-block;padding:0 12px;height:100%;margin:0 0 0 4px;border:none;border-radius:0;vertical-align:baseline;vertical-align:initial;line-height:56px}.back-button--material__label{display:none;font-size:20px}.back-button--material__icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;fill:#fff;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:100%}.back-button--material:active{opacity:1}.checkbox{position:relative;display:inline-block;vertical-align:top;cursor:default;user-select:none;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:22px}.checkbox--noborder,.checkbox__checkmark{cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-moz-osx-font-smoothing:grayscale;display:inline-block;vertical-align:top;-webkit-font-smoothing:antialiased;font-weight:400}.checkbox__checkmark{box-sizing:border-box;background-clip:padding-box;user-select:none;position:relative;height:22px;width:22px;pointer-events:none}.checkbox__input,.checkbox__input:checked{position:absolute;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;z-index:1;vertical-align:top;width:100%;height:100%;margin:0;appearance:none}.checkbox__checkmark:after,.checkbox__checkmark:before{position:absolute;background:0 0;content:''}.checkbox__checkmark:before{box-sizing:border-box;width:22px;height:22px;border:1px solid #c7c7cd;border-radius:22px;left:0}.checkbox__checkmark:after{top:7px;left:5px;width:11px;height:5px;border:2px solid #fff;border-width:1px;border-top:none;border-right:none;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}:checked+.checkbox__checkmark:before{background:rgba(24,103,194,.81);border:none}:checked+.checkbox__checkmark:after{opacity:1}:disabled+.checkbox__checkmark{opacity:.3;cursor:default;pointer-events:none}:disabled:active+.checkbox__checkmark:before{background:0 0}.checkbox--noborder{user-select:none;line-height:22px;position:relative}.checkbox--noborder__checkmark,.radio-button{cursor:default;-webkit-user-select:none;-ms-user-select:none}.checkbox--noborder__input{position:absolute;top:0;left:0;bottom:0;padding:0;border:0;background-color:transparent;z-index:1;vertical-align:top;width:100%;height:100%;margin:0;appearance:none}.radio-button__input,.textarea{-webkit-appearance:none;-moz-appearance:none}.checkbox--noborder__checkmark{position:relative;display:inline-block;vertical-align:top;-moz-user-select:none;user-select:none;box-sizing:border-box;width:22px;height:22px;background:0 0;border:none}.checkbox--noborder__checkmark:before{content:'';position:absolute;width:22px;height:22px;background:0 0;border:none;border-radius:22px;left:0}.checkbox--noborder__checkmark:after{content:'';position:absolute;top:7px;left:4px;opacity:0;width:11px;height:4px;background:0 0;border:2px solid rgba(24,103,194,.81);border-top:none;border-right:none;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:checked+.checkbox--noborder__checkmark:before{background:0 0;border:none}:checked+.checkbox--noborder__checkmark:after{opacity:1}:focus+.checkbox--noborder__checkmark:before{border:none}:disabled+.checkbox--noborder__checkmark{opacity:.3;cursor:default;pointer-events:none}:disabled:active+.checkbox--noborder__checkmark:before{background:0 0;border:none}.checkbox--material{line-height:18px;font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;overflow:visible}.checkbox--material__checkmark{width:18px;height:18px}.checkbox--material__checkmark:before{border-radius:2px;height:18px;width:18px;border:2px solid #717171;transition:background-color .1s linear .2s,border-color .1s linear .2s;background-color:transparent}:checked+.checkbox--material__checkmark:before{border:2px solid #009688;background-color:#009688;transition:background-color .1s linear,border-color .1s linear}.checkbox--material__checkmark:after{border-color:#fff;transition:-webkit-transform .2s ease 0;transition:transform .2s ease 0;transition:transform .2s ease 0,-webkit-transform .2s ease 0;width:10px;height:5px;top:4px;left:3px;-webkit-transform:scale(0) rotate(-45deg);transform:scale(0) rotate(-45deg);border-width:2px}:checked+.checkbox--material__checkmark:after{transition:-webkit-transform .2s ease .2s;transition:transform .2s ease .2s;transition:transform .2s ease .2s,-webkit-transform .2s ease .2s;width:10px;height:5px;top:4px;left:3px;-webkit-transform:scale(1) rotate(-45deg);transform:scale(1) rotate(-45deg);border-width:2px}.checkbox--material__input:before{content:'';opacity:0;position:absolute;top:0;left:0;width:18px;height:18px;box-shadow:0 0 0 11px #717171;box-sizing:border-box;border-radius:50%;background-color:#717171;pointer-events:none;display:block;-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);transition:opacity .25s ease-out,-webkit-transform .1s ease-out;transition:opacity .25s ease-out,transform .1s ease-out;transition:opacity .25s ease-out,transform .1s ease-out,-webkit-transform .1s ease-out}.radio-button,.radio-button__checkmark{display:inline-block;-moz-user-select:none;vertical-align:top}.checkbox--material__input:checked:before{box-shadow:0 0 0 11px #009688;background-color:#009688}.checkbox--material__input:active:before{opacity:.15;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}:disabled+.checkbox--material__checkmark{opacity:1}:disabled+.checkbox--material__checkmark:before{border-color:#afafaf}:disabled:checked+.checkbox--material__checkmark:before{background-color:#afafaf}:disabled:checked+.checkbox--material__checkmark:after{border-color:#fff}.radio-button__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;appearance:none}.radio-button__input:active,.radio-button__input:focus{outline:0;-webkit-tap-highlight-color:transparent}.radio-button{user-select:none;position:relative;line-height:24px;text-align:left}.list,.radio-button__checkmark{cursor:default;-webkit-user-select:none;-ms-user-select:none;-moz-osx-font-smoothing:grayscale}.radio-button__checkmark:before{content:'';position:absolute;box-sizing:border-box;width:22px;height:22px;background:0 0;border:none;border-radius:22px;left:0}.radio-button__checkmark{box-sizing:border-box;user-select:none;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;position:relative;width:24px;height:24px;background:0 0;pointer-events:none}.dialog,.list,.list-title{-moz-user-select:none}.radio-button__checkmark:after{content:'';position:absolute;top:7px;left:4px;opacity:0;width:11px;height:4px;background:0 0;border:2px solid rgba(24,103,194,.81);border-top:none;border-right:none;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:checked+.radio-button__checkmark{background:rgba(0,0,0,0)}:checked+.radio-button__checkmark:after{opacity:1}:checked+.radio-button__checkmark:before{background:0 0;border:none}:disabled+.radio-button__checkmark{opacity:.3;cursor:default;pointer-events:none}.radio-button--material{line-height:22px;font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400}.radio-button--material__input:before{content:'';position:absolute;top:0;left:0;opacity:0;width:20px;height:20px;box-shadow:0 0 0 14px #717171;border:none;box-sizing:border-box;border-radius:50%;background-color:#717171;pointer-events:none;display:block;-webkit-transform:scale3d(.2,.2,.2);transform:scale3d(.2,.2,.2);transition:opacity .25s ease-out,-webkit-transform .1s ease-out;transition:opacity .25s ease-out,transform .1s ease-out;transition:opacity .25s ease-out,transform .1s ease-out,-webkit-transform .1s ease-out}.radio-button--material__input:checked:before{box-shadow:0 0 0 14px #009688;background-color:#009688}.radio-button--material__input:active:before{opacity:.15;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.radio-button--material__checkmark{width:20px;height:20px;overflow:visible}.radio-button--material__checkmark:before{background:0 0;border:2px solid #717171;box-sizing:border-box;border-radius:50%;width:20px;height:20px;transition:border .2s ease}.radio-button--material__checkmark:after{transition:background .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease;transition:background .2s ease,transform .2s ease,-webkit-transform .2s ease;top:5px;left:5px;width:10px;height:10px;border:none;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}:checked+.radio-button--material__checkmark:before{background:0 0;border:2px solid #009688}.radio-button--material__input+.radio-button__checkmark:after{background:#717171;opacity:1;-webkit-transform:scale(0);transform:scale(0)}:checked+.radio-button--material__checkmark:after{opacity:1;background:#009688;-webkit-transform:scale(1);transform:scale(1)}:disabled+.radio-button--material__checkmark{opacity:1}:disabled+.radio-button--material__checkmark:after{background-color:#afafaf;border-color:#afafaf}:disabled+.radio-button--material__checkmark:before{border-color:#afafaf}.list{padding:0;margin:0;font:inherit;color:inherit;background:bottom no-repeat,top no-repeat #fff;line-height:normal;user-select:none;font-family:-apple-system,'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;list-style-type:none;text-align:left;display:block;-webkit-overflow-scrolling:touch;overflow:hidden;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-size:100% 1px,100% 1px;border:none}.list-header,.list-item{list-style:none;color:#1f1f21;position:relative}.list-item--expandable,.list-item__center,.list-item__right{background-position:bottom;border-bottom:none}.dialog,.list-title{-ms-user-select:none;cursor:default;-webkit-user-select:none;text-align:left}.list-item,.list-item__top{display:-webkit-box;display:-webkit-flex;-webkit-box-orient:horizontal;width:100%;-webkit-box-direction:normal}.list-header,.list-item--expandable,.list-item__center,.list-item__right{background-size:100% 1px;background-repeat:no-repeat}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list{background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%),linear-gradient(180deg,#ccc,#ccc 50%,transparent 50%)}}.list-item{box-sizing:border-box;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 0 0 14px;margin:0 0 -1px;transition:background-color .2s linear}.list-item__top{display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-ordinal-group:1;-webkit-order:0;order:0}.list-item--expandable{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-image:linear-gradient(0deg,#ccc,#ccc 100%);background-position-x:14px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list-item--expandable{background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%)}}.list-item__expandable-content{display:none;width:100%;padding:12px 14px 12px 0;box-sizing:border-box;-webkit-box-ordinal-group:2;-webkit-order:1;order:1;overflow:hidden}.list-item.expanded>.list-item__expandable-content{display:block;height:auto}.list-item__center,.list-item__left{display:-webkit-box;display:-webkit-flex;-webkit-align-self:stretch;line-height:1.2em;min-height:44px;box-sizing:border-box}.list-item__left{display:flex;padding:12px 14px 12px 0;-webkit-box-ordinal-group:1;-webkit-order:0;order:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;align-self:stretch}.list-item__left:empty{width:0;min-width:0;padding:0;margin:0}.list-item__center{display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-ordinal-group:2;-webkit-order:1;order:1;margin-right:auto;-webkit-box-align:center;-webkit-align-items:center;align-items:center;align-self:stretch;margin-left:0;background-image:linear-gradient(0deg,#ccc,#ccc 100%);padding:12px 6px 12px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list-item__center{background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%)}}.list-item__right{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;margin-left:auto;padding:12px 12px 12px 0;-webkit-box-ordinal-group:3;-webkit-order:2;order:2;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-align-self:stretch;align-self:stretch;background-image:linear-gradient(0deg,#ccc,#ccc 100%);line-height:1.2em;min-height:44px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list-item__right{background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%)}}.list-header{margin:0;text-align:left;display:block;box-sizing:border-box;padding:0 0 0 15px;font-size:12px;font-weight:500;min-height:24px;line-height:25px;text-transform:uppercase;background-color:#eee;background-position:top;background-image:linear-gradient(0deg,#ccc,#ccc 100%)}.list-item--material.list-item--expandable,.list-item--material__center,.list-item--material__left:empty,.list-item--material__right{background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list-header{background-image:linear-gradient(180deg,#ccc,#ccc 50%,transparent 50%)}}.list--noborder{border-top:none;border-bottom:none;background-image:none}.list-item--tappable:active{transition:none;background-color:#d9d9d9}.list--inset{margin:0 8px;border:1px solid #ccc;border-radius:4px;background-image:none}.list-item__label{font-size:14px;padding:0 4px;opacity:.6}.list-item__title{-webkit-flex-basis:100%;flex-basis:100%;-webkit-align-self:flex-end;align-self:flex-end;-webkit-box-ordinal-group:1;-webkit-order:0;order:0}.list-item__subtitle{opacity:.75;font-size:14px;-webkit-box-ordinal-group:2;-webkit-order:1;order:1;-webkit-flex-basis:100%;flex-basis:100%;-webkit-align-self:flex-start;align-self:flex-start}.list-item__thumbnail{width:40px;height:40px;border-radius:6px;display:block;margin:0}.list-item__icon{font-size:22px;padding:0 6px}.list--material{font-family:Roboto,Noto,sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;background-image:none;background-color:#fff}.list-item--material{border:0;padding:0 0 0 16px;line-height:normal}.list-item--material__subtitle{margin-top:4px}.list-item--material:first-child{box-shadow:none}.list-item--material__left{padding:14px 0;min-width:56px;line-height:1;min-height:48px}.list-item--material__center,.list-item--material__left:empty{padding:14px 6px 14px 0;border-color:#eee;border-bottom:none;background-image:linear-gradient(0deg,#eee,#eee 100%);min-height:48px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){.list-item--material__center,.list-item--material__left:empty{background-image:linear-gradient(0deg,#eee,#eee 50%,transparent 50%)}}.list-item--material__right{padding:14px 16px 14px 0;line-height:1;border-color:#eee;border-bottom:none;background-image:linear-gradient(0deg,#eee,#eee 100%