@charset "UTF-8";
html {
    color: #222
}
a:visited {
    color: #551a8b
}
a:hover {
    color: #06e
}
img {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.nocallout {
    -webkit-touch-callout: none
}
.pressed {
    background-color: rgba(0, 0, 0, .7)
}
textarea[contenteditable] {
    -webkit-appearance: none
}
.gifhidden {
    position: absolute;
    left: -100%
}
.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em
}
.ir br {
    display: none
}
.hidden {
    display: none!important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.clearfix::before,
.clearfix::after {
    content: "";
    display: table
}
.clearfix::after {
    clear: both
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background: 0 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
blockquote {
    margin: 0
}
*,
*::before,
*::after {
    box-sizing: border-box
}
html,
body,
button {
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}
body {
    font-size: 16px;
    line-height: 1.625em;
    color: #404040
}
body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    display: none;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .15)95%, rgba(0, 0, 0, .15)100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .15)95%, rgba(0, 0, 0, .15)100%);
    background-size: 100% 26px
}
body.debug::after {
    display: block;
    pointer-events: none
}
pre {
    background: #f0f0f0;
    padding: 13px
}
.main-container {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (min-width: 620px) {
    .main-container {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px
    }
}
@media only screen and (min-width: 800px) {
    .main-container {
        padding-left: 4.4%;
        padding-right: 4.4%;
    }
}
.container {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto
}
@media only screen and (min-width: 620px) {
    .container {
        padding-left: 4.8%;
        padding-right: 4.8%;
    }
}
@media only screen and (min-width: 800px) {
    .container {
        padding-left: 4.4%;
        padding-right: 4.4%;
    }
}
@media only screen and (min-width: 620px) {
    .container-medium {
        box-sizing: content-box;
        position: relative;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto
    }
}
@media only screen and (min-width: 620px) and (min-width: 620px) {
    .container-medium {
        padding-left: 4.8%;
        padding-right: 4.8%;
    }
}
@media only screen and (min-width: 620px) and (min-width: 800px) {
    .container-medium {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px
    }
}
@media only screen and (max-width: 619px) {
    .container-small {
        box-sizing: content-box;
        position: relative;
        padding-left: 5%;
        padding-right: 5%;
        margin-left: auto;
        margin-right: auto
    }
}
@media only screen and (max-width: 619px) and (min-width: 620px) {
    .container-small {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px
    }
}
@media only screen and (max-width: 619px) and (min-width: 800px) {
    .container-small {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px
    }
}
@media only screen and (min-width: 800px) {
    .content {
        margin-right: 25.9%
    }
    .content pre {
        margin-right: -25.9%
    }
}
@font-face{font-family:"icons";src:url("images/icons/icons.eot");src:url("images/icons/icons.eot?#iefix") format("embedded-opentype"),
url("images/icons/icons.woff2") format("woff2"),
url("images/icons/icons.woff") format("woff"),
url("images/icons/icons.ttf") format("truetype"),
url("images/icons/icons.svg?#icons") format("svg");
font-weight:400;
font-style:normal
}
.icon {
    font-family: "icons";
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-bullet::before,
ul li::before,
ul.list-links a::before,
.list-anchor a::before {
    content: "\e001"
}
.icon-chevron-down::before {
    content: "\e002"
}
.icon-chevron-large::before {
    content: "\e003"
}
.icon-chevron-left::before,
.article-nav-link--prev::before {
    content: "\e004"
}
.icon-chevron-right::before,
.article-nav-link--next::before,
ul.list-links.list-links--primary a::before {
    content: "\e005"
}
.icon-chevron-up::before {
    content: "\e006"
}
.icon-close::before {
    content: "\e007"
}
.icon-cog::before {
    content: "\e008"
}
.icon-diamond::before {
    content: "\e009"
}
.icon-exclamation::before {
    content: "\e00a"
}
.icon-google-dev::before {
    content: "\e00b"
}
.icon-hash::before {
    content: "\e00c"
}
.icon-introduction-to-media::before {
    content: "\e00d"
}
.icon-lessons::before {
    content: "\e00e"
}
.icon-menu::before {
    content: "\e00f"
}
.icon-minus::before {
    content: "\e010"
}
.icon-multi-device-layouts::before {
    content: "\e011"
}
.icon-performance::before {
    content: "\e012"
}
.icon-plus::before {
    content: "\e013"
}
.icon-question::before {
    content: "\e014"
}
.icon-slash::before {
    content: "\e015"
}
.icon-star::before {
    content: "\e016"
}
.icon-tick::before {
    content: "\e017"
}
.icon-user-input::before {
    content: "\e018"
}
.highlight-module {
    overflow: hidden;
    margin-top: 52px;
    margin-bottom: 26px;
    position: relative
}
.highlight-module::after {
    background: #f0f0f0;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    right: 0;
    left: 0
}
.highlight-module ul,
.highlight-module ol {
    padding-left: 0
}
.highlight-module__container {
    box-sizing: content-box;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 78px;
    z-index: 1;
    position: relative
}
@media only screen and (min-width: 620px) {
    .highlight-module__container {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px
    }
}
@media only screen and (min-width: 800px) {
    .highlight-module__container {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px
    }
}
.highlight-module__container::before {
    display: none
}
@media only screen and (min-width: 620px) {
    .highlight-module__container::before {
        display: block;
        position: absolute;
        top: 106px;
        right: 45px;
        font-family: "icons";
        font-size: 130px;
        line-height: 1px;
        text-align: center;
        height: 100%;
        width: 30.3%;
        color: #fff
    }
}
.highlight-module--left .highlight-module__container::before {
    right: auto;
    left: 45px
}
@media only screen and (min-width: 800px) {
    .highlight-module__container::before {
        top: 134px;
        width: 22.2%;
        font-size: 180px
    }
    .highlight-module--large .highlight-module__container::before {
        font-size: 430px
    }
}
@media only screen and (min-width: 620px) {
    .highlight-module__container {
        padding-bottom: 52px
    }
}
@media only screen and (min-width: 800px) {
    .highlight-module__container {
        min-height: 208px
    }
}
.highlight-module__title {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 68px;
    font-weight: 300;
    line-height: 1.1471em;
    padding-bottom: 0;
    padding-top: 26px
}
@media only screen and (min-width: 800px) {
    .highlight-module__title {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 110px;
        font-weight: 300;
        line-height: 1.19em;
        padding-top: .2364em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 800px) {
    .highlight-module__title {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        padding-top: .619em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 800px) and (min-width: 800px) {
    .highlight-module__title {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        padding-top: .3824em;
        padding-bottom: 0
    }
}
.highlight-module__cta {
    display: block
}
.highlight-module--learning {
    color: #fff
}
.highlight-module--learning::after {
    background-color: #da2e75
}
.highlight-module--learning a {
    color: #fff;
    text-decoration: underline
}
.highlight-module--remember {
    color: #fff
}
.highlight-module--remember::after {
    background-color: #297ea9
}
.highlight-module--remember a {
    color: #fff;
    text-decoration: underline
}
.highlight-module--code {
    overflow: visible;
    margin-bottom: 52px
}
.highlight-module--code pre {
    margin: 0;
    font-size: 14px;
    line-height: 26px;
    padding: 26px 0 0
}
.highlight-module--code pre span {
    margin: 0;
    padding: 0;
    display: inline-block
}
.highlight-module--code code {
    margin: 0;
    padding: 0;
    word-spacing: -2px;
    display: block
}
.highlight-module--code .highlight-module__container {
    padding-bottom: 0
}
.highlight-module--code .highlight-module__cta {
    position: absolute;
    bottom: -26px
}
@media only screen and (min-width: 800px) {
    .highlight-module--left::after {
        width: 80%;
        right: 20%
    }
}
@media only screen and (min-width: 800px) {
    .highlight-module--right::after {
        width: 80%;
        left: 20%
    }
}
@media only screen and (min-width: 800px) {
    .highlight-module--right.highlight-module--code::after {
        width: 100%;
        left: 0
    }
}
.highlight-module--inline {
    color: #404040;
    overflow: visible;
    margin: 26px 0 0
}
.highlight-module--inline .highlight-module__container {
    padding-bottom: 0
}
.highlight-module--inline .highlight-module__container::before {
    display: none
}
.highlight-module--inline .highlight-module__content {
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: -2px;
    padding: 0 0 26px
}
.highlight-module--inline .highlight-module__title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
    padding-top: 1.3em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    .highlight-module--inline .highlight-module__title {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1em;
        padding-top: 1em;
        padding-bottom: 0
    }
}
.highlight-module--inline.highlight-module--remember .highlight-module__title,
.highlight-module--inline.highlight-module--remember li::before {
    color: #297ea9
}
.highlight-module--inline.highlight-module--learning .highlight-module__title,
.highlight-module--inline.highlight-module--learning li::before {
    color: #da2e75
}
.highlight-module--inline::after {
    display: none!important
}
div.highlight>pre>code,
code .highlight {
    background: 0 0
}
div.highlight>pre>code .c,
code .highlight .c {
    color: #998;
    font-style: italic
}
div.highlight>pre>code .err,
code .highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}
div.highlight>pre>code .cm,
code .highlight .cm {
    color: #998;
    font-style: italic
}
div.highlight>pre>code .cp,
code .highlight .cp {
    color: rgba(0, 0, 0, .54)
}
div.highlight>pre>code .c1,
code .highlight .c1 {
    color: #998;
    font-style: italic
}
div.highlight>pre>code .cs,
code .highlight .cs {
    color: rgba(0, 0, 0, .54);
    font-style: italic
}
div.highlight>pre>code .gs,
code .highlight .gd {
    color: #000;
    background-color: #fdd
}
div.highlight>pre>code .gd .x,
code .highlight .gd .x {
    color: #000;
    background-color: #faa
}
div.highlight>pre>code .ge,
code .highlight .ge {
    font-style: italic
}
div.highlight>pre>code .gr,
code .highlight .gr {
    color: #a00
}
div.highlight>pre>code .gh,
code .highlight .gh {
    color: rgba(0, 0, 0, .54)
}
div.highlight>pre>code .gi,
code .highlight .gi {
    color: #000;
    background-color: #dfd
}
div.highlight>pre>code .gi .x,
code .highlight .gi .x {
    color: #000;
    background-color: #afa
}
div.highlight>pre>code .go,
code .highlight .go {
    color: #888
}
div.highlight>pre>code .gp,
code .highlight .gp {
    color: #555
}
div.highlight>pre>code .gu,
code .highlight .gu {
    color: #aaa
}
div.highlight>pre>code .gt,
code .highlight .gt {
    color: #a00
}
div.highlight>pre>code .kt,
code .highlight .kt {
    color: #458
}
div.highlight>pre>code .m,
code .highlight .m {
    color: #099
}
div.highlight>pre>code .s,
code .highlight .s {
    color: #da2e75
}
div.highlight>pre>code .na,
code .highlight .na {
    color: teal
}
div.highlight>pre>code .nb,
code .highlight .nb {
    color: #0086B3
}
div.highlight>pre>code .nc,
code .highlight .nc {
    color: #458
}
div.highlight>pre>code .no,
code .highlight .no {
    color: teal
}
div.highlight>pre>code .ni,
code .highlight .ni {
    color: purple
}
div.highlight>pre>code .ne,
code .highlight .ne,
div.highlight>pre>code .nf,
code .highlight .nf {
    color: #900
}
div.highlight>pre>code .nn,
code .highlight .nn {
    color: #555
}
div.highlight>pre>code .nt,
code .highlight .nt {
    color: #297ea9
}
div.highlight>pre>code .nv,
code .highlight .nv {
    color: teal
}
div.highlight>pre>code .w,
code .highlight .w {
    color: #bbb
}
div.highlight>pre>code .mf,
code .highlight .mf,
div.highlight>pre>code .mh,
code .highlight .mh,
div.highlight>pre>code .mi,
code .highlight .mi,
div.highlight>pre>code .mo,
code .highlight .mo {
    color: #099
}
div.highlight>pre>code .sb,
code .highlight .sb,
div.highlight>pre>code .sc,
code .highlight .sc,
div.highlight>pre>code .sd,
code .highlight .sd,
div.highlight>pre>code .s2,
code .highlight .s2,
div.highlight>pre>code .se,
code .highlight .se,
div.highlight>pre>code .sh,
code .highlight .sh,
div.highlight>pre>code .si,
code .highlight .si,
div.highlight>pre>code .sx,
code .highlight .sx {
    color: #da2e75
}
div.highlight>pre>code .sr,
code .highlight .sr {
    color: #009926
}
div.highlight>pre>code .s1,
code .highlight .s1 {
    color: #da2e75
}
div.highlight>pre>code .ss,
code .highlight .ss {
    color: #990073
}
div.highlight>pre>code .bp,
code .highlight .bp {
    color: rgba(0, 0, 0, .54)
}
div.highlight>pre>code .vc,
code .highlight .vc,
div.highlight>pre>code .vg,
code .highlight .vg,
div.highlight>pre>code .vi,
code .highlight .vi {
    color: teal
}
div.highlight>pre>code .il,
code .highlight .il {
    color: #099
}
.editorial-header {
    overflow: hidden
}
.editorial-header .breadcrumbs,
.editorial-header .breadcrumbs a {
    color: #3372df
}
@media only screen and (min-width: 620px) {
    .editorial-header .container {
        position: relative
    }
    .editorial-header .container::before {
        content: "";
        font-family: "icons";
        font-size: 1000px;
        line-height: 0;
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        color: #f0f0f0;
        margin: 168px -35px 0 0
    }
}
.editorial-header__excerpt {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
    padding-top: 1.3em;
    padding-bottom: 0;
    font-family: "Roboto Condensed", Helvetica, sans-serif
}
.editorial-header .tag {
    padding-top: 52px
}
.editorial-header__subtitle {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2381em;
    padding-bottom: 0;
    padding-top: 0;
    color: #3372df
}
@media only screen and (min-width: 800px) {
    .editorial-header__subtitle {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        padding-top: .3824em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    .editorial-header__subtitle {
        padding-top: 0;
        padding-bottom: 26px
    }
}
.editorial-header__toc {
    margin-top: 26px
}
.editorial-header__toc ol {
    padding-top: 0
}
@media only screen and (min-width: 620px) {
    .editorial-header__toc ol {
        padding-top: 0
    }
}
.editorial-header__toc-title {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 13px;
    padding-bottom: 13px!important;
    color: #3372df
}
.summary-header {
    background-color: #3372df;
    padding-bottom: 78px;
    color: #fff;
    margin-bottom: 26px;
    box-shadow: inset 0 2px 0 0 #fff
}
.summary-header .breadcrumbs__link {
    color: #fff
}
.summary-header__anchor-list {
    margin-top: 52px
}
.summary-header__anchors-item a {
    color: #fff
}
.related-guides {
    margin-top: 78px;
    padding-bottom: 50px;
    border-top: 2px solid #e0e0e0;
    padding-top: 50px
}
.related-guides__list .list-links {
    padding-top: 0
}
.related-guides__list a {
    display: block
}
.related-guides__title {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1em;
    padding-bottom: 0;
    padding-top: 0
}
@media only screen and (min-width: 800px) {
    .related-guides__title {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        padding-top: .619em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    .related-guides__title {
        padding-top: 0
    }
}
.related-guides__main-link {
    text-transform: uppercase
}
.related-guides__main-link::before {
    content: "#";
    display: inline-block;
    padding-right: 2px
}
.in-this-guide {
    margin-top: -78px
}
.in-this-guide__title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
    padding-top: 1.3em;
    padding-bottom: 0;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    margin-bottom: 26px
}
.articles-section {
    background: #f0f0f0;
    text-align: center;
    padding: 26px 0 104px
}
.articles-count {
    color: #3372df;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-weight: 400
}
.article-section__icon {
    top: -26px
}
@media only screen and (min-width: 620px) {
    .article-section__icon {
        top: -39px
    }
}
.guides-section {
    background: #f0f0f0;
    padding: 26px 0 104px
}
.guides-section,
.page-header {
    text-align: center
}
.page-header .breadcrumbs {
    text-align: left;
    color: #3372df
}
.page-header .breadcrumbs a {
    color: #3372df
}
.page-header h3 {
    color: rgba(0, 0, 0, .87);
    padding-top: 52px
}
.page-header__excerpt {
    position: relative;
    padding-top: 0
}
.page-header__excerpt:last-child {
    padding-bottom: 78px
}
.featured-section {
    background: #f0f0f0
}
.featured-spotlight {
    background: rgba(0, 0, 0, .87);
    color: #fff;
    overflow: hidden;
    padding-bottom: 77px;
    margin-top: 52px
}
.featured-spotlight p {
    padding-bottom: 26px
}
.featured-spotlight .cta--primary {
    color: #fff
}
.featured-spotlight .cta--primary:hover {
    color: #fff
}
.featured-spotlight__container {
    position: relative
}
@media only screen and (max-width: 619px) {
    .featured-spotlight__img {
        padding-top: 58.4%;
        padding-bottom: 0;
        height: 0;
        overflow: hidden;
        position: relative;
        width: 100%
    }
}
.featured-spotlight__img img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}
@media only screen and (min-width: 620px) {
    .featured-spotlight__img img {
        width: auto;
        max-width: none;
        left: 109%
    }
}
@media only screen and (min-width: 800px) {
    .featured-spotlight__img img {
        left: 107.4%
    }
}
.quote__content {
    position: relative;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.625em;
    padding-bottom: 0;
    padding-top: 104px;
    padding-left: 26px
}
@media only screen and (min-width: 800px) {
    .quote__content {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        padding-top: 1.3em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    .quote__content {
        padding-top: 52px;
        padding-left: 0
    }
}
.quote__content p {
    border-top: 1px solid #e0e0e0;
    text-align: right;
    font-weight: 500;
    margin-top: 12px;
    padding-top: 13px
}
.quote__content::before {
    content: open-quote;
    display: block;
    position: absolute;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-weight: 700;
    color: #f0f0f0;
    top: 90px;
    left: 26px;
    font-size: 260px
}
@media only screen and (min-width: 620px) {
    .quote__content::before {
        top: 225px;
        left: -210px;
        font-size: 540px
    }
}
.article-nav {
    overflow: hidden;
    position: relative
}
.article-nav::before {
    content: "";
    border-left: 2px solid #e0e0e0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%
}
.article-nav-link {
    padding: 26px 32px;
    float: left;
    width: 50%;
    position: relative
}
.article-nav-link::before {
    position: absolute;
    top: 21px;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400
}
@media only screen and (min-width: 620px) {
    .article-nav-link::before {
        top: 25px;
        font-size: 26px;
        display: block;
        padding: 13px 10px;
        color: #fff;
        background: #3372df
    }
}
.article-nav p {
    padding: 0;
    margin: 0
}
.article-nav-link--prev {
    text-align: right
}
.article-nav-link--prev::before {
    font-family: "icons";
    left: 32px
}
@media only screen and (min-width: 620px) {
    .article-nav-link--prev p {
        padding-left: 52px
    }
}
.article-nav-link--next::before {
    font-family: "icons";
    right: 32px
}
@media only screen and (min-width: 620px) {
    .article-nav-link--next p {
        padding-right: 52px
    }
}
.article-nav-count {
    font-size: 20px;
    line-height: 1.3em;
    padding-top: 1.3em;
    padding-bottom: 0;
    font-weight: 700
}
@media only screen and (min-width: 800px) {
    .article-nav-count {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1em;
        padding-top: 1em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    .article-nav-count {
        font-weight: 400
    }
}
@media only screen and (min-width: 620px) {
    .did-you-know ol {
        padding-top: 0!important
    }
}
.did-you-know .cta--primary {
    margin-top: 26px;
    font-weight: 500
}
.did-you-know>.g--half {
    position: relative;
    padding-left: 0
}
@media only screen and (min-width: 620px) {
    .did-you-know>.g--half {
        padding-left: 32px
    }
}
.did-you-know__symbol {
    padding-bottom: 312px
}
@media only screen and (min-width: 620px) {
    .did-you-know__symbol {
        padding-bottom: 26px
    }
}
.did-you-know__symbol::after {
    content: "";
    color: #3372df;
    font-family: "icons";
    font-size: 300px;
    top: 150px;
    left: 30%;
    position: relative;
    display: block;
    width: 0
}
@media only screen and (min-width: 620px) {
    .did-you-know__symbol::after {
        position: absolute;
        font-size: 400px;
        top: 200px;
        left: 110%
    }
}
@media only screen and (min-width: 800px) {
    .did-you-know__symbol::after {
        position: absolute;
        font-size: 400px;
        top: 200px;
        left: 124%
    }
}
.toc__title {
    font-size: 16px;
    line-height: 1.625em;
    padding-top: 1.625em;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    padding-bottom: 13px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e0e0e0
}
@media only screen and (min-width: 800px) {
    .toc__title {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        padding-top: 1.3em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    .toc__title {
        padding-bottom: 13px;
        margin-bottom: 13px
    }
}
.toc__list {
    padding-top: 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    margin-bottom: 13px
}
.toc__list a {
    display: block
}
.toc__sublist {
    padding-top: 0
}
.next-lessons {
    background: rgba(0, 0, 0, .87);
    padding: 26px 26px 52px;
    margin-top: 26px;
    color: #fff;
    position: relative
}
@media only screen and (min-width: 620px) {
    .next-lessons h3 i {
        display: none
    }
}
.next-lessons::before,
.next-lessons::after {
    color: rgba(255, 255, 255, .5);
    position: absolute;
    display: none
}
@media only screen and (min-width: 620px) {
    .next-lessons::before,
    .next-lessons::after {
        display: inline-block
    }
}
@media only screen and (min-width: 620px) {
    .next-lessons::before {
        content: attr(data-current-lesson);
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        background: rgba(0, 0, 0, .87);
        display: inline-block;
        padding: 5px 7px;
        right: 127px;
        top: 143px;
        z-index: 1;
        color: rgba(255, 255, 255, .5)
    }
}
@media only screen and (min-width: 800px) {
    .next-lessons::before {
        font-size: 20px;
        padding-left: 15px;
        padding-right: 15px;
        top: 126px;
        right: 230px
    }
}
@media only screen and (min-width: 620px) {
    .next-lessons::after {
        content: "";
        font-family: "icons";
        font-size: 150px;
        right: 40px;
        top: 185px
    }
}
@media only screen and (min-width: 800px) {
    .next-lessons::after {
        font-size: 210px;
        right: 120px
    }
}
@media only screen and (min-width: 620px) and (max-width: 799px) {
    .g-medium--1 {
        float: left;
        margin-right: 4.5%;
        width: 30.3%
    }
    .g-medium--push-1 {
        margin-left: 34.8%
    }
    .g-medium--pull-1 {
        margin-right: 34.8%
    }
    .g-medium--2 {
        float: left;
        margin-right: 4.5%;
        width: 65.1%
    }
    .g-medium--push-2 {
        margin-left: 69.6%
    }
    .g-medium--pull-2 {
        margin-right: 69.6%
    }
    .g-medium--3 {
        float: left;
        width: 99.9%;
        margin-right: 0
    }
    .g-medium--full {
        float: left;
        margin-right: 0;
        width: 100%
    }
    .g--third {
        float: left;
        margin-right: 4.5%;
        width: 30.3%
    }
    .g--half,
    .g-medium--half {
        float: left;
        margin-right: 4.5%;
        width: 47.75%
    }
    .g-medium--last {
        margin-right: 0
    }
    .g-medium--last+.g-medium--half {
        clear: left
    }
    .g--pull-half {
        margin-right: 52.25%
    }
}
@media only screen and (min-width: 800px) {
    .g-wide--1 {
        float: left;
        margin-right: 3.7%;
        width: 22.2%
    }
    .g-wide--push-1 {
        margin-left: 25.9%
    }
    .g-wide--pull-1 {
        margin-right: 25.9%
    }
    .g-wide--2 {
        float: left;
        margin-right: 3.7%;
        width: 48.1%
    }
    .g-wide--push-2 {
        margin-left: 51.8%
    }
    .g-wide--pull-2 {
        margin-right: 51.8%
    }
    .g-wide--3 {
        float: left;
        margin-right: 3.7%;
        width: 74%
    }
    .g-wide--push-3 {
        margin-left: 77.7%
    }
    .g-wide--pull-3 {
        margin-right: 77.7%
    }
    .g-wide--4 {
        float: left;
        width: 99.9%
    }
    .g-wide--4,
    .g-wide--last,
    .g-wide--full {
        margin-right: 0
    }
    .g-wide--full {
        float: left;
        width: 100%
    }
    .g--third {
        float: left;
        margin-right: 3.7%;
        width: 30.8%
    }
    .g--half,
    .g-wide--half {
        float: left;
        margin-right: 3.7%;
        width: 48.15%
    }
    .g--pull-half {
        margin-right: 51.85%
    }
}
.g--last {
    margin-right: 0
}
.g--centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}
.grid-overlay {
    display: none;
    pointer-events: none
}
.debug .grid-overlay {
    box-sizing: content-box;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: block
}
@media only screen and (min-width: 620px) {
    .debug .grid-overlay {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 688px
    }
}
@media only screen and (min-width: 800px) {
    .debug .grid-overlay {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 864px
    }
}
.debug .grid-overlay[class*="g-"] {
    height: 100%;
    background-color: rgba(89, 89, 89, .2)
}
@media only screen and (min-width: 620px) and (max-width: 799px) {
    .debug .grid-overlay .g-wide--last {
        display: none
    }
}
@media only screen and (max-width: 619px) {
    .debug .grid-overlay {
        display: none
    }
}
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0
}
.small,
small {
    font-size: 13px;
    line-height: 2em;
    padding-top: 2em;
    padding-bottom: 0
}
.base,
p,
ul,
ol,
.medium,
h4 {
    line-height: 1.625em;
    padding-top: 1.625em;
    padding-bottom: 0
}
.medium,
h4 {
    font-size: 16px
}
@media only screen and (min-width: 800px) {
    .medium,
    h4 {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        padding-top: 1.3em;
        padding-bottom: 0
    }
}
.large,
h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
    padding-top: 1.3em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    .large,
    h3 {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 26px;
        font-weight: 300;
        line-height: 1em;
        padding-top: 1em;
        padding-bottom: 0
    }
}
.xlarge,
h2 {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 300;
    line-height: 1em;
    padding-top: 1em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    .xlarge,
    h2 {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 300;
        line-height: 1.2381em;
        padding-top: .619em;
        padding-bottom: 0
    }
}
.xxlarge,
h1 {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 42px;
    font-weight: 300;
    line-height: 1.2381em;
    padding-top: .619em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    .xxlarge,
    h1 {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 68px;
        font-weight: 300;
        line-height: 1.1471em;
        padding-top: .3824em;
        padding-bottom: 0
    }
}
.huge {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 68px;
    font-weight: 300;
    line-height: 1.1471em;
    padding-top: .3824em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    .huge {
        font-family: "Roboto Condensed", Helvetica, sans-serif;
        font-size: 110px;
        font-weight: 300;
        line-height: 1.19em;
        padding-top: .2364em;
        padding-bottom: 0
    }
}
li>p {
    padding-top: 0
}
.button,
.button--primary,
.button--secondary,
.button--secondary-variation {
    display: inline-block;
    padding: 12px 32px;
    margin-bottom: 13px;
    margin-top: 13px;
    min-height: 26px;
    text-align: center;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-weight: 600;
    text-decoration: none;
    outline: 0;
    -webkit-transition: none;
    transition: none
}
.button:hover,
.button--primary:hover,
.button--secondary:hover,
.button--secondary-variation:hover {
    background: #4d4d4d;
    color: #fff;
    border: 1px solid #4d4d4d;
    text-decoration: none
}
.button--primary {
    background: #4285f4;
    color: #fff;
    border: 1px solid #1266f1
}
.button--secondary,
.button--secondary-variation {
    background: #fff;
    color: #3372df;
    border: 1px solid #e6e6e6
}
.button--secondary-variation {
    border-color: transparent
}
ul,
ol {
    list-style: none;
    margin: 0
}
@media only screen and (max-width: 619px) {
    ul,
    ol {
        padding-left: 0
    }
}
ul li {
    position: relative;
    padding-left: 16px
}
ul li::before {
    font-family: "icons";
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px;
    font-size: 4px;
    content: "";
}
ol {
    counter-reset: list
}
ol>li {
    position: relative;
    padding-left: 32px
}
ol>li::before {
    counter-increment: list;
    content: "0" counter(list);
    color: inherit;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0
}
ol>li:nth-child(10n)~li::before,
ol>li:nth-child(10n)::before {
    content: counter(list)
}
ul ol,
ol ul {
    padding-top: 0
}
ul.list-links li::before {
    display: none
}
ul.list-links a {
    font-weight: 400
}
ul.list-links a::before {
    font-family: "icons";
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px;
    font-size: 4px
}
ul.list-links.list-links--primary a {
    font-weight: 400;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    line-height: 1;
    text-decoration: none
}
ul.list-links.list-links--primary a::before {
    font-family: "icons";
    font-size: 13px;
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px
}
ol.list-links li::before {
    display: none
}
ol.list-links li a {
    display: inline-block;
    font-weight: 300
}
ol.list-links li a::before {
    counter-increment: list;
    content: "0" counter(list);
    color: inherit;
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0
}
ol.list-links li:nth-child(10n)~li a::before,
ol.list-links li:nth-child(10n) a::before {
    content: counter(list)
}
ol.list-links.list-links--secondary a::before {
    display: none
}
.list-links--secondary {
    font-size: 16px;
    line-height: 1.625em;
    padding-top: 1.625em;
    padding-bottom: 0;
    padding-left: 0
}
.list-links--secondary li,
.list-anchor {
    padding-left: 0
}
.list-anchor li {
    font-size: 16px;
    line-height: 1.625em;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0
}
.list-anchor li::before {
    display: none
}
.list-anchor a {
    line-height: 1;
    display: inline-block;
    padding-left: 16px
}
.list-anchor a::before {
    font-family: "icons";
    display: block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 26px;
    font-size: 4px
}
@media only screen and (min-width: 620px) {
    .list-small li {
        font-size: 13px;
        line-height: 2em;
        padding-bottom: 0;
        padding-top: 0
    }
}
.list-centered {
    text-align: center;
    padding-left: 0
}
.featured-list {
    padding-top: 78px;
    padding-bottom: 78px
}
.featured-list__item {
    background: #fff;
    padding-left: 0;
    padding-top: 26px;
    padding-bottom: 26px;
    margin-top: 26px
}
@media only screen and (min-width: 620px) {
    .featured-list__item {
        min-height: 338px;
        padding: 52px 32px
    }
}
.featured-list__item:first-child {
    margin-top: 0
}
.featured-list__item p {
    margin-bottom: 26px
}
.featured-list__img-wrapper {
    display: none;
    position: relative;
    padding-top: 26px;
    margin: 0 -5%
}
@media only screen and (min-width: 620px) {
    .featured-list__img-wrapper {
        display: block;
        padding-top: 0;
        margin: 0
    }
}
@media only screen and (min-width: 620px) {
    .featured-list__img {
        padding-top: 60.8%;
        padding-bottom: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        width: 100%
    }
}
.featured-list__img img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}
@media only screen and (min-width: 620px) {
    .featured-list__img img {
        margin: 0;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        left: 0
    }
}
.related-guides-list {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    padding-top: 0;
    padding-left: 0
}
@media only screen and (min-width: 620px) {
    .related-guides-list {
        padding-top: 26px
    }
}
@media only screen and (min-width: 800px) {
    .related-guides-list {
        padding-top: 0
    }
}
.related-guides-list p,
.related-guides-list .tag {
    padding-top: 0
}
.related-guides-list li {
    padding-top: 26px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e0e0e0
}
.related-guides-list li:last-child {
    border-color: transparent
}
@media only screen and (min-width: 620px) {
    .related-guides-list li {
        padding-top: 0;
        padding-bottom: 0;
        border-color: transparent
    }
}
.list--reset,
.list--reset li {
    padding-left: 0
}
.list--reset.list-links a::before,
.list--reset li::before {
    display: none!important
}
.list-lessons {
    padding-left: 0
}
.list-lessons a {
    color: #fff
}
.list-lessons .current,
.list-lessons .current a {
    text-decoration: none;
    cursor: default
}
.list-lessons .current .icon {
    font-size: 13px;
    display: inline-block;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
    width: 26px;
    line-height: 26px;
    text-align: center;
    margin-left: 7px
}
.list-guides-intro {
    margin-bottom: 52px
}
@media only screen and (max-width: 619px) {
    .list-guides-intro {
        padding-top: 52px
    }
}
.list-guides-intro li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 51px;
    margin-bottom: 52px
}
@media only screen and (min-width: 620px) {
    .list-guides-intro li {
        border-color: transparent;
        padding-bottom: 0
    }
}
.list-guides-intro li:last-child {
    border-bottom: transparent;
    margin-bottom: 0
}
a {
    color: #3372df
}
a:hover {
    text-decoration: none
}
.cta--primary {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    color: #3372df;
    font-weight: 400;
    display: inline-block;
    line-height: 1;
    text-decoration: none
}
.cta--primary:hover {
    color: rgba(0, 0, 0, .87)
}
.cta--primary::before {
    display: inline-block;
    padding-right: 10px;
    font-family: "icons";
    line-height: 25px;
    font-size: 13px;
    content: ""
}
.cta--secondary {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    color: #3372df;
    font-weight: 400;
    display: inline-block;
    line-height: 1
}
.cta--secondary:hover {
    color: rgba(0, 0, 0, .87)
}
table {
    margin-top: 26px;
    width: 100%
}
table thead {
    background: #3372df;
    color: #fff
}
table th {
    text-align: center;
    display: none;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.625em;
    padding-top: 1.625em;
    padding-bottom: 0
}
@media only screen and (min-width: 800px) {
    table th {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        padding-top: 1.3em;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 620px) {
    table tr {
        border-bottom: 1px solid #fff
    }
}
table tbody {
    background: #f0f0f0
}
table td {
    display: block;
    padding-top: 13px;
    padding-bottom: 13px
}
table td::before {
    content: attr(data-th)" ";
    display: inline-block;
    color: #fff;
    background: #3372df;
    border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    max-height: 100%;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding-left: 13px;
    padding-top: 13px
}
@media only screen and (min-width: 620px) {
    table td::before {
        display: none
    }
}
table th,
table td {
    position: relative;
    padding-left: 140px
}
@media only screen and (min-width: 620px) {
    table th,
    table td {
        display: table-cell
    }
}
@media only screen and (min-width: 620px) {
    table th {
        padding: 13px 26px 12px
    }
}
@media only screen and (min-width: 620px) {
    table td {
        padding: 26px 26px 25px
    }
}
td:last-child::after {
    content: "";
    display: block;
    background: #fff;
    height: 1px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%
}
@media only screen and (min-width: 620px) {
    td:last-child::after {
        display: none
    }
}
.table-2 col {
    width: 344px
}
@media only screen and (min-width: 800px) {
    .table-2 col {
        width: 432px
    }
}
@media only screen and (min-width: 620px) {
    .table-2 th:first-child,
    .table-2 td:first-child {
        border-right: 2px solid #fff
    }
}
.table-3 col {
    width: 229.3333333333px
}
@media only screen and (min-width: 800px) {
    .table-3 col {
        width: 288px
    }
}
@media only screen and (min-width: 620px) {
    .table-3 th:nth-child(2),
    .table-3 td:nth-child(2) {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff
    }
}
.table-4 col {
    width: 172px
}
@media only screen and (min-width: 800px) {
    .table-4 col {
        width: 216px
    }
}
@media only screen and (min-width: 620px) {
    .table-4 th:nth-child(2),
    .table-4 th:nth-child(3),
    .table-4 td:nth-child(2),
    .table-4 td:nth-child(3) {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff
    }
}
img,
video,
object {
    max-width: 100%
}
.content img {
    margin-top: 26px;
    margin-bottom: 26px
}
.breadcrumbs {
    display: none;
    position: relative;
    z-index: 1
}
@media only screen and (min-width: 620px) {
    .breadcrumbs {
        display: block
    }
}
.breadcrumbs p {
    padding-top: 26px
}
.breadcrumbs p,
.breadcrumbs__link {
    font-size: 13px;
    line-height: 2em;
    padding-bottom: 0
}
.breadcrumbs__link {
    color: #000;
    font-weight: 400;
    padding-top: 0
}
@media only screen and (min-width: 620px) {
    .breadcrumbs__link {
        padding-top: 0
    }
}
.subsection-title {
    color: rgba(0, 0, 0, .87);
    margin-top: 52px
}
.subsection-number {
    font-size: 16px;
    line-height: 1.625em;
    padding-bottom: 0;
    padding-top: 0;
    display: block
}
.articles-list {
    padding-left: 0
}
.articles-list__item {
    padding-bottom: 52px;
    padding-left: 0
}
.articles-list__item:last-child {
    padding-bottom: 53px
}
.articles-list__item::before {
    content: "";
    display: block;
    width: 40%;
    height: 1px;
    box-shadow: inset 0 1px 0 0 #e0e0e0;
    margin-right: 0;
    margin-left: 30%
}
.articles-list__item h3 a:hover {
    text-decoration: none
}
.articles-list__item p {
    margin-top: 26px;
    margin-bottom: 26px
}
.articles-list__item:first-child {
    padding-top: 0
}
@media only screen and (min-width: 620px) {
    .articles-list__item:first-child {
        padding-top: 24px
    }
}
.articles-list__item:first-child::before {
    display: none
}
.guides-list {
    overflow: hidden
}
@media only screen and (min-width: 620px) {
    .guides-list {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 52px
    }
}
.guides-list__item {
    padding: 0;
    background: #fff;
    margin-top: 26px;
    margin-bottom: 0
}
@media only screen and (min-width: 620px) {
    .guides-list__item {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.guides-list__item h3 {
    margin: 0 32px
}
.guides-list__item p {
    margin: 26px 32px 0
}
@media only screen and (min-width: 620px) {
    .guides-list__item .primary-content {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}
.guides-list__item .secondary-content {
    position: relative;
    margin-top: 51px;
    border-top: 1px solid #e0e0e0
}
@media only screen and (min-width: 620px) {
    .guides-list__item .secondary-content {
        width: 100%
    }
}
.guides-list__item .secondary-content .icon-circle {
    position: absolute;
    top: -28px;
    left: 50%;
    margin-left: -21px;
    border: 2px solid #fff
}
.guides-list__item .secondary-content .icon-circle i {
    font-size: 23px
}
.guides-list__item ol {
    padding: 52px 0;
    margin: 0
}
.guides-list__item::before {
    display: none
}
.icon-circle {
    position: relative;
    padding: 22px;
    margin: 4px auto
}
.icon-circle,
.icon-circle--large {
    height: 0;
    width: 0;
    background: rgba(0, 0, 0, .54);
    display: block;
    border-radius: 100%;
    font-size: 0
}
.icon-circle i {
    font-size: 26px
}
.icon-circle i,
.icon-circle span,
.icon-circle--large i,
.icon-circle--large span {
    position: absolute;
    line-height: 0;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff
}
.icon-circle span,
.icon-circle--large span {
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700
}
@media only screen and (min-width: 620px) {
    .icon-circle span,
    .icon-circle--large span {
        font-size: 42px
    }
}
.icon-circle--large {
    margin: 0 auto;
    padding: 26px;
    position: relative
}
.icon-circle--large i {
    font-size: 26px
}
@media only screen and (min-width: 620px) {
    .icon-circle--large i {
        font-size: 42px
    }
}
@media only screen and (min-width: 620px) {
    .icon-circle--large {
        padding: 37px;
        border: 2px solid #fff
    }
    a .icon-circle--large {
        padding: 38px;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
        border: 1px solid;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .no-touch a:hover .icon-circle--large {
        box-shadow: inset 0 0 0 1px #fff;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}
.icon-circle--nav {
    height: 0;
    width: 0;
    background: rgba(0, 0, 0, .54);
    display: block;
    position: relative;
    border-radius: 100%;
    font-size: 0;
    padding: 13px;
    margin: 0 auto
}
@media only screen and (min-width: 620px) {
    .icon-circle--nav {
        padding: 22px;
        margin-top: 4px;
        margin-bottom: 4px
    }
}
.icon-circle--nav i {
    position: absolute;
    line-height: 1px;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 16px
}
@media only screen and (min-width: 620px) {
    .icon-circle--nav i {
        font-size: 26px
    }
}
.theme--multi-device-layouts .themed {
    color: #297ea9
}
.theme--introduction-to-media .themed {
    color: #cf423a
}
.theme--user-input .themed {
    color: #2c8566
}
.theme--performance .themed {
    color: #7b5294
}
.theme--multi-device-layouts .themed--background,
.theme--multi-device-layouts .themed--background.next-lessons::before {
    background-color: #297ea9
}
.theme--introduction-to-media .themed--background,
.theme--introduction-to-media .themed--background.next-lessons::before {
    background-color: #cf423a
}
.theme--user-input .themed--background,
.theme--user-input .themed--background.next-lessons::before {
    background-color: #2c8566
}
.theme--performance .themed--background,
.theme--performance .themed--background.next-lessons::before {
    background-color: #7b5294
}
.theme--multi-device-layouts .themed--hover:hover {
    color: #297ea9
}
.theme--introduction-to-media .themed--hover:hover {
    color: #cf423a
}
.theme--user-input .themed--hover:hover {
    color: #2c8566
}
.theme--performance .themed--hover:hover {
    color: #7b5294
}
.theme--multi-device-layouts .themed--hover-secondary:hover {
    color: #89c4e2
}
.theme--introduction-to-media .themed--hover-secondary:hover {
    color: #edb8b5
}
.theme--user-input .themed--hover-secondary:hover {
    color: #78d2b3
}
.theme--performance .themed--hover-secondary:hover {
    color: #c4add2
}
.article--multi-device-layouts .article-container h1,
.article--multi-device-layouts .article-container h2 {
    color: #297ea9
}
.article--introduction-to-media .article-container h1,
.article--introduction-to-media .article-container h2 {
    color: #cf423a
}
.article--user-input .article-container h1,
.article--user-input .article-container h2 {
    color: #2c8566
}
.article--performance .article-container h1,
.article--performance .article-container h2 {
    color: #7b5294
}
.nav-theme--multi-device-layouts .themed--hover:hover {
    color: #297ea9
}
.nav-theme--introduction-to-media .themed--hover:hover {
    color: #cf423a
}
.nav-theme--user-input .themed--hover:hover {
    color: #2c8566
}
.nav-theme--performance .themed--hover:hover {
    color: #7b5294
}
.nav-theme--multi-device-layouts .themed {
    color: #297ea9
}
.nav-theme--introduction-to-media .themed {
    color: #cf423a
}
.nav-theme--user-input .themed {
    color: #2c8566
}
.nav-theme--performance .themed {
    color: #7b5294
}
.nav-theme--multi-device-layouts .themed--background {
    background-color: #297ea9
}
.nav-theme--introduction-to-media .themed--background {
    background-color: #cf423a
}
.nav-theme--user-input .themed--background {
    background-color: #2c8566
}
.nav-theme--performance .themed--background {
    background-color: #7b5294
}
.page--styleguide .styleguide__module-title {
    margin-bottom: 26px
}
.page--styleguide section {
    margin-bottom: 52px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 77px
}
.page--styleguide .styleguide__color-list {
    text-align: center
}
.page--styleguide .styleguide__color-list li {
    border-bottom: 52px solid;
    margin-bottom: 26px;
    position: relative
}
.page--styleguide .styleguide__breadcrumb .breadcrumbs {
    display: block
}
.page--styleguide .styleguide__lists ul,
.page--styleguide .styleguide__lists ol {
    margin-bottom: 26px
}
.page--styleguide .styleguide__inverted-block {
    background: #e8e8e8;
    padding: 0 13px
}
.page--styleguide .styleguide__theme-block {
    background: #297ea9;
    padding: 0 13px
}
.demo {
    margin-bottom: 26px;
    margin-top: 26px
}
.demo[class*="g-"] {
    background-color: rgba(0, 0, 0, .26);
    position: relative;
    margin-bottom: 26px;
    min-height: 156px
}
.demo[class*="g-"]::before,
.demo[class*="g-"]::after {
    font-size: 13px;
    line-height: 2em;
    padding-top: 2em;
    padding-bottom: 0;
    display: block;
    margin: 0 10px
}
.demo[class*="g-"]::before {
    content: "HTML classes: ";
    font-weight: 700
}
.demo[class*="g-"]::after {
    content: attr(class);
    word-spacing: 15px
}
.page--resources .article-section__icon,
.page--resources .articles-count,
.page--resources .guides-list__item .secondary-content {
    display: none
}
.page--resources .primary-content {
    padding-top: 26px;
    padding-bottom: 52px
}
.page--resources .primary-content p {
    margin-top: 0
}
.clear::before,
.clear::after {
    content: "";
    display: table
}
.clear::after {
    clear: both
}
.color--blue {
    color: #3372df
}
.color--red {
    color: #cb4437
}
.color--green {
    color: #0f9d58
}
.color--yellow {
    color: #f4b400
}
.color--blue-secondary {
    color: #b7cdf4
}
.color--red-secondary {
    color: #ebb6b0
}
.color--green-secondary {
    color: #56efa5
}
.color--yellow-secondary {
    color: #ffd45b
}
.color--gray-background {
    color: #f0f0f0
}
.color--gray-keyline {
    color: #e0e0e0
}
.color--gray {
    color: rgba(0, 0, 0, .54)
}
.color--gray-dark {
    color: rgba(0, 0, 0, .87)
}
.color--text {
    color: #404040
}
.color--highlight {
    color: #3372df
}
.color--warning {
    color: #ffd45b
}
.color--danger {
    color: #cb4437
}
.color--muted {
    color: #737373
}
.color--remember {
    color: #297ea9
}
.color--learning {
    color: #da2e75
}
.color--layouts {
    color: #297ea9
}
.color--user {
    color: #2c8566
}
.color--media {
    color: #cf423a
}
.color--performance {
    color: #7b5294
}
.color--layouts-secondary {
    color: #89c4e2
}
.color--user-secondary {
    color: #78d2b3
}
.color--media-secondary {
    color: #edb8b5
}
.color--performance-secondary {
    color: #c4add2
}
.text-divider {
    position: relative;
    margin-bottom: 26px
}
.text-divider::after {
    content: "";
    display: block;
    position: absolute;
    width: 40%;
    height: 1px;
    box-shadow: 0 1px 0 0 #e0e0e0;
    left: 30%;
    bottom: -13px
}
.text-divider.xlarge {
    margin-bottom: 52px
}
.text-divider.xlarge::after {
    bottom: -26px
}
.text-divider.xxlarge {
    margin-bottom: 78px
}
.text-divider.xxlarge::after {
    bottom: -39px
}
.text-divider.huge {
    margin-bottom: 78px
}
.text-divider.huge::after {
    bottom: -39px
}
.centered {
    text-align: center
}
.tag {
    font-size: 13px;
    line-height: 1em;
    padding-top: 2em;
    padding-bottom: 0;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    text-decoration: none
}
.tag:hover {
    color: rgba(0, 0, 0, .87)
}
.tag::before {
    content: "# ";
    display: inline-block
}
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}
body {
    position: relative;
    font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
    font-weight: 300;
    background-color: #fff;
    box-sizing: border-box;
    min-height: 100%
}
body.open,
.app-bar {
    overflow: hidden
}
.app-bar {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #4285f4;
    z-index: 1
}
.app-bar-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 60px;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 auto
}
.app-bar.open,
.app-bar.open~main {
    -webkit-transform: translate(250px, 0);
    transform: translate(250px, 0)
}
.app-bar .logo {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 2em;
    line-height: 60px;
    margin: 0 16px;
    padding: 0;
    color: #fefefe;
    float: none;
    max-width: none;
    font-weight: 300;
    display: initial
}
.app-bar .logo a {
    text-decoration: none;
    color: inherit;
    font-weight: 400
}
.app-bar-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 2
}
.app-bar button {
    width: 60px;
    height: 60px;
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0;
    display: inline-block;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    -webkit-tap-highlight-color: transparent
}
.app-bar button img {
    height: 24px;
    width: 24px
}
.app-bar button:hover {
    background-color: rgba(255, 255, 255, .1)
}
.app-bar button:focus {
    background-color: rgba(255, 255, 255, .2);
    outline: 0
}
.app-bar button:active {
    background-color: rgba(255, 255, 255, .4)
}
.promote-layer {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.base,
p,
ul,
ol {
    font-size: 19px
}
.navdrawer-container {
    z-index: 1;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    height: 100%;
    background-color: #3367D6;
    color: #fefefe;
    -webkit-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
    overflow-y: auto
}
.navdrawer-container.open {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}
.app-bar,
.navdrawer-container.opened,
main {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out
}
.navdrawer-container h4,
.navdrawer-container ul li a {
    height: 60px;
    padding: 17px 20px;
    line-height: 1.4
}
.navdrawer-container h4 {
    background-color: #fff;
    color: #3367D6
}
.navdrawer-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}
.navdrawer-container ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    white-space: nowrap
}
.navdrawer-container ul li {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #fff;
    padding: 0
}
.navdrawer-container ul li::before {
    content: none
}
.navdrawer-container ul li a:hover {
    background-color: rgba(255, 255, 255, .2)
}
.navdrawer-container ul li a:focus {
    background-color: rgba(255, 255, 255, .3);
    outline: 0
}
.navdrawer-container ul li a:active {
    background-color: rgba(255, 255, 255, .4)
}
main {
    margin: 0 auto;
    padding: 60px 16px 16px;
    min-height: 100%
}
@media all and (min-width: 990px) {
    .app-bar {
        position: relative
    }
    .app-bar.open,
    .app-bar.open~main {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .app-bar-container {
        display: block;
        height: 130px;
        max-width: 864px;
        padding: 0 16px;
        box-sizing: border-box;
        background-color: #4285f4
    }
    .app-bar .logo {
        float: left;
        margin: 0;
        padding: 0;
        line-height: 130px;
        font-size: 46px
    }
    .app-bar-actions {
        float: right
    }
    .app-bar::after {
        content: ' ';
        display: block;
        height: 0;
        overflow: hidden;
        clear: both
    }
    button.menu {
        display: none
    }
    .navdrawer-container {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: none;
        transition: none;
        overflow-y: auto
    }
    .navdrawer-container h4 {
        display: none
    }
    .navdrawer-container ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 864px;
        margin: 0 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navdrawer-container ul li {
        border: none
    }
    main {
        padding-top: 0;
        min-height: initial
    }
    body {
        overflow-y: scroll
    }
}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:url(fonts/RobotoCondensed-Light.eot);src:local("Roboto Condensed Light"),local("RobotoCondensed-Light"),url(fonts/RobotoCondensed-Light.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-Light.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:url(fonts/RobotoCondensed-Regular.eot);src:local("Roboto Condensed Regular"),local("RobotoCondensed-Regular"),url(fonts/RobotoCondensed-Regular.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-Regular.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:url(fonts/RobotoCondensed-Bold.eot);src:local("Roboto Condensed Regular"),local("RobotoCondensed-Bold"),url(fonts/RobotoCondensed-Bold.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-Bold.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:url(fonts/RobotoCondensed-LightItalic.eot);src:local("Roboto Condensed Light Italic"),local("RobotoCondensed-LightItalic"),url(fonts/RobotoCondensed-LightItalic.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-LightItalic.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:url(fonts/RobotoCondensed-Italic.eot);src:local("Roboto Condensed Italic"),local("RobotoCondensed-Italic"),url(fonts/RobotoCondensed-Italic.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-Italic.woff) format("woff")}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;src:url(fonts/RobotoCondensed-BoldItalic.eot);src:local("Roboto Condensed Bold Italic"),local("RobotoCondensed-BoldItalic"),url(fonts/RobotoCondensed-BoldItalic.eot) format("embedded-opentype"),url(fonts/RobotoCondensed-BoldItalic.woff) format("woff")}@font-face{font-family:"Material-Design-Icons";src:url("fonts/material-design-icons/Material-Design-Icons.eot?-g7cqhn");src:url("fonts/material-design-icons/Material-Design-Icons.eot?#iefix-g7cqhn") format("embedded-opentype"),url("fonts/material-design-icons/Material-Design-Icons.woff?-g7cqhn") format("woff"),url("fonts/material-design-icons/Material-Design-Icons.ttf?-g7cqhn") format("truetype"),url("fonts/material-design-icons/Material-Design-Icons.svg?-g7cqhn#Material-Design-Icons") format("svg");font-weight:normal;font-style:normal;}[class^="mdi-"],[class*=" mdi-"]{font-family:"Material-Design-Icons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:180%;}.mdi-action-3d-rotation:before{content:"\e600"}.mdi-action-accessibility:before{content:"\e601"}.mdi-action-account-balance:before{content:"\e602"}.mdi-action-account-balance-wallet:before{content:"\e603"}.mdi-action-account-box:before{content:"\e604"}.mdi-action-account-child:before{content:"\e605"}.mdi-action-account-circle:before{content:"\e606"}.mdi-action-add-shopping-cart:before{content:"\e607"}.mdi-action-alarm:before{content:"\e608"}.mdi-action-alarm-add:before{content:"\e609"}.mdi-action-alarm-off:before{content:"\e60a"}.mdi-action-alarm-on:before{content:"\e60b"}.mdi-action-android:before{content:"\e60c"}.mdi-action-announcement:before{content:"\e60d"}.mdi-action-aspect-ratio:before{content:"\e60e"}.mdi-action-assessment:before{content:"\e60f"}.mdi-action-assignment:before{content:"\e610"}.mdi-action-assignment-ind:before{content:"\e611"}.mdi-action-assignment-late:before{content:"\e612"}.mdi-action-assignment-return:before{content:"\e613"}.mdi-action-assignment-returned:before{content:"\e614"}.mdi-action-assignment-turned-in:before{content:"\e615"}.mdi-action-autorenew:before{content:"\e616"}.mdi-action-backup:before{content:"\e617"}.mdi-action-book:before{content:"\e618"}.mdi-action-bookmark:before{content:"\e619"}.mdi-action-bookmark-outline:before{content:"\e61a"}.mdi-action-bug-report:before{content:"\e61b"}.mdi-action-cached:before{content:"\e61c"}.mdi-action-class:before{content:"\e61d"}.mdi-action-credit-card:before{content:"\e61e"}.mdi-action-dashboard:before{content:"\e61f"}.mdi-action-delete:before{content:"\e620"}.mdi-action-description:before{content:"\e621"}.mdi-action-dns:before{content:"\e622"}.mdi-action-done:before{content:"\e623"}.mdi-action-done-all:before{content:"\e624"}.mdi-action-event:before{content:"\e625"}.mdi-action-exit-to-app:before{content:"\e626"}.mdi-action-explore:before{content:"\e627"}.mdi-action-extension:before{content:"\e628"}.mdi-action-face-unlock:before{content:"\e629"}.mdi-action-favorite:before{content:"\e62a"}.mdi-action-favorite-outline:before{content:"\e62b"}.mdi-action-find-in-page:before{content:"\e62c"}.mdi-action-find-replace:before{content:"\e62d"}.mdi-action-flip-to-back:before{content:"\e62e"}.mdi-action-flip-to-front:before{content:"\e62f"}.mdi-action-get-app:before{content:"\e630"}.mdi-action-grade:before{content:"\e631"}.mdi-action-group-work:before{content:"\e632"}.mdi-action-help:before{content:"\e633"}.mdi-action-highlight-remove:before{content:"\e634"}.mdi-action-history:before{content:"\e635"}.mdi-action-home:before{content:"\e636"}.mdi-action-https:before{content:"\e637"}.mdi-action-info:before{content:"\e638"}.mdi-action-info-outline:before{content:"\e639"}.mdi-action-input:before{content:"\e63a"}.mdi-action-invert-colors:before{content:"\e63b"}.mdi-action-label:before{content:"\e63c"}.mdi-action-label-outline:before{content:"\e63d"}.mdi-action-language:before{content:"\e63e"}.mdi-action-launch:before{content:"\e63f"}.mdi-action-list:before{content:"\e640"}.mdi-action-lock:before{content:"\e641"}.mdi-action-lock-open:before{content:"\e642"}.mdi-action-lock-outline:before{content:"\e643"}.mdi-action-loyalty:before{content:"\e644"}.mdi-action-markunread-mailbox:before{content:"\e645"}.mdi-action-note-add:before{content:"\e646"}.mdi-action-open-in-browser:before{content:"\e647"}.mdi-action-open-in-new:before{content:"\e648"}.mdi-action-open-with:before{content:"\e649"}.mdi-action-pageview:before{content:"\e64a"}.mdi-action-payment:before{content:"\e64b"}.mdi-action-perm-camera-mic:before{content:"\e64c"}.mdi-action-perm-contact-cal:before{content:"\e64d"}.mdi-action-perm-data-setting:before{content:"\e64e"}.mdi-action-perm-device-info:before{content:"\e64f"}.mdi-action-perm-identity:before{content:"\e650"}.mdi-action-perm-media:before{content:"\e651"}.mdi-action-perm-phone-msg:before{content:"\e652"}.mdi-action-perm-scan-wifi:before{content:"\e653"}.mdi-action-picture-in-picture:before{content:"\e654"}.mdi-action-polymer:before{content:"\e655"}.mdi-action-print:before{content:"\e656"}.mdi-action-query-builder:before{content:"\e657"}.mdi-action-question-answer:before{content:"\e658"}.mdi-action-receipt:before{content:"\e659"}.mdi-action-redeem:before{content:"\e65a"}.mdi-action-report-problem:before{content:"\e65b"}.mdi-action-restore:before{content:"\e65c"}.mdi-action-room:before{content:"\e65d"}.mdi-action-schedule:before{content:"\e65e"}.mdi-action-search:before{content:"\e65f"}.mdi-action-settings:before{content:"\e660"}.mdi-action-settings-applications:before{content:"\e661"}.mdi-action-settings-backup-restore:before{content:"\e662"}.mdi-action-settings-bluetooth:before{content:"\e663"}.mdi-action-settings-cell:before{content:"\e664"}.mdi-action-settings-display:before{content:"\e665"}.mdi-action-settings-ethernet:before{content:"\e666"}.mdi-action-settings-input-antenna:before{content:"\e667"}.mdi-action-settings-input-component:before{content:"\e668"}.mdi-action-settings-input-composite:before{content:"\e669"}.mdi-action-settings-input-hdmi:before{content:"\e66a"}.mdi-action-settings-input-svideo:before{content:"\e66b"}.mdi-action-settings-overscan:before{content:"\e66c"}.mdi-action-settings-phone:before{content:"\e66d"}.mdi-action-settings-power:before{content:"\e66e"}.mdi-action-settings-remote:before{content:"\e66f"}.mdi-action-settings-voice:before{content:"\e670"}.mdi-action-shop:before{content:"\e671"}.mdi-action-shopping-basket:before{content:"\e672"}.mdi-action-shopping-cart:before{content:"\e673"}.mdi-action-shop-two:before{content:"\e674"}.mdi-action-speaker-notes:before{content:"\e675"}.mdi-action-spellcheck:before{content:"\e676"}.mdi-action-star-rate:before{content:"\e677"}.mdi-action-stars:before{content:"\e678"}.mdi-action-store:before{content:"\e679"}.mdi-action-subject:before{content:"\e67a"}.mdi-action-swap-horiz:before{content:"\e67b"}.mdi-action-swap-vert:before{content:"\e67c"}.mdi-action-swap-vert-circle:before{content:"\e67d"}.mdi-action-system-update-tv:before{content:"\e67e"}.mdi-action-tab:before{content:"\e67f"}.mdi-action-tab-unselected:before{content:"\e680"}.mdi-action-theaters:before{content:"\e681"}.mdi-action-thumb-down:before{content:"\e682"}.mdi-action-thumbs-up-down:before{content:"\e683"}.mdi-action-thumb-up:before{content:"\e684"}.mdi-action-toc:before{content:"\e685"}.mdi-action-today:before{content:"\e686"}.mdi-action-track-changes:before{content:"\e687"}.mdi-action-translate:before{content:"\e688"}.mdi-action-trending-down:before{content:"\e689"}.mdi-action-trending-neutral:before{content:"\e68a"}.mdi-action-trending-up:before{content:"\e68b"}.mdi-action-turned-in:before{content:"\e68c"}.mdi-action-turned-in-not:before{content:"\e68d"}.mdi-action-verified-user:before{content:"\e68e"}.mdi-action-view-agenda:before{content:"\e68f"}.mdi-action-view-array:before{content:"\e690"}.mdi-action-view-carousel:before{content:"\e691"}.mdi-action-view-column:before{content:"\e692"}.mdi-action-view-day:before{content:"\e693"}.mdi-action-view-headline:before{content:"\e694"}.mdi-action-view-list:before{content:"\e695"}.mdi-action-view-module:before{content:"\e696"}.mdi-action-view-quilt:before{content:"\e697"}.mdi-action-view-stream:before{content:"\e698"}.mdi-action-view-week:before{content:"\e699"}.mdi-action-visibility:before{content:"\e69a"}.mdi-action-visibility-off:before{content:"\e69b"}.mdi-action-wallet-giftcard:before{content:"\e69c"}.mdi-action-wallet-membership:before{content:"\e69d"}.mdi-action-wallet-travel:before{content:"\e69e"}.mdi-action-work:before{content:"\e69f"}.mdi-alert-error:before{content:"\e6a0"}.mdi-alert-warning:before{content:"\e6a1"}.mdi-av-album:before{content:"\e6a2"}.mdi-av-timer:before{content:"\e6a3"}.mdi-av-closed-caption:before{content:"\e6a4"}.mdi-av-equalizer:before{content:"\e6a5"}.mdi-av-explicit:before{content:"\e6a6"}.mdi-av-fast-forward:before{content:"\e6a7"}.mdi-av-fast-rewind:before{content:"\e6a8"}.mdi-av-games:before{content:"\e6a9"}.mdi-av-hearing:before{content:"\e6aa"}.mdi-av-high-quality:before{content:"\e6ab"}.mdi-av-loop:before{content:"\e6ac"}.mdi-av-mic:before{content:"\e6ad"}.mdi-av-mic-none:before{content:"\e6ae"}.mdi-av-mic-off:before{content:"\e6af"}.mdi-av-movie:before{content:"\e6b0"}.mdi-av-my-library-add:before{content:"\e6b1"}.mdi-av-my-library-books:before{content:"\e6b2"}.mdi-av-my-library-music:before{content:"\e6b3"}.mdi-av-new-releases:before{content:"\e6b4"}.mdi-av-not-interested:before{content:"\e6b5"}.mdi-av-pause:before{content:"\e6b6"}.mdi-av-pause-circle-fill:before{content:"\e6b7"}.mdi-av-pause-circle-outline:before{content:"\e6b8"}.mdi-av-play-arrow:before{content:"\e6b9"}.mdi-av-play-circle-fill:before{content:"\e6ba"}.mdi-av-play-circle-outline:before{content:"\e6bb"}.mdi-av-playlist-add:before{content:"\e6bc"}.mdi-av-play-shopping-bag:before{content:"\e6bd"}.mdi-av-queue:before{content:"\e6be"}.mdi-av-queue-music:before{content:"\e6bf"}.mdi-av-radio:before{content:"\e6c0"}.mdi-av-recent-actors:before{content:"\e6c1"}.mdi-av-repeat:before{content:"\e6c2"}.mdi-av-repeat-one:before{content:"\e6c3"}.mdi-av-replay:before{content:"\e6c4"}.mdi-av-shuffle:before{content:"\e6c5"}.mdi-av-skip-next:before{content:"\e6c6"}.mdi-av-skip-previous:before{content:"\e6c7"}.mdi-av-snooze:before{content:"\e6c8"}.mdi-av-stop:before{content:"\e6c9"}.mdi-av-subtitles:before{content:"\e6ca"}.mdi-av-surround-sound:before{content:"\e6cb"}.mdi-av-videocam:before{content:"\e6cc"}.mdi-av-videocam-off:before{content:"\e6cd"}.mdi-av-video-collection:before{content:"\e6ce"}.mdi-av-volume-down:before{content:"\e6cf"}.mdi-av-volume-mute:before{content:"\e6d0"}.mdi-av-volume-off:before{content:"\e6d1"}.mdi-av-volume-up:before{content:"\e6d2"}.mdi-av-web:before{content:"\e6d3"}.mdi-communication-business:before{content:"\e6d4"}.mdi-communication-call:before{content:"\e6d5"}.mdi-communication-call-end:before{content:"\e6d6"}.mdi-communication-call-made:before{content:"\e6d7"}.mdi-communication-call-merge:before{content:"\e6d8"}.mdi-communication-call-missed:before{content:"\e6d9"}.mdi-communication-call-received:before{content:"\e6da"}.mdi-communication-call-split:before{content:"\e6db"}.mdi-communication-chat:before{content:"\e6dc"}.mdi-communication-clear-all:before{content:"\e6dd"}.mdi-communication-comment:before{content:"\e6de"}.mdi-communication-contacts:before{content:"\e6df"}.mdi-communication-dialer-sip:before{content:"\e6e0"}.mdi-communication-dialpad:before{content:"\e6e1"}.mdi-communication-dnd-on:before{content:"\e6e2"}.mdi-communication-email:before{content:"\e6e3"}.mdi-communication-forum:before{content:"\e6e4"}.mdi-communication-import-export:before{content:"\e6e5"}.mdi-communication-invert-colors-off:before{content:"\e6e6"}.mdi-communication-invert-colors-on:before{content:"\e6e7"}.mdi-communication-live-help:before{content:"\e6e8"}.mdi-communication-location-off:before{content:"\e6e9"}.mdi-communication-location-on:before{content:"\e6ea"}.mdi-communication-message:before{content:"\e6eb"}.mdi-communication-messenger:before{content:"\e6ec"}.mdi-communication-no-sim:before{content:"\e6ed"}.mdi-communication-phone:before{content:"\e6ee"}.mdi-communication-portable-wifi-off:before{content:"\e6ef"}.mdi-communication-quick-contacts-dialer:before{content:"\e6f0"}.mdi-communication-quick-contacts-mail:before{content:"\e6f1"}.mdi-communication-ring-volume:before{content:"\e6f2"}.mdi-communication-stay-current-landscape:before{content:"\e6f3"}.mdi-communication-stay-current-portrait:before{content:"\e6f4"}.mdi-communication-stay-primary-landscape:before{content:"\e6f5"}.mdi-communication-stay-primary-portrait:before{content:"\e6f6"}.mdi-communication-swap-calls:before{content:"\e6f7"}.mdi-communication-textsms:before{content:"\e6f8"}.mdi-communication-voicemail:before{content:"\e6f9"}.mdi-communication-vpn-key:before{content:"\e6fa"}.mdi-content-add:before{content:"\e6fb"}.mdi-content-add-box:before{content:"\e6fc"}.mdi-content-add-circle:before{content:"\e6fd"}.mdi-content-add-circle-outline:before{content:"\e6fe"}.mdi-content-archive:before{content:"\e6ff"}.mdi-content-backspace:before{content:"\e700"}.mdi-content-block:before{content:"\e701"}.mdi-content-clear:before{content:"\e702"}.mdi-content-content-copy:before{content:"\e703"}.mdi-content-content-cut:before{content:"\e704"}.mdi-content-content-paste:before{content:"\e705"}.mdi-content-create:before{content:"\e706"}.mdi-content-drafts:before{content:"\e707"}.mdi-content-filter-list:before{content:"\e708"}.mdi-content-flag:before{content:"\e709"}.mdi-content-forward:before{content:"\e70a"}.mdi-content-gesture:before{content:"\e70b"}.mdi-content-inbox:before{content:"\e70c"}.mdi-content-link:before{content:"\e70d"}.mdi-content-mail:before{content:"\e70e"}.mdi-content-markunread:before{content:"\e70f"}.mdi-content-redo:before{content:"\e710"}.mdi-content-remove:before{content:"\e711"}.mdi-content-remove-circle:before{content:"\e712"}.mdi-content-remove-circle-outline:before{content:"\e713"}.mdi-content-reply:before{content:"\e714"}.mdi-content-reply-all:before{content:"\e715"}.mdi-content-report:before{content:"\e716"}.mdi-content-save:before{content:"\e717"}.mdi-content-select-all:before{content:"\e718"}.mdi-content-send:before{content:"\e719"}.mdi-content-sort:before{content:"\e71a"}.mdi-content-text-format:before{content:"\e71b"}.mdi-content-undo:before{content:"\e71c"}.mdi-device-access-alarm:before{content:"\e71d"}.mdi-device-access-alarms:before{content:"\e71e"}.mdi-device-access-time:before{content:"\e71f"}.mdi-device-add-alarm:before{content:"\e720"}.mdi-device-airplanemode-off:before{content:"\e721"}.mdi-device-airplanemode-on:before{content:"\e722"}.mdi-device-battery-20:before{content:"\e723"}.mdi-device-battery-30:before{content:"\e724"}.mdi-device-battery-50:before{content:"\e725"}.mdi-device-battery-60:before{content:"\e726"}.mdi-device-battery-80:before{content:"\e727"}.mdi-device-battery-90:before{content:"\e728"}.mdi-device-battery-alert:before{content:"\e729"}.mdi-device-battery-charging-20:before{content:"\e72a"}.mdi-device-battery-charging-30:before{content:"\e72b"}.mdi-device-battery-charging-50:before{content:"\e72c"}.mdi-device-battery-charging-60:before{content:"\e72d"}.mdi-device-battery-charging-80:before{content:"\e72e"}.mdi-device-battery-charging-90:before{content:"\e72f"}.mdi-device-battery-charging-full:before{content:"\e730"}.mdi-device-battery-full:before{content:"\e731"}.mdi-device-battery-std:before{content:"\e732"}.mdi-device-battery-unknown:before{content:"\e733"}.mdi-device-bluetooth:before{content:"\e734"}.mdi-device-bluetooth-connected:before{content:"\e735"}.mdi-device-bluetooth-disabled:before{content:"\e736"}.mdi-device-bluetooth-searching:before{content:"\e737"}.mdi-device-brightness-auto:before{content:"\e738"}.mdi-device-brightness-high:before{content:"\e739"}.mdi-device-brightness-low:before{content:"\e73a"}.mdi-device-brightness-medium:before{content:"\e73b"}.mdi-device-data-usage:before{content:"\e73c"}.mdi-device-developer-mode:before{content:"\e73d"}.mdi-device-devices:before{content:"\e73e"}.mdi-device-dvr:before{content:"\e73f"}.mdi-device-gps-fixed:before{content:"\e740"}.mdi-device-gps-not-fixed:before{content:"\e741"}.mdi-device-gps-off:before{content:"\e742"}.mdi-device-location-disabled:before{content:"\e743"}.mdi-device-location-searching:before{content:"\e744"}.mdi-device-multitrack-audio:before{content:"\e745"}.mdi-device-network-cell:before{content:"\e746"}.mdi-device-network-wifi:before{content:"\e747"}.mdi-device-nfc:before{content:"\e748"}.mdi-device-now-wallpaper:before{content:"\e749"}.mdi-device-now-widgets:before{content:"\e74a"}.mdi-device-screen-lock-landscape:before{content:"\e74b"}.mdi-device-screen-lock-portrait:before{content:"\e74c"}.mdi-device-screen-lock-rotation:before{content:"\e74d"}.mdi-device-screen-rotation:before{content:"\e74e"}.mdi-device-sd-storage:before{content:"\e74f"}.mdi-device-settings-system-daydream:before{content:"\e750"}.mdi-device-signal-cellular-0-bar:before{content:"\e751"}.mdi-device-signal-cellular-1-bar:before{content:"\e752"}.mdi-device-signal-cellular-2-bar:before{content:"\e753"}.mdi-device-signal-cellular-3-bar:before{content:"\e754"}.mdi-device-signal-cellular-4-bar:before{content:"\e755"}.mdi-device-signal-cellular-connected-no-internet-0-bar:before{content:"\e756"}.mdi-device-signal-cellular-connected-no-internet-1-bar:before{content:"\e757"}.mdi-device-signal-cellular-connected-no-internet-2-bar:before{content:"\e758"}.mdi-device-signal-cellular-connected-no-internet-3-bar:before{content:"\e759"}.mdi-device-signal-cellular-connected-no-internet-4-bar:before{content:"\e75a"}.mdi-device-signal-cellular-no-sim:before{content:"\e75b"}.mdi-device-signal-cellular-null:before{content:"\e75c"}.mdi-device-signal-cellular-off:before{content:"\e75d"}.mdi-device-signal-wifi-0-bar:before{content:"\e75e"}.mdi-device-signal-wifi-1-bar:before{content:"\e75f"}.mdi-device-signal-wifi-2-bar:before{content:"\e760"}.mdi-device-signal-wifi-3-bar:before{content:"\e761"}.mdi-device-signal-wifi-4-bar:before{content:"\e762"}.mdi-device-signal-wifi-off:before{content:"\e763"}.mdi-device-storage:before{content:"\e764"}.mdi-device-usb:before{content:"\e765"}.mdi-device-wifi-lock:before{content:"\e766"}.mdi-device-wifi-tethering:before{content:"\e767"}.mdi-editor-attach-file:before{content:"\e768"}.mdi-editor-attach-money:before{content:"\e769"}.mdi-editor-border-all:before{content:"\e76a"}.mdi-editor-border-bottom:before{content:"\e76b"}.mdi-editor-border-clear:before{content:"\e76c"}.mdi-editor-border-color:before{content:"\e76d"}.mdi-editor-border-horizontal:before{content:"\e76e"}.mdi-editor-border-inner:before{content:"\e76f"}.mdi-editor-border-left:before{content:"\e770"}.mdi-editor-border-outer:before{content:"\e771"}.mdi-editor-border-right:before{content:"\e772"}.mdi-editor-border-style:before{content:"\e773"}.mdi-editor-border-top:before{content:"\e774"}.mdi-editor-border-vertical:before{content:"\e775"}.mdi-editor-format-align-center:before{content:"\e776"}.mdi-editor-format-align-justify:before{content:"\e777"}.mdi-editor-format-align-left:before{content:"\e778"}.mdi-editor-format-align-right:before{content:"\e779"}.mdi-editor-format-bold:before{content:"\e77a"}.mdi-editor-format-clear:before{content:"\e77b"}.mdi-editor-format-color-fill:before{content:"\e77c"}.mdi-editor-format-color-reset:before{content:"\e77d"}.mdi-editor-format-color-text:before{content:"\e77e"}.mdi-editor-format-indent-decrease:before{content:"\e77f"}.mdi-editor-format-indent-increase:before{content:"\e780"}.mdi-editor-format-italic:before{content:"\e781"}.mdi-editor-format-line-spacing:before{content:"\e782"}.mdi-editor-format-list-bulleted:before{content:"\e783"}.mdi-editor-format-list-numbered:before{content:"\e784"}.mdi-editor-format-paint:before{content:"\e785"}.mdi-editor-format-quote:before{content:"\e786"}.mdi-editor-format-size:before{content:"\e787"}.mdi-editor-format-strikethrough:before{content:"\e788"}.mdi-editor-format-textdirection-l-to-r:before{content:"\e789"}.mdi-editor-format-textdirection-r-to-l:before{content:"\e78a"}.mdi-editor-format-underline:before{content:"\e78b"}.mdi-editor-functions:before{content:"\e78c"}.mdi-editor-insert-chart:before{content:"\e78d"}.mdi-editor-insert-comment:before{content:"\e78e"}.mdi-editor-insert-drive-file:before{content:"\e78f"}.mdi-editor-insert-emoticon:before{content:"\e790"}.mdi-editor-insert-invitation:before{content:"\e791"}.mdi-editor-insert-link:before{content:"\e792"}.mdi-editor-insert-photo:before{content:"\e793"}.mdi-editor-merge-type:before{content:"\e794"}.mdi-editor-mode-comment:before{content:"\e795"}.mdi-editor-mode-edit:before{content:"\e796"}.mdi-editor-publish:before{content:"\e797"}.mdi-editor-vertical-align-bottom:before{content:"\e798"}.mdi-editor-vertical-align-center:before{content:"\e799"}.mdi-editor-vertical-align-top:before{content:"\e79a"}.mdi-editor-wrap-text:before{content:"\e79b"}.mdi-file-attachment:before{content:"\e79c"}.mdi-file-cloud:before{content:"\e79d"}.mdi-file-cloud-circle:before{content:"\e79e"}.mdi-file-cloud-done:before{content:"\e79f"}.mdi-file-cloud-download:before{content:"\e7a0"}.mdi-file-cloud-off:before{content:"\e7a1"}.mdi-file-cloud-queue:before{content:"\e7a2"}.mdi-file-cloud-upload:before{content:"\e7a3"}.mdi-file-file-download:before{content:"\e7a4"}.mdi-file-file-upload:before{content:"\e7a5"}.mdi-file-folder:before{content:"\e7a6"}.mdi-file-folder-open:before{content:"\e7a7"}.mdi-file-folder-shared:before{content:"\e7a8"}.mdi-hardware-cast:before{content:"\e7a9"}.mdi-hardware-cast-connected:before{content:"\e7aa"}.mdi-hardware-computer:before{content:"\e7ab"}.mdi-hardware-desktop-mac:before{content:"\e7ac"}.mdi-hardware-desktop-windows:before{content:"\e7ad"}.mdi-hardware-dock:before{content:"\e7ae"}.mdi-hardware-gamepad:before{content:"\e7af"}.mdi-hardware-headset:before{content:"\e7b0"}.mdi-hardware-headset-mic:before{content:"\e7b1"}.mdi-hardware-keyboard:before{content:"\e7b2"}.mdi-hardware-keyboard-alt:before{content:"\e7b3"}.mdi-hardware-keyboard-arrow-down:before{content:"\e7b4"}.mdi-hardware-keyboard-arrow-left:before{content:"\e7b5"}.mdi-hardware-keyboard-arrow-right:before{content:"\e7b6"}.mdi-hardware-keyboard-arrow-up:before{content:"\e7b7"}.mdi-hardware-keyboard-backspace:before{content:"\e7b8"}.mdi-hardware-keyboard-capslock:before{content:"\e7b9"}.mdi-hardware-keyboard-control:before{content:"\e7ba"}.mdi-hardware-keyboard-hide:before{content:"\e7bb"}.mdi-hardware-keyboard-return:before{content:"\e7bc"}.mdi-hardware-keyboard-tab:before{content:"\e7bd"}.mdi-hardware-keyboard-voice:before{content:"\e7be"}.mdi-hardware-laptop:before{content:"\e7bf"}.mdi-hardware-laptop-chromebook:before{content:"\e7c0"}.mdi-hardware-laptop-mac:before{content:"\e7c1"}.mdi-hardware-laptop-windows:before{content:"\e7c2"}.mdi-hardware-memory:before{content:"\e7c3"}.mdi-hardware-mouse:before{content:"\e7c4"}.mdi-hardware-phone-android:before{content:"\e7c5"}.mdi-hardware-phone-iphone:before{content:"\e7c6"}.mdi-hardware-phonelink:before{content:"\e7c7"}.mdi-hardware-phonelink-off:before{content:"\e7c8"}.mdi-hardware-security:before{content:"\e7c9"}.mdi-hardware-sim-card:before{content:"\e7ca"}.mdi-hardware-smartphone:before{content:"\e7cb"}.mdi-hardware-speaker:before{content:"\e7cc"}.mdi-hardware-tablet:before{content:"\e7cd"}.mdi-hardware-tablet-android:before{content:"\e7ce"}.mdi-hardware-tablet-mac:before{content:"\e7cf"}.mdi-hardware-tv:before{content:"\e7d0"}.mdi-hardware-watch:before{content:"\e7d1"}.mdi-image-add-to-photos:before{content:"\e7d2"}.mdi-image-adjust:before{content:"\e7d3"}.mdi-image-assistant-photo:before{content:"\e7d4"}.mdi-image-audiotrack:before{content:"\e7d5"}.mdi-image-blur-circular:before{content:"\e7d6"}.mdi-image-blur-linear:before{content:"\e7d7"}.mdi-image-blur-off:before{content:"\e7d8"}.mdi-image-blur-on:before{content:"\e7d9"}.mdi-image-brightness-1:before{content:"\e7da"}.mdi-image-brightness-2:before{content:"\e7db"}.mdi-image-brightness-3:before{content:"\e7dc"}.mdi-image-brightness-4:before{content:"\e7dd"}.mdi-image-brightness-5:before{content:"\e7de"}.mdi-image-brightness-6:before{content:"\e7df"}.mdi-image-brightness-7:before{content:"\e7e0"}.mdi-image-brush:before{content:"\e7e1"}.mdi-image-camera:before{content:"\e7e2"}.mdi-image-camera-alt:before{content:"\e7e3"}.mdi-image-camera-front:before{content:"\e7e4"}.mdi-image-camera-rear:before{content:"\e7e5"}.mdi-image-camera-roll:before{content:"\e7e6"}.mdi-image-center-focus-strong:before{content:"\e7e7"}.mdi-image-center-focus-weak:before{content:"\e7e8"}.mdi-image-collections:before{content:"\e7e9"}.mdi-image-colorize:before{content:"\e7ea"}.mdi-image-color-lens:before{content:"\e7eb"}.mdi-image-compare:before{content:"\e7ec"}.mdi-image-control-point:before{content:"\e7ed"}.mdi-image-control-point-duplicate:before{content:"\e7ee"}.mdi-image-crop:before{content:"\e7ef"}.mdi-image-crop-3-2:before{content:"\e7f0"}.mdi-image-crop-5-4:before{content:"\e7f1"}.mdi-image-crop-7-5:before{content:"\e7f2"}.mdi-image-crop-16-9:before{content:"\e7f3"}.mdi-image-crop-din:before{content:"\e7f4"}.mdi-image-crop-free:before{content:"\e7f5"}.mdi-image-crop-landscape:before{content:"\e7f6"}.mdi-image-crop-original:before{content:"\e7f7"}.mdi-image-crop-portrait:before{content:"\e7f8"}.mdi-image-crop-square:before{content:"\e7f9"}.mdi-image-dehaze:before{content:"\e7fa"}.mdi-image-details:before{content:"\e7fb"}.mdi-image-edit:before{content:"\e7fc"}.mdi-image-exposure:before{content:"\e7fd"}.mdi-image-exposure-minus-1:before{content:"\e7fe"}.mdi-image-exposure-minus-2:before{content:"\e7ff"}.mdi-image-exposure-plus-1:before{content:"\e800"}.mdi-image-exposure-plus-2:before{content:"\e801"}.mdi-image-exposure-zero:before{content:"\e802"}.mdi-image-filter:before{content:"\e803"}.mdi-image-filter-1:before{content:"\e804"}.mdi-image-filter-2:before{content:"\e805"}.mdi-image-filter-3:before{content:"\e806"}.mdi-image-filter-4:before{content:"\e807"}.mdi-image-filter-5:before{content:"\e808"}.mdi-image-filter-6:before{content:"\e809"}.mdi-image-filter-7:before{content:"\e80a"}.mdi-image-filter-8:before{content:"\e80b"}.mdi-image-filter-9:before{content:"\e80c"}.mdi-image-filter-9-plus:before{content:"\e80d"}.mdi-image-filter-b-and-w:before{content:"\e80e"}.mdi-image-filter-center-focus:before{content:"\e80f"}.mdi-image-filter-drama:before{content:"\e810"}.mdi-image-filter-frames:before{content:"\e811"}.mdi-image-filter-hdr:before{content:"\e812"}.mdi-image-filter-none:before{content:"\e813"}.mdi-image-filter-tilt-shift:before{content:"\e814"}.mdi-image-filter-vintage:before{content:"\e815"}.mdi-image-flare:before{content:"\e816"}.mdi-image-flash-auto:before{content:"\e817"}.mdi-image-flash-off:before{content:"\e818"}.mdi-image-flash-on:before{content:"\e819"}.mdi-image-flip:before{content:"\e81a"}.mdi-image-gradient:before{content:"\e81b"}.mdi-image-grain:before{content:"\e81c"}.mdi-image-grid-off:before{content:"\e81d"}.mdi-image-grid-on:before{content:"\e81e"}.mdi-image-hdr-off:before{content:"\e81f"}.mdi-image-hdr-on:before{content:"\e820"}.mdi-image-hdr-strong:before{content:"\e821"}.mdi-image-hdr-weak:before{content:"\e822"}.mdi-image-healing:before{content:"\e823"}.mdi-image-image:before{content:"\e824"}.mdi-image-image-aspect-ratio:before{content:"\e825"}.mdi-image-iso:before{content:"\e826"}.mdi-image-landscape:before{content:"\e827"}.mdi-image-leak-add:before{content:"\e828"}.mdi-image-leak-remove:before{content:"\e829"}.mdi-image-lens:before{content:"\e82a"}.mdi-image-looks:before{content:"\e82b"}.mdi-image-looks-3:before{content:"\e82c"}.mdi-image-looks-4:before{content:"\e82d"}.mdi-image-looks-5:before{content:"\e82e"}.mdi-image-looks-6:before{content:"\e82f"}.mdi-image-looks-one:before{content:"\e830"}.mdi-image-looks-two:before{content:"\e831"}.mdi-image-loupe:before{content:"\e832"}.mdi-image-movie-creation:before{content:"\e833"}.mdi-image-nature:before{content:"\e834"}.mdi-image-nature-people:before{content:"\e835"}.mdi-image-navigate-before:before{content:"\e836"}.mdi-image-navigate-next:before{content:"\e837"}.mdi-image-palette:before{content:"\e838"}.mdi-image-panorama:before{content:"\e839"}.mdi-image-panorama-fisheye:before{content:"\e83a"}.mdi-image-panorama-horizontal:before{content:"\e83b"}.mdi-image-panorama-vertical:before{content:"\e83c"}.mdi-image-panorama-wide-angle:before{content:"\e83d"}.mdi-image-photo:before{content:"\e83e"}.mdi-image-photo-album:before{content:"\e83f"}.mdi-image-photo-camera:before{content:"\e840"}.mdi-image-photo-library:before{content:"\e841"}.mdi-image-portrait:before{content:"\e842"}.mdi-image-remove-red-eye:before{content:"\e843"}.mdi-image-rotate-left:before{content:"\e844"}.mdi-image-rotate-right:before{content:"\e845"}.mdi-image-slideshow:before{content:"\e846"}.mdi-image-straighten:before{content:"\e847"}.mdi-image-style:before{content:"\e848"}.mdi-image-switch-camera:before{content:"\e849"}.mdi-image-switch-video:before{content:"\e84a"}.mdi-image-tag-faces:before{content:"\e84b"}.mdi-image-texture:before{content:"\e84c"}.mdi-image-timelapse:before{content:"\e84d"}.mdi-image-timer:before{content:"\e84e"}.mdi-image-timer-3:before{content:"\e84f"}.mdi-image-timer-10:before{content:"\e850"}.mdi-image-timer-auto:before{content:"\e851"}.mdi-image-timer-off:before{content:"\e852"}.mdi-image-tonality:before{content:"\e853"}.mdi-image-transform:before{content:"\e854"}.mdi-image-tune:before{content:"\e855"}.mdi-image-wb-auto:before{content:"\e856"}.mdi-image-wb-cloudy:before{content:"\e857"}.mdi-image-wb-incandescent:before{content:"\e858"}.mdi-image-wb-irradescent:before{content:"\e859"}.mdi-image-wb-sunny:before{content:"\e85a"}.mdi-maps-beenhere:before{content:"\e85b"}.mdi-maps-directions:before{content:"\e85c"}.mdi-maps-directions-bike:before{content:"\e85d"}.mdi-maps-directions-bus:before{content:"\e85e"}.mdi-maps-directions-car:before{content:"\e85f"}.mdi-maps-directions-ferry:before{content:"\e860"}.mdi-maps-directions-subway:before{content:"\e861"}.mdi-maps-directions-train:before{content:"\e862"}.mdi-maps-directions-transit:before{content:"\e863"}.mdi-maps-directions-walk:before{content:"\e864"}.mdi-maps-flight:before{content:"\e865"}.mdi-maps-hotel:before{content:"\e866"}.mdi-maps-layers:before{content:"\e867"}.mdi-maps-layers-clear:before{content:"\e868"}.mdi-maps-local-airport:before{content:"\e869"}.mdi-maps-local-atm:before{content:"\e86a"}.mdi-maps-local-attraction:before{content:"\e86b"}.mdi-maps-local-bar:before{content:"\e86c"}.mdi-maps-local-cafe:before{content:"\e86d"}.mdi-maps-local-car-wash:before{content:"\e86e"}.mdi-maps-local-convenience-store:before{content:"\e86f"}.mdi-maps-local-drink:before{content:"\e870"}.mdi-maps-local-florist:before{content:"\e871"}.mdi-maps-local-gas-station:before{content:"\e872"}.mdi-maps-local-grocery-store:before{content:"\e873"}.mdi-maps-local-hospital:before{content:"\e874"}.mdi-maps-local-hotel:before{content:"\e875"}.mdi-maps-local-laundry-service:before{content:"\e876"}.mdi-maps-local-library:before{content:"\e877"}.mdi-maps-local-mall:before{content:"\e878"}.mdi-maps-local-movies:before{content:"\e879"}.mdi-maps-local-offer:before{content:"\e87a"}.mdi-maps-local-parking:before{content:"\e87b"}.mdi-maps-local-pharmacy:before{content:"\e87c"}.mdi-maps-local-phone:before{content:"\e87d"}.mdi-maps-local-pizza:before{content:"\e87e"}.mdi-maps-local-play:before{content:"\e87f"}.mdi-maps-local-post-office:before{content:"\e880"}.mdi-maps-local-print-shop:before{content:"\e881"}.mdi-maps-local-restaurant:before{content:"\e882"}.mdi-maps-local-see:before{content:"\e883"}.mdi-maps-local-shipping:before{content:"\e884"}.mdi-maps-local-taxi:before{content:"\e885"}.mdi-maps-location-history:before{content:"\e886"}.mdi-maps-map:before{content:"\e887"}.mdi-maps-my-location:before{content:"\e888"}.mdi-maps-navigation:before{content:"\e889"}.mdi-maps-pin-drop:before{content:"\e88a"}.mdi-maps-place:before{content:"\e88b"}.mdi-maps-rate-review:before{content:"\e88c"}.mdi-maps-restaurant-menu:before{content:"\e88d"}.mdi-maps-satellite:before{content:"\e88e"}.mdi-maps-store-mall-directory:before{content:"\e88f"}.mdi-maps-terrain:before{content:"\e890"}.mdi-maps-traffic:before{content:"\e891"}.mdi-navigation-apps:before{content:"\e892"}.mdi-navigation-arrow-back:before{content:"\e893"}.mdi-navigation-arrow-drop-down:before,.select-wrapper span.select-dropdown:after{content:"\e894"}.mdi-navigation-arrow-drop-down-circle:before{content:"\e895"}.mdi-navigation-arrow-drop-up:before{content:"\e896"}.mdi-navigation-arrow-forward:before{content:"\e897"}.mdi-navigation-cancel:before{content:"\e898"}.mdi-navigation-check:before{content:"\e899"}.mdi-navigation-chevron-left:before{content:"\e89a"}.mdi-navigation-chevron-right:before{content:"\e89b"}.mdi-navigation-close:before{content:"\e89c"}.mdi-navigation-expand-less:before{content:"\e89d"}.mdi-navigation-expand-more:before{content:"\e89e"}.mdi-navigation-fullscreen:before{content:"\e89f"}.mdi-navigation-fullscreen-exit:before{content:"\e8a0"}.mdi-navigation-menu:before{content:"\e8a1"}.mdi-navigation-more-horiz:before{content:"\e8a2"}.mdi-navigation-more-vert:before{content:"\e8a3"}.mdi-navigation-refresh:before{content:"\e8a4"}.mdi-navigation-unfold-less:before{content:"\e8a5"}.mdi-navigation-unfold-more:before{content:"\e8a6"}.mdi-notification-adb:before{content:"\e8a7"}.mdi-notification-bluetooth-audio:before{content:"\e8a8"}.mdi-notification-disc-full:before{content:"\e8a9"}.mdi-notification-dnd-forwardslash:before{content:"\e8aa"}.mdi-notification-do-not-disturb:before{content:"\e8ab"}.mdi-notification-drive-eta:before{content:"\e8ac"}.mdi-notification-event-available:before{content:"\e8ad"}.mdi-notification-event-busy:before{content:"\e8ae"}.mdi-notification-event-note:before{content:"\e8af"}.mdi-notification-folder-special:before{content:"\e8b0"}.mdi-notification-mms:before{content:"\e8b1"}.mdi-notification-more:before{content:"\e8b2"}.mdi-notification-network-locked:before{content:"\e8b3"}.mdi-notification-phone-bluetooth-speaker:before{content:"\e8b4"}.mdi-notification-phone-forwarded:before{content:"\e8b5"}.mdi-notification-phone-in-talk:before{content:"\e8b6"}.mdi-notification-phone-locked:before{content:"\e8b7"}.mdi-notification-phone-missed:before{content:"\e8b8"}.mdi-notification-phone-paused:before{content:"\e8b9"}.mdi-notification-play-download:before{content:"\e8ba"}.mdi-notification-play-install:before{content:"\e8bb"}.mdi-notification-sd-card:before{content:"\e8bc"}.mdi-notification-sim-card-alert:before{content:"\e8bd"}.mdi-notification-sms:before{content:"\e8be"}.mdi-notification-sms-failed:before{content:"\e8bf"}.mdi-notification-sync:before{content:"\e8c0"}.mdi-notification-sync-disabled:before{content:"\e8c1"}.mdi-notification-sync-problem:before{content:"\e8c2"}.mdi-notification-system-update:before{content:"\e8c3"}.mdi-notification-tap-and-play:before{content:"\e8c4"}.mdi-notification-time-to-leave:before{content:"\e8c5"}.mdi-notification-vibration:before{content:"\e8c6"}.mdi-notification-voice-chat:before{content:"\e8c7"}.mdi-notification-vpn-lock:before{content:"\e8c8"}.mdi-social-cake:before{content:"\e8c9"}.mdi-social-domain:before{content:"\e8ca"}.mdi-social-group:before{content:"\e8cb"}.mdi-social-group-add:before{content:"\e8cc"}.mdi-social-location-city:before{content:"\e8cd"}.mdi-social-mood:before{content:"\e8ce"}.mdi-social-notifications:before{content:"\e8cf"}.mdi-social-notifications-none:before{content:"\e8d0"}.mdi-social-notifications-off:before{content:"\e8d1"}.mdi-social-notifications-on:before{content:"\e8d2"}.mdi-social-notifications-paused:before{content:"\e8d3"}.mdi-social-pages:before{content:"\e8d4"}.mdi-social-party-mode:before{content:"\e8d5"}.mdi-social-people:before{content:"\e8d6"}.mdi-social-people-outline:before{content:"\e8d7"}.mdi-social-person:before{content:"\e8d8"}.mdi-social-person-add:before{content:"\e8d9"}.mdi-social-person-outline:before{content:"\e8da"}.mdi-social-plus-one:before{content:"\e8db"}.mdi-social-poll:before{content:"\e8dc"}.mdi-social-public:before{content:"\e8dd"}.mdi-social-school:before{content:"\e8de"}.mdi-social-share:before{content:"\e8df"}.mdi-social-whatshot:before{content:"\e8e0"}.mdi-toggle-check-box:before{content:"\e8e1"}.mdi-toggle-check-box-outline-blank:before{content:"\e8e2"}.mdi-toggle-radio-button-off:before{content:"\e8e3"}.mdi-toggle-radio-button-on:before{content:"\e8e4"}