.mdc-components,.mdc-components .flex,html{box-sizing:border-box}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{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background-color:#fff;line-height:1;overflow:hidden}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:Roboto,serif}li{list-style-type:none}div[ng-view]{height:inherit;position:relative}.material-icons{font-family:'Material Icons Extended';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:'liga';font-feature-settings:'liga'}.accessibility__toast,.user_education__toast{line-height:20px;z-index:-1;border-radius:2px}[disabled=disabled]{cursor:not-allowed;opacity:.1}md-optgroup label{font-weight:400;text-transform:none}.export__menu .md-button{color:#757575}.md-open-menu-container.md-active{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.color-schemes .scheme-container:hover,.mobile-view .tabs__container__mobile__palette__swatch--state-active{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}md-menu-item>.md-button md-icon{margin-right:30px}.md-open-menu-container{width:192px}.menu-label-item{color:#757575;font-size:14px;padding:12px 16px;min-height:36px}.nav__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #E0E0E0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:64px;width:100%;position:relative}.nav__header .md-button.md-icon-button{margin:0 2px}.nav__header .md-button.md-icon__material{margin:0 14px 0 2px}.main-view md-pagination-wrapper,.main-view__feedback .md-button,.mobile-view md-pagination-wrapper{margin:0}.nav__header__mobile{display:none}.main-view,.mobile-view{background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:Roboto;height:calc(100% - 64px);position:relative}.main-view md-tab-content>div[md-tabs-template],.mobile-view md-tab-content>div[md-tabs-template]{height:100%}.main-view md-tab-content>div[md-tabs-template] md-content,.mobile-view md-tab-content>div[md-tabs-template] md-content{background-color:transparent;height:inherit;padding:0}.main-view md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item,.mobile-view md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item{max-width:180px}.main-view md-ink-bar,.mobile-view md-ink-bar{background-color:#616161;color:#616161;height:2px}.main-view [role=tabpanel],.mobile-view [role=tabpanel]{-webkit-transition:none;transition:none}.main-view md-tabs-canvas,.mobile-view md-tabs-canvas{border-bottom:1px solid #BDBDBD;overflow:initial}.mobile-view .tabs__container__mobile__palette__header,.tabs__container__color-schemes__header{border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;text-transform:uppercase;font-size:14px}.main-view md-tabs:not(.md-no-tab-content):not(.md-dynamic-height),.mobile-view md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){min-height:180px}.main-view .md-tab,.mobile-view .md-tab{color:rgba(33,33,33,.7);font-weight:400;padding:12px 16px}.main-view .md-tab.md-active,.mobile-view .md-tab.md-active{color:#212121}.main-view{overflow:hidden}.main-view__feedback{bottom:0;left:0;position:fixed}.mobile-view{display:none}.mobile-view .ui-container .ui-container__section{height:calc(100% - 64px)}.mobile-view .tabs__container__mobile__palette__header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 0 16px 16px;height:48px;width:100%;font-weight:400}.mobile-view .tabs__container__mobile__palette__header h3{display:inline-block}.mobile-view .tabs__container__mobile__palette__content{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-view .tabs__container__mobile__palette__swatch{border:1px solid #E0E0E0;height:48px;width:48px;padding:4px;outline:0}.mobile-view .tabs__container__mobile__palette__swatch>div{border:1px solid #E0E0E0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:100%}.mobile-view .tabs__container__mobile__palette__swatch span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;height:24px;width:24px}.mobile-view .tabs__container__mobile__palette__swatch:first-child{border-right:none}.mobile-view .tabs__container__mobile__palette__swatch--state-empty.tabs__container__mobile__palette__swatch--state-active span{background-color:#616161;color:#fff}.mobile-view .tabs__container__main{max-height:360px}.mobile-view .material-palette{overflow-x:auto}.mobile-view .material-palette .color-labels,.mobile-view .material-palette .shades-container{display:none}.mobile-view .material-palette .palette-container{min-width:768px}.mobile-view .material-palette .palette-container .color{padding-top:65px;width:65px}.mobile-view .material-palette .palette-container .color:hover{border-radius:0}md-tabs{background-color:#fff;height:100%}.tabs__container{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.tabs__container__main{-webkit-box-flex:1.58;-ms-flex:1.58;flex:1.58;min-width:404px;padding:0 24px;position:relative}.tabs__container__right{border-left:1px solid #E0E0E0;min-width:580px;max-width:580px}.tabs__container__right md-tabs{height:calc(100% - 420px)}.tabs__container__color-schemes{background-color:#fff;height:420px;position:relative}.tabs__container__color-schemes__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#616161;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:400;height:48px;padding:16px}.tabs__container__color-schemes__header h3{display:inline-block}.tabs__container .color-schemes{height:calc(100% - 48px)}.user_education__toast{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);background-color:#424242;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px;padding-top:20px;padding-left:16px;padding-right:16px;position:absolute;height:116px;top:10px;left:8px;width:350px}.user_education__toast .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.user_education__toast .actions .md-button{color:#F27FAA;-webkit-box-flex:1;-ms-flex:1;flex:1;height:18px;margin:0;min-height:40px;max-height:40px;min-width:100px;max-width:100px;width:85px}.user_education__toast.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:500}@media all and (max-width:1279px){.main-view .tabs__container__main,.mobile-view .tabs__container__main{padding:0;min-width:0}}@media all and (max-width:960px){body{overflow:auto}.nav__header__main{display:none}.mobile-view,.nav__header__mobile{display:block}.main-view{height:0;-webkit-box-flex:0;-ms-flex:0;flex:0;overflow:hidden;visibility:hidden;z-index:-1}}.color-ripple,.color-ripple__component{height:100%;left:0;top:0;width:100%;position:absolute}@media all and (max-width:480px){.codepen-button__link{display:none}}@media all and (max-height:600px){.tabs__container__color-schemes__header{display:none}}.color-ripple{overflow:hidden;pointer-events:none;z-index:2}.color-ripple__ink{opacity:0}.color-ripple__ink__component{border-radius:50%;position:absolute}.color-ripple__ink__response{opacity:1;position:absolute}.color-ripple__ink__response::after{background-color:currentColor;border-radius:50%;content:"";left:50%;margin-left:-10px;margin-top:-10px;height:20px;position:absolute;top:50%;width:20px}.color-ripple::after{content:"";position:absolute;width:100%;height:100%;opacity:0;-webkit-transition-property:box-shadow,opacity;transition-property:box-shadow,opacity;transition-timing:cubic-bezier(.4,0,.6,1);-webkit-transition-duration:0;transition-duration:0}[disabled=disabled] .color-ripple{display:none}.color-ripple:hover{-webkit-transition-duration:0;transition-duration:0}.color-ripple--state-raise__surface::after,.color-ripple--state-raise__surface:focus::after,.color-ripple:focus::after,.color-ripple:hover::after{-webkit-transition-duration:.2s;transition-duration:.2s;transition-timing:cubic-bezier(.4,0,.2,1);opacity:1}.color-ripple--state-inactive{-webkit-transition-duration:0;transition-duration:0}.color-ripple--state-inactive::after{-webkit-transition-duration:.2s;transition-duration:.2s;transition-timing:cubic-bezier(.4,0,.6,1);opacity:0}.mdc-components{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:Roboto;margin:64px auto;width:1664px}.mdc-components__section{display:-webkit-box;display:-ms-flexbox;display:flex}.mdc-components__column{display:-webkit-box;display:-ms-flexbox;display:flex;height:664px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 8px;width:400px}.mdc-component__section,.mdc-component__section__content{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.mdc-components .flex{-webkit-box-flex:1;-ms-flex:1;flex:1}.mdc-components p{color:#616161;font-size:14px;font-weight:700}.mdc-component>p{color:#616161;font-size:14px;font-weight:400;padding-bottom:0}.mdc-component__section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#EEE;display:flex;-ms-flex-direction:column;flex-direction:column;height:400px;position:relative;overflow:hidden;width:400px}.mdc-component__section--size-narrow{height:152px}.mdc-component__section__content{display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding:30px}.mdc-component__section__content__frame{position:relative;overflow:hidden;height:100%;width:100%}.mdc-component__section--size-full{height:620px}.mdc-component__containers{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;height:292px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.mdc-component__containers__primary__only p{display:none}.mdc-component__containers__primary,.mdc-component__containers__secondary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mdc-component__containers__primary__only{margin-top:40px}.mdc-component__containers__secondary{margin-left:80px}.mdc-component__containers__primary>p,.mdc-component__containers__secondary>p{color:#616161;font-size:11px;font-weight:700;margin:25px 0 15px}.mdc-component__containers__primary>[class^=mdc-]:not(:nth-child(2)),.mdc-component__containers__secondary>[class^=mdc-]:not(:nth-child(2)){margin-top:40px}.mdc-component__containers[dir-horizontal]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mdc-component__containers[dir-horizontal] .mdc-component__containers__primary__only{margin-top:0}.mdc-component__containers[dir-horizontal] .mdc-component__containers__secondary{margin-left:0;margin-top:12px}.mdc-component__containers[dir-horizontal] .mdc-component__containers__primary,.mdc-component__containers[dir-horizontal] .mdc-component__containers__secondary{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.mdc-component__containers[dir-horizontal] .mdc-component__containers__primary>p,.mdc-component__containers[dir-horizontal] .mdc-component__containers__secondary>p{margin:0 16px 0 0;text-align:right;width:60px}.mdc-component__containers[dir-horizontal] .mdc-component__containers__primary>[class^=mdc-],.mdc-component__containers[dir-horizontal] .mdc-component__containers__secondary>[class^=mdc-]{margin-top:0;margin-right:60px}*,:after,:before{box-sizing:inherit}@media all and (max-width:1712px){.mdc-components{margin:32px auto;width:832px}.mdc-components__section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mdc-components__column{margin-bottom:64px}}@media all and (max-width:880px){.mdc-components{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:416px}}.material-palette{color:#616161;font-family:Roboto;font-size:12px;overflow:hidden;padding:0}.material-palette .labels-and-palettes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.material-palette .color-labels{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-top:1px;border-right:1px solid #E0E0E0}.material-palette .palettes .color:focus,.material-palette .palettes .color:hover{border-radius:20%}.material-palette .shades-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;border-bottom:1px solid #EEE;height:48px}.material-palette .shades-container li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:16px;margin:0 .5px;padding:10px}.material-palette .shades-container li .align-bottom{padding-top:17px}.material-palette .shades-container li:nth-child(11){border-left:1px solid #EEE;margin-left:-1px}.material-palette .shades-container li:first-child{margin-left:1px}.material-palette .shades-container li:last-child{margin-right:1px}.material-palette .shade{padding-top:calc(7.14% - 2px);width:33px}.material-palette .palette-container{display:-webkit-box;display:-ms-flexbox;display:flex}.material-palette .palette-container .color{-webkit-transition:all .4s cubic-bezier(.25,.8,.25,1);transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff;cursor:pointer;margin:.5px;outline:0;padding-top:33px;position:relative;width:33px}.material-palette .palette-container .color::first-child{margin-left:1px}.material-palette .palette-container .color::last-child{margin-right:0}.material-palette .palette-container .color:after{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transform:scale(1);transform:scale(1);opacity:0;font-size:14px;left:50%;margin-left:-5px;margin-top:-7px;position:absolute;top:50%;width:12px}.material-palette .palette-container .color.color--state-selected{border-radius:50%!important}.color-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;padding-left:8px;position:relative;height:34px}.color-label-divider{background-color:#E0E0E0;bottom:0;left:8px;height:1px;position:absolute;width:88%}.color-label:last-child .color-label-divider{background-color:transparent}.color-schemes,.color-schemes .scheme-container{background-color:#fff;-webkit-box-direction:normal;outline:0}.color-schemes{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;position:relative;width:100%}.color-schemes .strong{font-weight:700}.color-schemes .text--state-illegible{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:4px;right:10px;margin:0;padding:0;font-size:21px;height:21px;width:21px;line-height:21px}.color-schemes .scheme__reset__button{bottom:8px;left:8px;line-height:18px;margin:0;position:absolute}.color-schemes .scheme__reset__button--small{font-size:12px;height:30px;min-height:30px;min-width:60px;width:60px}.color-schemes .scheme-container{border-right:1px solid #BDBDBD;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;padding:16px;position:relative;-webkit-transition:box-shadow .2s cubic-bezier(.4,0,.2,1);transition:box-shadow .2s cubic-bezier(.4,0,.2,1)}.color-schemes .scheme-container:hover{z-index:50}.color-schemes .scheme-container[disabled=disabled]{cursor:not-allowed;opacity:.3}.color-schemes .scheme-container[disabled=disabled]:hover{box-shadow:none;z-index:20}.color-schemes .scheme-container--state-active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);z-index:3}.color-schemes .scheme-container--state-empty p:nth-child(2),.color-schemes .scheme-container--state-empty p:nth-child(3){display:none}.color-schemes .scheme-container--state-empty .scheme-container__content__large,.color-schemes .scheme-container--state-empty .scheme-container__content__small,.color-schemes .scheme-container--state-empty.scheme-container__content__text{border:1px solid #616161}.color-schemes .scheme-container--state-empty .scheme-container__content__large,.color-schemes .scheme-container--state-empty .scheme-container__content__small,.color-schemes .scheme-container--state-empty span,.color-schemes .scheme-container--state-empty.scheme-container__content__text{background-color:transparent!important;color:#616161!important}.color-schemes .scheme-container--state-active.scheme-container--state-empty span{background-color:#616161!important;color:#fff!important}.color-schemes .scheme-container__narrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.color-schemes .scheme-container__narrow .scheme-container{height:50%}.color-schemes .scheme-container__narrow__text{padding:12px}.color-schemes .scheme-container__narrow__text:first-child{border-bottom:1px solid #BDBDBD}.color-schemes .scheme-container__title{color:#616161;font-size:13px;padding-bottom:8px}.color-schemes .scheme-container__content{height:100%}.color-schemes .scheme-container__content__large{height:204px;width:204px}.color-schemes .scheme-container__content__small{position:relative;width:50%}.color-schemes .scheme-container__content__text{height:140px;outline:0}.color-schemes .scheme-container__content__large,.color-schemes .scheme-container__content__small{outline:0}.color-schemes .scheme-container__content__large,.color-schemes .scheme-container__content__small,.color-schemes .scheme-container__content__text{line-height:19px;padding:8px}.color-schemes .scheme-container__content__large,.color-schemes .scheme-container__content__text{position:relative}.color-schemes .scheme-container__content__large p,.color-schemes .scheme-container__content__text p{font-size:14px}.color-schemes .scheme-container__content__large span,.color-schemes .scheme-container__content__text span{border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:700;height:30px;left:50%;position:absolute;top:50%;width:30px}.color-schemes ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:115px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.accessibility{height:100%;position:relative;padding:0;width:100%}.accessibility__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.accessibility__items,.accessibility__toast{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.accessibility__header .md-icon-button{margin:0}.accessibility__items{display:flex;-ms-flex-direction:column;flex-direction:column}.accessibility__items.colors--state-active .accessibility-items__section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.accessibility__items.colors--state-disabled span{color:#212121}.accessibility__items.colors--state-disabled .accessibility-items__section:nth-child(2) .accessibility-flat:first-child{border-top:none}.accessibility__items.colors--state-disabled .accessibility-item{border:1px solid #616161}.accessibility__items.colors--state-disabled .accessibility-item:nth-child(2){border-top:none;border-bottom:none}.accessibility__toast{-webkit-transform:translate3d(8%,-10%,0);transform:translate3d(8%,-10%,0);opacity:0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);-webkit-transition:all .4s cubic-bezier(.25,.8,.25,1);transition:all .4s cubic-bezier(.25,.8,.25,1);background-color:#424242;color:#fff;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;padding-top:20px;padding-left:24px;padding-right:24px;position:absolute;height:180px;top:10px;right:36px;width:350px;visibility:hidden}.accessibility__toast .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-top:24px}.accessibility-item__header,.accessibility-item__table{-webkit-box-orient:vertical;-webkit-box-direction:normal}.accessibility__toast .actions .md-button{color:#FFEB3B;-webkit-box-flex:1;-ms-flex:1;flex:1;height:18px;margin-bottom:14px;min-height:40px;max-height:40px;min-width:100px;max-width:100px;width:85px}.accessibility__toast.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible;z-index:500}@media all and (max-width:1279px){.accessibility__header{display:none}}.accessibility-item{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;height:224px;width:100%}.accessibility-item--color-white{color:#fff}.accessibility-item--color-black{color:#000}.accessibility-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;line-height:20px;padding:32px 0 32px 25px;min-width:120px;width:120px}.accessibility-item__header>p:nth-child(1){font-size:20px;margin-bottom:20px}.accessibility-item__header>p:nth-child(3){text-transform:lowercase}.accessibility-item__table{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:15px 20px 0 12px}.accessibility-item__table__column{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:block;margin:0;padding:12px 0}.accessibility-item__table__column span{font-weight:400;padding-right:5px}.accessibility-item__table__column:nth-child(1){min-width:80px}.accessibility-item__table__column:nth-child(2),.accessibility-item__table__column:nth-child(3){-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 17px;min-width:110px;max-width:300px;text-align:right}.accessibility-item__table__column:nth-child(3){-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:124px}.accessibility-item__table__column:first-child span{font-size:12px;padding:0}.accessibility-item__table__row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #212121;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:36px;width:100%}.accessibility-item__table__row md-icon{cursor:default;margin:0;padding:0 10px}.accessibility-item__table__row__header{height:inherit}.accessibility-item__table__row__header .accessibility-item__table__column{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.accessibility-item__table__row__header__text-size--large,.accessibility-item__table__row__header__text-size--small{padding-bottom:0}.accessibility-item__table__row__header__text-size--large+span,.accessibility-item__table__row__header__text-size--small+span{font-size:12px}.accessibility-item__table__row__header__text-size--large{font-size:35px}.accessibility-item__table__row__header__text-size--large+span{padding-bottom:5px}.accessibility-item__table__row__header__text-size--small{font-size:24px}.accessibility-item__table__row__header__text-size--small+span{padding-bottom:2px}@media all and (max-width:1279px){.accessibility-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:200px}.accessibility-item__header{padding:12px 0 0 12px}.accessibility-item__header>p:nth-child(1){margin-bottom:4px}.accessibility-item__header>p:nth-child(2){display:none}.accessibility-item__table{padding:0 12px 12px}.accessibility-item__table__column:nth-child(2),.accessibility-item__table__column:nth-child(3){margin:0;min-width:0}.accessibility-item__table__row__header__text-size--large,.accessibility-item__table__row__header__text-size--small{padding-bottom:0}}@media all and (max-width:479px){.accessibility-item__table__row__header__text-size--large+span,.accessibility-item__table__row__header__text-size--small+span{font-size:9px}}.collection-drawer{background-color:#212121;bottom:0;box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);max-height:700px;margin-left:-300px;outline:0;position:fixed;right:60px;-webkit-transform:translate3d(0,48px,0);transform:translate3d(0,48px,0);-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1);width:720px;z-index:10}.collection-drawer--status-active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:80}.collection-drawer__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:400;height:48px;padding-left:20px}.collection-drawer__header--section-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.collection-drawer__header em{color:#ff6e40;margin-right:7px}.collection-drawer__button-toggle-open{border-radius:2px;fill:#fff}.collection-drawer__button-toggle-open:hover{background:rgba(255,255,255,.14)}.collection-drawer__schemes{background-color:#FAFAFA;display:none;min-height:120px;outline:0}.collection-drawer__schemes__collection{border-right:1px solid #BDBDBD;width:220px}.collection-drawer__schemes__collection__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:40px;margin:12px 70px 12px 20px;position:relative;width:192px}.collection-drawer__schemes__collection__content p{color:#757575;font-size:11px;min-height:16px;padding-bottom:5px}.collection-drawer__schemes__collection__content li{border:1px solid #F5F5F5;-webkit-transition:border-radius,.2s cubic-bezier(.4,0,.2,1);transition:border-radius,.2s cubic-bezier(.4,0,.2,1);cursor:pointer}.collection-drawer__schemes__collection__content:hover li{border-radius:20%}.collection-drawer__schemes__collection__content.scheme--state-active li{border-radius:50%}.collection-drawer__current__scheme{width:calc(100% - 220px)}.collection-drawer__current__scheme h3{color:#757575;font-size:12px;font-weight:700;padding:12px 0 8px}.collection-drawer__current__scheme__content{padding:0 16px 16px}.collection-drawer__current__scheme__content .md-icon-button{position:absolute;right:0}.collection-drawer__current__scheme__content input{width:190px}.collection-drawer__current__scheme__swatches{display:-webkit-box;display:-ms-flexbox;display:flex}.collection-drawer__current__scheme__swatch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;height:252px}.collection-drawer__current__scheme__swatch--large{height:164px;line-height:19px;padding:10px;position:relative;width:164px}.collection-drawer__current__scheme__swatch--large p:nth-child(2){font-weight:700}.collection-drawer__current__scheme__swatch--large p:nth-child(3){left:10px;position:absolute;bottom:10px}.collection-drawer__current__scheme__swatch--large span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;font-size:16px;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px}.collection-drawer__current__scheme__swatch--narrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:252px;margin-left:2px;width:100%}.collection-drawer__current__scheme__swatch--text{line-height:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:12px;height:50%;padding:10px;position:relative}.collection-drawer__current__scheme__swatch--text p:nth-child(2){font-weight:700}.collection-drawer__current__scheme__swatch--text span{border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;font-weight:700;height:30px;left:50%;position:absolute;top:50%;width:30px}.collection-drawer__current__scheme__swatch--state-empty p:nth-child(2),.collection-drawer__current__scheme__swatch--state-empty p:nth-child(3){display:none}.collection-drawer__current__scheme__swatch--state-empty .collection-drawer__current__scheme__swatch--large,.collection-drawer__current__scheme__swatch--state-empty .collection-drawer__current__scheme__swatch--small,.collection-drawer__current__scheme__swatch--state-empty .collection-drawer__current__scheme__swatch--text{background-color:transparent!important;border:1px solid #616161;color:#616161!important}.collection-drawer__current__scheme__swatch--state-empty span{background-color:transparent!important;color:#616161!important}.collection-drawer__current__scheme__swatch ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.collection-drawer__current__scheme__swatch ul li{line-height:19px;padding:10px;position:relative;width:50%}.collection-drawer__current__scheme__swatch ul li p:nth-child(2){font-weight:700}.collection-drawer__collected__scheme{display:-webkit-box;display:-ms-flexbox;display:flex;height:24px;outline:0}.collection-drawer__collected__scheme li{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 .5px;width:24px}.collection-drawer__collected__scheme li p{display:none;font-size:11px;font-style:normal;line-height:14px;margin:0}.collection-drawer__collected__scheme:nth-child(2n){-webkit-box-flex:1;-ms-flex:1;flex:1}.collection-drawer__content__header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #BDBDBD;display:-webkit-box;display:-ms-flexbox;display:flex;padding:8px 0 8px 20px;height:44px}.collection-drawer__content__header span{color:#616161;font-size:12px;text-transform:uppercase;font-weight:500}.collection-drawer__content__header .md-icon-button{width:32px;height:32px;line-height:32px;max-height:none;min-height:0;max-width:none;min-width:0;margin:0;padding:0}.collection-drawer__content__header .md-icon-button md-icon{font-size:24px;height:32px;width:32px;line-height:32px}.collection-drawer__content__header .md-icon-button:last-child{margin-right:8px}.collection-drawer-button__share{margin-right:5px}.collection-drawer-button__share md-icon{margin-bottom:5px}.collection-drawer--status-opened .collection-drawer__schemes{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.selection-toggle{display:inline-block;outline:0}.selection-toggle[disabled=disabled]{opacity:.1}.selection-toggle[disabled=disabled] .md-button{cursor:default}.selection-toggle__button{background:0 0!important}.selection-toggle__button span{font-size:12px;font-weight:500;text-transform:none}.selection-toggle__button.md-icon-button{width:48px;height:48px}.selection-toggle__frame-mask{display:inline-block;height:24px;overflow:hidden;width:24px}.selection-toggle__frame-mask.is-shown-with-label{margin-left:6px;position:relative;top:7px}.selection-toggle__frames{background:url(data:image/png;base64,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);background-size:1032px 24px;height:24px;width:1032px}.selection-toggle__frames.is-selected{-webkit-transform:translateX(-456px);transform:translateX(-456px)}.selection-toggle__frames.is-selected-add{-webkit-transition:-webkit-transform .316s steps(19,end);transition:-webkit-transform .316s steps(19,end);transition:transform .316s steps(19,end);transition:transform .316s steps(19,end),-webkit-transform .316s steps(19,end);-webkit-transform:translateX(0);transform:translateX(0)}.selection-toggle__frames.is-selected-add.is-selected-add-active{-webkit-transform:translateX(-456px);transform:translateX(-456px)}.selection-toggle__frames.is-selected-remove{-webkit-transition:-webkit-transform .383s steps(23,end);transition:-webkit-transform .383s steps(23,end);transition:transform .383s steps(23,end);transition:transform .383s steps(23,end),-webkit-transform .383s steps(23,end);-webkit-transform:translateX(-456px);transform:translateX(-456px)}.selection-toggle__frames.is-selected-remove.is-selected-remove-active{-webkit-transform:translateX(-1008px);transform:translateX(-1008px)}.color-wheel{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;position:relative;width:100%}.color-wheel__container{display:-webkit-box;display:-ms-flexbox;display:flex;height:250px;min-height:250px;margin:0;position:relative;width:320px}.color-wheel__canvas{cursor:crosshair;height:250px;width:250px}.color-wheel__luminance{margin-left:25px;height:250px}.color-wheel__luminance--state-hide{visibility:hidden}.color-wheel__selector{position:absolute;top:0;left:0}.color-wheel__selector--state-hide{visibility:hidden}.color-wheel__input{height:30px;margin:30px 0 0}@media all and (max-height:900px){.color-wheel{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.color-wheel__container{height:140px;min-height:140px;width:210px}.color-wheel__canvas{height:140px;width:140px}.color-wheel__input{margin:0}}@media all and (max-height:740px){.color-wheel__container{height:100px;min-height:100px;width:170px}.color-wheel__canvas{height:100px;width:100px}.color-wheel__input{margin:0}}.color-wheel-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:33px;width:27px;background-color:transparent;top:0;left:0;background-image:url(../assets/images/components/colorwheel-selector.png);background-repeat:no-repeat}.color-luminance-slider__bar,.ui-container{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.color-wheel-selector__color{border:1px solid #EEE;height:14px;width:14px;border-radius:50%;position:relative;top:8px}.color-luminance-slider{cursor:crosshair;padding-right:30px;position:relative;height:100%;width:40px}.color-luminance-slider__bar{display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.color-luminance-slider__bar>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.color-luminance-slider__thumb{background-image:url(../assets/images/components/droplet.svg);background-repeat:no-repeat;height:19px;left:12px;position:absolute;top:0;width:23px}.material-io-nav,.ui-container,.ui-container svg{position:relative}.color-luminance-slider[disabled=disabled]{cursor:not-allowed}.color-luminance-slider[disabled=disabled] .color-luminance-slider__bar{background-color:#212121!important}.color-luminance-slider[disabled=disabled] .color-luminance-slider__thumb{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.ui-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%}.ui-container .ui-container__nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;width:136px}.ui-container .ui-container__section{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui-mobile{height:90%}.ui-mobile .ui-mobile-section{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%}.ui-mobile svg{height:100%}.ui-mobile.ui-mobile-1 .opacity-26{opacity:.26}.ui-mobile.ui-mobile-1 .void-empty{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-1 .void-0{fill:#F5F5F6}.ui-mobile.ui-mobile-1 .void-1{fill:#767676}.ui-mobile.ui-mobile-1 .void-2{fill:#E1E2E1}.ui-mobile.ui-mobile-1 .fab-stroke{fill:none;stroke-width:3;stroke-miterlimit:10}.ui-mobile.ui-mobile-1 .title{font-family:'Roboto Mono';font-size:24px}.ui-mobile.ui-mobile-2 .void-0{fill:#F5F5F6}.ui-mobile.ui-mobile-2 .void-1{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-2 .text{font-family:Roboto;font-size:15px}.ui-mobile.ui-mobile-2 .fab-stroke{fill:none;stroke-width:3;stroke-miterlimit:10}.ui-mobile.ui-mobile-2 .title{font-family:'Roboto Mono';font-size:24px}.ui-mobile.ui-mobile-3 .void-empty{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-3 .opacity-87{opacity:.87}.ui-mobile.ui-mobile-3 .void-0{fill:#E1E2E1}.ui-mobile.ui-mobile-3 .void-1{fill:#F5F5F6}.ui-mobile.ui-mobile-3 .text{font-family:Roboto;font-size:14px}.ui-mobile.ui-mobile-3 .title,.ui-mobile.ui-mobile-5 .title{font-family:'Roboto Mono';font-size:24px}.ui-mobile.ui-mobile-3 .fab-stroke{fill:none;stroke-width:3;stroke-miterlimit:10}.ui-mobile.ui-mobile-4 .void-empty{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-4 .void-0{fill:#E1E2E1}.ui-mobile.ui-mobile-4 .void-1{opacity:.5;fill:#414142}.ui-mobile.ui-mobile-4 .void-2{fill:#F5F5F6}.ui-mobile.ui-mobile-5 .void-empty{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-5 .void-0{fill:#FFF}.ui-mobile.ui-mobile-5 .fab-stroke{fill:none;stroke-width:3;stroke-miterlimit:10}.ui-mobile.ui-mobile-5 .text{font-family:Roboto;font-size:15px}.ui-mobile.ui-mobile-6 .void-empty{fill:none;stroke:#808285;stroke-miterlimit:10}.ui-mobile.ui-mobile-6 .void-0{fill:#E1E2E1}.ui-mobile.ui-mobile-6 .void-1{fill:#FFF}.ui-mobile.ui-mobile-6 .void-2{opacity:.2;fill:none;stroke:#000;stroke-miterlimit:10}.ui-mobile.ui-mobile-6 .void-3{fill:#767676}.ui-mobile.ui-mobile-6 .fab-stroke{fill:none;stroke-width:3;stroke-miterlimit:10}.ui-mobile.ui-mobile-6 .hide{display:none}.ui-mobile.ui-mobile-6 .title{font-family:'Roboto Mono';font-size:24px}.ui-mobile.ui-mobile-6 .text{font-family:Roboto;font-size:16px}.ui-mobile.ui-mobile-6 .list-stroke{opacity:.2;fill:none;stroke:#000;stroke-width:.5;stroke-miterlimit:10}@media all and (max-width:480px){.ui-mobile svg{width:340px}}@media all and (max-width:380px){.ui-mobile svg{width:308px}}@media all and (max-width:320px){.ui-mobile svg{width:244px}}.material-io-nav{box-sizing:border-box;border-bottom:1px solid #E0E0E0;display:block;font-family:"Roboto Mono",monospace;height:320px;outline:0;-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out;z-index:600}.material-io-nav__header{background-color:#fff;display:block;height:100%;position:relative;width:100%;overflow:hidden;z-index:60}.material-io-nav__link,.material-io-nav__wrapper{display:-webkit-box;display:-ms-flexbox;cursor:pointer}.material-io-nav__wrapper{display:flex;height:34px;left:32px;overflow:hidden;position:absolute;top:16px;z-index:5}.material-io-nav__backdrop{background-color:rgba(0,0,0,.5);height:100%;position:fixed;width:100%;top:0;z-index:50}.material-io-nav__carousel{-webkit-transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);transition:-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);transition:transform .25s cubic-bezier(.25,.46,.45,.94);transition:transform .25s cubic-bezier(.25,.46,.45,.94),-webkit-transform .25s cubic-bezier(.25,.46,.45,.94);position:relative;-webkit-transform:translateY(0);transform:translateY(0)}.material-io-nav--state-collapse .material-io-nav__carousel{-webkit-transform:translateY(-36px);transform:translateY(-36px)}.material-io-nav__link{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../assets/images/material_logo.svg);background-repeat:no-repeat;display:flex;height:34px;padding-left:54px;outline:0;-webkit-transform:translateY(0);transform:translateY(0)}.material-io-nav__link h2{background-image:url(../assets/images/material_wordmark-dark.svg);background-position:left center;background-repeat:no-repeat;background-size:180px auto;margin:0;overflow:hidden;text-indent:100%;white-space:nowrap;width:180px}.material-io-nav__brand__icon,.material-io-nav__graphic__image{background-image:url(../assets/images/color_light.svg);background-repeat:no-repeat}.material-io-nav__brand{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:0;padding-top:2px}.material-io-nav__brand__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:middle;-ms-flex-align:middle;align-items:middle;height:30px;width:30px}.material-io-nav__brand h2{font-size:20px;letter-spacing:.2px;padding-left:24px;text-transform:uppercase}.material-io-nav__container{-webkit-transition:opacity .4s cubic-bezier(.25,.8,.25,1);transition:opacity .4s cubic-bezier(.25,.8,.25,1);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;position:relative;width:100%;top:0}.material-io-nav__content{position:relative;width:50%}.material-io-nav__content__style{padding-top:139px;right:0;position:absolute;text-align:right;width:330px}.material-io-nav__content h3{font-size:40px;font-weight:400;letter-spacing:-1.25px;line-height:53px;margin-bottom:16px;margin-top:0;text-transform:uppercase}.material-io-nav__content p{font-family:Roboto;font-size:14px;letter-spacing:0;line-height:24px}.material-io-nav__graphic{height:320px;margin-left:64px;width:50%}.material-io-nav__graphic__image{height:100%}.material-io-nav--state-collapse{border-width:0;height:0}.material-io-nav--state-collapse .material-io-nav__header{overflow:visible}.material-io-nav--state-collapse .material-io-nav__container{-webkit-transition:visibility 0s linear .4s,opacity .4s cubic-bezier(.25,.8,.25,1);transition:visibility 0s linear .4s,opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0;visibility:hidden}.material-io-nav--state-collapse .material-io-nav__backdrop{z-index:-1;visibility:hidden}@media all and (min-width:420px) and (max-width:900px){.material-io-nav__wrapper{left:16px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(.8);transform:scale(.8)}.material-io-nav__container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:auto;top:64px}.material-io-nav__content{width:100%}.material-io-nav__content__style{display:inline-block;position:relative;text-align:left;margin:8px 16px 16px;width:auto;padding-top:0}.material-io-nav__content h3{font-size:26px;margin-bottom:0}.material-io-nav__content p{margin:0}.material-io-nav__graphic{margin:0;width:100%;position:relative;height:125px;top:0}.material-io-nav__graphic__image{background-position:center}}@media all and (max-width:419px){.material-io-nav__wrapper{left:16px;-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scale(.8);transform:scale(.8)}.material-io-nav__container{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;height:auto;top:64px}.material-io-nav__content{padding-top:64px;width:100%}.material-io-nav__content__style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-align:center;margin:8px 16px 16px;width:auto;padding-top:0}.material-io-nav__content h3{font-size:26px;margin-bottom:0}.material-io-nav__content p{margin:0;padding:0 12px}.material-io-nav__graphic{height:64px;position:absolute;margin:0;right:0;top:0;width:100%}.material-io-nav__graphic__image{background-position:center}}