/*! * 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:#efeff4;
    position:absolute
}
.page,.switch__input,body{
    position:absolute
}
.page,.page--material,.page--material__content{
    font-weight:400
}
.switch,.switch__input{
    vertical-align:top;
    z-index:0
}
.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
}
:disabled+.switch--material__toggle,:disabled+.switch__toggle{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.switch--material__handle:before,.switch__handle,.tabbar--material__button:after{
    content:''
}
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;
    -moz-osx-font-smoothing:grayscale
}
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:'GoogleSans';
    -moz-osx-font-smoothing:grayscale;
    overflow-x:visible;
    overflow-y:hidden;
    color:#111;
    -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:'GoogleSans';
    -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:'GoogleSans';
    -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:26px;
    font-weight: bold;
}
.page--material__content h3{
    font-size:20px;
    font-weight:bold;
    margin: 20px 0;
    display: inline-block;
}
.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 #44db5e;
    background-color:#44db5e
}
:checked+.switch__toggle>.switch__handle{
    left:21px;
    box-shadow:0 3px 2px rgba(0,0,0,.25)
}
.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:rgba(55,71,79,.5);
    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:#37474f
}
.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(55,71,79,.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(#0076ff,#0076ff);
    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{
    -moz-appearance:none;
    top:0;
    outline: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:#0076ff
}
.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(#31313a,#31313a);
    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 #31313a;
    background-color:#31313a;
    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,#31313a 0,#31313a 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{
    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,#31313a 0,#31313a 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:#ea1d2c;
    border:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    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:'GoogleSans';
    background-color:#e91e63;
    font-size:16px;
    font-weight:500;
    color:#fff
}
.toolbar{
    word-spacing:0;
    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 #fafafa;
    color:#111;
    font-weight:400;
    width:100%;
    white-space:nowrap;
    background-size:100% 1px;
    background-image:linear-gradient(0deg,#b2b2b2,#b2b2b2 100%)
}
.bottom-bar,.button{
    -moz-user-select:none
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .toolbar{
        background-image:linear-gradient(0deg,#b2b2b2,#b2b2b2 50%,transparent 50%)
    }
}
.toolbar__bg{
    background:#fafafa
}
.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:#111;
    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;
    -moz-osx-font-smoothing:grayscale;
    white-space:nowrap;
    overflow:hidden;
    word-spacing:0;
    font:inherit;
    border:none;
    line-height:normal;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    display:block;
    height:44px;
    background:top no-repeat #fafafa;
    font-weight:400;
    position:absolute;
    right:0;
    left:0;
    border-top:none;
    background-size:100% 1px;
    background-image:linear-gradient(180deg,#b2b2b2,#b2b2b2 100%)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .bottom-bar{
        background-image:linear-gradient(180deg,#b2b2b2,#b2b2b2 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:'GoogleSans';
    font-size:20px;
    font-weight:500;
    color:#31313a;
    width:auto;
    line-height:56px;
    -webkit-font-smoothing:antialiased;
    height:56px
}
.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;
    padding:0;
    background-color:#fff;
    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;
    -webkit-user-select:none;
    -ms-user-select:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    height:auto;
    text-decoration:none;
    letter-spacing:0;
    vertical-align:middle;
    cursor:default
}
.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{
    display:inline-block;
    background:#0076ff;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    user-select:none;
    padding:4px 10px;
    font-size:17px;
    line-height:32px;
    color:#fff;
    border-radius:3px
}
.button::-moz-focus-inner{
    outline:0
}
.button:active{
    background-color:#0076ff;
    opacity:.2
}
.button:focus{
    outline:0
}
.button:disabled,.button[disabled]{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.button--outline{
    background-color:transparent;
    border:1px solid #0076ff;
    color:#0076ff
}
.button--outline:active{
    background-color:#b3d6ff;
    border:1px solid #0076ff;
    color:#0076ff;
    opacity:1
}
.button--outline:hover{
    border:1px solid #0076ff;
    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--cta,.button--quiet{
    display:inline-block;
    padding:4px 10px;
    border-radius:3px;
    transition:none;
    -moz-user-select:none
}
.button--quiet{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    user-select:none;
    font-size:17px;
    line-height:32px;
    box-shadow:none;
    background:0 0;
    color:#0076ff;
    border:none
}
.button--cta,.button--large--quiet{
    -webkit-user-select:none;
    -ms-user-select: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:#0076ff
}
.button--cta,.button--large--cta{
    position:relative;
    box-sizing:border-box;
    margin:0;
    background:#25a6d9;
    -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
}
.button--cta{
    font:inherit;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    user-select:none;
    font-size:17px;
    line-height:32px;
    border:none;
    color:#fff
}
.button--large,.button--large--cta,.button--large--quiet{
    padding:4px 12px;
    width:100%;
    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;
    text-align:center
}
.button--large:active{
    background-color:#0076ff;
    opacity:.2;
    transition:none
}
.button--large--quiet,.button--large--quiet:active{
    color:#0076ff;
    background:0 0;
    box-shadow:none;
    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{
    position:relative;
    box-sizing:border-box;
    margin:0;
    font:inherit;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    cursor:default;
    -moz-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;
    font-size:17px;
    font-weight:500;
    line-height:36px;
    border:1px solid transparent;
    text-align:center
}
.button--large--cta,.button--material{
    -webkit-user-select:none;
    -moz-user-select:none
}
.button--large--quiet:active{
    opacity:.2;
    border:1px solid transparent
}
.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{
    font:inherit;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -ms-user-select:none;
    user-select:none;
    border-radius:3px;
    transition:none;
    border:none;
    color:#fff;
    font-size:17px;
    font-weight:500;
    line-height:36px;
    text-align:center
}
.button--material,.button--material--flat{
    box-sizing:border-box;
    cursor:default;
    -ms-user-select:none;
    height:auto;
    vertical-align:middle;
    padding:0 16px;
    -moz-osx-font-smoothing:grayscale;
    margin:0;
    position:relative;
    text-transform:uppercase;
    min-height:36px;
    text-align:center
}
.button--material,.button--material--flat,.tabbar__button{
    overflow:hidden;
    display:inline-block;
    letter-spacing:0;
    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{
    font:inherit;
    background:#2979ff;
    user-select:none;
    border-radius:3px;
    font-family:'GoogleSans';
    -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,.checkbox,.tabbar__button{
    -webkit-user-select:none
}
.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:#2979ff;
    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;
    -moz-user-select:none;
    user-select:none;
    border:0 solid currentColor;
    border-radius:3px;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    line-height:36px;
    font-size:14px;
    transform:translate3d(0,0,0);
    font-weight:500;
    box-shadow:none;
    color:#2979ff
}
.checkbox,.tabbar__button{
    -moz-user-select:none;
    -ms-user-select:none
}
.button--material--flat:focus{
    box-shadow:none;
    background-color:transparent;
    color:#2979ff;
    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:#2979ff;
    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:'GoogleSans';
    -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:'GoogleSans';
    -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:#0076ff;
    border:1px solid #0076ff;
    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:#0076ff;
    color:#fff;
    transition:none
}
.button-bar__button:active,:active+.button-bar__button{
    background-color:#b3d6ff;
    border:0 solid #0076ff;
    border-top:1px solid #0076ff;
    border-bottom:1px solid #0076ff;
    border-right:1px solid #0076ff;
    font-size:13px;
    width:100%;
    transition:none
}
.segment__button,.segment__input,.segment__item,.tabbar__item>input{
    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:'GoogleSans';
    -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:'GoogleSans';
    -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;
    width:100%;
    bottom:0;
    padding:0;
    left:0;
    right:0
}
.segment__input{
    border:0;
    z-index:1;
    vertical-align:top;
    height:100%;
    -webkit-appearance:none;
    appearance:none
}
.segment__button{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    border-radius:0;
    color:#0076ff;
    border:1px solid #0076ff;
    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:#b3d6ff;
    border:0 solid #0076ff;
    border-top:1px solid #0076ff;
    border-bottom:1px solid #0076ff;
    border-right:1px solid #0076ff;
    font-size:13px;
    width:100%
}
:checked+.segment__button{
    background-color:#0076ff;
    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:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    height:32px;
    line-height:32px
}
.tabbar,.tabbar__item{
    font-family:'GoogleSans';
    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;
    white-space:nowrap;
    height:49px;
    background-color:#fafafa;
    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
}
.tabbar__item>input{
    position:absolute;
    right:0;
    top:0;
    left:0;
    bottom:0;
    padding:0;
    border:0;
    z-index:1;
    outline:0;
    height:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    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;
    position:relative;
    padding:0;
    height:49px;
    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:'GoogleSans';
    -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:'GoogleSans';
    -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:3px;
    margin-left:3px;
}
.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:#0076ff;
    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 #0076ff
}
.tabbar__border{
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:4px;
    background-color:#0076ff
}
.tabbar--material{
    background:#fff;
    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:#31313a;
    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:#31313a
}
:checked+.tabbar--material__button:after{
    width:100%;
    transition:width .2s ease-in-out
}
:checked+.tabbar--material__button{
    background-color:transparent;
    color:#31313a
}
.tabbar--material__item:not([ripple]):active{
    background-color:rgba(49,49,58,.1)
}
.tabbar--material__border{
    height:2px;
    background-color:#31313a
}
.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:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:4px 10px;
    letter-spacing:0;
    color:#0076ff;
    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 #0076ff;
    margin:auto 8px;
    padding-left:6px;
    padding-right:6px
}
.toolbar-button--material{
    font-size:22px;
    color:#1e88e5;
    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:#0076ff
}
.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:#0076ff;
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
    height:100%
}
.back-button--material{
    font-size:22px;
    color:#1e88e5;
    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:#1e88e5;
    -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:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    line-height:22px
}
.checkbox--noborder,.checkbox__checkmark{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;
    vertical-align:top;
    cursor:default;
    font-family:'GoogleSans';
    font-weight:400;
    -webkit-font-smoothing:antialiased
}
.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;
    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;
    -moz-appearance:none;
    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:#0076ff;
    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__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;
    -moz-appearance:none;
    appearance:none
}
.checkbox--noborder__checkmark{
    position:relative;
    display:inline-block;
    vertical-align:top;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-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 #0076ff;
    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:'GoogleSans';
    -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 #37474f;
    background-color:#37474f;
    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;
    cursor:default;
    -moz-user-select:none;
    -ms-user-select:none;
    vertical-align:top
}
.checkbox--material__input:checked:before{
    box-shadow:0 0 0 11px #37474f;
    background-color:#37474f
}
.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;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.radio-button__input:active,.radio-button__input:focus{
    outline:0;
    -webkit-tap-highlight-color:transparent
}
.radio-button{
    -webkit-user-select:none;
    user-select:none;
    position:relative;
    line-height:24px;
    text-align:left
}
.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;
    -webkit-user-select:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    position:relative;
    width:24px;
    height:24px;
    background:0 0;
    pointer-events:none
}
.list,.list-title{
    -moz-user-select:none;
    -moz-osx-font-smoothing:grayscale
}
.dialog,.list,.list-title{
    cursor:default;
    -ms-user-select:none;
    text-align:left
}
.radio-button__checkmark:after{
    content:'';
    position:absolute;
    top:7px;
    left:4px;
    opacity:0;
    width:11px;
    height:4px;
    background:0 0;
    border:2px solid #0076ff;
    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:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400
}
.radio-button--material__input:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    width:18px;
    height:18px;
    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 #37474f;
    background-color:#37474f
}
.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:18px;
    height:18px;
    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:8px;
    height:8px;
    border:none;
    border-radius:50%;
    -webkit-transform:scale(0);
    transform:scale(0)
}
:checked+.radio-button--material__checkmark:before{
    background:0 0;
    border:2px solid #37474f
}
.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:#37474f;
    -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;
    -webkit-user-select:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    list-style-type:none;
    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:#111;
    position:relative
}
.list-item--expandable,.list-item__center,.list-item__right{
    background-position:bottom;
    border-bottom:none
}
.dialog,.dialog-mask,.list-title{
    -webkit-user-select:none
}
.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:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    background-image:none;
    background-color:#fff
    border-bottom: 0.5px solid #;
}
.list-item--material{
    border:0;
    padding:0 15px;
    line-height:normal
}
.list-item--material__subtitle{
    /*margin-top:4px*/
    /*line-height: 48px;*/
}
.list-item--material:first-child{
    box-shadow:none
}
.list-item--material__left{
    padding:0;
    min-width:40px;
    line-height:1;
    min-height:48px
}
.list-item--material__center,.list-item--material__left:empty{
    padding:15px 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:0;
    line-height:1;
    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__right{
        background-image:linear-gradient(0deg,#eee,#eee 50%,transparent 50%)
    }
}
.list-item--material.list-item--expandable{
    border-bottom:1px solid #eee;
    border-bottom:none;
    background-image:linear-gradient(0deg,#eee,#eee 100%);
    background-position-x:16px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .list-item--material.list-item--expandable{
        background-image:linear-gradient(0deg,#eee,#eee 50%,transparent 50%)
    }
}
.list-item--material.list-item--expandable.list-item--longdivider,.list-item--material.list-item--longdivider{
    border-bottom:1px solid #eee;
    border-bottom:none;
    background-size:100% 1px;
    background-repeat:no-repeat;
    background-position:bottom;
    background-image:linear-gradient(0deg,#eee,#eee 100%)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .list-item--material.list-item--expandable.list-item--longdivider,.list-item--material.list-item--longdivider{
        background-image:linear-gradient(0deg,#eee,#eee 50%,transparent 50%)
    }
}
.list-header--material{
    background: #fff;
    border: none;
    font-size: 16px;
    text-transform: none;
    color: #111;
    font-weight: bold;
    padding: 10px 15px;
}
.list-header--material:not(:first-of-type){
    border-top:none;
    background-size:100% 1px;
    background-repeat:no-repeat;
    background-position:top;
    background-image:linear-gradient(180deg,#eee,#eee 100%);
    padding-top:16px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .list-header--material:not(:first-of-type){
        background-image:linear-gradient(180deg,#eee,#eee 50%,transparent 50%)
    }
}
.list-item--material__thumbnail{
    width:40px;
    height:40px;
    border-radius:100%;
    object-fit: cover;
}
.list-item--material__icon{
    font-size:20px;
    padding:0 4px
}
.list-item--chevron:before,.list-item__expand-chevron{
    border-right:2px solid #c7c7cc;
    border-bottom:2px solid #c7c7cc;
    width:7px;
    height:7px;
    background-color:transparent;
    z-index:5
}
.list-item--chevron:before{
    position:absolute;
    content:'';
    right:20px;
    top:50%;
    -webkit-transform:translateY(-50%) rotate(-45deg);
    transform:translateY(-50%) rotate(-45deg)
}
.list-item__expand-chevron{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    margin:1px
}
.list-item--expandable.expanded .list-item__expand-chevron{
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg)
}
.list-item--chevron__right{
    padding-right:25px
}
.list-item--expandable .list-item__center,.list-item--expandable .list-item__right,.list-item--nodivider.list-item--expandable,.list-item--nodivider__center,.list-item--nodivider__right{
    border:none;
    background-image:none
}
.list-item--longdivider{
    border-bottom:1px solid #ccc;
    border-bottom:none;
    background-size:100% 1px;
    background-repeat:no-repeat;
    background-position:bottom;
    background-image:linear-gradient(0deg,#ccc,#ccc 100%)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .list-item--longdivider{
        background-image:linear-gradient(0deg,#ccc,#ccc 50%,transparent 50%)
    }
}
.list-item--longdivider:last-of-type,.list-item--longdivider__center,.list-item--longdivider__right{
    border:none;
    background-image:none
}
.list-title{
    font:inherit;
    background:0 0;
    border:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    display:block;
    color:#111;
    box-sizing:border-box;
    padding:0 0 0 16px;
    margin:0;
    font-size:13px;
    font-weight:500;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:.04em
}
.list-title--material{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    color:#757575;
    font-size:14px;
    margin:0;
    padding:10px 15px;
    font-weight:500;
    line-height:24px
}
.search-input{
    font:inherit;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTMgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQyICgzNjc4MSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aW9zLXNlYXJjaC1pbnB1dC1pY29uPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImNvbXBvbmVudHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJpb3Mtc2VhcmNoLWlucHV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDguMDAwMDAwLCAtNDMuMDAwMDAwKSIgZmlsbD0iIzdBNzk3QiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAuMDAwMDAwLCAzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi45OTcyNDgyLDE1LjUwNDE0NjYgQzE3LjA3NzM2NTcsMTUuNTQwNTkzOCAxNy4xNTIyNzMxLDE1LjU5MTYxMjkgMTcuMjE3NzUxNiwxNS42NTcwOTE0IEwyMC42NDk5OTEsMTkuMDg5MzMwOCBDMjAuOTQ0ODQ0OSwxOS4zODQxODQ3IDIwLjk0ODQ3NjQsMTkuODU4NjA2IDIwLjY1MzU0MTIsMjAuMTUzNTQxMiBDMjAuMzYwNjQ4LDIwLjQ0NjQzNDQgMTkuODgxMjcxNiwyMC40NDE5MzE3IDE5LjU4OTMzMDgsMjAuMTQ5OTkxIEwxNi4xNTcwOTE0LDE2LjcxNzc1MTYgQzE2LjA5MTM3LDE2LjY1MjAzMDEgMTYuMDQwMTE3MSwxNi41NzczODc0IDE2LjAwMzQxNDEsMTYuNDk3Nzk5NSBDMTUuMTY3MTY5NCwxNy4xMjcwNDExIDE0LjEyNzEzOTMsMTcuNSAxMywxNy41IEMxMC4yMzg1NzYzLDE3LjUgOCwxNS4yNjE0MjM3IDgsMTIuNSBDOCw5LjczODU3NjI1IDEwLjIzODU3NjMsNy41IDEzLDcuNSBDMTUuNzYxNDIzNyw3LjUgMTgsOS43Mzg1NzYyNSAxOCwxMi41IEMxOCwxMy42Mjc0Njg1IDE3LjYyNjgyMzIsMTQuNjY3Nzc2OCAxNi45OTcyNDgyLDE1LjUwNDE0NjYgWiBNMTMsMTYuNSBDMTUuMjA5MTM5LDE2LjUgMTcsMTQuNzA5MTM5IDE3LDEyLjUgQzE3LDEwLjI5MDg2MSAxNS4yMDkxMzksOC41IDEzLDguNSBDMTAuNzkwODYxLDguNSA5LDEwLjI5MDg2MSA5LDEyLjUgQzksMTQuNzA5MTM5IDEwLjc5MDg2MSwxNi41IDEzLDE2LjUgWiIgaWQ9Imlvcy1zZWFyY2gtaW5wdXQtaWNvbiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 8px center no-repeat;
    border:none;
    vertical-align:top;
    outline:0;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield;
    box-sizing:border-box;
    height:40px;
    font-size:16px;
    background-color:#f9f9f9;
    box-shadow:none;
    color:#000;
    line-height:1.3;
    padding:0 15px 0 0;
    margin:0;
    border-radius:3px;
    background-size:13px;
    font-weight:400;
    display:inline-block;
    text-indent:0
}
.search-input::-webkit-search-cancel-button{
    -webkit-appearance:textfield;
    appearance:textfield;
    display:none
}
.search-input::-webkit-search-decoration{
    display:none
}
.search-input:focus{
    outline:0
}
.search-input::-webkit-input-placeholder{
    color:#7a797b;
    font-size:14px;
    text-indent:0
}
.search-input:-ms-input-placeholder{
    color:#7a797b;
    font-size:14px;
    text-indent:0
}
.search-input::-ms-input-placeholder{
    color:#7a797b;
    font-size:14px;
    text-indent:0
}
.search-input::placeholder{
    color:#7a797b;
    font-size:16px;
    text-indent:0
}
.search-input:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.search-input--material{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    border-radius:2px;
    height:48px;
    background-color:#fafafa;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTggMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQzLjIgKDM5MDY5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJhbmRyb2lkLXNlYXJjaC1pbnB1dC1pY29uIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiM4OTg5ODkiPgogICAgICAgICAgICA8ZyBpZD0iY29tcG9uZW50cyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ibWF0ZXJpYWwtc2VhcmNoIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0ic2VhcmNoIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik1hdGVyaWFsL0ljb25zLWJsYWNrL3NlYXJjaCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuNTAyLDYuNDkxIEwxMS43MDgsNi40OTEgTDExLjQzMiw2Ljc2NSBDMTIuNDA3LDcuOTAyIDEzLDkuMzc2IDEzLDEwLjk5MSBDMTMsMTQuNTgxIDEwLjA5LDE3LjQ5MSA2LjUsMTcuNDkxIEMyLjkxLDE3LjQ5MSAwLDE0LjU4MSAwLDEwLjk5MSBDMCw3LjQwMSAyLjkxLDQuNDkxIDYuNSw0LjQ5MSBDOC4xMTUsNC40OTEgOS41ODgsNS4wODMgMTAuNzI1LDYuMDU3IEwxMS4wMDEsNS43ODMgTDExLjAwMSw0Ljk5MSBMMTUuOTk5LDAgTDE3LjQ5LDEuNDkxIEwxMi41MDIsNi40OTEgTDEyLjUwMiw2LjQ5MSBaIE02LjUsNi40OTEgQzQuMDE0LDYuNDkxIDIsOC41MDUgMiwxMC45OTEgQzIsMTMuNDc2IDQuMDE0LDE1LjQ5MSA2LjUsMTUuNDkxIEM4Ljk4NSwxNS40OTEgMTEsMTMuNDc2IDExLDEwLjk5MSBDMTEsOC41MDUgOC45ODUsNi40OTEgNi41LDYuNDkxIEw2LjUsNi40OTEgWiIgaWQ9IlNoYXBlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ljc0NTAwMCwgOC43NDU1MDApIHNjYWxlKC0xLCAxKSByb3RhdGUoLTE4MC4wMDAwMDApIHRyYW5zbGF0ZSgtOC43NDUwMDAsIC04Ljc0NTUwMCkgIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
    background-size:18px;
    background-position:18px center;
    font-size:14px;
    padding:0 24px 0 64px;
    box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24),0 1px 0 0 rgba(255,255,255,.06) inset
}
.text-input,.text-input--underbar{
    font:inherit;
    vertical-align:top;
    -moz-osx-font-smoothing:grayscale;
    letter-spacing:0;
    box-shadow:none;
    padding:0;
    width:auto;
    height:31px;
    border:none;
    margin:0;
    outline:0
}
.text-input{
    background:0 0;
    line-height:1;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    color:#111;
    font-size:16px;
    font-weight:400;
    box-sizing:border-box
}
.text-input::-ms-clear{
    display:none
}
.text-input:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.text-input::-webkit-input-placeholder{
    color:#999
}
.text-input:-ms-input-placeholder{
    color:#999
}
.text-input::-ms-input-placeholder{
    color:#999
}
.text-input::placeholder{
    color:#999
}
.text-input:disabled::-webkit-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.text-input:disabled:-ms-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.text-input:disabled::-ms-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.text-input:disabled::placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.text-input:invalid{
    border:none;
    background-color:transparent;
    color:#111
}
.text-input--underbar{
    background:0 0;
    line-height:1;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    color:#111;
    font-size:16px;
    font-weight:400;
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    border-radius:0
}
.text-input--material,.textarea{
    box-sizing:border-box;
    font:inherit;
    -moz-osx-font-smoothing:grayscale
}
.text-input--underbar:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none;
    border:none;
    background-color:transparent;
    border-bottom:1px solid #ccc
}
.text-input--underbar:disabled::-webkit-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.text-input--underbar:disabled:-ms-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.text-input--underbar:disabled::-ms-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.text-input--underbar:disabled::placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.text-input--underbar:invalid{
    color:#111;
    border:none;
    background-color:transparent;
    border-bottom:1px solid #ccc
}
.text-input--material{
    padding:0 0 2px;
    margin:0;
    background:center bottom no-repeat;
    outline:0;
    line-height:1;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    color:#212121;
    /*background-image:linear-gradient(to top,transparent 1px,#afafaf 1px);*/
    background-size:100% 2px;
    font-size:16px;
    font-weight:400;
    border:none;
    border-radius:0;
    height:24px;
    vertical-align:middle
}
.textarea,.textarea--transparent{
    margin:0;
    vertical-align:top;
    resize:none;
    box-shadow:none;
    -webkit-appearance:none;
    width:auto;
    letter-spacing:0;
    outline:0
}
.text-input--material__label{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    color:#afafaf;
    position:absolute;
    left:0;
    top:2px;
    font-size:16px;
    font-weight:400;
    pointer-events:none
}
.text-input--material__label--active{
    color:#3d5afe;
    -webkit-transform:translate(0,-75%) scale(.75);
    transform:translate(0,-75%) scale(.75);
    -webkit-transform-origin:left top;
    transform-origin:left top;
    transition:color .1s ease-in,-webkit-transform .1s ease-in;
    transition:transform .1s ease-in,color .1s ease-in;
    transition:transform .1s ease-in,color .1s ease-in,-webkit-transform .1s ease-in
}
.text-input--material:focus{
/*    background-image:linear-gradient(#3d5afe,#3d5afe),linear-gradient(to top,transparent 1px,#afafaf 1px);
    -webkit-animation:material-text-input-animate .3s forwards;
    animation:material-text-input-animate .3s forwards*/
}
.text-input--material::-webkit-input-placeholder{
    color:#afafaf;
    line-height:20px
}
.text-input--material:-ms-input-placeholder{
    color:#afafaf;
    line-height:20px
}
.text-input--material::-ms-input-placeholder{
    color:#afafaf;
    line-height:20px
}
.text-input--material::placeholder{
    color:#afafaf;
    line-height:20px
}
@-webkit-keyframes material-text-input-animate{
    0%{
        background-size:0 2px,100% 2px
    }
    100%{
        background-size:100% 2px,100% 2px
    }
}
@keyframes material-text-input-animate{
    0%{
        background-size:0 2px,100% 2px
    }
    100%{
        background-size:100% 2px,100% 2px
    }
}
.textarea{
    background:#efeff4;
    line-height:normal;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    padding:5px;
    font-size:16px;
    font-weight:400;
    border-radius:4px;
    border:none;
    color:#111;
    -moz-appearance:none;
    appearance:none
}
.dialog,.textarea--transparent{
    font:inherit;
    background:0 0;
    box-sizing:border-box;
    -moz-osx-font-smoothing:grayscale
}
.textarea:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.textarea::-webkit-input-placeholder{
    color:#999
}
.textarea:-ms-input-placeholder{
    color:#999
}
.textarea::-ms-input-placeholder{
    color:#999
}
.textarea::placeholder{
    color:#999
}
.textarea--transparent{
    line-height:normal;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    padding:5px 0;
    font-size:16px;
    font-weight:400;
    border-radius:4px;
    border:none;
    color:#111;
    -moz-appearance:none;
    appearance:none
}
.action-sheet--material,.alert-dialog-container--material,.dialog--material{
    box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4)
}
.textarea--transparent:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none
}
.textarea--transparent::-webkit-input-placeholder{
    color:#999
}
.textarea--transparent:-ms-input-placeholder{
    color:#999
}
.textarea--transparent::-ms-input-placeholder{
    color:#999
}
.textarea--transparent::placeholder{
    color:#999
}
.dialog{
    padding:0;
    color:inherit;
    border:none;
    border-radius: 10px;
    line-height:normal;
    -moz-user-select:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    margin:auto;
    overflow:hidden;
    min-width:270px;
    min-height:100px
}
.alert-dialog,.dialog-mask{
    padding:0;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:default;
    position:absolute
}
.dialog-container{
    height:inherit;
    min-height:inherit;
    overflow:hidden;
    border-radius:4px;
    background-color:#f4f4f4;
    -webkit-mask-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    color:#111
}
.dialog-mask{
    margin:0;
    font:inherit;
    color:inherit;
    background:0 0;
    border:none;
    line-height:normal;
    user-select:none;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.4)
}
.dialog--material{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    text-align:left
}
.dialog-container--material{
    border-radius:2px;
    background-color:#fff;
    color:#111
}
.dialog-mask--material{
    background-color:rgba(0,0,0,.3)
}
.alert-dialog{
    box-sizing:border-box;
    font:inherit;
    background:#f4f4f4;
    border:none;
    line-height:normal;
    -webkit-user-select:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width:270px;
    margin:auto;
    border-radius:8px;
    overflow:visible;
    max-width:95%;
    color:#111
}
.alert-dialog-container{
    height:inherit;
    padding-top:16px;
    overflow:hidden
}
.alert-dialog-title{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:17px;
    font-weight:500;
    padding:0 8px;
    text-align:center;
    color:#111
}
.alert-dialog-content{
    box-sizing:border-box;
    background-clip:padding-box;
    padding:4px 12px 8px;
    font-size:14px;
    min-height:36px;
    text-align:center;
    color:#111
}
.alert-dialog-footer{
    width:100%
}
.alert-dialog-button{
    box-sizing:border-box;
    font:inherit;
    background:0 0;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    text-decoration:none;
    letter-spacing:0;
    vertical-align:middle;
    border:none;
    border-top:1px solid #ddd;
    font-size:16px;
    padding:0 8px;
    margin:0;
    display:block;
    width:100%;
    text-align:center;
    height:44px;
    line-height:44px;
    outline:0;
    color:#0076ff
}
.alert-dialog-button:active{
    background-color:rgba(0,0,0,.05)
}
.alert-dialog-button--primal{
    font-weight:500
}
.alert-dialog-mask,.popover__content{
    font:inherit;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none
}
.alert-dialog-footer--rowfooter{
    white-space:nowrap;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.alert-dialog-button--rowfooter{
    -webkit-box-flex:1;
    -webkit-flex:1;
    flex:1;
    display:block;
    width:100%;
    border-left:1px solid #ddd
}
.alert-dialog-button--rowfooter:first-child{
    border-left:none
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .alert-dialog-button{
        border-top:none;
        background-size:100% 1px;
        background-repeat:no-repeat;
        background-position:top;
        background-image:linear-gradient(180deg,#ddd,#ddd 50%,transparent 50%)
    }
    .alert-dialog-button--rowfooter{
        border-top:none;
        border-left:none;
        background-size:100% 1px,1px 100%;
        background-repeat:no-repeat;
        background-position:top,left;
        background-image:linear-gradient(0deg,transparent,transparent 50%,#ddd 50%),linear-gradient(90deg,transparent,transparent 50%,#ddd 50%)
    }
    .alert-dialog-button--rowfooter:first-child{
        border-top:none;
        background-size:100% 1px;
        background-repeat:no-repeat;
        background-position:top,left;
        background-image:linear-gradient(0deg,transparent,transparent 50%,#ddd 50%)
    }
}
.alert-dialog-mask{
    padding:0;
    margin:0;
    color:inherit;
    background:0 0;
    border:none;
    line-height:normal;
    -ms-user-select:none;
    user-select:none;
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:rgba(0,0,0,.4)
}
.alert-dialog--material{
    border-radius:10px;
    background-color:#fff
}
.alert-dialog-container--material{
    padding:22px 0 0
}
.alert-dialog-content--material,.alert-dialog-title--material{
    text-align:left;
    padding:0 24px;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased
}
.alert-dialog-title--material{
    font-size:20px;
    font-weight:bold;
    color:#31313a
}
.alert-dialog-content--material{
    font-size:16px;
    font-weight:400;
    line-height:20px;
    margin:24px 0 10px;
    min-height:0;
    color:rgba(49,49,58,.85)
}
.alert-dialog-footer--material{
    display:block;
    padding:0;
    height:52px;
    box-sizing:border-box;
    margin:0;
    line-height:1
}
.alert-dialog-button--material{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    text-transform:uppercase;
    display:inline-block;
    width:auto;
    float:right;
    background:0 0;
    border:none;
    border-radius:2px;
    font-size:14px;
    font-weight:500;
    outline:0;
    height:36px;
    line-height:36px;
    padding:0 8px;
    margin:8px 8px 8px 0;
    box-sizing:border-box;
    min-width:50px;
    color:#37474f
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .alert-dialog-button--material{
        background:0 0
    }
}
.alert-dialog-button--material:active{
    background-color:initial
}
.alert-dialog-button--rowfooter--material,.alert-dialog-button--rowfooter--material:first-child{
    border:0
}
.alert-dialog-button--primal--material{
    font-weight:500
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .alert-dialog-button--primal--material,.alert-dialog-button--rowfooter--material,.alert-dialog-button--rowfooter--material:first-child{
        background:0 0
    }
}
.alert-dialog-mask--material{
    background-color:rgba(0,0,0,.3)
}
.popover{
    position:absolute;
    z-index:20001
}
.popover--bottom{
    bottom:0
}
.popover--top{
    top:0
}
.popover--left{
    left:0
}
.popover--right{
    right:0
}
.popover-mask{
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color:rgba(0,0,0,.4);
    position:absolute;
    z-index:19999
}
.popover__content{
    box-sizing:border-box;
    padding:0;
    margin:0;
    background:#fff;
    border:none;
    line-height:normal;
    -ms-user-select:none;
    user-select:none;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    display:block;
    width:220px;
    overflow:auto;
    min-height:100px;
    max-height:100%;
    border-radius:8px;
    color:#111;
    pointer-events:auto
}
.popover-mask--material,.popover__arrow{
    background-color:transparent
}
.popover__arrow{
    position:absolute;
    width:18px;
    height:18px;
    -webkit-transform-origin:50% 50% 0;
    transform-origin:50% 50% 0;
    background-image:linear-gradient(45deg,#fff,#fff 50%,transparent 50%);
    border-radius:0 0 0 4px;
    margin:0;
    z-index:20001
}
.popover--bottom__arrow{
    -webkit-transform:translateY(6px) translateX(-9px) rotate(-45deg);
    transform:translateY(6px) translateX(-9px) rotate(-45deg);
    bottom:0;
    margin-right:-18px
}
.popover--top__arrow{
    -webkit-transform:translateY(-6px) translateX(-9px) rotate(135deg);
    transform:translateY(-6px) translateX(-9px) rotate(135deg);
    top:0;
    margin-right:-18px
}
.popover--left__arrow{
    -webkit-transform:translateX(-6px) translateY(-9px) rotate(45deg);
    transform:translateX(-6px) translateY(-9px) rotate(45deg);
    left:0;
    margin-bottom:-18px
}
.popover--right__arrow{
    -webkit-transform:translateX(6px) translateY(-9px) rotate(225deg);
    transform:translateX(6px) translateY(-9px) rotate(225deg);
    right:0;
    margin-bottom:-18px
}
.popover--material__content{
    background-color:#fafafa;
    border-radius:2px;
    color:#111;
    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)
}
.popover--material__arrow{
    display:none
}
.progress-bar{
    position:relative;
    height:2px;
    display:block;
    width:100%;
    background-color:transparent;
    background-clip:padding-box;
    margin:0;
    overflow:hidden;
    border-radius:4px
}
.progress-bar__primary,.progress-bar__secondary{
    position:absolute;
    background-color:#0076ff;
    top:0;
    bottom:0;
    transition:width .3s linear;
    z-index:100;
    border-radius:4px
}
.progress-bar__secondary{
    background-color:#65adff;
    z-index:0
}
.progress-bar--indeterminate:after,.progress-bar--indeterminate:before{
    content:'';
    position:absolute;
    background-color:#0076ff;
    top:0;
    left:0;
    bottom:0;
    will-change:left,right;
    border-radius:4px
}
.progress-bar--indeterminate:before{
    -webkit-animation:progress-bar__indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
    animation:progress-bar__indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite
}
.progress-bar--indeterminate:after{
    -webkit-animation:progress-bar__indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    animation:progress-bar__indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;
    -webkit-animation-delay:1.15s;
    animation-delay:1.15s
}
@-webkit-keyframes progress-bar__indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    100%,60%{
        left:100%;
        right:-90%
    }
}
@keyframes progress-bar__indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    100%,60%{
        left:100%;
        right:-90%
    }
}
@-webkit-keyframes progress-bar__indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    100%,60%{
        left:107%;
        right:-8%
    }
}
@keyframes progress-bar__indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    100%,60%{
        left:107%;
        right:-8%
    }
}
.progress-bar--material{
    height:4px;
    background-color:transparent;
    border-radius:0
}
.progress-bar--material__primary,.progress-bar--material__secondary{
    background-color:#37474f;
    border-radius:0
}
.progress-bar--material__secondary{
    background-color:#548ba7;
    z-index:0
}
.progress-bar--material.progress-bar--indeterminate:after,.progress-bar--material.progress-bar--indeterminate:before{
    background-color:#37474f;
    border-radius:0
}
.progress-circular{
    height:32px;
    position:relative;
    width:32px;
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg);
    -webkit-animation:none;
    animation:none
}
.progress-circular__background,.progress-circular__primary,.progress-circular__secondary{
    cx:50%;
    cy:50%;
    r:40%;
    -webkit-animation:none;
    animation:none;
    fill:none;
    stroke-width:5%;
    stroke-miterlimit:10
}
.progress-circular__background{
    stroke:transparent
}
.progress-circular__primary{
    stroke-dasharray:1,200;
    stroke-dashoffset:0;
    stroke:#0076ff;
    transition:all 1s cubic-bezier(.4,0,.2,1)
}
.progress-circular__secondary{
    stroke:#65adff
}
.progress-circular--indeterminate{
    -webkit-animation:progress__rotate 2s linear infinite;
    animation:progress__rotate 2s linear infinite;
    -webkit-transform:none;
    transform:none
}
.progress-circular--indeterminate__primary{
    -webkit-animation:progress__dash 1.5s ease-in-out infinite;
    animation:progress__dash 1.5s ease-in-out infinite
}
.progress-circular--indeterminate__secondary{
    display:none
}
button.fab,button.fab--material,ons-fab.fab,ons-fab.fab--material,ons-speed-dial-item.fab,ons-speed-dial-item.fab--material{
    display:inline-block;
    box-sizing:border-box;
    margin:0;
    -moz-osx-font-smoothing:grayscale;
    overflow:hidden;
    vertical-align:middle;
    position:relative;
    text-align:center;
    cursor:default
}
@-webkit-keyframes progress__rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes progress__rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes progress__dash{
    0%{
        stroke-dasharray:10%,241.32%;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:201%,50.322%;
        stroke-dashoffset:-100%
    }
    100%{
        stroke-dasharray:10%,241.32%;
        stroke-dashoffset:-251.32%
    }
}
@keyframes progress__dash{
    0%{
        stroke-dasharray:10%,241.32%;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:201%,50.322%;
        stroke-dashoffset:-100%
    }
    100%{
        stroke-dasharray:10%,241.32%;
        stroke-dashoffset:-251.32%
    }
}
.progress-circular--material__background,.progress-circular--material__primary,.progress-circular--material__secondary{
    stroke-width:9%
}
.progress-circular--material__background{
    stroke:transparent
}
.progress-circular--material__primary{
    stroke:#37474f
}
.progress-circular--material__secondary{
    stroke:#548ba7
}
button.fab,ons-fab.fab,ons-speed-dial-item.fab{
    padding:0;
    font:inherit;
    background:#0076ff;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:56px;
    height:56px;
    text-decoration:none;
    font-size:25px;
    line-height:56px;
    letter-spacing:0;
    color:#fff;
    border:0 solid currentColor;
    border-radius:50%;
    box-shadow:0 3px 6px rgba(0,0,0,.12);
    transition:all .1s linear
}
button.fab:active,ons-fab.fab:active,ons-speed-dial-item.fab:active{
    background-color:rgba(0,118,255,.7);
    transition:all .2s ease;
    box-shadow:0 0 6 rgba(0,0,0,.12)
}
button.fab:focus,ons-fab.fab:focus,ons-speed-dial-item.fab:focus{
    outline:0
}
button.fab:disabled,button.fab[disabled],ons-fab.fab:disabled,ons-fab.fab[disabled],ons-speed-dial-item.fab:disabled,ons-speed-dial-item.fab[disabled]{
    background-color:rgba(0,0,0,.5);
    box-shadow:none;
    opacity:.3;
    cursor:default;
    pointer-events:none
}
button.fab__icon,ons-fab.fab__icon,ons-speed-dial-item.fab__icon{
    position:relative;
    overflow:hidden;
    height:100%;
    width:100%;
    display:block;
    border-radius:100%;
    padding:0;
    z-index:100;
    line-height:56px
}
button.fab--material,ons-fab.fab--material,ons-speed-dial-item.fab--material{
    padding:0;
    font:inherit;
    background:#fff;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    letter-spacing:0;
    border:0 solid currentColor;
    border-radius:50%;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    width:56px;
    height:56px;
    text-decoration:none;
    font-size:25px;
    line-height:56px;
    color:#31313a;
    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);
    transition:all .2s ease-in-out
}
button.fab--material:active,ons-fab.fab--material:active,ons-speed-dial-item.fab--material:active{
    box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);
    background-color:rgba(255,255,255,.75);
    transition:all .2s ease
}
button.fab--material:focus,ons-fab.fab--material:focus,ons-speed-dial-item.fab--material:focus{
    outline:0
}
button.fab--material__icon,ons-fab.fab--material__icon,ons-speed-dial-item.fab--material__icon{
    position:relative;
    overflow:hidden;
    height:100%;
    width:100%;
    display:block;
    border-radius:100%;
    padding:0;
    z-index:100;
    line-height:56px
}
button.fab--material:disabled,button.fab--material[disabled],ons-fab.fab--material:disabled,ons-fab.fab--material[disabled],ons-speed-dial-item.fab--material:disabled,ons-speed-dial-item.fab--material[disabled]{
    background-color:rgba(0,0,0,.5);
    box-shadow:none;
    opacity:.3;
    cursor:default;
    pointer-events:none
}
button.fab--mini,ons-fab.fab--mini,ons-speed-dial-item.fab--mini{
    width:40px;
    height:40px;
    line-height:40px
}
button.fab--mini__icon,ons-fab.fab--mini__icon,ons-speed-dial-item.fab--mini__icon{
    line-height:40px
}
.modal,.modal__content{
    overflow:hidden;
    word-spacing:0;
    padding:0;
    font:inherit;
    border:none
}
button.speed-dial__item,ons-fab.speed-dial__item,ons-speed-dial-item.speed-dial__item{
    position:absolute;
    -webkit-transform:scale(0);
    transform:scale(0)
}
.speed-dial.fab--top__right,button.fab--top__right,ons-fab.fab--top__right{
    top:68px;
    bottom:auto;
    right:10px;
    left:auto;
    position:absolute
}
.speed-dial.fab--bottom__right,button.fab--bottom__right,ons-fab.fab--bottom__right{
    top:auto;
    bottom:20px;
    right:20px;
    left:auto;
    position:absolute
}
.speed-dial.fab--top__left,button.fab--top__left,ons-fab.fab--top__left{
    top:20px;
    bottom:auto;
    right:auto;
    left:20px;
    position:absolute
}
.speed-dial.fab--bottom__left,button.fab--bottom__left,ons-fab.fab--bottom__left{
    top:auto;
    bottom:20px;
    right:auto;
    left:20px;
    position:absolute
}
.speed-dial.fab--top__center,button.fab--top__center,ons-fab.fab--top__center{
    top:20px;
    bottom:auto;
    margin-left:-28px;
    left:50%;
    right:auto;
    position:absolute
}
.speed-dial.fab--bottom__center,button.fab--bottom__center,ons-fab.fab--bottom__center{
    top:auto;
    bottom:20px;
    margin-left:-28px;
    left:50%;
    right:auto;
    position:absolute
}
.modal,.modal__content,.select-input{
    margin:0;
    -moz-osx-font-smoothing:grayscale;
    box-sizing:border-box
}
.modal{
    white-space:nowrap;
    color:inherit;
    background:0 0;
    line-height:normal;
    background-clip:padding-box;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    background-color:rgba(0,0,0,.7);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    display:table;
    z-index:2147483647
}
.modal__content{
    background:0 0;
    line-height:normal;
    background-clip:padding-box;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:#fff;
    white-space:normal
}
.select-input{
    font:inherit;
    background:transparent;
    vertical-align:top;
    outline:0;
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    position:relative;
    font-size:17px;
    height:40px;
    line-height:40px;
    color:#111;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    border-radius:0;
    border:none;
    padding:0 15px;
    padding-right: 45px;
    border-bottom:none
}
.select-input--material,.select-input--material__label{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400
}
.select-input::-ms-clear{
    display:none
}
.select-input::-webkit-input-placeholder{
    color:#999
}
.select-input:-ms-input-placeholder{
    color:#999
}
.select-input::-ms-input-placeholder{
    color:#999
}
.select-input::placeholder{
    color:#999
}
.select-input:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none;
    border:none;
    background-color:transparent
}
.select-input:disabled::-webkit-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.select-input:disabled:-ms-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.select-input:disabled::-ms-input-placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.select-input:disabled::placeholder{
    border:none;
    background-color:transparent;
    color:#999
}
.select-input:invalid{
    border:none;
    background-color:transparent;
    color:#111
}
.select-input[multiple]{
    height:64px
}
.select-input--material{
    color:#111;
    font-size:16px;
    background-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSI1cHgiIHZpZXdCb3g9IjAgMCAxMCA1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0My4yICgzOTA2OSkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2VsZWN0LWFsbG93PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9InNlbGVjdCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imlvcy1zZWxlY3QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTguMDAwMDAwLCAtMTE0LjAwMDAwMCkiIGZpbGw9IiM3NTc1NzUiPgogICAgICAgICAgICA8ZyBpZD0ibWVudS1iYXItKy1vcGVuLW1lbnUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMy4wMDAwMDAsIDEwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJtZW51LWJhciI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9InNlbGVjdC1hbGxvdyIgcG9pbnRzPSI3NSAxNCA4MCAxOSA4NSAxNCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=),linear-gradient(to top,rgba(0,0,0,.12) 50%,rgba(0,0,0,.12) 50%);
    background-size:auto,100% 1px;
    background-repeat:no-repeat;
    background-position:right center,left bottom;
    border:none;
    transform:translate3d(0,0,0)
}
.select-input--material__label{
    color:rgba(0,0,0,.81);
    position:absolute;
    left:0;
    top:2px;
    font-size:16px;
    pointer-events:none
}
.select-input--material__label--active{
    color:rgba(0,0,0,.15);
    -webkit-transform:translate(0,-75%) scale(.75);
    transform:translate(0,-75%) scale(.75);
    -webkit-transform-origin:left top;
    transform-origin:left top;
    transition:color .1s ease-in,-webkit-transform .1s ease-in;
    transition:transform .1s ease-in,color .1s ease-in;
    transition:transform .1s ease-in,color .1s ease-in,-webkit-transform .1s ease-in
}
.select-input--material::-webkit-input-placeholder{
    color:rgba(0,0,0,.81);
    line-height:20px
}
.select-input--material:-ms-input-placeholder{
    color:rgba(0,0,0,.81);
    line-height:20px
}
.select-input--material::-ms-input-placeholder{
    color:rgba(0,0,0,.81);
    line-height:20px
}
.select-input--material::placeholder{
    color:rgba(0,0,0,.81);
    line-height:20px
}
@-webkit-keyframes material-select-input-animate{
    0%{
        background-size:0 2px,100% 2px
    }
    100%{
        background-size:100% 2px,100% 2px
    }
}
@keyframes material-select-input-animate{
    0%{
        background-size:0 2px,100% 2px
    }
    100%{
        background-size:100% 2px,100% 2px
    }
}
.action-sheet-button,.action-sheet-title{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    background-size:100% 1px;
    background-repeat:no-repeat;
    background-position:bottom;
    height:56px;
    line-height:56px
}
.select-input--underbar{
    border:none;
    border-bottom:1px solid #ccc
}
.select-input--underbar:disabled{
    opacity:.3;
    cursor:default;
    pointer-events:none;
    border:none;
    background-color:transparent;
    border-bottom:1px solid #ccc
}
.select-input--underbar:disabled::-webkit-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.select-input--underbar:disabled:-ms-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.select-input--underbar:disabled::-ms-input-placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.select-input--underbar:disabled::placeholder{
    color:#999;
    border:none;
    background-color:transparent
}
.select-input--underbar:invalid{
    color:#111;
    border:none;
    background-color:transparent;
    border-bottom:1px solid #ccc
}
.action-sheet{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    cursor:default;
    position:absolute;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:2
}
.action-sheet-button{
    box-sizing:border-box;
    font-size:20px;
    text-align:center;
    color:#0076ff;
    background-color:rgba(255,255,255,.9);
    border-radius:0;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:block;
    width:100%;
    background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 100%)
}
.action-sheet-button:first-child,.action-sheet-title:first-child{
    border-top-left-radius:15px;
    border-top-right-radius:15px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .action-sheet-button{
        background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 50%,transparent 50%)
    }
}
.action-sheet-button:active{
    background-color:#e9e9e9;
    background-image:none
}
.action-sheet-button:focus{
    outline:0
}
.action-sheet-button:nth-last-of-type(2){
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
    background-image:none
}
.action-sheet-button:last-of-type{
    border-radius:12px;
    margin:8px 0 0;
    background-color:#fff;
    background-image:none;
    font-weight:700
}
.action-sheet-button:last-of-type:active{
    background-color:#e9e9e9
}
.action-sheet-button--destructive{
    color:#ea1d2c
}
.action-sheet-title{
    box-sizing:border-box;
    font-size:13px;
    color:#8f8e94;
    text-align:center;
    background-color:rgba(255,255,255,.9);
    background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 100%)
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
    .action-sheet-title{
        background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 50%,transparent 50%)
    }
}
.action-sheet-button--material,.action-sheet-title--material{
    font-family:'GoogleSans';
    background-image:none;
    text-align:left;
    font-size:16px;
    padding:0 15px;
    color:#333;
    -webkit-font-smoothing:antialiased
}
.action-sheet-icon{
    display:none
}
.action-sheet-mask{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.1);
    z-index:1
}
.action-sheet-button--material,.action-sheet-button--material:last-of-type,.action-sheet-title--material{
    border-radius:0;
    background-color:#fff;
    font-weight:400
}
.action-sheet--material{
    left:0;
    right:0;
    bottom:0
}
.action-sheet-title--material{
    height:56px;
    line-height:56px
}
.action-sheet-title--material:first-child{
    font-weight: bold;
}
.action-sheet-button--material{
    height:52px;
    line-height:52px
}
.action-sheet-button--material:first-child,.action-sheet-button--material:nth-last-of-type(2){
    border-radius:0
}
.action-sheet-button--material:last-of-type{
    margin:0
}
.action-sheet-icon--material{
    display:inline-block;
    float:left;
    height:52px;
    line-height:52px;
    margin-right:20px;
    font-size:26px;
    width:.8em;
    text-align:center
}
.card,.card__title{
    font-family:'GoogleSans';
    display:block;
    -moz-osx-font-smoothing:grayscale;
    box-sizing:border-box
}
.action-sheet-mask--material{
    background-color:rgba(0,0,0,.4)
}
.card,.card--material{
    background-color:#fff
}
.card{
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    box-shadow:0 1px 2px rgba(0,0,0,.12);
    border-radius:8px;
    margin:8px;
    padding:16px;
    text-align:left;
    word-wrap:break-word
}
.card__content{
    margin:0;
    font-size:14px;
    line-height:1.4;
    color:#030303
}
.card__title{
    -webkit-font-smoothing:antialiased;
    font-weight:400;
    font-size:20px;
    margin:4px 0 8px;
    padding:0
}
.card--material,.card--material__title{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400
}
.card--material{
    border-radius:2px;
    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)
}
.card--material__content{
    font-size:14px;
    line-height:1.4;
    color:rgba(0,0,0,.54)
}
.card--material__title{
    font-size:24px;
    margin:8px 0 12px
}
.toast{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-weight:400;
    position:absolute;
    z-index:2;
    left:8px;
    right:8px;
    bottom:0;
    margin:8px 0;
    border-radius:8px;
    background-color:rgba(0,0,0,.8);
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    min-height:46px;
    max-height:46px;
    line-height:1.5;
    box-sizing:border-box;
    padding:16px
}
.toast--material__button,.toast--material__message{
    font-family:'GoogleSans';
    -webkit-font-smoothing:antialiased;
    font-weight:400
}
.toast__message{
    font-size:14px;
    color:#fff;
    -webkit-box-flex:1;
    -webkit-flex-grow:1;
    flex-grow:1;
    text-align:left;
    margin:0 16px 0 0;
    white-space:normal
}
.toast__button{
    font-size:14px;
    color:#fff;
    -webkit-box-flex:0;
    -webkit-flex-grow:0;
    flex-grow:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
    background-color:transparent;
    cursor:default;
    text-transform:uppercase
}
.toast__button:focus{
    outline:0
}
.toast__button:active{
    opacity:.4
}
.toast--material{
    left:0;
    right:0;
    bottom:0;
    margin:0;
    background-color:rgba(0,0,0,.8);
    border-radius:0;
    padding:16px 24px
}
.bottom-bar,.tabbar:not(.tabbar--top){
    padding-bottom:0
}
.toast--material__message{
    margin:0 24px 0 0
}
.toast--material__button{
    color:#bbdefb
}
.toolbar{
    top:0;
    box-sizing:border-box;
    padding-top:0
}
.bottom-bar{
    bottom:0;
    box-sizing:border-box
}
.toolbar+.page__background{
    top:44px
}
.page__content{
    top:0;
    padding-top:0;
    bottom:0
}
.toolbar+.page__background+.page__content{
    top:44px;
    padding-top:0
}
.page-with-bottom-toolbar>.page__content{
    bottom:46px
}
.toolbar.toolbar--material+.page__background{
    top:56px
}
.toolbar.toolbar--material+.page__background+.page__content{
    top:56px;
    padding-top:0
}
.toolbar.toolbar--transparent+.page__background{
    top:0
}
.toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,.toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page_content{
    top:0;
    padding-top:44px
}
.toolbar.toolbar--material.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,.toolbar.toolbar--material.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page_content{
    top:0;
    padding-top:56px
}
.tabbar--top{
    padding-top:0
}
@media (orientation:portrait){
    html[onsflag-iphonex-portrait] .fab--top__center,html[onsflag-iphonex-portrait] .fab--top__left,html[onsflag-iphonex-portrait] .fab--top__right{
        top:64px
    }
    html[onsflag-iphonex-portrait] .fab--bottom__center,html[onsflag-iphonex-portrait] .fab--bottom__left,html[onsflag-iphonex-portrait] .fab--bottom__right{
        bottom:34px
    }
}
@media (orientation:landscape){
    html[onsflag-iphonex-landscape] .page__content{
        padding-left:44px;
        padding-right:44px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content,html[onsflag-iphonex-landscape] .modal .page__content{
        padding-left:0;
        padding-right:0
    }
    html[onsflag-iphonex-landscape] .toolbar__left{
        padding-left:44px
    }
    html[onsflag-iphonex-landscape] .toolbar__right{
        padding-right:44px
    }
    html[onsflag-iphonex-landscape] .bottom-bar{
        padding-right:44px;
        padding-left:44px
    }
    html[onsflag-iphonex-landscape] .tabbar{
        padding-left:44px;
        padding-right:44px;
        width:calc(100% - 88px)
    }
    html[onsflag-iphonex-landscape] .fab--bottom__center,html[onsflag-iphonex-landscape] .fab--bottom__left,html[onsflag-iphonex-landscape] .fab--bottom__right{
        bottom:21px
    }
    html[onsflag-iphonex-landscape] .fab--bottom__left,html[onsflag-iphonex-landscape] .fab--top__left{
        left:44px
    }
    html[onsflag-iphonex-landscape] .fab--bottom__right,html[onsflag-iphonex-landscape] .fab--top__right{
        right:44px
    }
}
@media (orientation:portrait){
    html[onsflag-iphonex-portrait] .action-sheet{
        bottom:48px
    }
}
@media (orientation:landscape){
    html[onsflag-iphonex-landscape] .action-sheet{
        left:calc((100vw - 100vh + 20px)/ 2);
        right:calc((100vw - 100vh + 20px)/ 2);
        bottom:33px
    }
}
@media (orientation:portrait){
    html[onsflag-iphonex-portrait] .toast{
        bottom:34px
    }
}
@media (orientation:landscape){
    html[onsflag-iphonex-landscape] .toast{
        left:52px;
        right:52px;
        bottom:21px
    }
}
@media (orientation:portrait){
    html[onsflag-iphonex-portrait] .toolbar{
        top:0;
        box-sizing:content-box;
        padding-top:44px
    }
    html[onsflag-iphonex-portrait] .dialog .toolbar,html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar{
        top:0;
        box-sizing:border-box;
        padding-top:0
    }
    html[onsflag-iphonex-portrait] .bottom-bar{
        bottom:0;
        box-sizing:content-box;
        padding-bottom:34px
    }
    html[onsflag-iphonex-portrait] .dialog .bottom-bar,html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .bottom-bar,html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .bottom-bar{
        bottom:0;
        box-sizing:border-box;
        padding-bottom:0
    }
    html[onsflag-iphonex-portrait] .page__content{
        top:0;
        padding-top:44px;
        bottom:0;
        padding-bottom:34px
    }
    html[onsflag-iphonex-portrait] .dialog .page__content,html[onsflag-iphonex-portrait] .tabbar--top__content .page__content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .page__content{
        top:0;
        padding-top:0
    }
    html[onsflag-iphonex-portrait] .dialog .page__content,html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .page__content,html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .page__content{
        bottom:0;
        padding-bottom:0
    }
    html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content{
        top:88px;
        padding-top:0
    }
    html[onsflag-iphonex-portrait] .dialog .toolbar:not(.toolbar--cover-content)+.page__background,html[onsflag-iphonex-portrait] .dialog .toolbar:not(.toolbar--cover-content)+.page__background+.page__content,html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar:not(.toolbar--cover-content)+.page__background,html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar:not(.toolbar--cover-content)+.page__background+.page__content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar:not(.toolbar--cover-content)+.page__background+.page__content{
        top:44px;
        padding-top:0
    }
    html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content{
        bottom:78px;
        padding-bottom:0
    }
    html[onsflag-iphonex-portrait] .dialog .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .page-with-bottom-toolbar>.page__content{
        bottom:44px;
        padding-bottom:0
    }
    html[onsflag-iphonex-portrait] .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,html[onsflag-iphonex-portrait] .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page_content{
        top:0;
        padding-top:88px
    }
    html[onsflag-iphonex-portrait] .dialog .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,html[onsflag-iphonex-portrait] .dialog .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page_content,html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,html[onsflag-iphonex-portrait] .tabbar--top__content .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page_content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .toolbar.toolbar--transparent.toolbar--cover-content+.page__background+.page__content .page__content{
        top:0;
        padding-top:44px
    }
    html[onsflag-iphonex-portrait] .tabbar--top{
        padding-top:44px
    }
    html[onsflag-iphonex-portrait] .dialog .tabbar--top,html[onsflag-iphonex-portrait] .tabbar--top__content .tabbar--top,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .tabbar--top{
        padding-top:0
    }
    html[onsflag-iphonex-portrait] .tabbar--top__content{
        top:93px
    }
    html[onsflag-iphonex-portrait] .dialog .tabbar--top__content,html[onsflag-iphonex-portrait] .tabbar--top__content .tabbar--top__content,html[onsflag-iphonex-portrait] .toolbar:not(.toolbar--cover-content)+.page__background+.page__content .tabbar--top__content{
        top:49px
    }
    html[onsflag-iphonex-portrait] .tabbar:not(.tabbar--top):not(.tabbar--top){
        padding-bottom:34px
    }
    html[onsflag-iphonex-portrait] .dialog .tabbar:not(.tabbar--top):not(.tabbar--top),html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .tabbar:not(.tabbar--top),html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .tabbar:not(.tabbar--top){
        padding-bottom:0
    }
    html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content){
        bottom:83px
    }
    html[onsflag-iphonex-portrait] .dialog .tabbar__content:not(.tabbar--top__content),html[onsflag-iphonex-portrait] .page-with-bottom-toolbar>.page__content .tabbar__content:not(.tabbar--top__content),html[onsflag-iphonex-portrait] .tabbar__content:not(.tabbar--top__content) .tabbar__content:not(.tabbar--top__content){
        bottom:49px
    }
}
@media (orientation:landscape){
    html[onsflag-iphonex-landscape] .bottom-bar{
        bottom:0;
        box-sizing:content-box;
        padding-bottom:21px
    }
    html[onsflag-iphonex-landscape] .dialog .bottom-bar,html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content .bottom-bar,html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content) .bottom-bar{
        bottom:0;
        box-sizing:border-box;
        padding-bottom:0
    }
    html[onsflag-iphonex-landscape] .page__content{
        bottom:0;
        padding-bottom:21px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content,html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content .page__content,html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content) .page__content{
        bottom:0;
        padding-bottom:0
    }
    html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content{
        bottom:65px;
        padding-bottom:0
    }
    html[onsflag-iphonex-landscape] .dialog .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content .page-with-bottom-toolbar>.page__content,html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content) .page-with-bottom-toolbar>.page__content{
        bottom:44px;
        padding-bottom:0
    }
    html[onsflag-iphonex-landscape] .tabbar:not(.tabbar--top){
        padding-bottom:21px
    }
    html[onsflag-iphonex-landscape] .dialog .tabbar:not(.tabbar--top),html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content .tabbar:not(.tabbar--top),html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content) .tabbar:not(.tabbar--top){
        padding-bottom:0
    }
    html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content){
        bottom:70px
    }
    html[onsflag-iphonex-landscape] .dialog .tabbar__content:not(.tabbar--top__content),html[onsflag-iphonex-landscape] .page-with-bottom-toolbar>.page__content .tabbar__content:not(.tabbar--top__content),html[onsflag-iphonex-landscape] .tabbar__content:not(.tabbar--top__content) .tabbar__content:not(.tabbar--top__content){
        bottom:49px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset){
        margin-left:-44px;
        margin-right:-44px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-header{
        padding-left:59px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-item{
        padding-left:58px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-item--chevron:before{
        right:60px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-item>.list-item__center:last-child{
        padding-right:50px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-item>.list-item__right{
        padding-right:56px
    }
    html[onsflag-iphonex-landscape] .page__content>.list:not(.list--inset)>.list-item>.list-item--chevron__right{
        padding-right:74px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset){
        margin-left:0;
        margin-right:0
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-header{
        padding-left:15px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-item{
        padding-left:14px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-item--chevron:before{
        right:16px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-item>.list-item__center:last-child{
        padding-right:6px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-item>.list-item__right{
        padding-right:12px
    }
    html[onsflag-iphonex-landscape] .dialog .page__content>.list:not(.list--inset)>.list-item>.list-item--chevron__right{
        padding-right:30px
    }
}