@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1 !important}}@keyframes fadeIn{from{opacity:0}to{opacity:1 !important}}.brand-page .trig{cursor:pointer}@media only screen and (min-width: 0px) and (max-width: 600px){.brand-page h2,.brand-page .h2{font-size:30px}.brand-page h3,.brand-page .h3,.brand-page .h-32{font-size:22px}.brand-page .h-24{font-size:18px}}.brand-page .material-tooltip{background:#EEEEEE;color:#253036;padding:2rem;text-align:left;line-height:2}.brand-page .material-tooltip .arrow-left-tooltip{border-right-color:#EEEEEE}.brand-page .material-tooltip .arrow-up-tooltip{border-bottom-color:#EEEEEE !important}@media only screen and (min-width: 993px){.brand-page .material-tooltip{max-width:402px}}@media only screen and (max-width: 992px){.brand-page .material-tooltip{max-width:80%}.brand-page .material-tooltip .arrow-up-tooltip{left:8%}}@media only screen and (min-width: 993px){.brand-page .category-nav{max-width:291px;border-right:1px solid #eee}.brand-page .category-nav .menu-wrap{display:block !important}}@media only screen and (max-width: 992px){.brand-page .category-nav{max-width:100%;border:1px solid #eee;padding:0 !important;margin-top:.5rem !important}.brand-page .category-nav .menu-wrap{display:none}.brand-page .category-nav .trig:after{content:"+";float:right}.brand-page .category-nav .trig.active:after{content:"-"}}.brand-page .category-nav a{-webkit-transition:background .3s ease;transition:background .3s ease}.brand-page .category-nav a.active,.brand-page .category-nav a.text-blue-grey.text-darken-4:hover{background:#eee;color:#263238 !important}.brand-page .viewport #intro img{margin-right:-26%}@media only screen and (min-width: 993px){.brand-page .viewport #logos .section-1{max-width:693px}}.brand-page .viewport #type .type-wrap h1,.brand-page .viewport #type .type-wrap .h1{font-size:52px !important}.brand-page .viewport #type .type-wrap h2,.brand-page .viewport #type .type-wrap .h2{font-size:42px !important}.brand-page .viewport #type .type-wrap h3,.brand-page .viewport #type .type-wrap .h3{font-size:38px !important}.brand-page .viewport #type .type-wrap h4,.brand-page .viewport #type .type-wrap .h4,.brand-page .viewport #type .type-wrap .h-24{font-size:24px !important}.brand-page .viewport #type .type-wrap h5,.brand-page .viewport #type .type-wrap .h5,.brand-page .viewport #type .type-wrap .h-18{font-size:18px !important}.brand-page .viewport #type .type-wrap h6,.brand-page .viewport #type .type-wrap .h6{font-size:16px !important}.brand-page .viewport #type .type-wrap .h-14{font-size:14px !important}.brand-page .viewport #type .type-wrap .h-11{font-size:11px !important}.brand-page .viewport #type .type-wrap .h-subhead{font-size:20px !important}@media only screen and (min-width: 993px){.brand-page .viewport #colors .section-1{max-width:704px}}.brand-page .viewport #colors .section-1 .color-block{height:80px;cursor:pointer}.brand-page .viewport #colors .section-1 .copied::after{position:absolute;top:-21px;right:14%;display:block;content:"copied";font-size:12px;padding:9px 5px;color:#fff;background-color:#263238;border-radius:3px;opacity:0;will-change:opacity, transform;-webkit-animation:showcopied 1.5s ease;animation:showcopied 1.5s ease;letter-spacing:1px;font-weight:normal}@-webkit-keyframes showcopied{0%{opacity:0;-webkit-transform:translateY(70%);transform:translateY(70%)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0}}@keyframes showcopied{0%{opacity:0;-webkit-transform:translateY(70%);transform:translateY(70%)}70%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0}}.brand-page .viewport #colors .btn-wrap-last{pointer-events:none}.brand-page .viewport #colors .line-px-v{margin-left:3rem;border-left:1px solid;padding-left:1rem;line-height:60px;position:relative;top:16px}.brand-page .viewport #colors .line-px-v.line-px-v-large:before{top:-39px}.brand-page .viewport #colors .line-px-v.line-px-v-large:after{bottom:-24px}.brand-page .viewport #colors .line-px-v:before,.brand-page .viewport #colors .line-px-v:after{content:"___";position:absolute;left:-11px}.brand-page .viewport #colors .line-bottom-l{width:100%;bottom:-70px}.brand-page .viewport #colors .line-bottom-l:after,.brand-page .viewport #colors .line-bottom-l:before{content:"|";position:absolute;top:-14px}.brand-page .viewport #colors .line-bottom-l:after{right:-2px}.brand-page .viewport #colors .line-bottom-l:before{left:-2px}.brand-page .viewport #colors .buttons .btn-large{height:3.75rem !important;line-height:3.7rem !important;padding:0 2.907rem !important;font-size:16px !important}.brand-page .viewport #colors .buttons .line-px-v{top:0}.brand-page .viewport #colors .buttons .line-px-v{line-height:40px !important}.brand-page .viewport #colors .buttons .line-px-v:after{bottom:-14px}.brand-page .viewport #colors .buttons .line-px-v:before{top:-27px}.brand-page .viewport #colors .buttons .line-px-h{border-top:1px solid #000;width:40px;bottom:-42px}.brand-page .viewport #colors .buttons .line-px-h:first-of-type{left:0}.brand-page .viewport #colors .buttons .line-px-h:last-of-type{right:0}.brand-page .viewport #colors .buttons .line-px-h:before,.brand-page .viewport #colors .buttons .line-px-h:after{content:"|";top:-12px;position:relative}.brand-page .viewport #colors .buttons .line-px-h:before{left:-2px}.brand-page .viewport #colors .buttons .line-px-h:after{right:-5px}.brand-page .viewport #colors .small-btns .btn{font-size:15px !important;display:table}.brand-page .viewport #colors .keep-large .btn-large{height:3.75rem !important;line-height:3.7rem !important;padding:0 2.907rem !important;font-size:16px !important}@media only screen and (max-width: 1200px){.brand-page .viewport #colors .keep-large .btn{display:table}}.brand-page .viewport #colors .section-3 .btn.db{display:inline-block !important}@media only screen and (min-width: 993px){.brand-page .viewport #icons .line-icons{max-width:860px}}.brand-page .viewport #icons .line-icons .glyph{padding:0 30px 0 0}.brand-page .viewport #icons .line-icons svg.icon{max-width:32px;height:32px}.brand-page .viewport #icons .brand-icons .icon{width:22px;height:22px}@media only screen and (min-width: 993px){.brand-page .viewport #icons .google-icons{max-width:922px}}.brand-page .viewport #icons .google-icons i{margin-right:30px;font-size:33px}.brand-page .viewport #vocab .section-1 .alph>span{padding:0 .8%;margin:0}.brand-page .viewport #vocab .section-1 .alph>span.scrolly{cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.brand-page .viewport #vocab .section-1 .alph>span.scrolly:hover{color:#3db2a2}@media only screen and (min-width: 993px){.brand-page .viewport #vocab .section-2{-webkit-column-count:2;column-count:2;-webkit-column-gap:40px;column-gap:40px}}@media only screen and (min-width: 993px){.brand-page .viewport #vocab .section-2 .scroll-to{-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}}.brand-page .viewport #vocab .section-2 .tooltipped{position:relative;top:5px;left:5px}@media only screen and (min-width: 993px){.brand-page .viewport #grammar .collapsible-header{pointer-events:none;cursor:default;min-height:0;line-height:1.5}}@media only screen and (max-width: 992px){.brand-page .viewport #grammar .collapsible-header:before{content:"+";left:0;position:absolute}.brand-page .viewport #grammar .collapsible-header.active:before{content:"-"}}@media only screen and (min-width: 993px){.brand-page .viewport #grammar .collapsible-body{pointer-events:none;cursor:default;display:block !important;height:auto !important}}.brand-page .viewport #get form{max-width:501px}.brand-page .viewport #get .message{min-height:250px}