.sc-container {
    margin: 0 auto;
    width: 90%
}

@media only screen and (min-width: 1280px) {
    .sc-container {
        width: 85%
    }
}

@media only screen and (min-width: 1600px) {
    .sc-container {
        width: 70%
    }
}

.sc-container.sc-row,
.sc-container.sc-appbar {
    margin-left: -8px;
    margin-right: -8px
}

@media only screen and (min-width: 480px) and (max-width: 960px) and (max-width: 600px) {
    .sc-container.sc-row,
    .sc-container.sc-appbar {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media only screen and (min-width: 480px) and (max-width: 960px) and (min-width: 600px) {
    .sc-container.sc-row,
    .sc-container.sc-appbar {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media only screen and (min-width: 1280px) {
    .sc-container.sc-row,
    .sc-container.sc-appbar {
        margin-left: -12px;
        margin-right: -12px
    }
}

.sc-row,
.sc-appbar {
    margin: 0 auto 1.42857rem auto
}

.sc-row:after,
.sc-appbar:after {
    clear: both;
    content: "";
    display: table
}

.sc-row .sc-col,
.sc-appbar .sc-col,
.sc-appbar .sc-appbar-nav,
.sc-appbar .sc-appbar-title,
.sc-appbar .sc-appbar-actions,
.sc-appbar .sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-grid-item {
    float: left;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px
}

@media only screen and (min-width: 480px) {
    .sc-row .sc-col,
    .sc-appbar .sc-col,
    .sc-appbar .sc-appbar-nav,
    .sc-appbar .sc-appbar-title,
    .sc-appbar .sc-appbar-actions,
    .sc-appbar .sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-grid-item {
        padding: 0 8px
    }
}

.sc-row .sc-col[class*="push-"],
.sc-appbar .sc-col[class*="push-"],
.sc-appbar [class*="push-"].sc-appbar-nav,
.sc-appbar [class*="push-"].sc-appbar-title,
.sc-appbar [class*="push-"].sc-appbar-actions,
.sc-appbar [class*="push-"].sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li [class*="push-"].sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row [class*="push-"].sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li [class*="push-"].sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar [class*="push-"].sc-grid-item,
.sc-row .sc-col[class*="pull-"],
.sc-appbar .sc-col[class*="pull-"],
.sc-appbar [class*="pull-"].sc-appbar-nav,
.sc-appbar [class*="pull-"].sc-appbar-title,
.sc-appbar [class*="pull-"].sc-appbar-actions,
.sc-appbar [class*="pull-"].sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li [class*="pull-"].sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row [class*="pull-"].sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li [class*="pull-"].sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar [class*="pull-"].sc-grid-item {
    position: relative
}

.sc-row .sc-col.sc-xs1,
.sc-appbar .sc-col.sc-xs1,
.sc-appbar .sc-xs1.sc-appbar-nav,
.sc-appbar .sc-xs1.sc-appbar-title,
.sc-appbar .sc-xs1.sc-appbar-actions,
.sc-appbar .sc-xs1.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-xs1.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-xs1.sc-grid-item {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto
}

.sc-row .sc-col.sc-xs2,
.sc-appbar .sc-col.sc-xs2,
.sc-appbar .sc-xs2.sc-appbar-nav,
.sc-appbar .sc-xs2.sc-appbar-title,
.sc-appbar .sc-xs2.sc-appbar-actions,
.sc-appbar .sc-xs2.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-xs2.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-xs2.sc-grid-item {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto
}

.sc-row .sc-col.sc-xs3,
.sc-appbar .sc-col.sc-xs3,
.sc-appbar .sc-xs3.sc-appbar-nav,
.sc-appbar .sc-xs3.sc-appbar-title,
.sc-appbar .sc-xs3.sc-appbar-actions,
.sc-appbar .sc-xs3.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-xs3.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-xs3.sc-grid-item {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto
}

.sc-row .sc-col.sc-xs4,
.sc-appbar .sc-col.sc-xs4,
.sc-appbar .sc-xs4.sc-appbar-nav,
.sc-appbar .sc-xs4.sc-appbar-title,
.sc-appbar .sc-xs4.sc-appbar-actions,
.sc-appbar .sc-xs4.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-xs4.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-xs4.sc-grid-item {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto
}

.sc-row .sc-col.sc-offset-xs1,
.sc-appbar .sc-col.sc-offset-xs1,
.sc-appbar .sc-offset-xs1.sc-appbar-nav,
.sc-appbar .sc-offset-xs1.sc-appbar-title,
.sc-appbar .sc-offset-xs1.sc-appbar-actions,
.sc-appbar .sc-offset-xs1.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-offset-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-offset-xs1.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xs1.sc-grid-item {
    margin-left: 25%
}

.sc-row .sc-col.sc-pull-xs1,
.sc-appbar .sc-col.sc-pull-xs1,
.sc-appbar .sc-pull-xs1.sc-appbar-nav,
.sc-appbar .sc-pull-xs1.sc-appbar-title,
.sc-appbar .sc-pull-xs1.sc-appbar-actions,
.sc-appbar .sc-pull-xs1.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-pull-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-pull-xs1.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xs1.sc-grid-item {
    right: 25%
}

.sc-row .sc-col.sc-push-xs1,
.sc-appbar .sc-col.sc-push-xs1,
.sc-appbar .sc-push-xs1.sc-appbar-nav,
.sc-appbar .sc-push-xs1.sc-appbar-title,
.sc-appbar .sc-push-xs1.sc-appbar-actions,
.sc-appbar .sc-push-xs1.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-push-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-push-xs1.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xs1.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xs1.sc-grid-item {
    left: 25%
}

.sc-row .sc-col.sc-offset-xs2,
.sc-appbar .sc-col.sc-offset-xs2,
.sc-appbar .sc-offset-xs2.sc-appbar-nav,
.sc-appbar .sc-offset-xs2.sc-appbar-title,
.sc-appbar .sc-offset-xs2.sc-appbar-actions,
.sc-appbar .sc-offset-xs2.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-offset-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-offset-xs2.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xs2.sc-grid-item {
    margin-left: 50%
}

.sc-row .sc-col.sc-pull-xs2,
.sc-appbar .sc-col.sc-pull-xs2,
.sc-appbar .sc-pull-xs2.sc-appbar-nav,
.sc-appbar .sc-pull-xs2.sc-appbar-title,
.sc-appbar .sc-pull-xs2.sc-appbar-actions,
.sc-appbar .sc-pull-xs2.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-pull-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-pull-xs2.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xs2.sc-grid-item {
    right: 50%
}

.sc-row .sc-col.sc-push-xs2,
.sc-appbar .sc-col.sc-push-xs2,
.sc-appbar .sc-push-xs2.sc-appbar-nav,
.sc-appbar .sc-push-xs2.sc-appbar-title,
.sc-appbar .sc-push-xs2.sc-appbar-actions,
.sc-appbar .sc-push-xs2.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-push-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-push-xs2.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xs2.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xs2.sc-grid-item {
    left: 50%
}

.sc-row .sc-col.sc-offset-xs3,
.sc-appbar .sc-col.sc-offset-xs3,
.sc-appbar .sc-offset-xs3.sc-appbar-nav,
.sc-appbar .sc-offset-xs3.sc-appbar-title,
.sc-appbar .sc-offset-xs3.sc-appbar-actions,
.sc-appbar .sc-offset-xs3.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-offset-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-offset-xs3.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xs3.sc-grid-item {
    margin-left: 75%
}

.sc-row .sc-col.sc-pull-xs3,
.sc-appbar .sc-col.sc-pull-xs3,
.sc-appbar .sc-pull-xs3.sc-appbar-nav,
.sc-appbar .sc-pull-xs3.sc-appbar-title,
.sc-appbar .sc-pull-xs3.sc-appbar-actions,
.sc-appbar .sc-pull-xs3.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-pull-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-pull-xs3.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xs3.sc-grid-item {
    right: 75%
}

.sc-row .sc-col.sc-push-xs3,
.sc-appbar .sc-col.sc-push-xs3,
.sc-appbar .sc-push-xs3.sc-appbar-nav,
.sc-appbar .sc-push-xs3.sc-appbar-title,
.sc-appbar .sc-push-xs3.sc-appbar-actions,
.sc-appbar .sc-push-xs3.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-push-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-push-xs3.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xs3.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xs3.sc-grid-item {
    left: 75%
}

.sc-row .sc-col.sc-offset-xs4,
.sc-appbar .sc-col.sc-offset-xs4,
.sc-appbar .sc-offset-xs4.sc-appbar-nav,
.sc-appbar .sc-offset-xs4.sc-appbar-title,
.sc-appbar .sc-offset-xs4.sc-appbar-actions,
.sc-appbar .sc-offset-xs4.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-offset-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-offset-xs4.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xs4.sc-grid-item {
    margin-left: 100%
}

.sc-row .sc-col.sc-pull-xs4,
.sc-appbar .sc-col.sc-pull-xs4,
.sc-appbar .sc-pull-xs4.sc-appbar-nav,
.sc-appbar .sc-pull-xs4.sc-appbar-title,
.sc-appbar .sc-pull-xs4.sc-appbar-actions,
.sc-appbar .sc-pull-xs4.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-pull-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-pull-xs4.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xs4.sc-grid-item {
    right: 100%
}

.sc-row .sc-col.sc-push-xs4,
.sc-appbar .sc-col.sc-push-xs4,
.sc-appbar .sc-push-xs4.sc-appbar-nav,
.sc-appbar .sc-push-xs4.sc-appbar-title,
.sc-appbar .sc-push-xs4.sc-appbar-actions,
.sc-appbar .sc-push-xs4.sc-appbar-menu,
.sc-row .sc-bottom-sheet-grid ul li .sc-push-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-row .sc-push-xs4.sc-grid-item,
.sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xs4.sc-grid-item,
.sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xs4.sc-grid-item {
    left: 100%
}

@media only screen and (min-width: 960px) and (max-width: 720px) {
    .sc-row .sc-col.sc-s1,
    .sc-appbar .sc-col.sc-s1,
    .sc-appbar .sc-s1.sc-appbar-nav,
    .sc-appbar .sc-s1.sc-appbar-title,
    .sc-appbar .sc-s1.sc-appbar-actions,
    .sc-appbar .sc-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s1.sc-grid-item {
        width: 12.5%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s2,
    .sc-appbar .sc-col.sc-s2,
    .sc-appbar .sc-s2.sc-appbar-nav,
    .sc-appbar .sc-s2.sc-appbar-title,
    .sc-appbar .sc-s2.sc-appbar-actions,
    .sc-appbar .sc-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s2.sc-grid-item {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s3,
    .sc-appbar .sc-col.sc-s3,
    .sc-appbar .sc-s3.sc-appbar-nav,
    .sc-appbar .sc-s3.sc-appbar-title,
    .sc-appbar .sc-s3.sc-appbar-actions,
    .sc-appbar .sc-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s3.sc-grid-item {
        width: 37.5%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s4,
    .sc-appbar .sc-col.sc-s4,
    .sc-appbar .sc-s4.sc-appbar-nav,
    .sc-appbar .sc-s4.sc-appbar-title,
    .sc-appbar .sc-s4.sc-appbar-actions,
    .sc-appbar .sc-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s4.sc-grid-item {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s5,
    .sc-appbar .sc-col.sc-s5,
    .sc-appbar .sc-s5.sc-appbar-nav,
    .sc-appbar .sc-s5.sc-appbar-title,
    .sc-appbar .sc-s5.sc-appbar-actions,
    .sc-appbar .sc-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s5.sc-grid-item {
        width: 62.5%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s6,
    .sc-appbar .sc-col.sc-s6,
    .sc-appbar .sc-s6.sc-appbar-nav,
    .sc-appbar .sc-s6.sc-appbar-title,
    .sc-appbar .sc-s6.sc-appbar-actions,
    .sc-appbar .sc-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-grid-item {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s7,
    .sc-appbar .sc-col.sc-s7,
    .sc-appbar .sc-s7.sc-appbar-nav,
    .sc-appbar .sc-s7.sc-appbar-title,
    .sc-appbar .sc-s7.sc-appbar-actions,
    .sc-appbar .sc-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s7.sc-grid-item {
        width: 87.5%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s8,
    .sc-appbar .sc-col.sc-s8,
    .sc-appbar .sc-s8.sc-appbar-nav,
    .sc-appbar .sc-s8.sc-appbar-title,
    .sc-appbar .sc-s8.sc-appbar-actions,
    .sc-appbar .sc-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s8.sc-grid-item {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-offset-s1,
    .sc-appbar .sc-col.sc-offset-s1,
    .sc-appbar .sc-offset-s1.sc-appbar-nav,
    .sc-appbar .sc-offset-s1.sc-appbar-title,
    .sc-appbar .sc-offset-s1.sc-appbar-actions,
    .sc-appbar .sc-offset-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s1.sc-grid-item {
        margin-left: 12.5%
    }
    .sc-row .sc-col.sc-pull-s1,
    .sc-appbar .sc-col.sc-pull-s1,
    .sc-appbar .sc-pull-s1.sc-appbar-nav,
    .sc-appbar .sc-pull-s1.sc-appbar-title,
    .sc-appbar .sc-pull-s1.sc-appbar-actions,
    .sc-appbar .sc-pull-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s1.sc-grid-item {
        right: 12.5%
    }
    .sc-row .sc-col.sc-push-s1,
    .sc-appbar .sc-col.sc-push-s1,
    .sc-appbar .sc-push-s1.sc-appbar-nav,
    .sc-appbar .sc-push-s1.sc-appbar-title,
    .sc-appbar .sc-push-s1.sc-appbar-actions,
    .sc-appbar .sc-push-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s1.sc-grid-item {
        left: 12.5%
    }
    .sc-row .sc-col.sc-offset-s2,
    .sc-appbar .sc-col.sc-offset-s2,
    .sc-appbar .sc-offset-s2.sc-appbar-nav,
    .sc-appbar .sc-offset-s2.sc-appbar-title,
    .sc-appbar .sc-offset-s2.sc-appbar-actions,
    .sc-appbar .sc-offset-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s2.sc-grid-item {
        margin-left: 25%
    }
    .sc-row .sc-col.sc-pull-s2,
    .sc-appbar .sc-col.sc-pull-s2,
    .sc-appbar .sc-pull-s2.sc-appbar-nav,
    .sc-appbar .sc-pull-s2.sc-appbar-title,
    .sc-appbar .sc-pull-s2.sc-appbar-actions,
    .sc-appbar .sc-pull-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s2.sc-grid-item {
        right: 25%
    }
    .sc-row .sc-col.sc-push-s2,
    .sc-appbar .sc-col.sc-push-s2,
    .sc-appbar .sc-push-s2.sc-appbar-nav,
    .sc-appbar .sc-push-s2.sc-appbar-title,
    .sc-appbar .sc-push-s2.sc-appbar-actions,
    .sc-appbar .sc-push-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s2.sc-grid-item {
        left: 25%
    }
    .sc-row .sc-col.sc-offset-s3,
    .sc-appbar .sc-col.sc-offset-s3,
    .sc-appbar .sc-offset-s3.sc-appbar-nav,
    .sc-appbar .sc-offset-s3.sc-appbar-title,
    .sc-appbar .sc-offset-s3.sc-appbar-actions,
    .sc-appbar .sc-offset-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s3.sc-grid-item {
        margin-left: 37.5%
    }
    .sc-row .sc-col.sc-pull-s3,
    .sc-appbar .sc-col.sc-pull-s3,
    .sc-appbar .sc-pull-s3.sc-appbar-nav,
    .sc-appbar .sc-pull-s3.sc-appbar-title,
    .sc-appbar .sc-pull-s3.sc-appbar-actions,
    .sc-appbar .sc-pull-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s3.sc-grid-item {
        right: 37.5%
    }
    .sc-row .sc-col.sc-push-s3,
    .sc-appbar .sc-col.sc-push-s3,
    .sc-appbar .sc-push-s3.sc-appbar-nav,
    .sc-appbar .sc-push-s3.sc-appbar-title,
    .sc-appbar .sc-push-s3.sc-appbar-actions,
    .sc-appbar .sc-push-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s3.sc-grid-item {
        left: 37.5%
    }
    .sc-row .sc-col.sc-offset-s4,
    .sc-appbar .sc-col.sc-offset-s4,
    .sc-appbar .sc-offset-s4.sc-appbar-nav,
    .sc-appbar .sc-offset-s4.sc-appbar-title,
    .sc-appbar .sc-offset-s4.sc-appbar-actions,
    .sc-appbar .sc-offset-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s4.sc-grid-item {
        margin-left: 50%
    }
    .sc-row .sc-col.sc-pull-s4,
    .sc-appbar .sc-col.sc-pull-s4,
    .sc-appbar .sc-pull-s4.sc-appbar-nav,
    .sc-appbar .sc-pull-s4.sc-appbar-title,
    .sc-appbar .sc-pull-s4.sc-appbar-actions,
    .sc-appbar .sc-pull-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s4.sc-grid-item {
        right: 50%
    }
    .sc-row .sc-col.sc-push-s4,
    .sc-appbar .sc-col.sc-push-s4,
    .sc-appbar .sc-push-s4.sc-appbar-nav,
    .sc-appbar .sc-push-s4.sc-appbar-title,
    .sc-appbar .sc-push-s4.sc-appbar-actions,
    .sc-appbar .sc-push-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s4.sc-grid-item {
        left: 50%
    }
    .sc-row .sc-col.sc-offset-s5,
    .sc-appbar .sc-col.sc-offset-s5,
    .sc-appbar .sc-offset-s5.sc-appbar-nav,
    .sc-appbar .sc-offset-s5.sc-appbar-title,
    .sc-appbar .sc-offset-s5.sc-appbar-actions,
    .sc-appbar .sc-offset-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s5.sc-grid-item {
        margin-left: 62.5%
    }
    .sc-row .sc-col.sc-pull-s5,
    .sc-appbar .sc-col.sc-pull-s5,
    .sc-appbar .sc-pull-s5.sc-appbar-nav,
    .sc-appbar .sc-pull-s5.sc-appbar-title,
    .sc-appbar .sc-pull-s5.sc-appbar-actions,
    .sc-appbar .sc-pull-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s5.sc-grid-item {
        right: 62.5%
    }
    .sc-row .sc-col.sc-push-s5,
    .sc-appbar .sc-col.sc-push-s5,
    .sc-appbar .sc-push-s5.sc-appbar-nav,
    .sc-appbar .sc-push-s5.sc-appbar-title,
    .sc-appbar .sc-push-s5.sc-appbar-actions,
    .sc-appbar .sc-push-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s5.sc-grid-item {
        left: 62.5%
    }
    .sc-row .sc-col.sc-offset-s6,
    .sc-appbar .sc-col.sc-offset-s6,
    .sc-appbar .sc-offset-s6.sc-appbar-nav,
    .sc-appbar .sc-offset-s6.sc-appbar-title,
    .sc-appbar .sc-offset-s6.sc-appbar-actions,
    .sc-appbar .sc-offset-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s6.sc-grid-item {
        margin-left: 75%
    }
    .sc-row .sc-col.sc-pull-s6,
    .sc-appbar .sc-col.sc-pull-s6,
    .sc-appbar .sc-pull-s6.sc-appbar-nav,
    .sc-appbar .sc-pull-s6.sc-appbar-title,
    .sc-appbar .sc-pull-s6.sc-appbar-actions,
    .sc-appbar .sc-pull-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s6.sc-grid-item {
        right: 75%
    }
    .sc-row .sc-col.sc-push-s6,
    .sc-appbar .sc-col.sc-push-s6,
    .sc-appbar .sc-push-s6.sc-appbar-nav,
    .sc-appbar .sc-push-s6.sc-appbar-title,
    .sc-appbar .sc-push-s6.sc-appbar-actions,
    .sc-appbar .sc-push-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s6.sc-grid-item {
        left: 75%
    }
    .sc-row .sc-col.sc-offset-s7,
    .sc-appbar .sc-col.sc-offset-s7,
    .sc-appbar .sc-offset-s7.sc-appbar-nav,
    .sc-appbar .sc-offset-s7.sc-appbar-title,
    .sc-appbar .sc-offset-s7.sc-appbar-actions,
    .sc-appbar .sc-offset-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s7.sc-grid-item {
        margin-left: 87.5%
    }
    .sc-row .sc-col.sc-pull-s7,
    .sc-appbar .sc-col.sc-pull-s7,
    .sc-appbar .sc-pull-s7.sc-appbar-nav,
    .sc-appbar .sc-pull-s7.sc-appbar-title,
    .sc-appbar .sc-pull-s7.sc-appbar-actions,
    .sc-appbar .sc-pull-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s7.sc-grid-item {
        right: 87.5%
    }
    .sc-row .sc-col.sc-push-s7,
    .sc-appbar .sc-col.sc-push-s7,
    .sc-appbar .sc-push-s7.sc-appbar-nav,
    .sc-appbar .sc-push-s7.sc-appbar-title,
    .sc-appbar .sc-push-s7.sc-appbar-actions,
    .sc-appbar .sc-push-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s7.sc-grid-item {
        left: 87.5%
    }
    .sc-row .sc-col.sc-offset-s8,
    .sc-appbar .sc-col.sc-offset-s8,
    .sc-appbar .sc-offset-s8.sc-appbar-nav,
    .sc-appbar .sc-offset-s8.sc-appbar-title,
    .sc-appbar .sc-offset-s8.sc-appbar-actions,
    .sc-appbar .sc-offset-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s8.sc-grid-item {
        margin-left: 100%
    }
    .sc-row .sc-col.sc-pull-s8,
    .sc-appbar .sc-col.sc-pull-s8,
    .sc-appbar .sc-pull-s8.sc-appbar-nav,
    .sc-appbar .sc-pull-s8.sc-appbar-title,
    .sc-appbar .sc-pull-s8.sc-appbar-actions,
    .sc-appbar .sc-pull-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s8.sc-grid-item {
        right: 100%
    }
    .sc-row .sc-col.sc-push-s8,
    .sc-appbar .sc-col.sc-push-s8,
    .sc-appbar .sc-push-s8.sc-appbar-nav,
    .sc-appbar .sc-push-s8.sc-appbar-title,
    .sc-appbar .sc-push-s8.sc-appbar-actions,
    .sc-appbar .sc-push-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s8.sc-grid-item {
        left: 100%
    }
}

@media only screen and (min-width: 960px) and (min-width: 720px) {
    .sc-row .sc-col.sc-s1,
    .sc-appbar .sc-col.sc-s1,
    .sc-appbar .sc-s1.sc-appbar-nav,
    .sc-appbar .sc-s1.sc-appbar-title,
    .sc-appbar .sc-s1.sc-appbar-actions,
    .sc-appbar .sc-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s1.sc-grid-item {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s2,
    .sc-appbar .sc-col.sc-s2,
    .sc-appbar .sc-s2.sc-appbar-nav,
    .sc-appbar .sc-s2.sc-appbar-title,
    .sc-appbar .sc-s2.sc-appbar-actions,
    .sc-appbar .sc-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s2.sc-grid-item {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s3,
    .sc-appbar .sc-col.sc-s3,
    .sc-appbar .sc-s3.sc-appbar-nav,
    .sc-appbar .sc-s3.sc-appbar-title,
    .sc-appbar .sc-s3.sc-appbar-actions,
    .sc-appbar .sc-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s3.sc-grid-item {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s4,
    .sc-appbar .sc-col.sc-s4,
    .sc-appbar .sc-s4.sc-appbar-nav,
    .sc-appbar .sc-s4.sc-appbar-title,
    .sc-appbar .sc-s4.sc-appbar-actions,
    .sc-appbar .sc-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s4.sc-grid-item {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s5,
    .sc-appbar .sc-col.sc-s5,
    .sc-appbar .sc-s5.sc-appbar-nav,
    .sc-appbar .sc-s5.sc-appbar-title,
    .sc-appbar .sc-s5.sc-appbar-actions,
    .sc-appbar .sc-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s5.sc-grid-item {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s6,
    .sc-appbar .sc-col.sc-s6,
    .sc-appbar .sc-s6.sc-appbar-nav,
    .sc-appbar .sc-s6.sc-appbar-title,
    .sc-appbar .sc-s6.sc-appbar-actions,
    .sc-appbar .sc-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-grid-item {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s7,
    .sc-appbar .sc-col.sc-s7,
    .sc-appbar .sc-s7.sc-appbar-nav,
    .sc-appbar .sc-s7.sc-appbar-title,
    .sc-appbar .sc-s7.sc-appbar-actions,
    .sc-appbar .sc-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s7.sc-grid-item {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s8,
    .sc-appbar .sc-col.sc-s8,
    .sc-appbar .sc-s8.sc-appbar-nav,
    .sc-appbar .sc-s8.sc-appbar-title,
    .sc-appbar .sc-s8.sc-appbar-actions,
    .sc-appbar .sc-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s8.sc-grid-item {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s9,
    .sc-appbar .sc-col.sc-s9,
    .sc-appbar .sc-s9.sc-appbar-nav,
    .sc-appbar .sc-s9.sc-appbar-title,
    .sc-appbar .sc-s9.sc-appbar-actions,
    .sc-appbar .sc-s9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s9.sc-grid-item {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s10,
    .sc-appbar .sc-col.sc-s10,
    .sc-appbar .sc-s10.sc-appbar-nav,
    .sc-appbar .sc-s10.sc-appbar-title,
    .sc-appbar .sc-s10.sc-appbar-actions,
    .sc-appbar .sc-s10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s10.sc-grid-item {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s11,
    .sc-appbar .sc-col.sc-s11,
    .sc-appbar .sc-s11.sc-appbar-nav,
    .sc-appbar .sc-s11.sc-appbar-title,
    .sc-appbar .sc-s11.sc-appbar-actions,
    .sc-appbar .sc-s11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s11.sc-grid-item {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-s12,
    .sc-appbar .sc-col.sc-s12,
    .sc-appbar .sc-s12.sc-appbar-nav,
    .sc-appbar .sc-s12.sc-appbar-title,
    .sc-appbar .sc-s12.sc-appbar-actions,
    .sc-appbar .sc-s12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-s12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-s12.sc-grid-item {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-offset-s1,
    .sc-appbar .sc-col.sc-offset-s1,
    .sc-appbar .sc-offset-s1.sc-appbar-nav,
    .sc-appbar .sc-offset-s1.sc-appbar-title,
    .sc-appbar .sc-offset-s1.sc-appbar-actions,
    .sc-appbar .sc-offset-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s1.sc-grid-item {
        margin-left: 8.33333%
    }
    .sc-row .sc-col.sc-pull-s1,
    .sc-appbar .sc-col.sc-pull-s1,
    .sc-appbar .sc-pull-s1.sc-appbar-nav,
    .sc-appbar .sc-pull-s1.sc-appbar-title,
    .sc-appbar .sc-pull-s1.sc-appbar-actions,
    .sc-appbar .sc-pull-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s1.sc-grid-item {
        right: 8.33333%
    }
    .sc-row .sc-col.sc-push-s1,
    .sc-appbar .sc-col.sc-push-s1,
    .sc-appbar .sc-push-s1.sc-appbar-nav,
    .sc-appbar .sc-push-s1.sc-appbar-title,
    .sc-appbar .sc-push-s1.sc-appbar-actions,
    .sc-appbar .sc-push-s1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s1.sc-grid-item {
        left: 8.33333%
    }
    .sc-row .sc-col.sc-offset-s2,
    .sc-appbar .sc-col.sc-offset-s2,
    .sc-appbar .sc-offset-s2.sc-appbar-nav,
    .sc-appbar .sc-offset-s2.sc-appbar-title,
    .sc-appbar .sc-offset-s2.sc-appbar-actions,
    .sc-appbar .sc-offset-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s2.sc-grid-item {
        margin-left: 16.66667%
    }
    .sc-row .sc-col.sc-pull-s2,
    .sc-appbar .sc-col.sc-pull-s2,
    .sc-appbar .sc-pull-s2.sc-appbar-nav,
    .sc-appbar .sc-pull-s2.sc-appbar-title,
    .sc-appbar .sc-pull-s2.sc-appbar-actions,
    .sc-appbar .sc-pull-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s2.sc-grid-item {
        right: 16.66667%
    }
    .sc-row .sc-col.sc-push-s2,
    .sc-appbar .sc-col.sc-push-s2,
    .sc-appbar .sc-push-s2.sc-appbar-nav,
    .sc-appbar .sc-push-s2.sc-appbar-title,
    .sc-appbar .sc-push-s2.sc-appbar-actions,
    .sc-appbar .sc-push-s2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s2.sc-grid-item {
        left: 16.66667%
    }
    .sc-row .sc-col.sc-offset-s3,
    .sc-appbar .sc-col.sc-offset-s3,
    .sc-appbar .sc-offset-s3.sc-appbar-nav,
    .sc-appbar .sc-offset-s3.sc-appbar-title,
    .sc-appbar .sc-offset-s3.sc-appbar-actions,
    .sc-appbar .sc-offset-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s3.sc-grid-item {
        margin-left: 25%
    }
    .sc-row .sc-col.sc-pull-s3,
    .sc-appbar .sc-col.sc-pull-s3,
    .sc-appbar .sc-pull-s3.sc-appbar-nav,
    .sc-appbar .sc-pull-s3.sc-appbar-title,
    .sc-appbar .sc-pull-s3.sc-appbar-actions,
    .sc-appbar .sc-pull-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s3.sc-grid-item {
        right: 25%
    }
    .sc-row .sc-col.sc-push-s3,
    .sc-appbar .sc-col.sc-push-s3,
    .sc-appbar .sc-push-s3.sc-appbar-nav,
    .sc-appbar .sc-push-s3.sc-appbar-title,
    .sc-appbar .sc-push-s3.sc-appbar-actions,
    .sc-appbar .sc-push-s3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s3.sc-grid-item {
        left: 25%
    }
    .sc-row .sc-col.sc-offset-s4,
    .sc-appbar .sc-col.sc-offset-s4,
    .sc-appbar .sc-offset-s4.sc-appbar-nav,
    .sc-appbar .sc-offset-s4.sc-appbar-title,
    .sc-appbar .sc-offset-s4.sc-appbar-actions,
    .sc-appbar .sc-offset-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s4.sc-grid-item {
        margin-left: 33.33333%
    }
    .sc-row .sc-col.sc-pull-s4,
    .sc-appbar .sc-col.sc-pull-s4,
    .sc-appbar .sc-pull-s4.sc-appbar-nav,
    .sc-appbar .sc-pull-s4.sc-appbar-title,
    .sc-appbar .sc-pull-s4.sc-appbar-actions,
    .sc-appbar .sc-pull-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s4.sc-grid-item {
        right: 33.33333%
    }
    .sc-row .sc-col.sc-push-s4,
    .sc-appbar .sc-col.sc-push-s4,
    .sc-appbar .sc-push-s4.sc-appbar-nav,
    .sc-appbar .sc-push-s4.sc-appbar-title,
    .sc-appbar .sc-push-s4.sc-appbar-actions,
    .sc-appbar .sc-push-s4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s4.sc-grid-item {
        left: 33.33333%
    }
    .sc-row .sc-col.sc-offset-s5,
    .sc-appbar .sc-col.sc-offset-s5,
    .sc-appbar .sc-offset-s5.sc-appbar-nav,
    .sc-appbar .sc-offset-s5.sc-appbar-title,
    .sc-appbar .sc-offset-s5.sc-appbar-actions,
    .sc-appbar .sc-offset-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s5.sc-grid-item {
        margin-left: 41.66667%
    }
    .sc-row .sc-col.sc-pull-s5,
    .sc-appbar .sc-col.sc-pull-s5,
    .sc-appbar .sc-pull-s5.sc-appbar-nav,
    .sc-appbar .sc-pull-s5.sc-appbar-title,
    .sc-appbar .sc-pull-s5.sc-appbar-actions,
    .sc-appbar .sc-pull-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s5.sc-grid-item {
        right: 41.66667%
    }
    .sc-row .sc-col.sc-push-s5,
    .sc-appbar .sc-col.sc-push-s5,
    .sc-appbar .sc-push-s5.sc-appbar-nav,
    .sc-appbar .sc-push-s5.sc-appbar-title,
    .sc-appbar .sc-push-s5.sc-appbar-actions,
    .sc-appbar .sc-push-s5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s5.sc-grid-item {
        left: 41.66667%
    }
    .sc-row .sc-col.sc-offset-s6,
    .sc-appbar .sc-col.sc-offset-s6,
    .sc-appbar .sc-offset-s6.sc-appbar-nav,
    .sc-appbar .sc-offset-s6.sc-appbar-title,
    .sc-appbar .sc-offset-s6.sc-appbar-actions,
    .sc-appbar .sc-offset-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s6.sc-grid-item {
        margin-left: 50%
    }
    .sc-row .sc-col.sc-pull-s6,
    .sc-appbar .sc-col.sc-pull-s6,
    .sc-appbar .sc-pull-s6.sc-appbar-nav,
    .sc-appbar .sc-pull-s6.sc-appbar-title,
    .sc-appbar .sc-pull-s6.sc-appbar-actions,
    .sc-appbar .sc-pull-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s6.sc-grid-item {
        right: 50%
    }
    .sc-row .sc-col.sc-push-s6,
    .sc-appbar .sc-col.sc-push-s6,
    .sc-appbar .sc-push-s6.sc-appbar-nav,
    .sc-appbar .sc-push-s6.sc-appbar-title,
    .sc-appbar .sc-push-s6.sc-appbar-actions,
    .sc-appbar .sc-push-s6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s6.sc-grid-item {
        left: 50%
    }
    .sc-row .sc-col.sc-offset-s7,
    .sc-appbar .sc-col.sc-offset-s7,
    .sc-appbar .sc-offset-s7.sc-appbar-nav,
    .sc-appbar .sc-offset-s7.sc-appbar-title,
    .sc-appbar .sc-offset-s7.sc-appbar-actions,
    .sc-appbar .sc-offset-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s7.sc-grid-item {
        margin-left: 58.33333%
    }
    .sc-row .sc-col.sc-pull-s7,
    .sc-appbar .sc-col.sc-pull-s7,
    .sc-appbar .sc-pull-s7.sc-appbar-nav,
    .sc-appbar .sc-pull-s7.sc-appbar-title,
    .sc-appbar .sc-pull-s7.sc-appbar-actions,
    .sc-appbar .sc-pull-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s7.sc-grid-item {
        right: 58.33333%
    }
    .sc-row .sc-col.sc-push-s7,
    .sc-appbar .sc-col.sc-push-s7,
    .sc-appbar .sc-push-s7.sc-appbar-nav,
    .sc-appbar .sc-push-s7.sc-appbar-title,
    .sc-appbar .sc-push-s7.sc-appbar-actions,
    .sc-appbar .sc-push-s7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s7.sc-grid-item {
        left: 58.33333%
    }
    .sc-row .sc-col.sc-offset-s8,
    .sc-appbar .sc-col.sc-offset-s8,
    .sc-appbar .sc-offset-s8.sc-appbar-nav,
    .sc-appbar .sc-offset-s8.sc-appbar-title,
    .sc-appbar .sc-offset-s8.sc-appbar-actions,
    .sc-appbar .sc-offset-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s8.sc-grid-item {
        margin-left: 66.66667%
    }
    .sc-row .sc-col.sc-pull-s8,
    .sc-appbar .sc-col.sc-pull-s8,
    .sc-appbar .sc-pull-s8.sc-appbar-nav,
    .sc-appbar .sc-pull-s8.sc-appbar-title,
    .sc-appbar .sc-pull-s8.sc-appbar-actions,
    .sc-appbar .sc-pull-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s8.sc-grid-item {
        right: 66.66667%
    }
    .sc-row .sc-col.sc-push-s8,
    .sc-appbar .sc-col.sc-push-s8,
    .sc-appbar .sc-push-s8.sc-appbar-nav,
    .sc-appbar .sc-push-s8.sc-appbar-title,
    .sc-appbar .sc-push-s8.sc-appbar-actions,
    .sc-appbar .sc-push-s8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s8.sc-grid-item {
        left: 66.66667%
    }
    .sc-row .sc-col.sc-offset-s9,
    .sc-appbar .sc-col.sc-offset-s9,
    .sc-appbar .sc-offset-s9.sc-appbar-nav,
    .sc-appbar .sc-offset-s9.sc-appbar-title,
    .sc-appbar .sc-offset-s9.sc-appbar-actions,
    .sc-appbar .sc-offset-s9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s9.sc-grid-item {
        margin-left: 75%
    }
    .sc-row .sc-col.sc-pull-s9,
    .sc-appbar .sc-col.sc-pull-s9,
    .sc-appbar .sc-pull-s9.sc-appbar-nav,
    .sc-appbar .sc-pull-s9.sc-appbar-title,
    .sc-appbar .sc-pull-s9.sc-appbar-actions,
    .sc-appbar .sc-pull-s9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s9.sc-grid-item {
        right: 75%
    }
    .sc-row .sc-col.sc-push-s9,
    .sc-appbar .sc-col.sc-push-s9,
    .sc-appbar .sc-push-s9.sc-appbar-nav,
    .sc-appbar .sc-push-s9.sc-appbar-title,
    .sc-appbar .sc-push-s9.sc-appbar-actions,
    .sc-appbar .sc-push-s9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s9.sc-grid-item {
        left: 75%
    }
    .sc-row .sc-col.sc-offset-s10,
    .sc-appbar .sc-col.sc-offset-s10,
    .sc-appbar .sc-offset-s10.sc-appbar-nav,
    .sc-appbar .sc-offset-s10.sc-appbar-title,
    .sc-appbar .sc-offset-s10.sc-appbar-actions,
    .sc-appbar .sc-offset-s10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s10.sc-grid-item {
        margin-left: 83.33333%
    }
    .sc-row .sc-col.sc-pull-s10,
    .sc-appbar .sc-col.sc-pull-s10,
    .sc-appbar .sc-pull-s10.sc-appbar-nav,
    .sc-appbar .sc-pull-s10.sc-appbar-title,
    .sc-appbar .sc-pull-s10.sc-appbar-actions,
    .sc-appbar .sc-pull-s10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s10.sc-grid-item {
        right: 83.33333%
    }
    .sc-row .sc-col.sc-push-s10,
    .sc-appbar .sc-col.sc-push-s10,
    .sc-appbar .sc-push-s10.sc-appbar-nav,
    .sc-appbar .sc-push-s10.sc-appbar-title,
    .sc-appbar .sc-push-s10.sc-appbar-actions,
    .sc-appbar .sc-push-s10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s10.sc-grid-item {
        left: 83.33333%
    }
    .sc-row .sc-col.sc-offset-s11,
    .sc-appbar .sc-col.sc-offset-s11,
    .sc-appbar .sc-offset-s11.sc-appbar-nav,
    .sc-appbar .sc-offset-s11.sc-appbar-title,
    .sc-appbar .sc-offset-s11.sc-appbar-actions,
    .sc-appbar .sc-offset-s11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s11.sc-grid-item {
        margin-left: 91.66667%
    }
    .sc-row .sc-col.sc-pull-s11,
    .sc-appbar .sc-col.sc-pull-s11,
    .sc-appbar .sc-pull-s11.sc-appbar-nav,
    .sc-appbar .sc-pull-s11.sc-appbar-title,
    .sc-appbar .sc-pull-s11.sc-appbar-actions,
    .sc-appbar .sc-pull-s11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s11.sc-grid-item {
        right: 91.66667%
    }
    .sc-row .sc-col.sc-push-s11,
    .sc-appbar .sc-col.sc-push-s11,
    .sc-appbar .sc-push-s11.sc-appbar-nav,
    .sc-appbar .sc-push-s11.sc-appbar-title,
    .sc-appbar .sc-push-s11.sc-appbar-actions,
    .sc-appbar .sc-push-s11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s11.sc-grid-item {
        left: 91.66667%
    }
    .sc-row .sc-col.sc-offset-s12,
    .sc-appbar .sc-col.sc-offset-s12,
    .sc-appbar .sc-offset-s12.sc-appbar-nav,
    .sc-appbar .sc-offset-s12.sc-appbar-title,
    .sc-appbar .sc-offset-s12.sc-appbar-actions,
    .sc-appbar .sc-offset-s12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-s12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-s12.sc-grid-item {
        margin-left: 100%
    }
    .sc-row .sc-col.sc-pull-s12,
    .sc-appbar .sc-col.sc-pull-s12,
    .sc-appbar .sc-pull-s12.sc-appbar-nav,
    .sc-appbar .sc-pull-s12.sc-appbar-title,
    .sc-appbar .sc-pull-s12.sc-appbar-actions,
    .sc-appbar .sc-pull-s12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-s12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-s12.sc-grid-item {
        right: 100%
    }
    .sc-row .sc-col.sc-push-s12,
    .sc-appbar .sc-col.sc-push-s12,
    .sc-appbar .sc-push-s12.sc-appbar-nav,
    .sc-appbar .sc-push-s12.sc-appbar-title,
    .sc-appbar .sc-push-s12.sc-appbar-actions,
    .sc-appbar .sc-push-s12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-s12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-s12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-s12.sc-grid-item {
        left: 100%
    }
}

@media only screen and (min-width: 1280px) {
    .sc-row .sc-col.sc-m1,
    .sc-appbar .sc-col.sc-m1,
    .sc-appbar .sc-m1.sc-appbar-nav,
    .sc-appbar .sc-m1.sc-appbar-title,
    .sc-appbar .sc-m1.sc-appbar-actions,
    .sc-appbar .sc-m1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m1.sc-grid-item {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m2,
    .sc-appbar .sc-col.sc-m2,
    .sc-appbar .sc-m2.sc-appbar-nav,
    .sc-appbar .sc-m2.sc-appbar-title,
    .sc-appbar .sc-m2.sc-appbar-actions,
    .sc-appbar .sc-m2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m2.sc-grid-item {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m3,
    .sc-appbar .sc-col.sc-m3,
    .sc-appbar .sc-m3.sc-appbar-nav,
    .sc-appbar .sc-m3.sc-appbar-title,
    .sc-appbar .sc-m3.sc-appbar-actions,
    .sc-appbar .sc-m3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m3.sc-grid-item {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m4,
    .sc-appbar .sc-col.sc-m4,
    .sc-appbar .sc-m4.sc-appbar-nav,
    .sc-appbar .sc-m4.sc-appbar-title,
    .sc-appbar .sc-m4.sc-appbar-actions,
    .sc-appbar .sc-m4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-grid-item {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m5,
    .sc-appbar .sc-col.sc-m5,
    .sc-appbar .sc-m5.sc-appbar-nav,
    .sc-appbar .sc-m5.sc-appbar-title,
    .sc-appbar .sc-m5.sc-appbar-actions,
    .sc-appbar .sc-m5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m5.sc-grid-item {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m6,
    .sc-appbar .sc-col.sc-m6,
    .sc-appbar .sc-m6.sc-appbar-nav,
    .sc-appbar .sc-m6.sc-appbar-title,
    .sc-appbar .sc-m6.sc-appbar-actions,
    .sc-appbar .sc-m6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m6.sc-grid-item {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m7,
    .sc-appbar .sc-col.sc-m7,
    .sc-appbar .sc-m7.sc-appbar-nav,
    .sc-appbar .sc-m7.sc-appbar-title,
    .sc-appbar .sc-m7.sc-appbar-actions,
    .sc-appbar .sc-m7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m7.sc-grid-item {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m8,
    .sc-appbar .sc-col.sc-m8,
    .sc-appbar .sc-m8.sc-appbar-nav,
    .sc-appbar .sc-m8.sc-appbar-title,
    .sc-appbar .sc-m8.sc-appbar-actions,
    .sc-appbar .sc-m8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m8.sc-grid-item {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m9,
    .sc-appbar .sc-col.sc-m9,
    .sc-appbar .sc-m9.sc-appbar-nav,
    .sc-appbar .sc-m9.sc-appbar-title,
    .sc-appbar .sc-m9.sc-appbar-actions,
    .sc-appbar .sc-m9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m9.sc-grid-item {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m10,
    .sc-appbar .sc-col.sc-m10,
    .sc-appbar .sc-m10.sc-appbar-nav,
    .sc-appbar .sc-m10.sc-appbar-title,
    .sc-appbar .sc-m10.sc-appbar-actions,
    .sc-appbar .sc-m10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m10.sc-grid-item {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m11,
    .sc-appbar .sc-col.sc-m11,
    .sc-appbar .sc-m11.sc-appbar-nav,
    .sc-appbar .sc-m11.sc-appbar-title,
    .sc-appbar .sc-m11.sc-appbar-actions,
    .sc-appbar .sc-m11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m11.sc-grid-item {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-m12,
    .sc-appbar .sc-col.sc-m12,
    .sc-appbar .sc-m12.sc-appbar-nav,
    .sc-appbar .sc-m12.sc-appbar-title,
    .sc-appbar .sc-m12.sc-appbar-actions,
    .sc-appbar .sc-m12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-m12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-m12.sc-grid-item {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-offset-m1,
    .sc-appbar .sc-col.sc-offset-m1,
    .sc-appbar .sc-offset-m1.sc-appbar-nav,
    .sc-appbar .sc-offset-m1.sc-appbar-title,
    .sc-appbar .sc-offset-m1.sc-appbar-actions,
    .sc-appbar .sc-offset-m1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m1.sc-grid-item {
        margin-left: 8.33333%
    }
    .sc-row .sc-col.sc-pull-m1,
    .sc-appbar .sc-col.sc-pull-m1,
    .sc-appbar .sc-pull-m1.sc-appbar-nav,
    .sc-appbar .sc-pull-m1.sc-appbar-title,
    .sc-appbar .sc-pull-m1.sc-appbar-actions,
    .sc-appbar .sc-pull-m1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m1.sc-grid-item {
        right: 8.33333%
    }
    .sc-row .sc-col.sc-push-m1,
    .sc-appbar .sc-col.sc-push-m1,
    .sc-appbar .sc-push-m1.sc-appbar-nav,
    .sc-appbar .sc-push-m1.sc-appbar-title,
    .sc-appbar .sc-push-m1.sc-appbar-actions,
    .sc-appbar .sc-push-m1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m1.sc-grid-item {
        left: 8.33333%
    }
    .sc-row .sc-col.sc-offset-m2,
    .sc-appbar .sc-col.sc-offset-m2,
    .sc-appbar .sc-offset-m2.sc-appbar-nav,
    .sc-appbar .sc-offset-m2.sc-appbar-title,
    .sc-appbar .sc-offset-m2.sc-appbar-actions,
    .sc-appbar .sc-offset-m2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m2.sc-grid-item {
        margin-left: 16.66667%
    }
    .sc-row .sc-col.sc-pull-m2,
    .sc-appbar .sc-col.sc-pull-m2,
    .sc-appbar .sc-pull-m2.sc-appbar-nav,
    .sc-appbar .sc-pull-m2.sc-appbar-title,
    .sc-appbar .sc-pull-m2.sc-appbar-actions,
    .sc-appbar .sc-pull-m2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m2.sc-grid-item {
        right: 16.66667%
    }
    .sc-row .sc-col.sc-push-m2,
    .sc-appbar .sc-col.sc-push-m2,
    .sc-appbar .sc-push-m2.sc-appbar-nav,
    .sc-appbar .sc-push-m2.sc-appbar-title,
    .sc-appbar .sc-push-m2.sc-appbar-actions,
    .sc-appbar .sc-push-m2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m2.sc-grid-item {
        left: 16.66667%
    }
    .sc-row .sc-col.sc-offset-m3,
    .sc-appbar .sc-col.sc-offset-m3,
    .sc-appbar .sc-offset-m3.sc-appbar-nav,
    .sc-appbar .sc-offset-m3.sc-appbar-title,
    .sc-appbar .sc-offset-m3.sc-appbar-actions,
    .sc-appbar .sc-offset-m3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m3.sc-grid-item {
        margin-left: 25%
    }
    .sc-row .sc-col.sc-pull-m3,
    .sc-appbar .sc-col.sc-pull-m3,
    .sc-appbar .sc-pull-m3.sc-appbar-nav,
    .sc-appbar .sc-pull-m3.sc-appbar-title,
    .sc-appbar .sc-pull-m3.sc-appbar-actions,
    .sc-appbar .sc-pull-m3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m3.sc-grid-item {
        right: 25%
    }
    .sc-row .sc-col.sc-push-m3,
    .sc-appbar .sc-col.sc-push-m3,
    .sc-appbar .sc-push-m3.sc-appbar-nav,
    .sc-appbar .sc-push-m3.sc-appbar-title,
    .sc-appbar .sc-push-m3.sc-appbar-actions,
    .sc-appbar .sc-push-m3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m3.sc-grid-item {
        left: 25%
    }
    .sc-row .sc-col.sc-offset-m4,
    .sc-appbar .sc-col.sc-offset-m4,
    .sc-appbar .sc-offset-m4.sc-appbar-nav,
    .sc-appbar .sc-offset-m4.sc-appbar-title,
    .sc-appbar .sc-offset-m4.sc-appbar-actions,
    .sc-appbar .sc-offset-m4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m4.sc-grid-item {
        margin-left: 33.33333%
    }
    .sc-row .sc-col.sc-pull-m4,
    .sc-appbar .sc-col.sc-pull-m4,
    .sc-appbar .sc-pull-m4.sc-appbar-nav,
    .sc-appbar .sc-pull-m4.sc-appbar-title,
    .sc-appbar .sc-pull-m4.sc-appbar-actions,
    .sc-appbar .sc-pull-m4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m4.sc-grid-item {
        right: 33.33333%
    }
    .sc-row .sc-col.sc-push-m4,
    .sc-appbar .sc-col.sc-push-m4,
    .sc-appbar .sc-push-m4.sc-appbar-nav,
    .sc-appbar .sc-push-m4.sc-appbar-title,
    .sc-appbar .sc-push-m4.sc-appbar-actions,
    .sc-appbar .sc-push-m4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m4.sc-grid-item {
        left: 33.33333%
    }
    .sc-row .sc-col.sc-offset-m5,
    .sc-appbar .sc-col.sc-offset-m5,
    .sc-appbar .sc-offset-m5.sc-appbar-nav,
    .sc-appbar .sc-offset-m5.sc-appbar-title,
    .sc-appbar .sc-offset-m5.sc-appbar-actions,
    .sc-appbar .sc-offset-m5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m5.sc-grid-item {
        margin-left: 41.66667%
    }
    .sc-row .sc-col.sc-pull-m5,
    .sc-appbar .sc-col.sc-pull-m5,
    .sc-appbar .sc-pull-m5.sc-appbar-nav,
    .sc-appbar .sc-pull-m5.sc-appbar-title,
    .sc-appbar .sc-pull-m5.sc-appbar-actions,
    .sc-appbar .sc-pull-m5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m5.sc-grid-item {
        right: 41.66667%
    }
    .sc-row .sc-col.sc-push-m5,
    .sc-appbar .sc-col.sc-push-m5,
    .sc-appbar .sc-push-m5.sc-appbar-nav,
    .sc-appbar .sc-push-m5.sc-appbar-title,
    .sc-appbar .sc-push-m5.sc-appbar-actions,
    .sc-appbar .sc-push-m5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m5.sc-grid-item {
        left: 41.66667%
    }
    .sc-row .sc-col.sc-offset-m6,
    .sc-appbar .sc-col.sc-offset-m6,
    .sc-appbar .sc-offset-m6.sc-appbar-nav,
    .sc-appbar .sc-offset-m6.sc-appbar-title,
    .sc-appbar .sc-offset-m6.sc-appbar-actions,
    .sc-appbar .sc-offset-m6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m6.sc-grid-item {
        margin-left: 50%
    }
    .sc-row .sc-col.sc-pull-m6,
    .sc-appbar .sc-col.sc-pull-m6,
    .sc-appbar .sc-pull-m6.sc-appbar-nav,
    .sc-appbar .sc-pull-m6.sc-appbar-title,
    .sc-appbar .sc-pull-m6.sc-appbar-actions,
    .sc-appbar .sc-pull-m6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m6.sc-grid-item {
        right: 50%
    }
    .sc-row .sc-col.sc-push-m6,
    .sc-appbar .sc-col.sc-push-m6,
    .sc-appbar .sc-push-m6.sc-appbar-nav,
    .sc-appbar .sc-push-m6.sc-appbar-title,
    .sc-appbar .sc-push-m6.sc-appbar-actions,
    .sc-appbar .sc-push-m6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m6.sc-grid-item {
        left: 50%
    }
    .sc-row .sc-col.sc-offset-m7,
    .sc-appbar .sc-col.sc-offset-m7,
    .sc-appbar .sc-offset-m7.sc-appbar-nav,
    .sc-appbar .sc-offset-m7.sc-appbar-title,
    .sc-appbar .sc-offset-m7.sc-appbar-actions,
    .sc-appbar .sc-offset-m7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m7.sc-grid-item {
        margin-left: 58.33333%
    }
    .sc-row .sc-col.sc-pull-m7,
    .sc-appbar .sc-col.sc-pull-m7,
    .sc-appbar .sc-pull-m7.sc-appbar-nav,
    .sc-appbar .sc-pull-m7.sc-appbar-title,
    .sc-appbar .sc-pull-m7.sc-appbar-actions,
    .sc-appbar .sc-pull-m7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m7.sc-grid-item {
        right: 58.33333%
    }
    .sc-row .sc-col.sc-push-m7,
    .sc-appbar .sc-col.sc-push-m7,
    .sc-appbar .sc-push-m7.sc-appbar-nav,
    .sc-appbar .sc-push-m7.sc-appbar-title,
    .sc-appbar .sc-push-m7.sc-appbar-actions,
    .sc-appbar .sc-push-m7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m7.sc-grid-item {
        left: 58.33333%
    }
    .sc-row .sc-col.sc-offset-m8,
    .sc-appbar .sc-col.sc-offset-m8,
    .sc-appbar .sc-offset-m8.sc-appbar-nav,
    .sc-appbar .sc-offset-m8.sc-appbar-title,
    .sc-appbar .sc-offset-m8.sc-appbar-actions,
    .sc-appbar .sc-offset-m8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m8.sc-grid-item {
        margin-left: 66.66667%
    }
    .sc-row .sc-col.sc-pull-m8,
    .sc-appbar .sc-col.sc-pull-m8,
    .sc-appbar .sc-pull-m8.sc-appbar-nav,
    .sc-appbar .sc-pull-m8.sc-appbar-title,
    .sc-appbar .sc-pull-m8.sc-appbar-actions,
    .sc-appbar .sc-pull-m8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m8.sc-grid-item {
        right: 66.66667%
    }
    .sc-row .sc-col.sc-push-m8,
    .sc-appbar .sc-col.sc-push-m8,
    .sc-appbar .sc-push-m8.sc-appbar-nav,
    .sc-appbar .sc-push-m8.sc-appbar-title,
    .sc-appbar .sc-push-m8.sc-appbar-actions,
    .sc-appbar .sc-push-m8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m8.sc-grid-item {
        left: 66.66667%
    }
    .sc-row .sc-col.sc-offset-m9,
    .sc-appbar .sc-col.sc-offset-m9,
    .sc-appbar .sc-offset-m9.sc-appbar-nav,
    .sc-appbar .sc-offset-m9.sc-appbar-title,
    .sc-appbar .sc-offset-m9.sc-appbar-actions,
    .sc-appbar .sc-offset-m9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m9.sc-grid-item {
        margin-left: 75%
    }
    .sc-row .sc-col.sc-pull-m9,
    .sc-appbar .sc-col.sc-pull-m9,
    .sc-appbar .sc-pull-m9.sc-appbar-nav,
    .sc-appbar .sc-pull-m9.sc-appbar-title,
    .sc-appbar .sc-pull-m9.sc-appbar-actions,
    .sc-appbar .sc-pull-m9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m9.sc-grid-item {
        right: 75%
    }
    .sc-row .sc-col.sc-push-m9,
    .sc-appbar .sc-col.sc-push-m9,
    .sc-appbar .sc-push-m9.sc-appbar-nav,
    .sc-appbar .sc-push-m9.sc-appbar-title,
    .sc-appbar .sc-push-m9.sc-appbar-actions,
    .sc-appbar .sc-push-m9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m9.sc-grid-item {
        left: 75%
    }
    .sc-row .sc-col.sc-offset-m10,
    .sc-appbar .sc-col.sc-offset-m10,
    .sc-appbar .sc-offset-m10.sc-appbar-nav,
    .sc-appbar .sc-offset-m10.sc-appbar-title,
    .sc-appbar .sc-offset-m10.sc-appbar-actions,
    .sc-appbar .sc-offset-m10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m10.sc-grid-item {
        margin-left: 83.33333%
    }
    .sc-row .sc-col.sc-pull-m10,
    .sc-appbar .sc-col.sc-pull-m10,
    .sc-appbar .sc-pull-m10.sc-appbar-nav,
    .sc-appbar .sc-pull-m10.sc-appbar-title,
    .sc-appbar .sc-pull-m10.sc-appbar-actions,
    .sc-appbar .sc-pull-m10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m10.sc-grid-item {
        right: 83.33333%
    }
    .sc-row .sc-col.sc-push-m10,
    .sc-appbar .sc-col.sc-push-m10,
    .sc-appbar .sc-push-m10.sc-appbar-nav,
    .sc-appbar .sc-push-m10.sc-appbar-title,
    .sc-appbar .sc-push-m10.sc-appbar-actions,
    .sc-appbar .sc-push-m10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m10.sc-grid-item {
        left: 83.33333%
    }
    .sc-row .sc-col.sc-offset-m11,
    .sc-appbar .sc-col.sc-offset-m11,
    .sc-appbar .sc-offset-m11.sc-appbar-nav,
    .sc-appbar .sc-offset-m11.sc-appbar-title,
    .sc-appbar .sc-offset-m11.sc-appbar-actions,
    .sc-appbar .sc-offset-m11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m11.sc-grid-item {
        margin-left: 91.66667%
    }
    .sc-row .sc-col.sc-pull-m11,
    .sc-appbar .sc-col.sc-pull-m11,
    .sc-appbar .sc-pull-m11.sc-appbar-nav,
    .sc-appbar .sc-pull-m11.sc-appbar-title,
    .sc-appbar .sc-pull-m11.sc-appbar-actions,
    .sc-appbar .sc-pull-m11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m11.sc-grid-item {
        right: 91.66667%
    }
    .sc-row .sc-col.sc-push-m11,
    .sc-appbar .sc-col.sc-push-m11,
    .sc-appbar .sc-push-m11.sc-appbar-nav,
    .sc-appbar .sc-push-m11.sc-appbar-title,
    .sc-appbar .sc-push-m11.sc-appbar-actions,
    .sc-appbar .sc-push-m11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m11.sc-grid-item {
        left: 91.66667%
    }
    .sc-row .sc-col.sc-offset-m12,
    .sc-appbar .sc-col.sc-offset-m12,
    .sc-appbar .sc-offset-m12.sc-appbar-nav,
    .sc-appbar .sc-offset-m12.sc-appbar-title,
    .sc-appbar .sc-offset-m12.sc-appbar-actions,
    .sc-appbar .sc-offset-m12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-m12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-m12.sc-grid-item {
        margin-left: 100%
    }
    .sc-row .sc-col.sc-pull-m12,
    .sc-appbar .sc-col.sc-pull-m12,
    .sc-appbar .sc-pull-m12.sc-appbar-nav,
    .sc-appbar .sc-pull-m12.sc-appbar-title,
    .sc-appbar .sc-pull-m12.sc-appbar-actions,
    .sc-appbar .sc-pull-m12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-m12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-m12.sc-grid-item {
        right: 100%
    }
    .sc-row .sc-col.sc-push-m12,
    .sc-appbar .sc-col.sc-push-m12,
    .sc-appbar .sc-push-m12.sc-appbar-nav,
    .sc-appbar .sc-push-m12.sc-appbar-title,
    .sc-appbar .sc-push-m12.sc-appbar-actions,
    .sc-appbar .sc-push-m12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-m12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-m12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-m12.sc-grid-item {
        left: 100%
    }
}

@media only screen and (min-width: 1600px) {
    .sc-row .sc-col.sc-l1,
    .sc-appbar .sc-col.sc-l1,
    .sc-appbar .sc-l1.sc-appbar-nav,
    .sc-appbar .sc-l1.sc-appbar-title,
    .sc-appbar .sc-l1.sc-appbar-actions,
    .sc-appbar .sc-l1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l1.sc-grid-item {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l2,
    .sc-appbar .sc-col.sc-l2,
    .sc-appbar .sc-l2.sc-appbar-nav,
    .sc-appbar .sc-l2.sc-appbar-title,
    .sc-appbar .sc-l2.sc-appbar-actions,
    .sc-appbar .sc-l2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l2.sc-grid-item {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l3,
    .sc-appbar .sc-col.sc-l3,
    .sc-appbar .sc-l3.sc-appbar-nav,
    .sc-appbar .sc-l3.sc-appbar-title,
    .sc-appbar .sc-l3.sc-appbar-actions,
    .sc-appbar .sc-l3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l3.sc-grid-item {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l4,
    .sc-appbar .sc-col.sc-l4,
    .sc-appbar .sc-l4.sc-appbar-nav,
    .sc-appbar .sc-l4.sc-appbar-title,
    .sc-appbar .sc-l4.sc-appbar-actions,
    .sc-appbar .sc-l4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l4.sc-grid-item {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l5,
    .sc-appbar .sc-col.sc-l5,
    .sc-appbar .sc-l5.sc-appbar-nav,
    .sc-appbar .sc-l5.sc-appbar-title,
    .sc-appbar .sc-l5.sc-appbar-actions,
    .sc-appbar .sc-l5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l5.sc-grid-item {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l6,
    .sc-appbar .sc-col.sc-l6,
    .sc-appbar .sc-l6.sc-appbar-nav,
    .sc-appbar .sc-l6.sc-appbar-title,
    .sc-appbar .sc-l6.sc-appbar-actions,
    .sc-appbar .sc-l6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l6.sc-grid-item {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l7,
    .sc-appbar .sc-col.sc-l7,
    .sc-appbar .sc-l7.sc-appbar-nav,
    .sc-appbar .sc-l7.sc-appbar-title,
    .sc-appbar .sc-l7.sc-appbar-actions,
    .sc-appbar .sc-l7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l7.sc-grid-item {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l8,
    .sc-appbar .sc-col.sc-l8,
    .sc-appbar .sc-l8.sc-appbar-nav,
    .sc-appbar .sc-l8.sc-appbar-title,
    .sc-appbar .sc-l8.sc-appbar-actions,
    .sc-appbar .sc-l8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l8.sc-grid-item {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l9,
    .sc-appbar .sc-col.sc-l9,
    .sc-appbar .sc-l9.sc-appbar-nav,
    .sc-appbar .sc-l9.sc-appbar-title,
    .sc-appbar .sc-l9.sc-appbar-actions,
    .sc-appbar .sc-l9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l9.sc-grid-item {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l10,
    .sc-appbar .sc-col.sc-l10,
    .sc-appbar .sc-l10.sc-appbar-nav,
    .sc-appbar .sc-l10.sc-appbar-title,
    .sc-appbar .sc-l10.sc-appbar-actions,
    .sc-appbar .sc-l10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l10.sc-grid-item {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l11,
    .sc-appbar .sc-col.sc-l11,
    .sc-appbar .sc-l11.sc-appbar-nav,
    .sc-appbar .sc-l11.sc-appbar-title,
    .sc-appbar .sc-l11.sc-appbar-actions,
    .sc-appbar .sc-l11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l11.sc-grid-item {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-l12,
    .sc-appbar .sc-col.sc-l12,
    .sc-appbar .sc-l12.sc-appbar-nav,
    .sc-appbar .sc-l12.sc-appbar-title,
    .sc-appbar .sc-l12.sc-appbar-actions,
    .sc-appbar .sc-l12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-l12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-l12.sc-grid-item {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-offset-l1,
    .sc-appbar .sc-col.sc-offset-l1,
    .sc-appbar .sc-offset-l1.sc-appbar-nav,
    .sc-appbar .sc-offset-l1.sc-appbar-title,
    .sc-appbar .sc-offset-l1.sc-appbar-actions,
    .sc-appbar .sc-offset-l1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l1.sc-grid-item {
        margin-left: 8.33333%
    }
    .sc-row .sc-col.sc-pull-l1,
    .sc-appbar .sc-col.sc-pull-l1,
    .sc-appbar .sc-pull-l1.sc-appbar-nav,
    .sc-appbar .sc-pull-l1.sc-appbar-title,
    .sc-appbar .sc-pull-l1.sc-appbar-actions,
    .sc-appbar .sc-pull-l1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l1.sc-grid-item {
        right: 8.33333%
    }
    .sc-row .sc-col.sc-push-l1,
    .sc-appbar .sc-col.sc-push-l1,
    .sc-appbar .sc-push-l1.sc-appbar-nav,
    .sc-appbar .sc-push-l1.sc-appbar-title,
    .sc-appbar .sc-push-l1.sc-appbar-actions,
    .sc-appbar .sc-push-l1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l1.sc-grid-item {
        left: 8.33333%
    }
    .sc-row .sc-col.sc-offset-l2,
    .sc-appbar .sc-col.sc-offset-l2,
    .sc-appbar .sc-offset-l2.sc-appbar-nav,
    .sc-appbar .sc-offset-l2.sc-appbar-title,
    .sc-appbar .sc-offset-l2.sc-appbar-actions,
    .sc-appbar .sc-offset-l2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l2.sc-grid-item {
        margin-left: 16.66667%
    }
    .sc-row .sc-col.sc-pull-l2,
    .sc-appbar .sc-col.sc-pull-l2,
    .sc-appbar .sc-pull-l2.sc-appbar-nav,
    .sc-appbar .sc-pull-l2.sc-appbar-title,
    .sc-appbar .sc-pull-l2.sc-appbar-actions,
    .sc-appbar .sc-pull-l2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l2.sc-grid-item {
        right: 16.66667%
    }
    .sc-row .sc-col.sc-push-l2,
    .sc-appbar .sc-col.sc-push-l2,
    .sc-appbar .sc-push-l2.sc-appbar-nav,
    .sc-appbar .sc-push-l2.sc-appbar-title,
    .sc-appbar .sc-push-l2.sc-appbar-actions,
    .sc-appbar .sc-push-l2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l2.sc-grid-item {
        left: 16.66667%
    }
    .sc-row .sc-col.sc-offset-l3,
    .sc-appbar .sc-col.sc-offset-l3,
    .sc-appbar .sc-offset-l3.sc-appbar-nav,
    .sc-appbar .sc-offset-l3.sc-appbar-title,
    .sc-appbar .sc-offset-l3.sc-appbar-actions,
    .sc-appbar .sc-offset-l3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l3.sc-grid-item {
        margin-left: 25%
    }
    .sc-row .sc-col.sc-pull-l3,
    .sc-appbar .sc-col.sc-pull-l3,
    .sc-appbar .sc-pull-l3.sc-appbar-nav,
    .sc-appbar .sc-pull-l3.sc-appbar-title,
    .sc-appbar .sc-pull-l3.sc-appbar-actions,
    .sc-appbar .sc-pull-l3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l3.sc-grid-item {
        right: 25%
    }
    .sc-row .sc-col.sc-push-l3,
    .sc-appbar .sc-col.sc-push-l3,
    .sc-appbar .sc-push-l3.sc-appbar-nav,
    .sc-appbar .sc-push-l3.sc-appbar-title,
    .sc-appbar .sc-push-l3.sc-appbar-actions,
    .sc-appbar .sc-push-l3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l3.sc-grid-item {
        left: 25%
    }
    .sc-row .sc-col.sc-offset-l4,
    .sc-appbar .sc-col.sc-offset-l4,
    .sc-appbar .sc-offset-l4.sc-appbar-nav,
    .sc-appbar .sc-offset-l4.sc-appbar-title,
    .sc-appbar .sc-offset-l4.sc-appbar-actions,
    .sc-appbar .sc-offset-l4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l4.sc-grid-item {
        margin-left: 33.33333%
    }
    .sc-row .sc-col.sc-pull-l4,
    .sc-appbar .sc-col.sc-pull-l4,
    .sc-appbar .sc-pull-l4.sc-appbar-nav,
    .sc-appbar .sc-pull-l4.sc-appbar-title,
    .sc-appbar .sc-pull-l4.sc-appbar-actions,
    .sc-appbar .sc-pull-l4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l4.sc-grid-item {
        right: 33.33333%
    }
    .sc-row .sc-col.sc-push-l4,
    .sc-appbar .sc-col.sc-push-l4,
    .sc-appbar .sc-push-l4.sc-appbar-nav,
    .sc-appbar .sc-push-l4.sc-appbar-title,
    .sc-appbar .sc-push-l4.sc-appbar-actions,
    .sc-appbar .sc-push-l4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l4.sc-grid-item {
        left: 33.33333%
    }
    .sc-row .sc-col.sc-offset-l5,
    .sc-appbar .sc-col.sc-offset-l5,
    .sc-appbar .sc-offset-l5.sc-appbar-nav,
    .sc-appbar .sc-offset-l5.sc-appbar-title,
    .sc-appbar .sc-offset-l5.sc-appbar-actions,
    .sc-appbar .sc-offset-l5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l5.sc-grid-item {
        margin-left: 41.66667%
    }
    .sc-row .sc-col.sc-pull-l5,
    .sc-appbar .sc-col.sc-pull-l5,
    .sc-appbar .sc-pull-l5.sc-appbar-nav,
    .sc-appbar .sc-pull-l5.sc-appbar-title,
    .sc-appbar .sc-pull-l5.sc-appbar-actions,
    .sc-appbar .sc-pull-l5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l5.sc-grid-item {
        right: 41.66667%
    }
    .sc-row .sc-col.sc-push-l5,
    .sc-appbar .sc-col.sc-push-l5,
    .sc-appbar .sc-push-l5.sc-appbar-nav,
    .sc-appbar .sc-push-l5.sc-appbar-title,
    .sc-appbar .sc-push-l5.sc-appbar-actions,
    .sc-appbar .sc-push-l5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l5.sc-grid-item {
        left: 41.66667%
    }
    .sc-row .sc-col.sc-offset-l6,
    .sc-appbar .sc-col.sc-offset-l6,
    .sc-appbar .sc-offset-l6.sc-appbar-nav,
    .sc-appbar .sc-offset-l6.sc-appbar-title,
    .sc-appbar .sc-offset-l6.sc-appbar-actions,
    .sc-appbar .sc-offset-l6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l6.sc-grid-item {
        margin-left: 50%
    }
    .sc-row .sc-col.sc-pull-l6,
    .sc-appbar .sc-col.sc-pull-l6,
    .sc-appbar .sc-pull-l6.sc-appbar-nav,
    .sc-appbar .sc-pull-l6.sc-appbar-title,
    .sc-appbar .sc-pull-l6.sc-appbar-actions,
    .sc-appbar .sc-pull-l6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l6.sc-grid-item {
        right: 50%
    }
    .sc-row .sc-col.sc-push-l6,
    .sc-appbar .sc-col.sc-push-l6,
    .sc-appbar .sc-push-l6.sc-appbar-nav,
    .sc-appbar .sc-push-l6.sc-appbar-title,
    .sc-appbar .sc-push-l6.sc-appbar-actions,
    .sc-appbar .sc-push-l6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l6.sc-grid-item {
        left: 50%
    }
    .sc-row .sc-col.sc-offset-l7,
    .sc-appbar .sc-col.sc-offset-l7,
    .sc-appbar .sc-offset-l7.sc-appbar-nav,
    .sc-appbar .sc-offset-l7.sc-appbar-title,
    .sc-appbar .sc-offset-l7.sc-appbar-actions,
    .sc-appbar .sc-offset-l7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l7.sc-grid-item {
        margin-left: 58.33333%
    }
    .sc-row .sc-col.sc-pull-l7,
    .sc-appbar .sc-col.sc-pull-l7,
    .sc-appbar .sc-pull-l7.sc-appbar-nav,
    .sc-appbar .sc-pull-l7.sc-appbar-title,
    .sc-appbar .sc-pull-l7.sc-appbar-actions,
    .sc-appbar .sc-pull-l7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l7.sc-grid-item {
        right: 58.33333%
    }
    .sc-row .sc-col.sc-push-l7,
    .sc-appbar .sc-col.sc-push-l7,
    .sc-appbar .sc-push-l7.sc-appbar-nav,
    .sc-appbar .sc-push-l7.sc-appbar-title,
    .sc-appbar .sc-push-l7.sc-appbar-actions,
    .sc-appbar .sc-push-l7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l7.sc-grid-item {
        left: 58.33333%
    }
    .sc-row .sc-col.sc-offset-l8,
    .sc-appbar .sc-col.sc-offset-l8,
    .sc-appbar .sc-offset-l8.sc-appbar-nav,
    .sc-appbar .sc-offset-l8.sc-appbar-title,
    .sc-appbar .sc-offset-l8.sc-appbar-actions,
    .sc-appbar .sc-offset-l8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l8.sc-grid-item {
        margin-left: 66.66667%
    }
    .sc-row .sc-col.sc-pull-l8,
    .sc-appbar .sc-col.sc-pull-l8,
    .sc-appbar .sc-pull-l8.sc-appbar-nav,
    .sc-appbar .sc-pull-l8.sc-appbar-title,
    .sc-appbar .sc-pull-l8.sc-appbar-actions,
    .sc-appbar .sc-pull-l8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l8.sc-grid-item {
        right: 66.66667%
    }
    .sc-row .sc-col.sc-push-l8,
    .sc-appbar .sc-col.sc-push-l8,
    .sc-appbar .sc-push-l8.sc-appbar-nav,
    .sc-appbar .sc-push-l8.sc-appbar-title,
    .sc-appbar .sc-push-l8.sc-appbar-actions,
    .sc-appbar .sc-push-l8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l8.sc-grid-item {
        left: 66.66667%
    }
    .sc-row .sc-col.sc-offset-l9,
    .sc-appbar .sc-col.sc-offset-l9,
    .sc-appbar .sc-offset-l9.sc-appbar-nav,
    .sc-appbar .sc-offset-l9.sc-appbar-title,
    .sc-appbar .sc-offset-l9.sc-appbar-actions,
    .sc-appbar .sc-offset-l9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l9.sc-grid-item {
        margin-left: 75%
    }
    .sc-row .sc-col.sc-pull-l9,
    .sc-appbar .sc-col.sc-pull-l9,
    .sc-appbar .sc-pull-l9.sc-appbar-nav,
    .sc-appbar .sc-pull-l9.sc-appbar-title,
    .sc-appbar .sc-pull-l9.sc-appbar-actions,
    .sc-appbar .sc-pull-l9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l9.sc-grid-item {
        right: 75%
    }
    .sc-row .sc-col.sc-push-l9,
    .sc-appbar .sc-col.sc-push-l9,
    .sc-appbar .sc-push-l9.sc-appbar-nav,
    .sc-appbar .sc-push-l9.sc-appbar-title,
    .sc-appbar .sc-push-l9.sc-appbar-actions,
    .sc-appbar .sc-push-l9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l9.sc-grid-item {
        left: 75%
    }
    .sc-row .sc-col.sc-offset-l10,
    .sc-appbar .sc-col.sc-offset-l10,
    .sc-appbar .sc-offset-l10.sc-appbar-nav,
    .sc-appbar .sc-offset-l10.sc-appbar-title,
    .sc-appbar .sc-offset-l10.sc-appbar-actions,
    .sc-appbar .sc-offset-l10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l10.sc-grid-item {
        margin-left: 83.33333%
    }
    .sc-row .sc-col.sc-pull-l10,
    .sc-appbar .sc-col.sc-pull-l10,
    .sc-appbar .sc-pull-l10.sc-appbar-nav,
    .sc-appbar .sc-pull-l10.sc-appbar-title,
    .sc-appbar .sc-pull-l10.sc-appbar-actions,
    .sc-appbar .sc-pull-l10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l10.sc-grid-item {
        right: 83.33333%
    }
    .sc-row .sc-col.sc-push-l10,
    .sc-appbar .sc-col.sc-push-l10,
    .sc-appbar .sc-push-l10.sc-appbar-nav,
    .sc-appbar .sc-push-l10.sc-appbar-title,
    .sc-appbar .sc-push-l10.sc-appbar-actions,
    .sc-appbar .sc-push-l10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l10.sc-grid-item {
        left: 83.33333%
    }
    .sc-row .sc-col.sc-offset-l11,
    .sc-appbar .sc-col.sc-offset-l11,
    .sc-appbar .sc-offset-l11.sc-appbar-nav,
    .sc-appbar .sc-offset-l11.sc-appbar-title,
    .sc-appbar .sc-offset-l11.sc-appbar-actions,
    .sc-appbar .sc-offset-l11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l11.sc-grid-item {
        margin-left: 91.66667%
    }
    .sc-row .sc-col.sc-pull-l11,
    .sc-appbar .sc-col.sc-pull-l11,
    .sc-appbar .sc-pull-l11.sc-appbar-nav,
    .sc-appbar .sc-pull-l11.sc-appbar-title,
    .sc-appbar .sc-pull-l11.sc-appbar-actions,
    .sc-appbar .sc-pull-l11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l11.sc-grid-item {
        right: 91.66667%
    }
    .sc-row .sc-col.sc-push-l11,
    .sc-appbar .sc-col.sc-push-l11,
    .sc-appbar .sc-push-l11.sc-appbar-nav,
    .sc-appbar .sc-push-l11.sc-appbar-title,
    .sc-appbar .sc-push-l11.sc-appbar-actions,
    .sc-appbar .sc-push-l11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l11.sc-grid-item {
        left: 91.66667%
    }
    .sc-row .sc-col.sc-offset-l12,
    .sc-appbar .sc-col.sc-offset-l12,
    .sc-appbar .sc-offset-l12.sc-appbar-nav,
    .sc-appbar .sc-offset-l12.sc-appbar-title,
    .sc-appbar .sc-offset-l12.sc-appbar-actions,
    .sc-appbar .sc-offset-l12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-l12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-l12.sc-grid-item {
        margin-left: 100%
    }
    .sc-row .sc-col.sc-pull-l12,
    .sc-appbar .sc-col.sc-pull-l12,
    .sc-appbar .sc-pull-l12.sc-appbar-nav,
    .sc-appbar .sc-pull-l12.sc-appbar-title,
    .sc-appbar .sc-pull-l12.sc-appbar-actions,
    .sc-appbar .sc-pull-l12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-l12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-l12.sc-grid-item {
        right: 100%
    }
    .sc-row .sc-col.sc-push-l12,
    .sc-appbar .sc-col.sc-push-l12,
    .sc-appbar .sc-push-l12.sc-appbar-nav,
    .sc-appbar .sc-push-l12.sc-appbar-title,
    .sc-appbar .sc-push-l12.sc-appbar-actions,
    .sc-appbar .sc-push-l12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-l12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-l12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-l12.sc-grid-item {
        left: 100%
    }
}

@media only screen and (min-width: 1920px) {
    .sc-row .sc-col.sc-xl1,
    .sc-appbar .sc-col.sc-xl1,
    .sc-appbar .sc-xl1.sc-appbar-nav,
    .sc-appbar .sc-xl1.sc-appbar-title,
    .sc-appbar .sc-xl1.sc-appbar-actions,
    .sc-appbar .sc-xl1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl1.sc-grid-item {
        width: 8.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl2,
    .sc-appbar .sc-col.sc-xl2,
    .sc-appbar .sc-xl2.sc-appbar-nav,
    .sc-appbar .sc-xl2.sc-appbar-title,
    .sc-appbar .sc-xl2.sc-appbar-actions,
    .sc-appbar .sc-xl2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl2.sc-grid-item {
        width: 16.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl3,
    .sc-appbar .sc-col.sc-xl3,
    .sc-appbar .sc-xl3.sc-appbar-nav,
    .sc-appbar .sc-xl3.sc-appbar-title,
    .sc-appbar .sc-xl3.sc-appbar-actions,
    .sc-appbar .sc-xl3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl3.sc-grid-item {
        width: 25%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl4,
    .sc-appbar .sc-col.sc-xl4,
    .sc-appbar .sc-xl4.sc-appbar-nav,
    .sc-appbar .sc-xl4.sc-appbar-title,
    .sc-appbar .sc-xl4.sc-appbar-actions,
    .sc-appbar .sc-xl4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl4.sc-grid-item {
        width: 33.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl5,
    .sc-appbar .sc-col.sc-xl5,
    .sc-appbar .sc-xl5.sc-appbar-nav,
    .sc-appbar .sc-xl5.sc-appbar-title,
    .sc-appbar .sc-xl5.sc-appbar-actions,
    .sc-appbar .sc-xl5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl5.sc-grid-item {
        width: 41.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl6,
    .sc-appbar .sc-col.sc-xl6,
    .sc-appbar .sc-xl6.sc-appbar-nav,
    .sc-appbar .sc-xl6.sc-appbar-title,
    .sc-appbar .sc-xl6.sc-appbar-actions,
    .sc-appbar .sc-xl6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl6.sc-grid-item {
        width: 50%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl7,
    .sc-appbar .sc-col.sc-xl7,
    .sc-appbar .sc-xl7.sc-appbar-nav,
    .sc-appbar .sc-xl7.sc-appbar-title,
    .sc-appbar .sc-xl7.sc-appbar-actions,
    .sc-appbar .sc-xl7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl7.sc-grid-item {
        width: 58.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl8,
    .sc-appbar .sc-col.sc-xl8,
    .sc-appbar .sc-xl8.sc-appbar-nav,
    .sc-appbar .sc-xl8.sc-appbar-title,
    .sc-appbar .sc-xl8.sc-appbar-actions,
    .sc-appbar .sc-xl8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl8.sc-grid-item {
        width: 66.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl9,
    .sc-appbar .sc-col.sc-xl9,
    .sc-appbar .sc-xl9.sc-appbar-nav,
    .sc-appbar .sc-xl9.sc-appbar-title,
    .sc-appbar .sc-xl9.sc-appbar-actions,
    .sc-appbar .sc-xl9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl9.sc-grid-item {
        width: 75%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl10,
    .sc-appbar .sc-col.sc-xl10,
    .sc-appbar .sc-xl10.sc-appbar-nav,
    .sc-appbar .sc-xl10.sc-appbar-title,
    .sc-appbar .sc-xl10.sc-appbar-actions,
    .sc-appbar .sc-xl10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl10.sc-grid-item {
        width: 83.33333%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl11,
    .sc-appbar .sc-col.sc-xl11,
    .sc-appbar .sc-xl11.sc-appbar-nav,
    .sc-appbar .sc-xl11.sc-appbar-title,
    .sc-appbar .sc-xl11.sc-appbar-actions,
    .sc-appbar .sc-xl11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl11.sc-grid-item {
        width: 91.66667%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-xl12,
    .sc-appbar .sc-col.sc-xl12,
    .sc-appbar .sc-xl12.sc-appbar-nav,
    .sc-appbar .sc-xl12.sc-appbar-title,
    .sc-appbar .sc-xl12.sc-appbar-actions,
    .sc-appbar .sc-xl12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-xl12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-xl12.sc-grid-item {
        width: 100%;
        margin-left: auto;
        left: auto;
        right: auto
    }
    .sc-row .sc-col.sc-offset-xl1,
    .sc-appbar .sc-col.sc-offset-xl1,
    .sc-appbar .sc-offset-xl1.sc-appbar-nav,
    .sc-appbar .sc-offset-xl1.sc-appbar-title,
    .sc-appbar .sc-offset-xl1.sc-appbar-actions,
    .sc-appbar .sc-offset-xl1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl1.sc-grid-item {
        margin-left: 8.33333%
    }
    .sc-row .sc-col.sc-pull-xl1,
    .sc-appbar .sc-col.sc-pull-xl1,
    .sc-appbar .sc-pull-xl1.sc-appbar-nav,
    .sc-appbar .sc-pull-xl1.sc-appbar-title,
    .sc-appbar .sc-pull-xl1.sc-appbar-actions,
    .sc-appbar .sc-pull-xl1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl1.sc-grid-item {
        right: 8.33333%
    }
    .sc-row .sc-col.sc-push-xl1,
    .sc-appbar .sc-col.sc-push-xl1,
    .sc-appbar .sc-push-xl1.sc-appbar-nav,
    .sc-appbar .sc-push-xl1.sc-appbar-title,
    .sc-appbar .sc-push-xl1.sc-appbar-actions,
    .sc-appbar .sc-push-xl1.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl1.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl1.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl1.sc-grid-item {
        left: 8.33333%
    }
    .sc-row .sc-col.sc-offset-xl2,
    .sc-appbar .sc-col.sc-offset-xl2,
    .sc-appbar .sc-offset-xl2.sc-appbar-nav,
    .sc-appbar .sc-offset-xl2.sc-appbar-title,
    .sc-appbar .sc-offset-xl2.sc-appbar-actions,
    .sc-appbar .sc-offset-xl2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl2.sc-grid-item {
        margin-left: 16.66667%
    }
    .sc-row .sc-col.sc-pull-xl2,
    .sc-appbar .sc-col.sc-pull-xl2,
    .sc-appbar .sc-pull-xl2.sc-appbar-nav,
    .sc-appbar .sc-pull-xl2.sc-appbar-title,
    .sc-appbar .sc-pull-xl2.sc-appbar-actions,
    .sc-appbar .sc-pull-xl2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl2.sc-grid-item {
        right: 16.66667%
    }
    .sc-row .sc-col.sc-push-xl2,
    .sc-appbar .sc-col.sc-push-xl2,
    .sc-appbar .sc-push-xl2.sc-appbar-nav,
    .sc-appbar .sc-push-xl2.sc-appbar-title,
    .sc-appbar .sc-push-xl2.sc-appbar-actions,
    .sc-appbar .sc-push-xl2.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl2.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl2.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl2.sc-grid-item {
        left: 16.66667%
    }
    .sc-row .sc-col.sc-offset-xl3,
    .sc-appbar .sc-col.sc-offset-xl3,
    .sc-appbar .sc-offset-xl3.sc-appbar-nav,
    .sc-appbar .sc-offset-xl3.sc-appbar-title,
    .sc-appbar .sc-offset-xl3.sc-appbar-actions,
    .sc-appbar .sc-offset-xl3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl3.sc-grid-item {
        margin-left: 25%
    }
    .sc-row .sc-col.sc-pull-xl3,
    .sc-appbar .sc-col.sc-pull-xl3,
    .sc-appbar .sc-pull-xl3.sc-appbar-nav,
    .sc-appbar .sc-pull-xl3.sc-appbar-title,
    .sc-appbar .sc-pull-xl3.sc-appbar-actions,
    .sc-appbar .sc-pull-xl3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl3.sc-grid-item {
        right: 25%
    }
    .sc-row .sc-col.sc-push-xl3,
    .sc-appbar .sc-col.sc-push-xl3,
    .sc-appbar .sc-push-xl3.sc-appbar-nav,
    .sc-appbar .sc-push-xl3.sc-appbar-title,
    .sc-appbar .sc-push-xl3.sc-appbar-actions,
    .sc-appbar .sc-push-xl3.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl3.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl3.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl3.sc-grid-item {
        left: 25%
    }
    .sc-row .sc-col.sc-offset-xl4,
    .sc-appbar .sc-col.sc-offset-xl4,
    .sc-appbar .sc-offset-xl4.sc-appbar-nav,
    .sc-appbar .sc-offset-xl4.sc-appbar-title,
    .sc-appbar .sc-offset-xl4.sc-appbar-actions,
    .sc-appbar .sc-offset-xl4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl4.sc-grid-item {
        margin-left: 33.33333%
    }
    .sc-row .sc-col.sc-pull-xl4,
    .sc-appbar .sc-col.sc-pull-xl4,
    .sc-appbar .sc-pull-xl4.sc-appbar-nav,
    .sc-appbar .sc-pull-xl4.sc-appbar-title,
    .sc-appbar .sc-pull-xl4.sc-appbar-actions,
    .sc-appbar .sc-pull-xl4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl4.sc-grid-item {
        right: 33.33333%
    }
    .sc-row .sc-col.sc-push-xl4,
    .sc-appbar .sc-col.sc-push-xl4,
    .sc-appbar .sc-push-xl4.sc-appbar-nav,
    .sc-appbar .sc-push-xl4.sc-appbar-title,
    .sc-appbar .sc-push-xl4.sc-appbar-actions,
    .sc-appbar .sc-push-xl4.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl4.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl4.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl4.sc-grid-item {
        left: 33.33333%
    }
    .sc-row .sc-col.sc-offset-xl5,
    .sc-appbar .sc-col.sc-offset-xl5,
    .sc-appbar .sc-offset-xl5.sc-appbar-nav,
    .sc-appbar .sc-offset-xl5.sc-appbar-title,
    .sc-appbar .sc-offset-xl5.sc-appbar-actions,
    .sc-appbar .sc-offset-xl5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl5.sc-grid-item {
        margin-left: 41.66667%
    }
    .sc-row .sc-col.sc-pull-xl5,
    .sc-appbar .sc-col.sc-pull-xl5,
    .sc-appbar .sc-pull-xl5.sc-appbar-nav,
    .sc-appbar .sc-pull-xl5.sc-appbar-title,
    .sc-appbar .sc-pull-xl5.sc-appbar-actions,
    .sc-appbar .sc-pull-xl5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl5.sc-grid-item {
        right: 41.66667%
    }
    .sc-row .sc-col.sc-push-xl5,
    .sc-appbar .sc-col.sc-push-xl5,
    .sc-appbar .sc-push-xl5.sc-appbar-nav,
    .sc-appbar .sc-push-xl5.sc-appbar-title,
    .sc-appbar .sc-push-xl5.sc-appbar-actions,
    .sc-appbar .sc-push-xl5.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl5.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl5.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl5.sc-grid-item {
        left: 41.66667%
    }
    .sc-row .sc-col.sc-offset-xl6,
    .sc-appbar .sc-col.sc-offset-xl6,
    .sc-appbar .sc-offset-xl6.sc-appbar-nav,
    .sc-appbar .sc-offset-xl6.sc-appbar-title,
    .sc-appbar .sc-offset-xl6.sc-appbar-actions,
    .sc-appbar .sc-offset-xl6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl6.sc-grid-item {
        margin-left: 50%
    }
    .sc-row .sc-col.sc-pull-xl6,
    .sc-appbar .sc-col.sc-pull-xl6,
    .sc-appbar .sc-pull-xl6.sc-appbar-nav,
    .sc-appbar .sc-pull-xl6.sc-appbar-title,
    .sc-appbar .sc-pull-xl6.sc-appbar-actions,
    .sc-appbar .sc-pull-xl6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl6.sc-grid-item {
        right: 50%
    }
    .sc-row .sc-col.sc-push-xl6,
    .sc-appbar .sc-col.sc-push-xl6,
    .sc-appbar .sc-push-xl6.sc-appbar-nav,
    .sc-appbar .sc-push-xl6.sc-appbar-title,
    .sc-appbar .sc-push-xl6.sc-appbar-actions,
    .sc-appbar .sc-push-xl6.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl6.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl6.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl6.sc-grid-item {
        left: 50%
    }
    .sc-row .sc-col.sc-offset-xl7,
    .sc-appbar .sc-col.sc-offset-xl7,
    .sc-appbar .sc-offset-xl7.sc-appbar-nav,
    .sc-appbar .sc-offset-xl7.sc-appbar-title,
    .sc-appbar .sc-offset-xl7.sc-appbar-actions,
    .sc-appbar .sc-offset-xl7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl7.sc-grid-item {
        margin-left: 58.33333%
    }
    .sc-row .sc-col.sc-pull-xl7,
    .sc-appbar .sc-col.sc-pull-xl7,
    .sc-appbar .sc-pull-xl7.sc-appbar-nav,
    .sc-appbar .sc-pull-xl7.sc-appbar-title,
    .sc-appbar .sc-pull-xl7.sc-appbar-actions,
    .sc-appbar .sc-pull-xl7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl7.sc-grid-item {
        right: 58.33333%
    }
    .sc-row .sc-col.sc-push-xl7,
    .sc-appbar .sc-col.sc-push-xl7,
    .sc-appbar .sc-push-xl7.sc-appbar-nav,
    .sc-appbar .sc-push-xl7.sc-appbar-title,
    .sc-appbar .sc-push-xl7.sc-appbar-actions,
    .sc-appbar .sc-push-xl7.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl7.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl7.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl7.sc-grid-item {
        left: 58.33333%
    }
    .sc-row .sc-col.sc-offset-xl8,
    .sc-appbar .sc-col.sc-offset-xl8,
    .sc-appbar .sc-offset-xl8.sc-appbar-nav,
    .sc-appbar .sc-offset-xl8.sc-appbar-title,
    .sc-appbar .sc-offset-xl8.sc-appbar-actions,
    .sc-appbar .sc-offset-xl8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl8.sc-grid-item {
        margin-left: 66.66667%
    }
    .sc-row .sc-col.sc-pull-xl8,
    .sc-appbar .sc-col.sc-pull-xl8,
    .sc-appbar .sc-pull-xl8.sc-appbar-nav,
    .sc-appbar .sc-pull-xl8.sc-appbar-title,
    .sc-appbar .sc-pull-xl8.sc-appbar-actions,
    .sc-appbar .sc-pull-xl8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl8.sc-grid-item {
        right: 66.66667%
    }
    .sc-row .sc-col.sc-push-xl8,
    .sc-appbar .sc-col.sc-push-xl8,
    .sc-appbar .sc-push-xl8.sc-appbar-nav,
    .sc-appbar .sc-push-xl8.sc-appbar-title,
    .sc-appbar .sc-push-xl8.sc-appbar-actions,
    .sc-appbar .sc-push-xl8.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl8.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl8.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl8.sc-grid-item {
        left: 66.66667%
    }
    .sc-row .sc-col.sc-offset-xl9,
    .sc-appbar .sc-col.sc-offset-xl9,
    .sc-appbar .sc-offset-xl9.sc-appbar-nav,
    .sc-appbar .sc-offset-xl9.sc-appbar-title,
    .sc-appbar .sc-offset-xl9.sc-appbar-actions,
    .sc-appbar .sc-offset-xl9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl9.sc-grid-item {
        margin-left: 75%
    }
    .sc-row .sc-col.sc-pull-xl9,
    .sc-appbar .sc-col.sc-pull-xl9,
    .sc-appbar .sc-pull-xl9.sc-appbar-nav,
    .sc-appbar .sc-pull-xl9.sc-appbar-title,
    .sc-appbar .sc-pull-xl9.sc-appbar-actions,
    .sc-appbar .sc-pull-xl9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl9.sc-grid-item {
        right: 75%
    }
    .sc-row .sc-col.sc-push-xl9,
    .sc-appbar .sc-col.sc-push-xl9,
    .sc-appbar .sc-push-xl9.sc-appbar-nav,
    .sc-appbar .sc-push-xl9.sc-appbar-title,
    .sc-appbar .sc-push-xl9.sc-appbar-actions,
    .sc-appbar .sc-push-xl9.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl9.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl9.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl9.sc-grid-item {
        left: 75%
    }
    .sc-row .sc-col.sc-offset-xl10,
    .sc-appbar .sc-col.sc-offset-xl10,
    .sc-appbar .sc-offset-xl10.sc-appbar-nav,
    .sc-appbar .sc-offset-xl10.sc-appbar-title,
    .sc-appbar .sc-offset-xl10.sc-appbar-actions,
    .sc-appbar .sc-offset-xl10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl10.sc-grid-item {
        margin-left: 83.33333%
    }
    .sc-row .sc-col.sc-pull-xl10,
    .sc-appbar .sc-col.sc-pull-xl10,
    .sc-appbar .sc-pull-xl10.sc-appbar-nav,
    .sc-appbar .sc-pull-xl10.sc-appbar-title,
    .sc-appbar .sc-pull-xl10.sc-appbar-actions,
    .sc-appbar .sc-pull-xl10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl10.sc-grid-item {
        right: 83.33333%
    }
    .sc-row .sc-col.sc-push-xl10,
    .sc-appbar .sc-col.sc-push-xl10,
    .sc-appbar .sc-push-xl10.sc-appbar-nav,
    .sc-appbar .sc-push-xl10.sc-appbar-title,
    .sc-appbar .sc-push-xl10.sc-appbar-actions,
    .sc-appbar .sc-push-xl10.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl10.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl10.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl10.sc-grid-item {
        left: 83.33333%
    }
    .sc-row .sc-col.sc-offset-xl11,
    .sc-appbar .sc-col.sc-offset-xl11,
    .sc-appbar .sc-offset-xl11.sc-appbar-nav,
    .sc-appbar .sc-offset-xl11.sc-appbar-title,
    .sc-appbar .sc-offset-xl11.sc-appbar-actions,
    .sc-appbar .sc-offset-xl11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl11.sc-grid-item {
        margin-left: 91.66667%
    }
    .sc-row .sc-col.sc-pull-xl11,
    .sc-appbar .sc-col.sc-pull-xl11,
    .sc-appbar .sc-pull-xl11.sc-appbar-nav,
    .sc-appbar .sc-pull-xl11.sc-appbar-title,
    .sc-appbar .sc-pull-xl11.sc-appbar-actions,
    .sc-appbar .sc-pull-xl11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl11.sc-grid-item {
        right: 91.66667%
    }
    .sc-row .sc-col.sc-push-xl11,
    .sc-appbar .sc-col.sc-push-xl11,
    .sc-appbar .sc-push-xl11.sc-appbar-nav,
    .sc-appbar .sc-push-xl11.sc-appbar-title,
    .sc-appbar .sc-push-xl11.sc-appbar-actions,
    .sc-appbar .sc-push-xl11.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl11.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl11.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl11.sc-grid-item {
        left: 91.66667%
    }
    .sc-row .sc-col.sc-offset-xl12,
    .sc-appbar .sc-col.sc-offset-xl12,
    .sc-appbar .sc-offset-xl12.sc-appbar-nav,
    .sc-appbar .sc-offset-xl12.sc-appbar-title,
    .sc-appbar .sc-offset-xl12.sc-appbar-actions,
    .sc-appbar .sc-offset-xl12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-offset-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-offset-xl12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-offset-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-offset-xl12.sc-grid-item {
        margin-left: 100%
    }
    .sc-row .sc-col.sc-pull-xl12,
    .sc-appbar .sc-col.sc-pull-xl12,
    .sc-appbar .sc-pull-xl12.sc-appbar-nav,
    .sc-appbar .sc-pull-xl12.sc-appbar-title,
    .sc-appbar .sc-pull-xl12.sc-appbar-actions,
    .sc-appbar .sc-pull-xl12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-pull-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-pull-xl12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-pull-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-pull-xl12.sc-grid-item {
        right: 100%
    }
    .sc-row .sc-col.sc-push-xl12,
    .sc-appbar .sc-col.sc-push-xl12,
    .sc-appbar .sc-push-xl12.sc-appbar-nav,
    .sc-appbar .sc-push-xl12.sc-appbar-title,
    .sc-appbar .sc-push-xl12.sc-appbar-actions,
    .sc-appbar .sc-push-xl12.sc-appbar-menu,
    .sc-row .sc-bottom-sheet-grid ul li .sc-push-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-row .sc-push-xl12.sc-grid-item,
    .sc-appbar .sc-bottom-sheet-grid ul li .sc-push-xl12.sc-grid-item,
    .sc-bottom-sheet-grid ul li .sc-appbar .sc-push-xl12.sc-grid-item {
        left: 100%
    }
}

@media only screen and (max-width: 480px) {
    .sc-xs-hidden {
        display: none
    }
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
    .sc-s-hidden {
        display: none
    }
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-m-hidden {
        display: none
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
    .sc-l-hidden {
        display: none
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {
    .sc-xl-hidden {
        display: none
    }
}

html,
body {
    background: #fff;
    margin: 0;
    padding: 0
}

@-moz-document url-prefix() {
    html {
        font-size: 14px
    }
}

label {
    cursor: pointer
}

figure {
    margin: 0
}

figure img {
    max-width: 100%
}

img {
    height: auto;
    max-width: 100%;
    display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-wrap: break-word
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner,
::-webkit-resizer {
    display: none
}

::-webkit-scrollbar {
    width: .21429rem;
    height: .21429rem
}

@media only screen and (min-width: 960px) {
    ::-webkit-scrollbar {
        width: .71429rem;
        height: .71429rem
    }
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2)
}

::-moz-selection {
    background: #18FFFF
}

::selection {
    background: #18FFFF
}

* {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #3F51B5;
    outline: none;
    text-decoration: none;
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 1280px) {
    a {
        -webkit-transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1600px) {
    a {
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

a:hover {
    color: #2196F3
}

a img {
    outline: none
}

main {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 1.14286rem;
    position: fixed;
    right: 0;
    top: 3.42857rem
}

@media only screen and (min-width: 960px) {
    main {
        top: 4rem
    }
}

@media only screen and (min-width: 600px) {
    main {
        padding: 24px
    }
}

@media only screen and (min-width: 1280px) {
    main {
        left: 22.85714rem;
        top: 4.57143rem
    }
}

.sc-circle {
    border-radius: 50%
}

.sc-left {
    float: left
}

.sc-right,
.sc-snackbar-action {
    float: right
}

.sc-center,
.sc-bottom-sheet-grid ul li .sc-grid-item .sc-grid-icon,
.sc-bottom-sheet-grid ul li .sc-grid-item .sc-grid-content {
    text-align: center;
    vertical-align: middle
}

.sc-divider {
    background: rgba(0, 0, 0, 0.12);
    height: .07143rem
}

.sc-trigger {
    cursor: pointer
}

.sc-z0 {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important
}

.sc-z1 {
    -ms-box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239);
    -o-box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239);
    box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239)
}

.sc-z2 {
    -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238)
}

.sc-z3 {
    -ms-box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237);
    -o-box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237);
    box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237)
}

.sc-z4 {
    -ms-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    -o-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236)
}

.sc-z6 {
    -ms-box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234);
    -o-box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234);
    box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234)
}

.sc-z8 {
    -ms-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    -o-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232)
}

.sc-z9 {
    -ms-box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231);
    -o-box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231);
    box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231)
}

.sc-z10 {
    -ms-box-shadow: 0 .71429rem 1.42857rem 0 rgba(0, 0, 0, 0.210661), 0 .42857rem 1.42857rem 0 rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 .71429rem 1.42857rem 0 rgba(0, 0, 0, 0.210661), 0 .42857rem 1.42857rem 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 .71429rem 1.42857rem 0 rgba(0, 0, 0, 0.210661), 0 .42857rem 1.42857rem 0 rgba(0, 0, 0, 0.23)
}

.sc-z12 {
    -ms-box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228);
    -o-box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228);
    box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228)
}

.sc-z16 {
    -ms-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    -o-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224)
}

.sc-z24 {
    -ms-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    -o-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216)
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Thin.ttf");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-ThinItalic.ttf");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Light.ttf");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-LightItalic.ttf");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Regular.ttf");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Italic.ttf");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Medium.ttf");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-MediumItalic.ttf");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Bold.ttf");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-BoldItalic.ttf");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-Black.ttf");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Roboto";
    src: url("/stylesheets/scss/components/fonts/Roboto/Roboto-BlackItalic.ttf");
    font-weight: 900;
    font-style: italic
}

.sc-display-4,
h1 {
    font-size: 8rem;
    line-height: 9.14286rem;
    letter-spacing: -.00714rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-display-3,
h2 {
    font-size: 4rem;
    line-height: 6rem;
    letter-spacing: -.00357rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-display-2,
h3 {
    font-size: 3.21429rem;
    line-height: 4.57143rem;
    letter-spacing: 0rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-display-1,
h4 {
    font-size: 2.42857rem;
    line-height: 2.85714rem;
    letter-spacing: 0rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-headline,
h5 {
    font-size: 1.71429rem;
    line-height: 2.28571rem;
    letter-spacing: 0rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

.sc-title,
.sc-dialog .sc-dialog-container .sc-dialog-title,
h6 {
    font-size: 1.42857rem;
    line-height: 2rem;
    letter-spacing: .00357rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

.sc-subhead-2 {
    font-size: 1.07143rem;
    line-height: 2rem;
    letter-spacing: .00714rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

@media only screen and (max-width: 1280px) {
    .sc-subhead-2 {
        font-size: 1.14286rem
    }
}

.sc-subhead-1 {
    font-size: 1.07143rem;
    line-height: 1.71429rem;
    letter-spacing: .00714rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

@media only screen and (max-width: 1280px) {
    .sc-subhead-1 {
        font-size: 1.14286rem
    }
}

.sc-body-2 {
    font-size: .92857rem;
    line-height: 1.71429rem;
    letter-spacing: .00714rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

@media only screen and (max-width: 1280px) {
    .sc-body-2 {
        font-size: 1rem
    }
}

.sc-body-1 {
    font-size: .92857rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

@media only screen and (max-width: 1280px) {
    .sc-body-1 {
        font-size: 1rem
    }
}

.sc-caption {
    font-size: .85714rem;
    line-height: 1.42857rem;
    letter-spacing: .01429rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-label,
label {
    font-size: .85714rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.54);
    text-transform: inherit
}

.sc-menu {
    font-size: .92857rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit
}

.sc-button,
button {
    font-size: 1rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase
}

body {
    font-size: .92857rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
    text-transform: inherit;
    direction: ltr;
    font-family: 'Roboto', sans-serif, 'Helvetica Neue', Helvetica, Arial;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width: 1280px) {
    body {
        font-size: 1rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.material-icons {
    font-size: 1.71429rem;
    height: 1.71429rem;
    vertical-align: middle;
    width: 1.71429rem;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga'
}

.material-icons.sc-18 {
    font-size: 1.28571rem
}

.material-icons.sc-24 {
    font-size: 1.71429rem
}

.material-icons.sc-36 {
    font-size: 2.57143rem
}

.material-icons.sc-48 {
    font-size: 3.42857rem
}

.sc-appbar {
    -ms-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    -o-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    background: #3F51B5;
    color: #fff;
    height: 3.42857rem;
    line-height: normal;
    position: fixed;
    width: 100%;
    z-index: 2
}

@media only screen and (min-width: 960px) {
    .sc-appbar {
        height: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-appbar {
        height: 4.57143rem
    }
}

.sc-appbar .material-icons {
    font-size: 2.28571rem;
    height: auto;
    padding: .57143rem;
    width: auto
}

@media only screen and (min-width: 960px) {
    .sc-appbar .material-icons {
        padding: 1.14286rem
    }
}

.sc-appbar>div {
    height: 3.42857rem;
    padding: 0 !important
}

.sc-appbar>div a {
    color: #fff;
    overflow: hidden;
    position: absolute
}

@media only screen and (min-width: 960px) {
    .sc-appbar>div {
        height: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-appbar>div {
        height: 4.57143rem
    }
}

.sc-appbar .sc-appbar-nav {
    width: 19%
}

.sc-appbar .sc-appbar-title {
    padding: .85714rem 0 .85714rem 0 !important;
    width: 71%;
    font-size: 1.42857rem;
    line-height: 2rem;
    letter-spacing: .00357rem;
    font-weight: 500;
    color: #fff;
    text-transform: inherit
}

@media only screen and (min-width: 1280px) {
    .sc-appbar .sc-appbar-title {
        width: 50%
    }
}

@media only screen and (min-width: 960px) {
    .sc-appbar .sc-appbar-title {
        padding: 1.42857rem 0 1.42857rem 0 !important
    }
}

.sc-appbar .sc-appbar-title h1,
.sc-appbar .sc-appbar-title h2,
.sc-appbar .sc-appbar-title h3,
.sc-appbar .sc-appbar-title h4,
.sc-appbar .sc-appbar-title h5,
.sc-appbar .sc-appbar-title h6 {
    line-height: normal;
    margin: 0;
    font-size: 1.42857rem;
    line-height: 2rem;
    letter-spacing: .00357rem;
    font-weight: 500;
    color: #fff;
    text-transform: inherit;
    padding: 0
}

.sc-appbar .sc-appbar-actions {
    display: none
}

@media only screen and (min-width: 1280px) {
    .sc-appbar .sc-appbar-actions {
        width: 27%;
        display: block
    }
}

.sc-appbar .sc-appbar-actions a {
    float: right;
    position: relative
}

.sc-appbar .sc-appbar-actions .sc-search-input {
    border-radius: .14286rem;
    background: #fff;
    display: none;
    position: relative;
    width: 100%
}

.sc-appbar .sc-appbar-menu {
    width: 4%
}

.sc-appbar .sc-appbar-menu-more {
    -ms-box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231);
    -o-box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231);
    box-shadow: 0 .64286rem 1.28571rem 0 rgba(0, 0, 0, 0.199595), 0 .35714rem 1.28571rem 0 rgba(0, 0, 0, 0.231);
    background: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: .28571rem;
    top: .28571rem;
    width: auto;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    max-height: 0;
    max-width: 0;
    -webkit-transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), max-width 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), max-width 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-appbar .sc-appbar-menu-more {
        -webkit-transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), max-width 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), max-width 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-appbar .sc-appbar-menu-more {
        -webkit-transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), max-width 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), max-width 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-appbar .sc-appbar-menu-more.sc-expanded {
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1;
    max-height: 71.42857rem;
    max-width: 21.42857rem
}

.sc-bottom-nav,
.sc-bottom-shifting {
    background: #3F51B5;
    bottom: 0;
    position: fixed;
    -ms-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    -o-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    width: 100%
}

.sc-bottom-nav ul,
.sc-bottom-shifting ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-bottom-nav ul li,
.sc-bottom-shifting ul li {
    display: inline-block;
    line-height: normal;
    padding: 0;
    text-align: center
}

.sc-bottom-nav ul li a {
    color: #fff;
    display: block;
    font-size: .85714rem;
    height: 4rem;
    line-height: normal;
    max-width: 12rem;
    min-width: 5.71429rem;
    padding: .57143rem .85714rem .71429rem .85714rem
}

@media only screen and (min-width: 1280px) {
    .sc-bottom-nav ul li a {
        min-width: 8.57143rem
    }
}

.sc-bottom-nav ul li a:hover {
    color: #fff
}

.sc-bottom-nav ul li a .material-icons {
    font-size: 1.71429rem;
    width: 1.71429rem;
    height: 1.71429rem
}

.sc-bottom-nav ul li a.sc-active {
    font-size: 1rem;
    padding: .42857rem .85714rem .71429rem .85714rem
}

.sc-bottom-shifting ul li a {
    color: #fff;
    display: block;
    height: 4rem;
    line-height: normal;
    max-width: 6.85714rem;
    min-width: 4rem;
    padding: 1.14286rem 0
}

.sc-bottom-shifting ul li a:hover {
    color: #fff
}

.sc-bottom-shifting ul li a .material-icons {
    font-size: 1.71429rem;
    width: 1.71429rem;
    height: 1.71429rem
}

.sc-bottom-shifting ul li a .sc-content {
    display: none
}

.sc-bottom-shifting ul li a.sc-active {
    font-size: 1rem;
    max-width: 12rem;
    min-width: 6.85714rem;
    padding: .42857rem 0 .71429rem 0
}

.sc-bottom-shifting ul li a.sc-active .sc-content {
    display: block
}

.sc-bottom-sheet {
    -webkit-transition: margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    -o-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    background: #fff;
    bottom: 0;
    display: block;
    font-size: 1.14286rem;
    font-weight: 400;
    margin: 0 auto -102% auto;
    height: auto;
    left: 0;
    overflow: inherit;
    padding: .57143rem 1.14286rem;
    position: fixed;
    right: 0;
    width: 100%;
    color: rgba(0, 0, 0, 0.87);
    z-index: 4
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-bottom-sheet {
        -webkit-transition: margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        width: 60%
    }
}

@media only screen and (min-width: 1280px) {
    .sc-bottom-sheet {
        -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        width: 40%;
        border-top-left-radius: .14286rem;
        border-top-right-radius: .14286rem
    }
}

.sc-bottom-sheet.sc-expanded {
    margin: 0 auto
}

.sc-bottom-sheet ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-bottom-sheet ul li {
    font-size: 1.14286rem;
    font-weight: 400;
    padding: 0
}

.sc-bottom-sheet ul li .material-icons {
    color: rgba(0, 0, 0, 0.54);
    font-size: 1.71429rem;
    width: 1.71429rem;
    height: 1.71429rem;
    margin: 0 2.28571rem 0 0;
    vertical-align: middle
}

.sc-bottom-sheet-header {
    padding: 0 1.14286rem .57143rem 1.14286rem
}

.sc-bottom-sheet-header ul li.sc-header {
    color: rgba(0, 0, 0, 0.54);
    height: 4rem
}

.sc-bottom-sheet-header ul li.sc-divider {
    margin: .5rem -1.14286rem .57143rem -1.14286rem
}

.sc-bottom-sheet-grid {
    padding: 1.14286rem 1.71429rem 1.71429rem 1.71429rem
}

.sc-bottom-sheet-grid ul li {
    height: 4.57143rem;
    margin: 0 0 1.14286rem 0
}

.sc-bottom-sheet-grid ul li:last-of-type {
    margin: 0
}

.sc-bottom-sheet-grid ul li .sc-grid-item {
    padding: 0
}

.sc-bottom-sheet-grid ul li .sc-grid-item .sc-grid-icon .material-icons {
    font-size: 3.42857rem;
    width: 3.42857rem;
    height: 3.42857rem;
    margin: 0;
    vertical-align: middle
}

.sc-bottom-sheet-grid ul li .sc-grid-item .sc-grid-content {
    height: 1.14286rem;
    line-height: 1.14286rem
}

.sc-bottom-sheet-music {
    height: 3.57143rem
}

.sc-bottom-sheet-music img {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    top: calc( 3.57143rem - 3.75rem);
    left: 0
}

.sc-bottom-sheet-music .sc-determinate {
    background: transparent;
    top: calc( 3.57143rem - 3.75rem);
    left: 3.75rem;
    right: 0;
    position: absolute;
    width: calc(100% - 3.75rem)
}

.sc-bottom-sheet-music .sc-info {
    position: absolute;
    top: .35714rem;
    padding: 0 .71429rem;
    left: 3.75rem;
    width: 75%;
    line-height: 3.57143rem
}

@media only screen and (min-width: 1280px) {
    .sc-bottom-sheet-music .sc-info {
        width: 50%
    }
}

.sc-bottom-sheet-music .sc-info .sc-band {
    font-size: 1.14286rem
}

.sc-bottom-sheet-music .sc-info .sc-track {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.38)
}

.sc-bottom-sheet-music .sc-info>div {
    width: 100%
}

@media only screen and (max-width: 1280px) {
    .sc-bottom-sheet-music .sc-info>div {
        float: left;
        width: auto
    }
}

.sc-bottom-sheet-music .sc-controls {
    width: calc(100% - 75% - 3.75rem);
    position: absolute;
    left: calc(3.75rem + 50%);
    top: .35714rem;
    line-height: 3.57143rem
}

.sc-bottom-sheet-music .sc-controls .material-icons {
    width: calc(100% / 3.1);
    height: 100%;
    text-align: center;
    color: rgba(0, 0, 0, 0.54)
}

@media only screen and (max-width: 1280px) {
    .sc-bottom-sheet-music .sc-controls {
        width: calc(100% - 50% - 3.75rem)
    }
    .sc-bottom-sheet-music .sc-controls .material-icons:first-of-type,
    .sc-bottom-sheet-music .sc-controls .material-icons:last-of-type {
        display: none
    }
    .sc-bottom-sheet-music .sc-controls .material-icons {
        width: 100%
    }
}

button.sc-raised-button,
input[type="button"].sc-raised-button,
input[type="reset"].sc-raised-button,
input[type="submit"].sc-raised-button,
a.sc-raised-button {
    font-size: 1rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    cursor: pointer;
    border-radius: .14286rem;
    text-decoration: none;
    border: none;
    outline: none;
    display: inline-block;
    text-align: center;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    background: #3F51B5;
    color: #fff;
    height: 2.57143rem;
    line-height: 2.57143rem;
    min-width: 6.28571rem;
    padding: 0 1.14286rem
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    button.sc-raised-button,
    input[type="button"].sc-raised-button,
    input[type="reset"].sc-raised-button,
    input[type="submit"].sc-raised-button,
    a.sc-raised-button {
        -webkit-transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    button.sc-raised-button,
    input[type="button"].sc-raised-button,
    input[type="reset"].sc-raised-button,
    input[type="submit"].sc-raised-button,
    a.sc-raised-button {
        -ms-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
        -o-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
        -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

button.sc-raised-button:active,
input[type="button"].sc-raised-button:active,
input[type="reset"].sc-raised-button:active,
input[type="submit"].sc-raised-button:active,
a.sc-raised-button:active {
    -ms-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    -o-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232)
}

button.sc-raised-button:hover,
input[type="button"].sc-raised-button:hover,
input[type="reset"].sc-raised-button:hover,
input[type="submit"].sc-raised-button:hover,
a.sc-raised-button:hover {
    color: #fff
}

button.sc-raised-button:hover:before,
input[type="button"].sc-raised-button:hover:before,
input[type="reset"].sc-raised-button:hover:before,
input[type="submit"].sc-raised-button:hover:before,
a.sc-raised-button:hover:before {
    position: absolute;
    border-radius: .14286rem;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, 0.12)
}

@media only screen and (min-width: 1280px) {
    button.sc-raised-button:hover:before,
    input[type="button"].sc-raised-button:hover:before,
    input[type="reset"].sc-raised-button:hover:before,
    input[type="submit"].sc-raised-button:hover:before,
    a.sc-raised-button:hover:before {
        -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
        -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
        box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238)
    }
}

button.sc-raised-button .material-icons,
input[type="button"].sc-raised-button .material-icons,
input[type="reset"].sc-raised-button .material-icons,
input[type="submit"].sc-raised-button .material-icons,
a.sc-raised-button .material-icons {
    color: #fff;
    width: 2.57143rem;
    height: 2.57143rem;
    line-height: 2.57143rem;
    vertical-align: middle
}

button.sc-raised-button-dense,
input[type="button"].sc-raised-button-dense,
input[type="reset"].sc-raised-button-dense,
input[type="submit"].sc-raised-button-dense,
a.sc-raised-button-dense {
    font-size: .92857rem;
    height: 2.28571rem;
    line-height: 2.28571rem
}

button.sc-raised-button-dense .material-icons,
input[type="button"].sc-raised-button-dense .material-icons,
input[type="reset"].sc-raised-button-dense .material-icons,
input[type="submit"].sc-raised-button-dense .material-icons,
a.sc-raised-button-dense .material-icons {
    width: 2.28571rem;
    height: 2.28571rem;
    line-height: 2.28571rem
}

button.sc-raised-button-disabled,
button.sc-raised-button:disabled,
input[type="button"].sc-raised-button-disabled,
input[type="button"].sc-raised-button:disabled,
input[type="reset"].sc-raised-button-disabled,
input[type="reset"].sc-raised-button:disabled,
input[type="submit"].sc-raised-button-disabled,
input[type="submit"].sc-raised-button:disabled,
a.sc-raised-button-disabled,
a.sc-raised-button:disabled {
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24)
}

button.sc-raised-button-disabled:hover,
button.sc-raised-button:disabled:hover,
input[type="button"].sc-raised-button-disabled:hover,
input[type="button"].sc-raised-button:disabled:hover,
input[type="reset"].sc-raised-button-disabled:hover,
input[type="reset"].sc-raised-button:disabled:hover,
input[type="submit"].sc-raised-button-disabled:hover,
input[type="submit"].sc-raised-button:disabled:hover,
a.sc-raised-button-disabled:hover,
a.sc-raised-button:disabled:hover {
    -ms-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.3)
}

button.sc-flat-button,
input[type="button"].sc-flat-button,
input[type="reset"].sc-flat-button,
input[type="submit"].sc-flat-button,
a.sc-flat-button {
    cursor: pointer;
    border-radius: .14286rem;
    text-decoration: none;
    border: none;
    outline: none;
    display: inline-block;
    text-align: center;
    position: relative;
    text-rendering: optimizeLegibility;
    font-size: 1rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    background: none;
    color: #3F51B5;
    height: 2.57143rem;
    line-height: 2.57143rem;
    min-width: 4.57143rem;
    padding: 0 1.14286rem
}

button.sc-flat-button:hover,
input[type="button"].sc-flat-button:hover,
input[type="reset"].sc-flat-button:hover,
input[type="submit"].sc-flat-button:hover,
a.sc-flat-button:hover {
    color: #3F51B5
}

button.sc-flat-button:active,
input[type="button"].sc-flat-button:active,
input[type="reset"].sc-flat-button:active,
input[type="submit"].sc-flat-button:active,
a.sc-flat-button:active {
    background: rgba(153, 153, 153, 0.4)
}

button.sc-flat-button .material-icons,
input[type="button"].sc-flat-button .material-icons,
input[type="reset"].sc-flat-button .material-icons,
input[type="submit"].sc-flat-button .material-icons,
a.sc-flat-button .material-icons {
    color: #3F51B5;
    height: 2.57143rem;
    line-height: 2.57143rem;
    vertical-align: middle;
    width: 2.57143rem
}

button.sc-flat-button-disabled,
button.sc-flat-button:disabled,
input[type="button"].sc-flat-button-disabled,
input[type="button"].sc-flat-button:disabled,
input[type="reset"].sc-flat-button-disabled,
input[type="reset"].sc-flat-button:disabled,
input[type="submit"].sc-flat-button-disabled,
input[type="submit"].sc-flat-button:disabled,
a.sc-flat-button-disabled,
a.sc-flat-button:disabled {
    background: none;
    color: rgba(0, 0, 0, 0.26)
}

button.sc-flat-button-disabled:hover,
button.sc-flat-button:disabled:hover,
input[type="button"].sc-flat-button-disabled:hover,
input[type="button"].sc-flat-button:disabled:hover,
input[type="reset"].sc-flat-button-disabled:hover,
input[type="reset"].sc-flat-button:disabled:hover,
input[type="submit"].sc-flat-button-disabled:hover,
input[type="submit"].sc-flat-button:disabled:hover,
a.sc-flat-button-disabled:hover,
a.sc-flat-button:disabled:hover {
    color: rgba(0, 0, 0, 0.26)
}

.sc-floating-button {
    font-size: 1rem;
    line-height: 1.42857rem;
    letter-spacing: .00714rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 50%;
    text-decoration: none;
    border: none;
    outline: none;
    display: inline-block;
    text-align: center;
    position: relative;
    text-rendering: optimizeLegibility;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -ms-box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234);
    -o-box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234);
    box-shadow: 0 .42857rem .85714rem 0 rgba(0, 0, 0, 0.166397), 0 .28571rem .85714rem 0 rgba(0, 0, 0, 0.234);
    width: 4rem;
    height: 4rem;
    background: #3F51B5;
    line-height: 4rem;
    position: relative
}

.sc-floating-button:hover {
    -ms-box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228);
    -o-box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228);
    box-shadow: 0 .85714rem 1.71429rem 0 rgba(0, 0, 0, 0.232793), 0 .57143rem 1.71429rem 0 rgba(0, 0, 0, 0.228)
}

.sc-floating-button .material-icons {
    width: 1.71429rem;
    height: 1.71429rem;
    color: #fff;
    vertical-align: middle
}

.sc-floating-button-mini {
    width: 2.85714rem;
    height: 2.85714rem;
    line-height: 2.85714rem
}

.sc-floating-button ul li {
    border-radius: 50%;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    width: calc( (4rem / 10) * 7);
    height: calc( (4rem / 10) * 7)
}

.sc-toggle-button {
    cursor: pointer;
    border-radius: 50%;
    text-decoration: none;
    border: none;
    outline: none;
    display: inline-block;
    text-align: center;
    position: relative;
    text-rendering: optimizeLegibility;
    width: 2.85714rem;
    height: 2.85714rem;
    background: #3F51B5;
    color: #fff;
    line-height: 2.85714rem
}

.sc-toggle-button .material-icons {
    width: 1.71429rem;
    height: 1.71429rem;
    color: #fff;
    vertical-align: middle
}

.sc-hover-ripple {
    overflow: hidden;
    position: relative;
    z-index: 1
}

.sc-hover-ripple:hover:after {
    -webkit-animation: beat 3s ease-in-out infinite;
    animation: beat 3s ease-in-out infinite
}

@-webkit-keyframes beat {
    0%,
    50%,
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
    25%,
    75% {
        -webkit-transform: scale(0.98) translateZ(0);
        transform: scale(0.98) translateZ(0)
    }
}

@keyframes beat {
    0%,
    50%,
    100% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }
    25%,
    75% {
        -webkit-transform: scale(0.98) translateZ(0);
        transform: scale(0.98) translateZ(0)
    }
}

.sc-hover-ripple:hover:before {
    background: rgba(0, 0, 0, 0.12);
    content: "";
    height: 100%;
    margin: 0px -50%;
    position: absolute;
    width: 150%;
    z-index: -2
}

.sc-hover-ripple:after {
    background: #3F51B5;
    border-radius: 50%;
    content: "";
    height: 0;
    left: 50%;
    margin: -45%;
    opacity: 1;
    padding-top: 70%;
    position: absolute;
    top: 100%;
    width: 90%;
    z-index: -1;
    -webkit-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -o-object-fit: contain;
    object-fit: contain
}

.sc-card {
    -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    border-radius: 2px;
    margin: .57143rem;
    width: 100%;
    padding: 0;
    position: relative;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

.sc-card:hover {
    -ms-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    -o-box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232);
    box-shadow: 0 .57143rem 1.14286rem 0 rgba(0, 0, 0, 0.188529), 0 .35714rem 1.14286rem 0 rgba(0, 0, 0, 0.232)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-card {
        -webkit-transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-card {
        -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
        -ms-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
        -o-box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24);
        box-shadow: 0 0rem 0rem 0 rgba(0, 0, 0, 0.1), 0 .07143rem 0rem 0 rgba(0, 0, 0, 0.24)
    }
}

.sc-card-actions {
    padding: .57143rem
}

.sc-card-actions>* {
    margin: 0 .57143rem .28571rem 0
}

.sc-card-actions>*:last-of-type {
    margin: 0 0 .28571rem 0
}

.sc-card-primary {
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    padding-top: 1.71429rem;
    padding-bottom: 1.71429rem;
    font-size: 1.71429rem
}

.sc-card-primary-small {
    font-size: 1rem;
    padding-top: 1.14286rem
}

.sc-card-primary-additional {
    padding-bottom: 1.14286rem
}

.sc-card-primary only screen and {
    padding: 1.14286rem 1.71429rem
}

.sc-card-primary .sc-subhead-1 {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.38);
    font-weight: 400
}

.sc-card-supporting {
    font-size: 1rem;
    padding-top: 1.14286rem;
    padding-left: 1.14286rem;
    padding-right: 1.14286rem;
    padding-bottom: 1.71429rem
}

.sc-card-supporting-additional {
    padding-bottom: 1.14286rem
}

@media only screen and (min-width: 1280px) {
    .sc-card-supporting {
        padding-left: 1.71429rem;
        padding-right: 1.71429rem
    }
}

.sc-card img {
    width: 100%
}

.sc-card img.sc-card-top {
    border-top-left-radius: .14286rem;
    border-top-right-radius: .14286rem
}

.sc-card img.sc-card-background {
    border-radius: .14286rem;
    height: 100%
}

.sc-card img.sc-card-avatar {
    float: left;
    border-radius: 50%;
    margin: 1.14286rem;
    width: calc( 5.14286rem - (1.14286rem * 2));
    height: calc( 5.14286rem - (1.14286rem * 2))
}

.sc-card .sc-card-content {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: rgba(0, 0, 0, 0.54);
    position: absolute;
    bottom: 0;
    width: 100%
}

.sc-card .sc-card-content div {
    color: #fff
}

.sc-chip {
    border-radius: 2.28571rem;
    background: #eee;
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
    font-size: .92857rem;
    font-weight: 400;
    height: 2.28571rem;
    line-height: 2.28571rem;
    padding: 0 .85714rem
}

.sc-chip-deletable .sc-chip-delete {
    border-radius: 50%;
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(0, 0, 0, 0.54);
    color: #eee;
    display: inline-block;
    height: 1.07143rem;
    margin: 0 -.57143rem 0 .28571rem;
    line-height: 1.07143rem;
    text-align: center;
    vertical-align: middle;
    width: 1.07143rem;
    font-size: .92857rem;
    cursor: pointer
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-chip-deletable .sc-chip-delete {
        -webkit-transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-chip-deletable .sc-chip-delete {
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-chip-deletable:hover {
    background: #757575;
    color: #fff
}

.sc-chip-deletable:hover .sc-chip-delete {
    background: #fff;
    color: #757575
}

.sc-chip-contact {
    font-size: 1rem;
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-chip-contact {
        -webkit-transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-chip-contact {
        -webkit-transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-chip-contact img {
    border-radius: 50%;
    width: 2.28571rem;
    height: 2.28571rem;
    margin: 0 .57143rem 0 -.85714rem
}

.sc-chip-contact:hover {
    -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238)
}

table {
    border-collapse: collapse
}

table thead th {
    color: rgba(0, 0, 0, 0.54);
    font-size: .85714rem;
    font-weight: 500;
    height: 4rem;
    line-height: 4rem;
    text-align: left;
    margin: 0 4rem 0 0;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

table thead th:last-of-type {
    padding: 0 1.71429rem 0 0
}

table thead th:hover {
    background: none
}

table tbody td {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.87);
    font-size: .92857rem;
    font-weight: 400;
    height: 3.42857rem;
    line-height: 3.42857rem;
    text-align: left
}

table tbody td:last-of-type {
    padding: 0 1.71429rem 0 0
}

table .sc-numeric-col {
    text-align: right
}

table .sc-checkbox-col {
    padding: 0 1.71429rem
}

table .sc-checkbox-col input[type="checkbox"].sc-checkbox+label {
    padding: 0
}

table.sc-table-hover tbody tr {
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out
}

table.sc-table-hover tbody tr:hover {
    background: #eee
}

.sc-dialog {
    -ms-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    -o-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    background: #fff;
    display: none;
    max-width: 50%;
    position: fixed;
    width: auto;
    z-index: 4
}

@media only screen and (min-width: 1280px) {
    .sc-dialog {
        max-width: 90%
    }
}

.sc-dialog.active {
    display: block
}

.sc-dialog .sc-dialog-container {
    padding: 1.71429rem
}

.sc-dialog .sc-dialog-container .sc-dialog-title {
    margin-bottom: 1.42857rem
}

.sc-dialog .sc-dialog-actions {
    float: right;
    height: 3.71429rem;
    padding: .57143rem
}

.sc-dialog .sc-dialog-actions .sc-flat-button {
    height: 2.57143rem;
    line-height: 2.57143rem;
    margin: 0 .28571rem
}

.sc-dialog-fullscreen {
    bottom: 1.42857rem;
    left: 1.42857rem;
    right: 1.42857rem;
    top: 1.42857rem
}

.sc-expansion-panel {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.sc-expansion-panel-header {
    height: 3.42857rem
}

.sc-expansion-panel-content {
    max-height: 0;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-expansion-panel-content {
        -webkit-transition: max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-expansion-panel-content {
        -webkit-transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-expansion-panel li {
    padding: 0 1.71429rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54);
    font-size: .85714rem;
    border-bottom: .07143rem solid rgba(0, 0, 0, 0.12);
    position: relative;
    background: #fff
}

.sc-expansion-panel li label {
    font-weight: 400;
    font-size: 1.07143rem;
    color: rgba(0, 0, 0, 0.87);
    margin: 0 1.14286rem 0 0
}

.sc-expansion-panel li.sc-expanded {
    margin: 1.14286rem 0
}

.sc-expansion-panel li.sc-expanded .sc-expand-icon .material-icons {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sc-expansion-panel li.sc-expanded .sc-expansion-panel-content {
    max-height: 100%;
    padding: 0 0 1.14286rem 0;
    -webkit-opacity: 1;
    opacity: 1;
    visibility: visible
}

.sc-expansion-panel li .sc-expand-icon {
    color: rgba(0, 0, 0, 0.38);
    position: absolute;
    right: 1.71429rem;
    line-height: 3.42857rem;
    cursor: pointer;
    margin: 0 0 0 1.14286rem;
    vertical-align: middle
}

.sc-expansion-panel li .sc-expand-icon .material-icons {
    font-size: 1.71429rem;
    width: 1.71429rem;
    height: 1.71429rem;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-expansion-panel li .sc-expand-icon .material-icons {
        -webkit-transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-expansion-panel li .sc-expand-icon .material-icons {
        -webkit-transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-expansion-panel li:focus {
    background: #eee
}

.sc-expansion-panel li:focus .sc-expand-icon {
    color: rgba(0, 0, 0, 0.54)
}

.sc-drawer {
    position: fixed;
    left: 0;
    top: 0;
    width: 20rem;
    height: 100%;
    overflow: hidden
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer {
        width: 22.85714rem
    }
}

.sc-drawer-container {
    position: relative;
    height: 100%;
    bottom: 0;
    overflow: auto;
    background: #fff;
    width: 100%
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-container {
        -webkit-transition: transform 390ms cubic-bezier(0, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 390ms cubic-bezier(0, 0, 0.2, 1);
        transition: -webkit-transform 390ms cubic-bezier(0, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 390ms cubic-bezier(0, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-container {
        -webkit-transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);
        transition: -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)
    }
}

.sc-drawer-permanent-full-height,
.sc-drawer-permanent-clipped,
.sc-drawer-permanent-floating,
.sc-drawer-persistent,
.sc-drawer-temporary {
    margin: 0 0 0 -102%;
    -webkit-transition: margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: margin 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-permanent-full-height,
    .sc-drawer-permanent-clipped,
    .sc-drawer-permanent-floating,
    .sc-drawer-persistent,
    .sc-drawer-temporary {
        -webkit-transition: margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-permanent-full-height,
    .sc-drawer-permanent-clipped,
    .sc-drawer-permanent-floating,
    .sc-drawer-persistent,
    .sc-drawer-temporary {
        margin: 0;
        -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-drawer-permanent-full-height.sc-expanded,
.sc-drawer-permanent-clipped.sc-expanded,
.sc-drawer-permanent-floating.sc-expanded,
.sc-drawer-persistent.sc-expanded,
.sc-drawer-temporary.sc-expanded {
    margin: 0
}

.sc-drawer .sc-drawer-header {
    position: relative
}

.sc-drawer .sc-drawer-header:hover {
    background: none
}

.sc-drawer .sc-drawer-header .sc-drawer-profile-more ul {
    display: none;
    top: calc(3.42857rem * -1);
    left: calc((1.71429rem / 2) * -1);
    padding: .57143rem 0;
    -ms-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    -o-box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    box-shadow: 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.122132), 0 .14286rem .28571rem 0 rgba(0, 0, 0, 0.238);
    background: #fff;
    border-radius: .14286rem;
    position: relative;
    z-index: 4;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    max-height: 0;
    width: 100%;
    margin: 1.14286rem;
    -webkit-transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) {
    .sc-drawer .sc-drawer-header .sc-drawer-profile-more ul {
        margin: 1.71429rem
    }
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer .sc-drawer-header .sc-drawer-profile-more ul {
        -webkit-transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer .sc-drawer-header .sc-drawer-profile-more ul {
        -webkit-transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-drawer .sc-drawer-header .sc-drawer-profile-more ul li {
    height: 3.42857rem;
    font-size: 1.14286rem;
    padding: 0 1.14286rem 1.42857rem 1.14286rem
}

.sc-drawer .sc-drawer-header .sc-drawer-profile-more ul li:hover {
    background: none
}

.sc-drawer .sc-drawer-header .sc-drawer-profile-more.sc-expanded ul {
    display: block;
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1;
    max-height: 100%
}

.sc-drawer-permanent-full-height {
    top: 0;
    border-right: .07143rem solid rgba(0, 0, 0, 0.12);
    z-index: 3
}

.sc-drawer-permanent-full-height .sc-drawer-header {
    padding: 1.14286rem 1.14286rem .57143rem 1.14286rem;
    border-bottom: .07143rem solid rgba(0, 0, 0, 0.12);
    height: 3.42857rem
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-permanent-full-height .sc-drawer-header {
        height: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-permanent-full-height .sc-drawer-header {
        height: 4.57143rem
    }
}

.sc-drawer-permanent-clipped {
    top: 3.42857rem;
    z-index: 1;
    border-right: .07143rem solid rgba(0, 0, 0, 0.12)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-permanent-clipped {
        top: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-permanent-clipped {
        top: 4.57143rem
    }
}

.sc-drawer-permanent-clipped li:first-of-type {
    margin: .57143rem 0 0 0
}

.sc-drawer-permanent-floating {
    top: 3.42857rem;
    z-index: 1
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-permanent-floating {
        top: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-permanent-floating {
        top: 4.57143rem
    }
}

.sc-drawer-permanent-floating li:first-of-type {
    margin: .57143rem 0 0 0
}

.sc-drawer-persistent {
    top: 0;
    border-right: .07143rem solid rgba(0, 0, 0, 0.12);
    z-index: 3
}

.sc-drawer-persistent .sc-drawer-header {
    height: 3.42857rem;
    line-height: 3.42857rem;
    margin: 0 0 .57143rem 0;
    border-bottom: .07143rem solid rgba(0, 0, 0, 0.12)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer-persistent .sc-drawer-header {
        height: 4rem;
        line-height: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer-persistent .sc-drawer-header {
        height: 4.57143rem;
        line-height: 4.57143rem
    }
}

.sc-drawer-persistent .sc-drawer-header>* {
    float: left
}

.sc-drawer-persistent .sc-drawer-header .sc-drawer-profile-img {
    width: 1.71429rem;
    height: 1.71429rem;
    margin: 0 calc(5.14286rem - 1.71429rem - 1.14286rem) 0 0;
    border-radius: 50%;
    border: .07143rem solid rgba(0, 0, 0, 0.12);
    top: 50%;
    position: inherit;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.sc-drawer-temporary {
    top: 0;
    z-index: 3;
    -ms-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    -o-box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224);
    box-shadow: 0 1.14286rem 2.28571rem 0 rgba(0, 0, 0, 0.277058), 0 .85714rem 2.28571rem 0 rgba(0, 0, 0, 0.224)
}

.sc-drawer-temporary .sc-drawer-header {
    padding: 0 0 .57143rem 0;
    margin: 0 0 .57143rem 0
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-background {
    top: 0;
    left: 0;
    width: 100%
}

.sc-drawer-temporary .sc-drawer-header .sc-scrim {
    background: -webkit-linear-gradient(to top, rgba(33, 33, 33, 0.4) 15%, rgba(255, 255, 255, 0) 33%);
    background: -webkit-linear-gradient(bottom, rgba(33, 33, 33, 0.4) 15%, rgba(255, 255, 255, 0) 33%);
    background: linear-gradient(to top, rgba(33, 33, 33, 0.4) 15%, rgba(255, 255, 255, 0) 33%);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 0 -0.57143rem 0
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-background,
.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-img,
.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-name,
.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-email,
.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-more {
    position: absolute
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-img {
    top: 1.14286rem;
    left: 1.14286rem;
    width: 2.85714rem;
    height: 2.85714rem;
    border-radius: 50%
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-name,
.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-email {
    line-height: calc(4rem / 2);
    left: 1.14286rem;
    height: calc(4rem / 2);
    color: #fff
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-name {
    top: calc(2.85714rem + 1.14286rem);
    font-size: 1rem;
    font-weight: 500;
    right: 0
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-email {
    top: calc(2.85714rem + 1.14286rem + (4rem / 2));
    font-size: 1rem;
    font-weight: 400;
    right: calc(4rem + 1.14286rem)
}

.sc-drawer-temporary .sc-drawer-header .sc-drawer-profile-more {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    right: 1.14286rem;
    top: calc(2.85714rem + 1.14286rem + 4rem);
    text-align: right;
    color: #fff
}

.sc-drawer-temporary.sc-expanded {
    margin: 0
}

.sc-drawer.sc-expanded {
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 1280px) {
    .sc-drawer.sc-expanded:before {
        -webkit-opacity: 1;
        opacity: 1
    }
}

.sc-drawer ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sc-drawer li {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    font-size: 1rem;
    height: 3.42857rem;
    display: block;
    padding: 0 1.14286rem;
    position: relative
}

.sc-drawer li:hover {
    background: #eee
}

.sc-drawer li.sc-subheader {
    color: rgba(0, 0, 0, 0.54)
}

.sc-drawer li.sc-no-background {
    background: transparent
}

.sc-drawer li.sc-no-background:hover {
    background: transparent
}

.sc-drawer ul li ul a {
    font-weight: 400
}

.sc-drawer a {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    width: 100%;
    display: block;
    height: 3.42857rem;
    font-size: 1rem;
    margin: 0 calc(1.14286rem * -2) 0 calc(1.14286rem * -1);
    padding: 0 1.14286rem
}

.sc-drawer a:hover,
.sc-drawer a.sc-active {
    color: #3F51B5
}

.sc-drawer a:hover .material-icons,
.sc-drawer a.sc-active .material-icons {
    color: #3F51B5
}

.sc-drawer .material-icons {
    width: 1.71429rem;
    height: 1.71429rem;
    font-size: 1.71429rem;
    vertical-align: middle;
    color: rgba(0, 0, 0, 0.54);
    margin: 0 calc(5.14286rem - 1.14286rem - 1.71429rem) 0 0;
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer .material-icons {
        -webkit-transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer .material-icons {
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-drawer .sc-drawer-dropdown {
    cursor: pointer;
    height: auto
}

.sc-drawer .sc-drawer-dropdown ul {
    display: none;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    -webkit-transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer .sc-drawer-dropdown ul {
        -webkit-transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer .sc-drawer-dropdown ul {
        -webkit-transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-drawer .sc-drawer-dropdown.sc-expanded .sc-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sc-drawer .sc-drawer-dropdown.sc-expanded ul {
    display: block;
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1;
    max-height: 100%
}

.sc-drawer .sc-drawer-dropdown.sc-expanded ul ul {
    margin: 0 0 0 .71429rem
}

.sc-drawer .sc-arrow {
    position: absolute;
    right: 1.14286rem;
    top: calc( (3.42857rem - (3.42857rem / 2)) - (1.71429rem / 2));
    margin: 0;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-drawer .sc-arrow {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-drawer .sc-arrow {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-drawer .sc-divider {
    margin: .57143rem 0;
    height: .07143rem;
    background: rgba(0, 0, 0, 0.12)
}

.sc-drawer .sc-divider:hover {
    background: none
}

ol,
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

ol li,
ul li {
    color: #212121;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    line-height: 3.42857rem;
    padding: 0 1.14286rem
}

ol li a,
ul li a {
    color: #212121;
    font-size: 1rem;
    font-weight: 400;
    height: 3.42857rem;
    line-height: 3.42857rem
}

.sc-notification {
    -ms-box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237);
    -o-box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237);
    box-shadow: 0 .21429rem .42857rem 0 rgba(0, 0, 0, 0.133198), 0 .14286rem .42857rem 0 rgba(0, 0, 0, 0.237);
    border-radius: .14286rem;
    background: #fff;
    float: left;
    max-width: 100%;
    position: relative;
    width: auto
}

.sc-notification-header {
    padding: .57143rem .57143rem 0 .57143rem;
    width: 100%
}

.sc-notification-header>div {
    display: inline-block
}

.sc-notification-header .sc-separator:after {
    color: rgba(0, 0, 0, 0.54);
    content: '\25CF';
    padding: .35714rem
}

.sc-notification-header-app-icon .material-icons {
    font-size: 1rem;
    height: auto;
    width: 1.28571rem
}

.sc-notification-header-text,
.sc-notification-header-timestamp {
    color: rgba(0, 0, 0, 0.54)
}

.sc-notification-header-expand .material-icons {
    font-size: 1rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification-header-expand .material-icons {
        -webkit-transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 390ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification-header-expand .material-icons {
        -webkit-transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification-content {
    padding: .35714rem .57143rem .71429rem .57143rem
}

.sc-notification-content-title,
.sc-notification-content .sc-subject {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500
}

.sc-notification-content-text {
    color: rgba(0, 0, 0, 0.54)
}

.sc-notification-actions {
    background: transparent;
    -webkit-transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), max-height 300ms cubic-bezier(0.4, 0, 0.2, 1), background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    max-height: 0;
    -webkit-opacity: 0;
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification-actions {
        -webkit-transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), max-height 390ms cubic-bezier(0.4, 0, 0.2, 1), background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification-actions {
        -webkit-transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), max-height 200ms cubic-bezier(0.4, 0, 0.2, 1), background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification-actions>* {
    display: inline-block;
    margin: 0 !important;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: visibility 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification-actions>* {
        -webkit-transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 390ms cubic-bezier(0.4, 0, 0.2, 1), opacity 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification-actions>* {
        -webkit-transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: visibility 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-standard .sc-notification-content {
    position: relative
}

.sc-notification.sc-standard .sc-notification-content>div {
    width: 75%
}

.sc-notification.sc-standard .sc-notification-content img {
    width: 2.85714rem;
    height: 2.85714rem;
    max-width: 25%;
    position: absolute;
    right: .57143rem;
    border-radius: 50%;
    top: .35714rem
}

.sc-notification.sc-big-text .sc-notification-content {
    position: relative
}

.sc-notification.sc-big-text .sc-notification-content-text {
    max-height: 0;
    -webkit-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.sc-notification.sc-big-text .sc-notification-content img {
    width: 2.85714rem;
    height: 2.85714rem;
    position: absolute;
    right: .57143rem;
    border-radius: 50%;
    top: .35714rem
}

.sc-notification.sc-big-picture .sc-notification-content {
    position: relative
}

.sc-notification.sc-big-picture .sc-notification-content-text img {
    max-width: 100%;
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 300ms;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 300ms, visibility 300ms cubic-bezier(0.4, 0, 0.2, 1) 300ms
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-big-picture .sc-notification-content-text img {
        -webkit-transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1) 390ms, visibility 390ms cubic-bezier(0.4, 0, 0.2, 1) 390ms;
        transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1) 390ms, visibility 390ms cubic-bezier(0.4, 0, 0.2, 1) 390ms
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-big-picture .sc-notification-content-text img {
        -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 200ms;
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 200ms, visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 200ms
    }
}

.sc-notification.sc-big-picture .sc-notification-content>img {
    width: 2.85714rem;
    height: 2.85714rem;
    position: absolute;
    right: .57143rem;
    top: .35714rem;
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-big-picture .sc-notification-content>img {
        -webkit-transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-big-picture .sc-notification-content>img {
        -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-progress .sc-notification-content .sc-notification-content-title,
.sc-notification.sc-progress .sc-notification-content .sc-notification-content-text {
    display: inline-block;
    width: 50%
}

.sc-notification.sc-progress .sc-notification-content .sc-notification-content-text {
    float: right;
    text-align: right
}

.sc-notification.sc-media {
    width: 28.57143rem
}

.sc-notification.sc-media .sc-notification-content {
    position: relative;
    -webkit-transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content {
        -webkit-transition: height 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: height 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content {
        -webkit-transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: height 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-media .sc-notification-content .sc-actions {
    left: auto;
    position: absolute;
    right: 3.42857rem;
    text-align: right;
    top: .35714rem;
    width: calc(2.5rem * 4);
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content .sc-actions {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content .sc-actions {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-media .sc-notification-content .sc-actions .material-icons {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.54);
    font-size: 2.5rem;
    line-height: calc((1.42857rem * 2))
}

.sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:first-of-type,
.sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:last-of-type {
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0;
    width: 0;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:first-of-type,
    .sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:last-of-type {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:first-of-type,
    .sc-notification.sc-media .sc-notification-content .sc-actions .material-icons:last-of-type {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-media .sc-notification-content img {
    width: 2.85714rem;
    height: 2.85714rem;
    position: absolute;
    right: .57143rem;
    top: .35714rem;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content img {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-notification.sc-media .sc-notification-content img {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-notification.sc-expanded .sc-notification-actions {
    background: #eee;
    -webkit-opacity: 1;
    opacity: 1;
    max-height: 142.85714rem;
    visibility: visible
}

.sc-notification.sc-expanded .sc-notification-actions>* {
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1
}

.sc-notification.sc-expanded .sc-notification-header-expand .material-icons {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sc-notification.sc-expanded.sc-big-text .sc-notification-content-text {
    max-height: 142.85714rem;
    -webkit-opacity: 1;
    opacity: 1;
    visibility: visible
}

.sc-notification.sc-expanded.sc-big-picture .sc-notification-content-text img {
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1;
    width: 100%
}

.sc-notification.sc-expanded.sc-big-picture .sc-notification-content>img {
    -webkit-opacity: 0;
    opacity: 0
}

.sc-notification.sc-expanded.sc-media .sc-notification-content {
    height: calc( (1.42857rem * 2) + 2.5rem + .35714rem + .71429rem)
}

.sc-notification.sc-expanded.sc-media .sc-notification-content .sc-actions {
    left: .57143rem;
    text-align: left;
    right: auto;
    top: calc(1.42857rem * 2);
    width: calc(2.5rem * 6)
}

.sc-notification.sc-expanded.sc-media .sc-notification-content .sc-actions .material-icons:first-of-type,
.sc-notification.sc-expanded.sc-media .sc-notification-content .sc-actions:last-of-type {
    visibility: visible;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-opacity: 1;
    opacity: 1
}

.sc-notification.sc-expanded.sc-media .sc-notification-content img {
    width: calc((1.42857rem * 2) + 2.5rem);
    height: calc((1.42857rem * 2) + 2.5rem)
}

.sc-picker {
    -ms-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    -o-box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    box-shadow: 0 1.71429rem 3.42857rem 0 rgba(0, 0, 0, 0.365586), 0 1.42857rem 3.42857rem 0 rgba(0, 0, 0, 0.216);
    border-radius: .14286rem;
    background: #fff;
    width: 100%
}

.sc-picker-titlebar {
    border-top-left-radius: .14286rem;
    border-top-right-radius: .14286rem;
    background: #3F51B5;
    color: rgba(255, 255, 255, 0.54);
    padding: 1.71429rem
}

.sc-picker-titlebar-year {
    font-size: 1.14286rem;
    line-height: 1.42857rem
}

.sc-picker-titlebar-date {
    font-size: 1.71429rem;
    line-height: 2.14286rem
}

.sc-picker-titlebar .sc-active {
    color: #fff
}

.sc-determinate,
.sc-indeterminate,
.sc-buffer {
    width: 100%;
    height: .35714rem;
    position: relative
}

.sc-determinate {
    background: rgba(63, 81, 181, 0.4)
}

.sc-progressbar {
    background: #3F51B5;
    -webkit-transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
    bottom: 0;
    position: absolute;
    top: 0;
    width: 0%
}

.sc-indeterminate {
    background: rgba(63, 81, 181, 0.4);
    overflow: hidden
}

.sc-indeterminate .sc-progressbar {
    width: 60%;
    -webkit-animation: indeterminate 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}

@-webkit-keyframes indeterminate {
    0% {
        left: 0;
        width: 0%
    }
    25% {
        width: 60%
    }
    50% {
        width: 60%
    }
    75% {
        left: 75%;
        width: 60%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

@keyframes indeterminate {
    0% {
        left: 0;
        width: 0%
    }
    25% {
        width: 60%
    }
    50% {
        width: 60%
    }
    75% {
        left: 75%;
        width: 60%
    }
    100% {
        left: 100%;
        width: 0%
    }
}

.sc-buffer {
    overflow: hidden
}

.sc-buffer>div {
    display: inline-block
}

.sc-buffer .sc-buffer-progress {
    background: rgba(63, 81, 181, 0.4);
    bottom: 0;
    position: absolute;
    top: 0
}

.sc-buffer .sc-buffering {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), -webkit-linear-gradient(left, #3F51B5, #3F51B5);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3F51B5, #3F51B5);
    bottom: 0;
    position: absolute;
    -webkit-mask: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTBweCIgdmlld1BvcnQ9IjAgMCAxMiA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGVsbGlwc2UgY3g9IjIiIGN5PSIyIiByeD0iMiIgcnk9IjIiPjwvZWxsaXBzZT48ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPjwvZWxsaXBzZT48L3N2Zz4=");
    mask: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTBweCIgdmlld1BvcnQ9IjAgMCAxMiA0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGVsbGlwc2UgY3g9IjIiIGN5PSIyIiByeD0iMiIgcnk9IjIiPjwvZWxsaXBzZT48ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPjwvZWxsaXBzZT48L3N2Zz4=");
    top: 0;
    -webkit-animation: buffer 1.5s linear infinite;
    animation: buffer 1.5s linear infinite
}

@-webkit-keyframes buffer {
    0% {
        width: 200%;
        left: 100%
    }
    100% {
        left: auto
    }
}

@keyframes buffer {
    0% {
        width: 200%;
        left: 100%
    }
    100% {
        left: auto
    }
}

.sc-circular {
    position: relative;
    margin: 0 auto;
    width: 3.57143rem
}

.sc-circular:before {
    content: '';
    display: block;
    padding-top: 100%
}

.sc-circular svg {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.sc-circular circle {
    -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-width: .35714rem;
    r: 20
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -2.5rem
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -8.85714rem
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -2.5rem
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -8.85714rem
    }
}

@-webkit-keyframes color {
    100%,
    0% {
        stroke: #F44336
    }
    40% {
        stroke: #4CAF50
    }
    66% {
        stroke: #3F51B5
    }
    80%,
    90% {
        stroke: #FF9800
    }
}

@keyframes color {
    100%,
    0% {
        stroke: #F44336
    }
    40% {
        stroke: #4CAF50
    }
    66% {
        stroke: #3F51B5
    }
    80%,
    90% {
        stroke: #FF9800
    }
}

input[type="checkbox"].sc-checkbox,
input[type="radio"].sc-radio {
    -webkit-opacity: 0;
    opacity: 0;
    left: -102%;
    position: absolute
}

input[type="checkbox"].sc-checkbox+label,
input[type="radio"].sc-radio+label {
    padding: 0 .35714rem 0 .71429rem
}

input[type="checkbox"].sc-checkbox+label:before,
input[type="radio"].sc-radio+label:before {
    content: '';
    display: inline-block;
    background: transparent;
    border: .14286rem solid rgba(0, 0, 0, 0.54);
    width: .92857rem;
    height: .92857rem;
    font-family: 'Material Icons';
    position: relative;
    vertical-align: middle;
    left: 0;
    line-height: .92857rem
}

input[type="checkbox"].sc-checkbox+label:before {
    border-radius: .14286rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), content 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), content 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="checkbox"].sc-checkbox+label:before {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), content 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), content 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="checkbox"].sc-checkbox+label:before {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), content 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), content 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="checkbox"].sc-checkbox:checked+label:before {
    background: #3f51b5;
    border: .14286rem solid #3f51b5;
    content: '\E5CA';
    color: #fff
}

input[type="checkbox"].sc-checkbox:disabled+label:before {
    border: .14286rem solid rgba(0, 0, 0, 0.26)
}

input[type="checkbox"].sc-checkbox:disabled:checked+label:before {
    background: rgba(0, 0, 0, 0.26);
    border: none;
    width: calc( .92857rem + (.14286rem * 2));
    height: calc( .92857rem + (.14286rem * 2));
    line-height: calc( .92857rem + (.14286rem * 2));
    text-align: center
}

input[type="radio"].sc-radio+label:before {
    border-radius: 50%;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="radio"].sc-radio+label:before {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="radio"].sc-radio+label:before {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="radio"].sc-radio+label:after {
    display: inline-block;
    position: relative;
    top: calc( (.92857rem / 3) * -1);
    left: calc( (.92857rem / 3) * -2);
    width: 0;
    height: 0;
    content: '';
    border-radius: 50%;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="radio"].sc-radio+label:after {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="radio"].sc-radio+label:after {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="radio"].sc-radio:checked+label:before {
    border: .14286rem solid #3f51b5
}

input[type="radio"].sc-radio:checked+label:after {
    background: #3f51b5;
    top: .07143rem;
    left: calc( .92857rem * -1);
    width: calc( (.92857rem / 3) * 2);
    height: calc( (.92857rem / 3) * 2);
    margin: 0 calc( (.92857rem / 3) * -2) 0 0
}

input[type="radio"].sc-radio:disabled+label:before {
    border: .14286rem solid rgba(0, 0, 0, 0.26)
}

input[type="radio"].sc-radio:disabled:checked+label:after {
    background: rgba(0, 0, 0, 0.26)
}

.sc-switch .sc-lever {
    background: rgba(0, 0, 0, 0.38);
    display: inline-block;
    height: .85714rem;
    margin: calc( calc( 1rem * 2) / 2);
    border-radius: .85714rem;
    position: relative;
    vertical-align: middle;
    width: 1.71429rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-switch .sc-lever {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-switch .sc-lever {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        margin: 0
    }
}

.sc-switch .sc-lever:after {
    -ms-box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239);
    -o-box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239);
    box-shadow: 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.111066), 0 .07143rem .21429rem 0 rgba(0, 0, 0, 0.239);
    background: #fafafa;
    content: '';
    border-radius: 50%;
    height: 1rem;
    left: 0;
    position: absolute;
    top: calc( ( .85714rem - 1rem) / 2);
    width: 1rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-switch .sc-lever:after {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), left 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), left 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-switch .sc-lever:after {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (max-width: 1280px) {
    .sc-switch .sc-lever:before {
        content: '';
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        left: calc( 1.71429rem - 1rem);
        position: absolute;
        top: calc( ( .85714rem - 1rem) / 2);
        -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (max-width: 1280px) and (min-width: 960px) and (max-width: 1280px) {
    .sc-switch .sc-lever:before {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), left 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), top 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), left 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), top 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (max-width: 1280px) {
    .sc-switch .sc-lever:active:before,
    .sc-switch .sc-lever:focus:before {
        background: rgba(189, 189, 189, 0.2);
        width: calc( 1rem * 2);
        height: calc( 1rem * 2);
        left: calc( 1rem / -2);
        top: calc( ( .85714rem - calc( 1rem * 2)) / 2)
    }
}

.sc-switch input[type="checkbox"] {
    display: none
}

.sc-switch input[type="checkbox"]:checked+.sc-lever {
    background: rgba(63, 81, 181, 0.5)
}

.sc-switch input[type="checkbox"]:checked+.sc-lever:after {
    background: #3f51b5;
    left: calc( 1.71429rem - 1rem)
}

@media only screen and (max-width: 1280px) {
    .sc-switch input[type="checkbox"]:checked+.sc-lever:active:before,
    .sc-switch input[type="checkbox"]:checked+.sc-lever:focus:before {
        left: calc( calc( 1.71429rem - 1rem) - ( 1rem / 2));
        background: rgba(63, 81, 181, 0.2)
    }
}

.sc-switch input[type="checkbox"]:disabled+.sc-lever {
    background: rgba(0, 0, 0, 0.12)
}

.sc-switch input[type="checkbox"]:disabled+.sc-lever:after {
    background: #bdbdbd
}

@media only screen and (max-width: 1280px) {
    .sc-switch input[type="checkbox"]:disabled+.sc-lever:active:before,
    .sc-switch input[type="checkbox"]:disabled+.sc-lever:focus:before {
        background: rgba(189, 189, 189, 0.2)
    }
}

input[type="range"] {
    background: #bdbdbd;
    height: .14286rem;
    margin: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type="range"]:hover {
    cursor: pointer
}

input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: .14286rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-webkit-slider-runnable-track {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1600px) {
    input[type="range"]::-webkit-slider-runnable-track {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-webkit-slider-runnable-track:focus,
input[type="range"]::-webkit-slider-runnable-track:active {
    background: #3F51B5
}

input[type="range"]::-moz-range-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: .14286rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-moz-range-track {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1600px) {
    input[type="range"]::-moz-range-track {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-moz-range-track:focus,
input[type="range"]::-moz-range-track:active {
    background: #3F51B5
}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: .14286rem;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-ms-track {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1600px) {
    input[type="range"]::-ms-track {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-ms-track:focus,
input[type="range"]::-ms-track:active {
    background: #3F51B5
}

input[type="range"]::-moz-range-track {
    -webkit-opacity: 0;
    opacity: 0
}

input[type="range"]::-ms-tooltip {
    display: none
}

input[type="range"]::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: .14286rem solid #bdbdbd;
    border-radius: 50%;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="range"]::-webkit-slider-thumb {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-webkit-slider-thumb {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-webkit-slider-thumb:focus,
input[type="range"]::-webkit-slider-thumb:active {
    width: 1.14286rem;
    height: 1.14286rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

input[type="range"]::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: .14286rem solid #bdbdbd;
    border-radius: 50%;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="range"]::-moz-range-thumb {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-moz-range-thumb {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-moz-range-thumb:focus,
input[type="range"]::-moz-range-thumb:active {
    width: 1.14286rem;
    height: 1.14286rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

input[type="range"]::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: .14286rem solid #bdbdbd;
    border-radius: 50%;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    input[type="range"]::-ms-thumb {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    input[type="range"]::-ms-thumb {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

input[type="range"]::-ms-thumb:focus,
input[type="range"]::-ms-thumb:active {
    width: 1.14286rem;
    height: 1.14286rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

input[type="range"]:disabled::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    background: #bdbdbd;
    border: .14286rem solid #fff
}

input[type="range"]:disabled::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    background: #bdbdbd;
    border: .14286rem solid #fff
}

input[type="range"]:disabled::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0;
    background: #bdbdbd;
    border: .14286rem solid #fff
}

input[type="range"]:disabled:active::-webkit-slider-runnable-track,
input[type="range"]:disabled:focus::-webkit-slider-runnable-track {
    background: none
}

input[type="range"]:disabled:active::-moz-range-track,
input[type="range"]:disabled:focus::-moz-range-track {
    background: none
}

input[type="range"]:disabled:active::-ms-track,
input[type="range"]:disabled:focus::-ms-track {
    background: none
}

.sc-range {
    display: inline-block;
    position: relative
}

.sc-range input[type="range"] {
    background: transparent;
    position: relative;
    z-index: 3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.sc-range input[type="range"]::-webkit-slider-runnable-track:focus,
.sc-range input[type="range"]::-webkit-slider-runnable-track:active {
    background: transparent
}

.sc-range input[type="range"]::-moz-range-track:focus,
.sc-range input[type="range"]::-moz-range-track:active {
    background: transparent
}

.sc-range input[type="range"]::-ms-track:focus,
.sc-range input[type="range"]::-ms-track:active {
    background: transparent
}

.sc-range input[type="range"].sc-slider-discrete::-webkit-slider-thumb,
.sc-range input[type="range"].sc-slider-discrete.sc-not-null::-webkit-slider-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range input[type="range"].sc-slider-discrete::-moz-range-thumb,
.sc-range input[type="range"].sc-slider-discrete.sc-not-null::-moz-range-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range input[type="range"].sc-slider-discrete::-ms-thumb,
.sc-range input[type="range"].sc-slider-discrete.sc-not-null::-ms-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range input[type="range"].sc-not-null::-webkit-slider-thumb {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range input[type="range"].sc-not-null::-webkit-slider-thumb:active,
.sc-range input[type="range"].sc-not-null::-webkit-slider-thumb:focus {
    width: 1.14286rem;
    height: 1.14286rem;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range input[type="range"].sc-not-null::-moz-range-thumb {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range input[type="range"].sc-not-null::-moz-range-thumb:active,
.sc-range input[type="range"].sc-not-null::-moz-range-thumb:focus {
    width: 1.14286rem;
    height: 1.14286rem;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range input[type="range"].sc-not-null::-ms-thumb {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    margin: calc( ( (1rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range input[type="range"].sc-not-null::-ms-thumb:active,
.sc-range input[type="range"].sc-not-null::-ms-thumb:focus {
    width: 1.14286rem;
    height: 1.14286rem;
    margin: calc( ( (1.14286rem / 2) - .14286rem) * -1) 0 0 0
}

.sc-range .sc-range-track {
    height: .14286rem;
    margin: calc( ( 1.14286rem + ( .14286rem * 2)) * -1) 0 0 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.sc-range .sc-range-track>div {
    display: inline-block;
    height: 100%
}

.sc-range .sc-range-track .sc-range-track-before {
    background: #3F51B5
}

.sc-range .sc-range-track .sc-range-track-after {
    background: #bdbdbd
}

.sc-range:active .sc-slider-bubble,
.sc-range:focus .sc-slider-bubble {
    width: 1.78571rem;
    height: 1.78571rem;
    background: #bdbdbd;
    border: none;
    bottom: .14286rem;
    color: #fff;
    font-size: .71429rem;
    margin: 0 0 0 calc( (1.78571rem / 2) * -1);
    text-align: center
}

.sc-range:active .sc-slider-bubble:before,
.sc-range:focus .sc-slider-bubble:before {
    border-left: .71429rem solid transparent;
    border-right: .71429rem solid transparent;
    border-top: .71429rem solid #bdbdbd;
    right: .25rem;
    top: calc(1.78571rem - (.14286rem * 2))
}

.sc-range:active .sc-slider-bubble.sc-not-null,
.sc-range:focus .sc-slider-bubble.sc-not-null {
    background: #3F51B5;
    border: none;
    font-size: .71429rem
}

.sc-range:active .sc-slider-bubble.sc-not-null:before,
.sc-range:focus .sc-slider-bubble.sc-not-null:before {
    border-left: .71429rem solid transparent;
    border-right: .71429rem solid transparent;
    border-top: .71429rem solid #3F51B5
}

.sc-range .sc-slider-bubble {
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background: #000;
    border: .14286rem solid #000;
    bottom: calc( ( 1.14286rem + ( .14286rem * 2)) * -1);
    color: #fff;
    font-size: 0;
    margin: 0;
    position: absolute;
    z-index: 2;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), bottom 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1), ;
    -webkit-transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), bottom 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 300ms cubic-bezier(0.4, 0, 0.2, 1), width 300ms cubic-bezier(0.4, 0, 0.2, 1), height 300ms cubic-bezier(0.4, 0, 0.2, 1), border 300ms cubic-bezier(0.4, 0, 0.2, 1), bottom 300ms cubic-bezier(0.4, 0, 0.2, 1), margin 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-range .sc-slider-bubble {
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), bottom 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1), ;
        -webkit-transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), bottom 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 390ms cubic-bezier(0.4, 0, 0.2, 1), width 390ms cubic-bezier(0.4, 0, 0.2, 1), height 390ms cubic-bezier(0.4, 0, 0.2, 1), border 390ms cubic-bezier(0.4, 0, 0.2, 1), bottom 390ms cubic-bezier(0.4, 0, 0.2, 1), margin 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-range .sc-slider-bubble {
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), bottom 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), ;
        -webkit-transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), bottom 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), height 200ms cubic-bezier(0.4, 0, 0.2, 1), border 200ms cubic-bezier(0.4, 0, 0.2, 1), bottom 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-range .sc-slider-bubble:before {
    width: 0;
    height: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: border-left 300ms cubic-bezier(0.4, 0, 0.2, 1), border-right 300ms cubic-bezier(0.4, 0, 0.2, 1), border-top 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1), ;
    -webkit-transition: border-left 300ms cubic-bezier(0.4, 0, 0.2, 1), border-right 300ms cubic-bezier(0.4, 0, 0.2, 1), border-top 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: border-left 300ms cubic-bezier(0.4, 0, 0.2, 1), border-right 300ms cubic-bezier(0.4, 0, 0.2, 1), border-top 300ms cubic-bezier(0.4, 0, 0.2, 1), top 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-range .sc-slider-bubble:before {
        -webkit-transition: border-left 390ms cubic-bezier(0.4, 0, 0.2, 1), border-right 390ms cubic-bezier(0.4, 0, 0.2, 1), border-top 390ms cubic-bezier(0.4, 0, 0.2, 1), top 390ms cubic-bezier(0.4, 0, 0.2, 1), ;
        -webkit-transition: border-left 390ms cubic-bezier(0.4, 0, 0.2, 1), border-right 390ms cubic-bezier(0.4, 0, 0.2, 1), border-top 390ms cubic-bezier(0.4, 0, 0.2, 1), top 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: border-left 390ms cubic-bezier(0.4, 0, 0.2, 1), border-right 390ms cubic-bezier(0.4, 0, 0.2, 1), border-top 390ms cubic-bezier(0.4, 0, 0.2, 1), top 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-range .sc-slider-bubble:before {
        -webkit-transition: border-left 200ms cubic-bezier(0.4, 0, 0.2, 1), border-right 200ms cubic-bezier(0.4, 0, 0.2, 1), border-top 200ms cubic-bezier(0.4, 0, 0.2, 1), top 200ms cubic-bezier(0.4, 0, 0.2, 1), ;
        -webkit-transition: border-left 200ms cubic-bezier(0.4, 0, 0.2, 1), border-right 200ms cubic-bezier(0.4, 0, 0.2, 1), border-top 200ms cubic-bezier(0.4, 0, 0.2, 1), top 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: border-left 200ms cubic-bezier(0.4, 0, 0.2, 1), border-right 200ms cubic-bezier(0.4, 0, 0.2, 1), border-top 200ms cubic-bezier(0.4, 0, 0.2, 1), top 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-range .sc-slider-bubble.sc-not-null {
    background: #3F51B5;
    border: .14286rem solid #3F51B5;
    color: #fff;
    font-size: 0
}

.sc-range:disabled input[type="range"]::-webkit-slider-thumb {
    background: #fff;
    border: .14286rem solid #bdbdbd
}

.sc-range:disabled input[type="range"]::-moz-range-thumb {
    background: #fff;
    border: .14286rem solid #bdbdbd
}

.sc-range:disabled input[type="range"]::-ms-thumb {
    background: #fff;
    border: .14286rem solid #bdbdbd
}

.sc-range:disabled input[type="range"].sc-not-null::-webkit-slider-thumb {
    background: #bdbdbd;
    border: .14286rem solid #fff
}

.sc-range:disabled input[type="range"].sc-not-null::-moz-range-thumb {
    background: #bdbdbd;
    border: .14286rem solid #fff
}

.sc-range:disabled input[type="range"].sc-not-null::-ms-thumb {
    background: #bdbdbd;
    border: .14286rem solid #fff
}

.sc-range:disabled input[type="range"].sc-slider-discrete::-webkit-slider-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range:disabled input[type="range"].sc-slider-discrete::-moz-range-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range:disabled input[type="range"].sc-slider-discrete::-ms-thumb {
    background: transparent;
    border: .14286rem solid transparent
}

.sc-range:disabled .sc-range-track-before {
    background: #bdbdbd
}

.sc-range:disabled .sc-slider-bubble {
    background: #bdbdbd;
    border: .14286rem solid #fff
}

.sc-range:disabled:active .sc-slider-bubble,
.sc-range:disabled:focus .sc-slider-bubble {
    background: #bdbdbd;
    border: none
}

.sc-range:disabled:active .sc-slider-bubble:before,
.sc-range:disabled:focus .sc-slider-bubble:before {
    border-left: .71429rem solid transparent;
    border-right: .71429rem solid transparent;
    border-top: .71429rem solid #bdbdbd
}

.sc-snackbar {
    background: #323232;
    bottom: 0;
    color: #fff;
    font-size: 1rem;
    height: 3.42857rem;
    left: 0;
    overflow: hidden;
    padding: 1rem 1.71429rem;
    position: fixed;
    right: 0
}

@media only screen and (min-width: 1280px) {
    .sc-snackbar {
        left: auto;
        right: auto;
        min-width: 20.57143rem;
        max-width: 40.57143rem;
        border-radius: .14286rem
    }
}

.sc-snackbar-action {
    font-weight: 500;
    margin: 0 0 0 1.71429rem;
    text-transform: capitalize
}

@media only screen and (min-width: 1600px) {
    .sc-snackbar-action {
        margin: 0 0 0 calc(1.71429rem * 2)
    }
}

.sc-stepper-horizontal li {
    height: 5.14286rem;
    float: left;
    padding: 1.71429rem 0 1.71429rem 1.71429rem
}

.sc-stepper-horizontal .sc-step-circle {
    margin: 0 .85714rem 0 0
}

.sc-stepper-vertical li {
    padding: 0 0 0 1.71429rem
}

.sc-stepper-vertical .sc-step-circle {
    margin: 0 .57143rem 0 0
}

.sc-step {
    padding: 0;
    color: rgba(0, 0, 0, 0.38);
    font-weight: 400;
    font-size: 1rem
}

.sc-step.sc-active {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500
}

.sc-step-circle {
    width: 1.71429rem;
    height: 1.71429rem;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
    font-size: .85714rem;
    font-weight: 400;
    text-align: center;
    line-height: 1.71429rem;
    display: inline-block
}

.sc-step-circle.sc-active {
    background: #3F51B5
}

.sc-tabs {
    -ms-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    -o-box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    box-shadow: 0 .28571rem .57143rem 0 rgba(0, 0, 0, 0.144264), 0 .21429rem .57143rem 0 rgba(0, 0, 0, 0.236);
    background: #3F51B5;
    overflow: hidden;
    position: fixed;
    top: 3.42857rem;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-tabs {
        top: 4rem
    }
}

@media only screen and (min-width: 1280px) {
    .sc-tabs {
        left: 22.85714rem;
        top: 4.57143rem
    }
}

.sc-tabs .sc-tab,
.sc-tabs .sc-tab-icon,
.sc-tabs .sc-tab-icon-text {
    border-bottom: .14286rem solid #3F51B5;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    float: left;
    font-size: 1rem;
    font-weight: 500;
    max-width: 18.85714rem;
    min-width: 5.14286rem;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-wrap: break-word;
    -webkit-transition: border 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: border 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-tabs .sc-tab,
    .sc-tabs .sc-tab-icon,
    .sc-tabs .sc-tab-icon-text {
        -webkit-transition: border 390ms cubic-bezier(0.4, 0, 0.2, 1), color 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: border 390ms cubic-bezier(0.4, 0, 0.2, 1), color 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-tabs .sc-tab,
    .sc-tabs .sc-tab-icon,
    .sc-tabs .sc-tab-icon-text {
        min-width: 11.42857rem;
        -webkit-transition: border 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: border 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-tabs .sc-tab:hover,
.sc-tabs .sc-tab.sc-active,
.sc-tabs .sc-tab-icon:hover,
.sc-tabs .sc-tab-icon.sc-active,
.sc-tabs .sc-tab-icon-text:hover,
.sc-tabs .sc-tab-icon-text.sc-active {
    border-bottom: .14286rem solid #fff;
    color: #fff
}

.sc-tabs .sc-tab .material-icons,
.sc-tabs .sc-tab-icon .material-icons,
.sc-tabs .sc-tab-icon-text .material-icons {
    width: 1.71429rem;
    height: 1.71429rem;
    font-size: 1.71429rem
}

.sc-tabs .sc-tab {
    height: 3.42857rem;
    line-height: 3.42857rem;
    padding: 0 .85714rem 1.42857rem .85714rem
}

.sc-tabs .sc-tab-icon {
    height: 3.42857rem;
    line-height: 3.42857rem;
    padding: 0 0 .85714rem 0
}

.sc-tabs .sc-tab-icon-text {
    height: 5.14286rem;
    padding: .71429rem 0 1.14286rem 0
}

.sc-tabs .sc-tab-icon-text span {
    display: block;
    margin: .71429rem 0 0 0;
    width: 100%
}

.sc-floating-input,
.sc-floating-dense-input,
.sc-single-input,
.sc-single-dense-input {
    position: relative
}

.sc-floating-input input[type="text"],
.sc-floating-input input[type="password"],
.sc-floating-input input[type="email"],
.sc-floating-input input[type="number"],
.sc-floating-input input[type="search"],
.sc-floating-input input[type="tel"],
.sc-floating-input input[type="url"],
.sc-floating-input textarea,
.sc-floating-dense-input input[type="text"],
.sc-floating-dense-input input[type="password"],
.sc-floating-dense-input input[type="email"],
.sc-floating-dense-input input[type="number"],
.sc-floating-dense-input input[type="search"],
.sc-floating-dense-input input[type="tel"],
.sc-floating-dense-input input[type="url"],
.sc-floating-dense-input textarea,
.sc-single-input input[type="text"],
.sc-single-input input[type="password"],
.sc-single-input input[type="email"],
.sc-single-input input[type="number"],
.sc-single-input input[type="search"],
.sc-single-input input[type="tel"],
.sc-single-input input[type="url"],
.sc-single-input textarea,
.sc-single-dense-input input[type="text"],
.sc-single-dense-input input[type="password"],
.sc-single-dense-input input[type="email"],
.sc-single-dense-input input[type="number"],
.sc-single-dense-input input[type="search"],
.sc-single-dense-input input[type="tel"],
.sc-single-dense-input input[type="url"],
.sc-single-dense-input textarea {
    border: none;
    border-bottom: .14286rem solid #9E9E9E;
    outline: none;
    position: absolute;
    width: 100%;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-floating-input input[type="text"],
    .sc-floating-input input[type="password"],
    .sc-floating-input input[type="email"],
    .sc-floating-input input[type="number"],
    .sc-floating-input input[type="search"],
    .sc-floating-input input[type="tel"],
    .sc-floating-input input[type="url"],
    .sc-floating-input textarea,
    .sc-floating-dense-input input[type="text"],
    .sc-floating-dense-input input[type="password"],
    .sc-floating-dense-input input[type="email"],
    .sc-floating-dense-input input[type="number"],
    .sc-floating-dense-input input[type="search"],
    .sc-floating-dense-input input[type="tel"],
    .sc-floating-dense-input input[type="url"],
    .sc-floating-dense-input textarea,
    .sc-single-input input[type="text"],
    .sc-single-input input[type="password"],
    .sc-single-input input[type="email"],
    .sc-single-input input[type="number"],
    .sc-single-input input[type="search"],
    .sc-single-input input[type="tel"],
    .sc-single-input input[type="url"],
    .sc-single-input textarea,
    .sc-single-dense-input input[type="text"],
    .sc-single-dense-input input[type="password"],
    .sc-single-dense-input input[type="email"],
    .sc-single-dense-input input[type="number"],
    .sc-single-dense-input input[type="search"],
    .sc-single-dense-input input[type="tel"],
    .sc-single-dense-input input[type="url"],
    .sc-single-dense-input textarea {
        -webkit-transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-floating-input input[type="text"],
    .sc-floating-input input[type="password"],
    .sc-floating-input input[type="email"],
    .sc-floating-input input[type="number"],
    .sc-floating-input input[type="search"],
    .sc-floating-input input[type="tel"],
    .sc-floating-input input[type="url"],
    .sc-floating-input textarea,
    .sc-floating-dense-input input[type="text"],
    .sc-floating-dense-input input[type="password"],
    .sc-floating-dense-input input[type="email"],
    .sc-floating-dense-input input[type="number"],
    .sc-floating-dense-input input[type="search"],
    .sc-floating-dense-input input[type="tel"],
    .sc-floating-dense-input input[type="url"],
    .sc-floating-dense-input textarea,
    .sc-single-input input[type="text"],
    .sc-single-input input[type="password"],
    .sc-single-input input[type="email"],
    .sc-single-input input[type="number"],
    .sc-single-input input[type="search"],
    .sc-single-input input[type="tel"],
    .sc-single-input input[type="url"],
    .sc-single-input textarea,
    .sc-single-dense-input input[type="text"],
    .sc-single-dense-input input[type="password"],
    .sc-single-dense-input input[type="email"],
    .sc-single-dense-input input[type="number"],
    .sc-single-dense-input input[type="search"],
    .sc-single-dense-input input[type="tel"],
    .sc-single-dense-input input[type="url"],
    .sc-single-dense-input textarea {
        -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-floating-input input[type="text"]:active,
.sc-floating-input input[type="text"]:focus,
.sc-floating-input input[type="password"]:active,
.sc-floating-input input[type="password"]:focus,
.sc-floating-input input[type="email"]:active,
.sc-floating-input input[type="email"]:focus,
.sc-floating-input input[type="number"]:active,
.sc-floating-input input[type="number"]:focus,
.sc-floating-input input[type="search"]:active,
.sc-floating-input input[type="search"]:focus,
.sc-floating-input input[type="tel"]:active,
.sc-floating-input input[type="tel"]:focus,
.sc-floating-input input[type="url"]:active,
.sc-floating-input input[type="url"]:focus,
.sc-floating-input textarea:active,
.sc-floating-input textarea:focus,
.sc-floating-dense-input input[type="text"]:active,
.sc-floating-dense-input input[type="text"]:focus,
.sc-floating-dense-input input[type="password"]:active,
.sc-floating-dense-input input[type="password"]:focus,
.sc-floating-dense-input input[type="email"]:active,
.sc-floating-dense-input input[type="email"]:focus,
.sc-floating-dense-input input[type="number"]:active,
.sc-floating-dense-input input[type="number"]:focus,
.sc-floating-dense-input input[type="search"]:active,
.sc-floating-dense-input input[type="search"]:focus,
.sc-floating-dense-input input[type="tel"]:active,
.sc-floating-dense-input input[type="tel"]:focus,
.sc-floating-dense-input input[type="url"]:active,
.sc-floating-dense-input input[type="url"]:focus,
.sc-floating-dense-input textarea:active,
.sc-floating-dense-input textarea:focus,
.sc-single-input input[type="text"]:active,
.sc-single-input input[type="text"]:focus,
.sc-single-input input[type="password"]:active,
.sc-single-input input[type="password"]:focus,
.sc-single-input input[type="email"]:active,
.sc-single-input input[type="email"]:focus,
.sc-single-input input[type="number"]:active,
.sc-single-input input[type="number"]:focus,
.sc-single-input input[type="search"]:active,
.sc-single-input input[type="search"]:focus,
.sc-single-input input[type="tel"]:active,
.sc-single-input input[type="tel"]:focus,
.sc-single-input input[type="url"]:active,
.sc-single-input input[type="url"]:focus,
.sc-single-input textarea:active,
.sc-single-input textarea:focus,
.sc-single-dense-input input[type="text"]:active,
.sc-single-dense-input input[type="text"]:focus,
.sc-single-dense-input input[type="password"]:active,
.sc-single-dense-input input[type="password"]:focus,
.sc-single-dense-input input[type="email"]:active,
.sc-single-dense-input input[type="email"]:focus,
.sc-single-dense-input input[type="number"]:active,
.sc-single-dense-input input[type="number"]:focus,
.sc-single-dense-input input[type="search"]:active,
.sc-single-dense-input input[type="search"]:focus,
.sc-single-dense-input input[type="tel"]:active,
.sc-single-dense-input input[type="tel"]:focus,
.sc-single-dense-input input[type="url"]:active,
.sc-single-dense-input input[type="url"]:focus,
.sc-single-dense-input textarea:active,
.sc-single-dense-input textarea:focus {
    border-bottom: .14286rem solid #3F51B5
}

.sc-floating-input input[type="text"]:active+label,
.sc-floating-input input[type="text"]:focus+label,
.sc-floating-input input[type="password"]:active+label,
.sc-floating-input input[type="password"]:focus+label,
.sc-floating-input input[type="email"]:active+label,
.sc-floating-input input[type="email"]:focus+label,
.sc-floating-input input[type="number"]:active+label,
.sc-floating-input input[type="number"]:focus+label,
.sc-floating-input input[type="search"]:active+label,
.sc-floating-input input[type="search"]:focus+label,
.sc-floating-input input[type="tel"]:active+label,
.sc-floating-input input[type="tel"]:focus+label,
.sc-floating-input input[type="url"]:active+label,
.sc-floating-input input[type="url"]:focus+label,
.sc-floating-input textarea:active+label,
.sc-floating-input textarea:focus+label,
.sc-floating-dense-input input[type="text"]:active+label,
.sc-floating-dense-input input[type="text"]:focus+label,
.sc-floating-dense-input input[type="password"]:active+label,
.sc-floating-dense-input input[type="password"]:focus+label,
.sc-floating-dense-input input[type="email"]:active+label,
.sc-floating-dense-input input[type="email"]:focus+label,
.sc-floating-dense-input input[type="number"]:active+label,
.sc-floating-dense-input input[type="number"]:focus+label,
.sc-floating-dense-input input[type="search"]:active+label,
.sc-floating-dense-input input[type="search"]:focus+label,
.sc-floating-dense-input input[type="tel"]:active+label,
.sc-floating-dense-input input[type="tel"]:focus+label,
.sc-floating-dense-input input[type="url"]:active+label,
.sc-floating-dense-input input[type="url"]:focus+label,
.sc-floating-dense-input textarea:active+label,
.sc-floating-dense-input textarea:focus+label,
.sc-single-input input[type="text"]:active+label,
.sc-single-input input[type="text"]:focus+label,
.sc-single-input input[type="password"]:active+label,
.sc-single-input input[type="password"]:focus+label,
.sc-single-input input[type="email"]:active+label,
.sc-single-input input[type="email"]:focus+label,
.sc-single-input input[type="number"]:active+label,
.sc-single-input input[type="number"]:focus+label,
.sc-single-input input[type="search"]:active+label,
.sc-single-input input[type="search"]:focus+label,
.sc-single-input input[type="tel"]:active+label,
.sc-single-input input[type="tel"]:focus+label,
.sc-single-input input[type="url"]:active+label,
.sc-single-input input[type="url"]:focus+label,
.sc-single-input textarea:active+label,
.sc-single-input textarea:focus+label,
.sc-single-dense-input input[type="text"]:active+label,
.sc-single-dense-input input[type="text"]:focus+label,
.sc-single-dense-input input[type="password"]:active+label,
.sc-single-dense-input input[type="password"]:focus+label,
.sc-single-dense-input input[type="email"]:active+label,
.sc-single-dense-input input[type="email"]:focus+label,
.sc-single-dense-input input[type="number"]:active+label,
.sc-single-dense-input input[type="number"]:focus+label,
.sc-single-dense-input input[type="search"]:active+label,
.sc-single-dense-input input[type="search"]:focus+label,
.sc-single-dense-input input[type="tel"]:active+label,
.sc-single-dense-input input[type="tel"]:focus+label,
.sc-single-dense-input input[type="url"]:active+label,
.sc-single-dense-input input[type="url"]:focus+label,
.sc-single-dense-input textarea:active+label,
.sc-single-dense-input textarea:focus+label {
    color: #3F51B5
}

.sc-floating-input input[type="text"]:disabled,
.sc-floating-input input[type="text"]:disabled:active,
.sc-floating-input input[type="text"]:disabled:focus,
.sc-floating-input input[type="password"]:disabled,
.sc-floating-input input[type="password"]:disabled:active,
.sc-floating-input input[type="password"]:disabled:focus,
.sc-floating-input input[type="email"]:disabled,
.sc-floating-input input[type="email"]:disabled:active,
.sc-floating-input input[type="email"]:disabled:focus,
.sc-floating-input input[type="number"]:disabled,
.sc-floating-input input[type="number"]:disabled:active,
.sc-floating-input input[type="number"]:disabled:focus,
.sc-floating-input input[type="search"]:disabled,
.sc-floating-input input[type="search"]:disabled:active,
.sc-floating-input input[type="search"]:disabled:focus,
.sc-floating-input input[type="tel"]:disabled,
.sc-floating-input input[type="tel"]:disabled:active,
.sc-floating-input input[type="tel"]:disabled:focus,
.sc-floating-input input[type="url"]:disabled,
.sc-floating-input input[type="url"]:disabled:active,
.sc-floating-input input[type="url"]:disabled:focus,
.sc-floating-input textarea:disabled,
.sc-floating-input textarea:disabled:active,
.sc-floating-input textarea:disabled:focus,
.sc-floating-dense-input input[type="text"]:disabled,
.sc-floating-dense-input input[type="text"]:disabled:active,
.sc-floating-dense-input input[type="text"]:disabled:focus,
.sc-floating-dense-input input[type="password"]:disabled,
.sc-floating-dense-input input[type="password"]:disabled:active,
.sc-floating-dense-input input[type="password"]:disabled:focus,
.sc-floating-dense-input input[type="email"]:disabled,
.sc-floating-dense-input input[type="email"]:disabled:active,
.sc-floating-dense-input input[type="email"]:disabled:focus,
.sc-floating-dense-input input[type="number"]:disabled,
.sc-floating-dense-input input[type="number"]:disabled:active,
.sc-floating-dense-input input[type="number"]:disabled:focus,
.sc-floating-dense-input input[type="search"]:disabled,
.sc-floating-dense-input input[type="search"]:disabled:active,
.sc-floating-dense-input input[type="search"]:disabled:focus,
.sc-floating-dense-input input[type="tel"]:disabled,
.sc-floating-dense-input input[type="tel"]:disabled:active,
.sc-floating-dense-input input[type="tel"]:disabled:focus,
.sc-floating-dense-input input[type="url"]:disabled,
.sc-floating-dense-input input[type="url"]:disabled:active,
.sc-floating-dense-input input[type="url"]:disabled:focus,
.sc-floating-dense-input textarea:disabled,
.sc-floating-dense-input textarea:disabled:active,
.sc-floating-dense-input textarea:disabled:focus,
.sc-single-input input[type="text"]:disabled,
.sc-single-input input[type="text"]:disabled:active,
.sc-single-input input[type="text"]:disabled:focus,
.sc-single-input input[type="password"]:disabled,
.sc-single-input input[type="password"]:disabled:active,
.sc-single-input input[type="password"]:disabled:focus,
.sc-single-input input[type="email"]:disabled,
.sc-single-input input[type="email"]:disabled:active,
.sc-single-input input[type="email"]:disabled:focus,
.sc-single-input input[type="number"]:disabled,
.sc-single-input input[type="number"]:disabled:active,
.sc-single-input input[type="number"]:disabled:focus,
.sc-single-input input[type="search"]:disabled,
.sc-single-input input[type="search"]:disabled:active,
.sc-single-input input[type="search"]:disabled:focus,
.sc-single-input input[type="tel"]:disabled,
.sc-single-input input[type="tel"]:disabled:active,
.sc-single-input input[type="tel"]:disabled:focus,
.sc-single-input input[type="url"]:disabled,
.sc-single-input input[type="url"]:disabled:active,
.sc-single-input input[type="url"]:disabled:focus,
.sc-single-input textarea:disabled,
.sc-single-input textarea:disabled:active,
.sc-single-input textarea:disabled:focus,
.sc-single-dense-input input[type="text"]:disabled,
.sc-single-dense-input input[type="text"]:disabled:active,
.sc-single-dense-input input[type="text"]:disabled:focus,
.sc-single-dense-input input[type="password"]:disabled,
.sc-single-dense-input input[type="password"]:disabled:active,
.sc-single-dense-input input[type="password"]:disabled:focus,
.sc-single-dense-input input[type="email"]:disabled,
.sc-single-dense-input input[type="email"]:disabled:active,
.sc-single-dense-input input[type="email"]:disabled:focus,
.sc-single-dense-input input[type="number"]:disabled,
.sc-single-dense-input input[type="number"]:disabled:active,
.sc-single-dense-input input[type="number"]:disabled:focus,
.sc-single-dense-input input[type="search"]:disabled,
.sc-single-dense-input input[type="search"]:disabled:active,
.sc-single-dense-input input[type="search"]:disabled:focus,
.sc-single-dense-input input[type="tel"]:disabled,
.sc-single-dense-input input[type="tel"]:disabled:active,
.sc-single-dense-input input[type="tel"]:disabled:focus,
.sc-single-dense-input input[type="url"]:disabled,
.sc-single-dense-input input[type="url"]:disabled:active,
.sc-single-dense-input input[type="url"]:disabled:focus,
.sc-single-dense-input textarea:disabled,
.sc-single-dense-input textarea:disabled:active,
.sc-single-dense-input textarea:disabled:focus {
    background: none;
    border-bottom: .14286rem dotted #9E9E9E
}

.sc-floating-input input[type="text"]:disabled+label,
.sc-floating-input input[type="text"]:disabled:active+label,
.sc-floating-input input[type="text"]:disabled:focus+label,
.sc-floating-input input[type="password"]:disabled+label,
.sc-floating-input input[type="password"]:disabled:active+label,
.sc-floating-input input[type="password"]:disabled:focus+label,
.sc-floating-input input[type="email"]:disabled+label,
.sc-floating-input input[type="email"]:disabled:active+label,
.sc-floating-input input[type="email"]:disabled:focus+label,
.sc-floating-input input[type="number"]:disabled+label,
.sc-floating-input input[type="number"]:disabled:active+label,
.sc-floating-input input[type="number"]:disabled:focus+label,
.sc-floating-input input[type="search"]:disabled+label,
.sc-floating-input input[type="search"]:disabled:active+label,
.sc-floating-input input[type="search"]:disabled:focus+label,
.sc-floating-input input[type="tel"]:disabled+label,
.sc-floating-input input[type="tel"]:disabled:active+label,
.sc-floating-input input[type="tel"]:disabled:focus+label,
.sc-floating-input input[type="url"]:disabled+label,
.sc-floating-input input[type="url"]:disabled:active+label,
.sc-floating-input input[type="url"]:disabled:focus+label,
.sc-floating-input textarea:disabled+label,
.sc-floating-input textarea:disabled:active+label,
.sc-floating-input textarea:disabled:focus+label,
.sc-floating-dense-input input[type="text"]:disabled+label,
.sc-floating-dense-input input[type="text"]:disabled:active+label,
.sc-floating-dense-input input[type="text"]:disabled:focus+label,
.sc-floating-dense-input input[type="password"]:disabled+label,
.sc-floating-dense-input input[type="password"]:disabled:active+label,
.sc-floating-dense-input input[type="password"]:disabled:focus+label,
.sc-floating-dense-input input[type="email"]:disabled+label,
.sc-floating-dense-input input[type="email"]:disabled:active+label,
.sc-floating-dense-input input[type="email"]:disabled:focus+label,
.sc-floating-dense-input input[type="number"]:disabled+label,
.sc-floating-dense-input input[type="number"]:disabled:active+label,
.sc-floating-dense-input input[type="number"]:disabled:focus+label,
.sc-floating-dense-input input[type="search"]:disabled+label,
.sc-floating-dense-input input[type="search"]:disabled:active+label,
.sc-floating-dense-input input[type="search"]:disabled:focus+label,
.sc-floating-dense-input input[type="tel"]:disabled+label,
.sc-floating-dense-input input[type="tel"]:disabled:active+label,
.sc-floating-dense-input input[type="tel"]:disabled:focus+label,
.sc-floating-dense-input input[type="url"]:disabled+label,
.sc-floating-dense-input input[type="url"]:disabled:active+label,
.sc-floating-dense-input input[type="url"]:disabled:focus+label,
.sc-floating-dense-input textarea:disabled+label,
.sc-floating-dense-input textarea:disabled:active+label,
.sc-floating-dense-input textarea:disabled:focus+label,
.sc-single-input input[type="text"]:disabled+label,
.sc-single-input input[type="text"]:disabled:active+label,
.sc-single-input input[type="text"]:disabled:focus+label,
.sc-single-input input[type="password"]:disabled+label,
.sc-single-input input[type="password"]:disabled:active+label,
.sc-single-input input[type="password"]:disabled:focus+label,
.sc-single-input input[type="email"]:disabled+label,
.sc-single-input input[type="email"]:disabled:active+label,
.sc-single-input input[type="email"]:disabled:focus+label,
.sc-single-input input[type="number"]:disabled+label,
.sc-single-input input[type="number"]:disabled:active+label,
.sc-single-input input[type="number"]:disabled:focus+label,
.sc-single-input input[type="search"]:disabled+label,
.sc-single-input input[type="search"]:disabled:active+label,
.sc-single-input input[type="search"]:disabled:focus+label,
.sc-single-input input[type="tel"]:disabled+label,
.sc-single-input input[type="tel"]:disabled:active+label,
.sc-single-input input[type="tel"]:disabled:focus+label,
.sc-single-input input[type="url"]:disabled+label,
.sc-single-input input[type="url"]:disabled:active+label,
.sc-single-input input[type="url"]:disabled:focus+label,
.sc-single-input textarea:disabled+label,
.sc-single-input textarea:disabled:active+label,
.sc-single-input textarea:disabled:focus+label,
.sc-single-dense-input input[type="text"]:disabled+label,
.sc-single-dense-input input[type="text"]:disabled:active+label,
.sc-single-dense-input input[type="text"]:disabled:focus+label,
.sc-single-dense-input input[type="password"]:disabled+label,
.sc-single-dense-input input[type="password"]:disabled:active+label,
.sc-single-dense-input input[type="password"]:disabled:focus+label,
.sc-single-dense-input input[type="email"]:disabled+label,
.sc-single-dense-input input[type="email"]:disabled:active+label,
.sc-single-dense-input input[type="email"]:disabled:focus+label,
.sc-single-dense-input input[type="number"]:disabled+label,
.sc-single-dense-input input[type="number"]:disabled:active+label,
.sc-single-dense-input input[type="number"]:disabled:focus+label,
.sc-single-dense-input input[type="search"]:disabled+label,
.sc-single-dense-input input[type="search"]:disabled:active+label,
.sc-single-dense-input input[type="search"]:disabled:focus+label,
.sc-single-dense-input input[type="tel"]:disabled+label,
.sc-single-dense-input input[type="tel"]:disabled:active+label,
.sc-single-dense-input input[type="tel"]:disabled:focus+label,
.sc-single-dense-input input[type="url"]:disabled+label,
.sc-single-dense-input input[type="url"]:disabled:active+label,
.sc-single-dense-input input[type="url"]:disabled:focus+label,
.sc-single-dense-input textarea:disabled+label,
.sc-single-dense-input textarea:disabled:active+label,
.sc-single-dense-input textarea:disabled:focus+label {
    color: #9E9E9E
}

.sc-floating-input input[type="text"]:required+label:after,
.sc-floating-input input[type="password"]:required+label:after,
.sc-floating-input input[type="email"]:required+label:after,
.sc-floating-input input[type="number"]:required+label:after,
.sc-floating-input input[type="search"]:required+label:after,
.sc-floating-input input[type="tel"]:required+label:after,
.sc-floating-input input[type="url"]:required+label:after,
.sc-floating-input textarea:required+label:after,
.sc-floating-dense-input input[type="text"]:required+label:after,
.sc-floating-dense-input input[type="password"]:required+label:after,
.sc-floating-dense-input input[type="email"]:required+label:after,
.sc-floating-dense-input input[type="number"]:required+label:after,
.sc-floating-dense-input input[type="search"]:required+label:after,
.sc-floating-dense-input input[type="tel"]:required+label:after,
.sc-floating-dense-input input[type="url"]:required+label:after,
.sc-floating-dense-input textarea:required+label:after,
.sc-single-input input[type="text"]:required+label:after,
.sc-single-input input[type="password"]:required+label:after,
.sc-single-input input[type="email"]:required+label:after,
.sc-single-input input[type="number"]:required+label:after,
.sc-single-input input[type="search"]:required+label:after,
.sc-single-input input[type="tel"]:required+label:after,
.sc-single-input input[type="url"]:required+label:after,
.sc-single-input textarea:required+label:after,
.sc-single-dense-input input[type="text"]:required+label:after,
.sc-single-dense-input input[type="password"]:required+label:after,
.sc-single-dense-input input[type="email"]:required+label:after,
.sc-single-dense-input input[type="number"]:required+label:after,
.sc-single-dense-input input[type="search"]:required+label:after,
.sc-single-dense-input input[type="tel"]:required+label:after,
.sc-single-dense-input input[type="url"]:required+label:after,
.sc-single-dense-input textarea:required+label:after {
    content: ' \e838';
    font-family: 'Material Icons';
    font-size: .5rem;
    vertical-align: super;
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-floating-input input[type="text"]:required+label:after,
    .sc-floating-input input[type="password"]:required+label:after,
    .sc-floating-input input[type="email"]:required+label:after,
    .sc-floating-input input[type="number"]:required+label:after,
    .sc-floating-input input[type="search"]:required+label:after,
    .sc-floating-input input[type="tel"]:required+label:after,
    .sc-floating-input input[type="url"]:required+label:after,
    .sc-floating-input textarea:required+label:after,
    .sc-floating-dense-input input[type="text"]:required+label:after,
    .sc-floating-dense-input input[type="password"]:required+label:after,
    .sc-floating-dense-input input[type="email"]:required+label:after,
    .sc-floating-dense-input input[type="number"]:required+label:after,
    .sc-floating-dense-input input[type="search"]:required+label:after,
    .sc-floating-dense-input input[type="tel"]:required+label:after,
    .sc-floating-dense-input input[type="url"]:required+label:after,
    .sc-floating-dense-input textarea:required+label:after,
    .sc-single-input input[type="text"]:required+label:after,
    .sc-single-input input[type="password"]:required+label:after,
    .sc-single-input input[type="email"]:required+label:after,
    .sc-single-input input[type="number"]:required+label:after,
    .sc-single-input input[type="search"]:required+label:after,
    .sc-single-input input[type="tel"]:required+label:after,
    .sc-single-input input[type="url"]:required+label:after,
    .sc-single-input textarea:required+label:after,
    .sc-single-dense-input input[type="text"]:required+label:after,
    .sc-single-dense-input input[type="password"]:required+label:after,
    .sc-single-dense-input input[type="email"]:required+label:after,
    .sc-single-dense-input input[type="number"]:required+label:after,
    .sc-single-dense-input input[type="search"]:required+label:after,
    .sc-single-dense-input input[type="tel"]:required+label:after,
    .sc-single-dense-input input[type="url"]:required+label:after,
    .sc-single-dense-input textarea:required+label:after {
        -webkit-transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-floating-input input[type="text"]:required+label:after,
    .sc-floating-input input[type="password"]:required+label:after,
    .sc-floating-input input[type="email"]:required+label:after,
    .sc-floating-input input[type="number"]:required+label:after,
    .sc-floating-input input[type="search"]:required+label:after,
    .sc-floating-input input[type="tel"]:required+label:after,
    .sc-floating-input input[type="url"]:required+label:after,
    .sc-floating-input textarea:required+label:after,
    .sc-floating-dense-input input[type="text"]:required+label:after,
    .sc-floating-dense-input input[type="password"]:required+label:after,
    .sc-floating-dense-input input[type="email"]:required+label:after,
    .sc-floating-dense-input input[type="number"]:required+label:after,
    .sc-floating-dense-input input[type="search"]:required+label:after,
    .sc-floating-dense-input input[type="tel"]:required+label:after,
    .sc-floating-dense-input input[type="url"]:required+label:after,
    .sc-floating-dense-input textarea:required+label:after,
    .sc-single-input input[type="text"]:required+label:after,
    .sc-single-input input[type="password"]:required+label:after,
    .sc-single-input input[type="email"]:required+label:after,
    .sc-single-input input[type="number"]:required+label:after,
    .sc-single-input input[type="search"]:required+label:after,
    .sc-single-input input[type="tel"]:required+label:after,
    .sc-single-input input[type="url"]:required+label:after,
    .sc-single-input textarea:required+label:after,
    .sc-single-dense-input input[type="text"]:required+label:after,
    .sc-single-dense-input input[type="password"]:required+label:after,
    .sc-single-dense-input input[type="email"]:required+label:after,
    .sc-single-dense-input input[type="number"]:required+label:after,
    .sc-single-dense-input input[type="search"]:required+label:after,
    .sc-single-dense-input input[type="tel"]:required+label:after,
    .sc-single-dense-input input[type="url"]:required+label:after,
    .sc-single-dense-input textarea:required+label:after {
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-floating-input input[type="text"]:active:required+label:after,
.sc-floating-input input[type="text"]:focus:required+label:after,
.sc-floating-input input[type="password"]:active:required+label:after,
.sc-floating-input input[type="password"]:focus:required+label:after,
.sc-floating-input input[type="email"]:active:required+label:after,
.sc-floating-input input[type="email"]:focus:required+label:after,
.sc-floating-input input[type="number"]:active:required+label:after,
.sc-floating-input input[type="number"]:focus:required+label:after,
.sc-floating-input input[type="search"]:active:required+label:after,
.sc-floating-input input[type="search"]:focus:required+label:after,
.sc-floating-input input[type="tel"]:active:required+label:after,
.sc-floating-input input[type="tel"]:focus:required+label:after,
.sc-floating-input input[type="url"]:active:required+label:after,
.sc-floating-input input[type="url"]:focus:required+label:after,
.sc-floating-input textarea:active:required+label:after,
.sc-floating-input textarea:focus:required+label:after,
.sc-floating-dense-input input[type="text"]:active:required+label:after,
.sc-floating-dense-input input[type="text"]:focus:required+label:after,
.sc-floating-dense-input input[type="password"]:active:required+label:after,
.sc-floating-dense-input input[type="password"]:focus:required+label:after,
.sc-floating-dense-input input[type="email"]:active:required+label:after,
.sc-floating-dense-input input[type="email"]:focus:required+label:after,
.sc-floating-dense-input input[type="number"]:active:required+label:after,
.sc-floating-dense-input input[type="number"]:focus:required+label:after,
.sc-floating-dense-input input[type="search"]:active:required+label:after,
.sc-floating-dense-input input[type="search"]:focus:required+label:after,
.sc-floating-dense-input input[type="tel"]:active:required+label:after,
.sc-floating-dense-input input[type="tel"]:focus:required+label:after,
.sc-floating-dense-input input[type="url"]:active:required+label:after,
.sc-floating-dense-input input[type="url"]:focus:required+label:after,
.sc-floating-dense-input textarea:active:required+label:after,
.sc-floating-dense-input textarea:focus:required+label:after,
.sc-single-input input[type="text"]:active:required+label:after,
.sc-single-input input[type="text"]:focus:required+label:after,
.sc-single-input input[type="password"]:active:required+label:after,
.sc-single-input input[type="password"]:focus:required+label:after,
.sc-single-input input[type="email"]:active:required+label:after,
.sc-single-input input[type="email"]:focus:required+label:after,
.sc-single-input input[type="number"]:active:required+label:after,
.sc-single-input input[type="number"]:focus:required+label:after,
.sc-single-input input[type="search"]:active:required+label:after,
.sc-single-input input[type="search"]:focus:required+label:after,
.sc-single-input input[type="tel"]:active:required+label:after,
.sc-single-input input[type="tel"]:focus:required+label:after,
.sc-single-input input[type="url"]:active:required+label:after,
.sc-single-input input[type="url"]:focus:required+label:after,
.sc-single-input textarea:active:required+label:after,
.sc-single-input textarea:focus:required+label:after,
.sc-single-dense-input input[type="text"]:active:required+label:after,
.sc-single-dense-input input[type="text"]:focus:required+label:after,
.sc-single-dense-input input[type="password"]:active:required+label:after,
.sc-single-dense-input input[type="password"]:focus:required+label:after,
.sc-single-dense-input input[type="email"]:active:required+label:after,
.sc-single-dense-input input[type="email"]:focus:required+label:after,
.sc-single-dense-input input[type="number"]:active:required+label:after,
.sc-single-dense-input input[type="number"]:focus:required+label:after,
.sc-single-dense-input input[type="search"]:active:required+label:after,
.sc-single-dense-input input[type="search"]:focus:required+label:after,
.sc-single-dense-input input[type="tel"]:active:required+label:after,
.sc-single-dense-input input[type="tel"]:focus:required+label:after,
.sc-single-dense-input input[type="url"]:active:required+label:after,
.sc-single-dense-input input[type="url"]:focus:required+label:after,
.sc-single-dense-input textarea:active:required+label:after,
.sc-single-dense-input textarea:focus:required+label:after {
    color: #F44336
}

.sc-floating-input label,
.sc-floating-dense-input label,
.sc-single-input label,
.sc-single-dense-input label {
    color: #9E9E9E;
    cursor: text;
    position: absolute;
    -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-floating-input label,
    .sc-floating-dense-input label,
    .sc-single-input label,
    .sc-single-dense-input label {
        -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-floating-input label,
    .sc-floating-dense-input label,
    .sc-single-input label,
    .sc-single-dense-input label {
        -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-floating-input label.sc-active,
.sc-floating-dense-input label.sc-active,
.sc-single-input label.sc-active,
.sc-single-dense-input label.sc-active {
    color: #9E9E9E
}

.sc-floating-input textarea,
.sc-floating-dense-input textarea,
.sc-single-input textarea,
.sc-single-dense-input textarea {
    font-family: inherit;
    font-size: inherit;
    overflow: hidden
}

.sc-floating-input {
    height: 5.14286rem;
    padding: 1.14286rem 0 .57143rem 0
}

.sc-floating-input input[type="text"],
.sc-floating-input input[type="password"],
.sc-floating-input input[type="email"],
.sc-floating-input input[type="number"],
.sc-floating-input input[type="search"],
.sc-floating-input input[type="tel"],
.sc-floating-input input[type="url"],
.sc-floating-input textarea {
    bottom: .57143rem;
    font-size: 1.14286rem;
    padding: .57143rem 0
}

.sc-floating-input input[type="text"]:active+label,
.sc-floating-input input[type="text"]:focus+label,
.sc-floating-input input[type="password"]:active+label,
.sc-floating-input input[type="password"]:focus+label,
.sc-floating-input input[type="email"]:active+label,
.sc-floating-input input[type="email"]:focus+label,
.sc-floating-input input[type="number"]:active+label,
.sc-floating-input input[type="number"]:focus+label,
.sc-floating-input input[type="search"]:active+label,
.sc-floating-input input[type="search"]:focus+label,
.sc-floating-input input[type="tel"]:active+label,
.sc-floating-input input[type="tel"]:focus+label,
.sc-floating-input input[type="url"]:active+label,
.sc-floating-input input[type="url"]:focus+label,
.sc-floating-input textarea:active+label,
.sc-floating-input textarea:focus+label {
    top: 1.14286rem;
    font-size: .85714rem
}

.sc-floating-input label {
    top: calc(1.14286rem + 1.14286rem + .57143rem);
    font-size: 1.14286rem;
    font-weight: 400
}

.sc-floating-input label.sc-active {
    top: 1.14286rem;
    font-size: .85714rem
}

.sc-floating-dense-input {
    height: 4.28571rem;
    padding: .85714rem 0 .28571rem 0
}

.sc-floating-dense-input input[type="text"],
.sc-floating-dense-input input[type="password"],
.sc-floating-dense-input input[type="email"],
.sc-floating-dense-input input[type="number"],
.sc-floating-dense-input input[type="search"],
.sc-floating-dense-input input[type="tel"],
.sc-floating-dense-input input[type="url"],
.sc-floating-dense-input textarea {
    bottom: .28571rem;
    font-size: .92857rem;
    padding: .28571rem 0
}

.sc-floating-dense-input input[type="text"]:active+label,
.sc-floating-dense-input input[type="text"]:focus+label,
.sc-floating-dense-input input[type="password"]:active+label,
.sc-floating-dense-input input[type="password"]:focus+label,
.sc-floating-dense-input input[type="email"]:active+label,
.sc-floating-dense-input input[type="email"]:focus+label,
.sc-floating-dense-input input[type="number"]:active+label,
.sc-floating-dense-input input[type="number"]:focus+label,
.sc-floating-dense-input input[type="search"]:active+label,
.sc-floating-dense-input input[type="search"]:focus+label,
.sc-floating-dense-input input[type="tel"]:active+label,
.sc-floating-dense-input input[type="tel"]:focus+label,
.sc-floating-dense-input input[type="url"]:active+label,
.sc-floating-dense-input input[type="url"]:focus+label,
.sc-floating-dense-input textarea:active+label,
.sc-floating-dense-input textarea:focus+label {
    top: .85714rem;
    font-size: .85714rem
}

.sc-floating-dense-input label {
    top: calc(.85714rem + .92857rem + .28571rem);
    font-size: .92857rem;
    font-weight: 400
}

.sc-floating-dense-input label.sc-active {
    top: .85714rem;
    font-size: .85714rem
}

.sc-single-input,
.sc-single-dense-input {
    height: 3.42857rem;
    padding: 1.14286rem 0 .57143rem 0
}

.sc-single-input.sc-icon input[type="text"],
.sc-single-input.sc-icon input[type="password"],
.sc-single-input.sc-icon input[type="email"],
.sc-single-input.sc-icon input[type="number"],
.sc-single-input.sc-icon input[type="search"],
.sc-single-input.sc-icon input[type="tel"],
.sc-single-input.sc-icon input[type="url"],
.sc-single-dense-input.sc-icon input[type="text"],
.sc-single-dense-input.sc-icon input[type="password"],
.sc-single-dense-input.sc-icon input[type="email"],
.sc-single-dense-input.sc-icon input[type="number"],
.sc-single-dense-input.sc-icon input[type="search"],
.sc-single-dense-input.sc-icon input[type="tel"],
.sc-single-dense-input.sc-icon input[type="url"] {
    width: calc(100% - 3.42857rem);
    left: 3.42857rem
}

.sc-single-input.sc-icon label,
.sc-single-dense-input.sc-icon label {
    width: calc(100% - 3.42857rem);
    left: 3.42857rem
}

.sc-single-input.sc-icon .material-icons,
.sc-single-dense-input.sc-icon .material-icons {
    color: #9E9E9E;
    width: 1.71429rem;
    height: 1.71429rem;
    font-size: 1.71429rem;
    padding: 0 calc( ( 3.42857rem - 1.71429rem) / 2);
    -webkit-transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-single-input.sc-icon .material-icons,
    .sc-single-dense-input.sc-icon .material-icons {
        -webkit-transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-single-input.sc-icon .material-icons,
    .sc-single-dense-input.sc-icon .material-icons {
        -webkit-transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-single-input input[type="text"],
.sc-single-input input[type="password"],
.sc-single-input input[type="email"],
.sc-single-input input[type="number"],
.sc-single-input input[type="search"],
.sc-single-input input[type="tel"],
.sc-single-input input[type="url"],
.sc-single-dense-input input[type="text"],
.sc-single-dense-input input[type="password"],
.sc-single-dense-input input[type="email"],
.sc-single-dense-input input[type="number"],
.sc-single-dense-input input[type="search"],
.sc-single-dense-input input[type="tel"],
.sc-single-dense-input input[type="url"] {
    bottom: .57143rem;
    font-size: 1.14286rem;
    padding: .57143rem 0
}

.sc-single-input input[type="text"]:active,
.sc-single-input input[type="text"]:focus,
.sc-single-input input[type="password"]:active,
.sc-single-input input[type="password"]:focus,
.sc-single-input input[type="email"]:active,
.sc-single-input input[type="email"]:focus,
.sc-single-input input[type="number"]:active,
.sc-single-input input[type="number"]:focus,
.sc-single-input input[type="search"]:active,
.sc-single-input input[type="search"]:focus,
.sc-single-input input[type="tel"]:active,
.sc-single-input input[type="tel"]:focus,
.sc-single-input input[type="url"]:active,
.sc-single-input input[type="url"]:focus,
.sc-single-dense-input input[type="text"]:active,
.sc-single-dense-input input[type="text"]:focus,
.sc-single-dense-input input[type="password"]:active,
.sc-single-dense-input input[type="password"]:focus,
.sc-single-dense-input input[type="email"]:active,
.sc-single-dense-input input[type="email"]:focus,
.sc-single-dense-input input[type="number"]:active,
.sc-single-dense-input input[type="number"]:focus,
.sc-single-dense-input input[type="search"]:active,
.sc-single-dense-input input[type="search"]:focus,
.sc-single-dense-input input[type="tel"]:active,
.sc-single-dense-input input[type="tel"]:focus,
.sc-single-dense-input input[type="url"]:active,
.sc-single-dense-input input[type="url"]:focus {
    border-bottom: .14286rem solid #009688/*CUSTOM*/
}

.sc-single-input input[type="text"]:active+label,
.sc-single-input input[type="text"]:focus+label,
.sc-single-input input[type="password"]:active+label,
.sc-single-input input[type="password"]:focus+label,
.sc-single-input input[type="email"]:active+label,
.sc-single-input input[type="email"]:focus+label,
.sc-single-input input[type="number"]:active+label,
.sc-single-input input[type="number"]:focus+label,
.sc-single-input input[type="search"]:active+label,
.sc-single-input input[type="search"]:focus+label,
.sc-single-input input[type="tel"]:active+label,
.sc-single-input input[type="tel"]:focus+label,
.sc-single-input input[type="url"]:active+label,
.sc-single-input input[type="url"]:focus+label,
.sc-single-dense-input input[type="text"]:active+label,
.sc-single-dense-input input[type="text"]:focus+label,
.sc-single-dense-input input[type="password"]:active+label,
.sc-single-dense-input input[type="password"]:focus+label,
.sc-single-dense-input input[type="email"]:active+label,
.sc-single-dense-input input[type="email"]:focus+label,
.sc-single-dense-input input[type="number"]:active+label,
.sc-single-dense-input input[type="number"]:focus+label,
.sc-single-dense-input input[type="search"]:active+label,
.sc-single-dense-input input[type="search"]:focus+label,
.sc-single-dense-input input[type="tel"]:active+label,
.sc-single-dense-input input[type="tel"]:focus+label,
.sc-single-dense-input input[type="url"]:active+label,
.sc-single-dense-input input[type="url"]:focus+label {
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0
}

.sc-single-input input[type="text"]:active ~ .material-icons,
.sc-single-input input[type="text"]:focus ~ .material-icons,
.sc-single-input input[type="password"]:active ~ .material-icons,
.sc-single-input input[type="password"]:focus ~ .material-icons,
.sc-single-input input[type="email"]:active ~ .material-icons,
.sc-single-input input[type="email"]:focus ~ .material-icons,
.sc-single-input input[type="number"]:active ~ .material-icons,
.sc-single-input input[type="number"]:focus ~ .material-icons,
.sc-single-input input[type="search"]:active ~ .material-icons,
.sc-single-input input[type="search"]:focus ~ .material-icons,
.sc-single-input input[type="tel"]:active ~ .material-icons,
.sc-single-input input[type="tel"]:focus ~ .material-icons,
.sc-single-input input[type="url"]:active ~ .material-icons,
.sc-single-input input[type="url"]:focus ~ .material-icons,
.sc-single-dense-input input[type="text"]:active ~ .material-icons,
.sc-single-dense-input input[type="text"]:focus ~ .material-icons,
.sc-single-dense-input input[type="password"]:active ~ .material-icons,
.sc-single-dense-input input[type="password"]:focus ~ .material-icons,
.sc-single-dense-input input[type="email"]:active ~ .material-icons,
.sc-single-dense-input input[type="email"]:focus ~ .material-icons,
.sc-single-dense-input input[type="number"]:active ~ .material-icons,
.sc-single-dense-input input[type="number"]:focus ~ .material-icons,
.sc-single-dense-input input[type="search"]:active ~ .material-icons,
.sc-single-dense-input input[type="search"]:focus ~ .material-icons,
.sc-single-dense-input input[type="tel"]:active ~ .material-icons,
.sc-single-dense-input input[type="tel"]:focus ~ .material-icons,
.sc-single-dense-input input[type="url"]:active ~ .material-icons,
.sc-single-dense-input input[type="url"]:focus ~ .material-icons {
    color: #3F51B5
}

.sc-single-input label,
.sc-single-dense-input label {
    bottom: 1.14286rem;
    visibility: visible;
    -webkit-opacity: 1;
    opacity: 1;
    font-size: 1.14286rem;
    -webkit-transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .sc-single-input label,
    .sc-single-dense-input label {
        -webkit-transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), visibility 390ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity 390ms cubic-bezier(0.4, 0, 0.2, 1), visibility 390ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

@media only screen and (min-width: 1280px) {
    .sc-single-input label,
    .sc-single-dense-input label {
        -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 200ms cubic-bezier(0.4, 0, 0.2, 1)
    }
}

.sc-single-input label.sc-active,
.sc-single-dense-input label.sc-active {
    visibility: hidden;
    -webkit-opacity: 0;
    opacity: 0
}

.sc-single-dense-input {
    height: 2.85714rem;
    padding: .85714rem 0 .28571rem 0
}

.sc-single-dense-input.sc-icon input[type="text"],
.sc-single-dense-input.sc-icon input[type="password"],
.sc-single-dense-input.sc-icon input[type="email"],
.sc-single-dense-input.sc-icon input[type="number"],
.sc-single-dense-input.sc-icon input[type="search"],
.sc-single-dense-input.sc-icon input[type="tel"],
.sc-single-dense-input.sc-icon input[type="url"] {
    width: calc(100% - 2.85714rem);
    left: 2.85714rem
}

.sc-single-dense-input.sc-icon label {
    width: calc(100% - 2.85714rem);
    left: 2.85714rem
}

.sc-single-dense-input.sc-icon .material-icons {
    width: 1.42857rem;
    height: 1.42857rem;
    font-size: 1.42857rem;
    padding: 0 calc( ( 2.85714rem - 1.42857rem) / 2)
}

.sc-single-dense-input input[type="text"],
.sc-single-dense-input input[type="password"],
.sc-single-dense-input input[type="email"],
.sc-single-dense-input input[type="number"],
.sc-single-dense-input input[type="search"],
.sc-single-dense-input input[type="tel"],
.sc-single-dense-input input[type="url"] {
    bottom: .28571rem;
    font-size: .92857rem;
    padding: .28571rem 0
}

.sc-single-dense-input label {
    bottom: .85714rem;
    font-size: .92857rem
}

.sc-tooltip {
    display: inline;
    position: relative
}

.sc-tooltip:after {
    background: rgba(97, 97, 97, 0.9);
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    height: 2.28571rem;
    left: 0;
    line-height: 2.28571rem;
    margin: 0;
    padding: 0 1.14286rem;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: auto;
    z-index: 10
}

@media only screen and (min-width: 1280px) {
    .sc-tooltip:after {
        font-size: .71429rem;
        height: 1.57143rem;
        line-height: 1.57143rem;
        padding: 0 .57143rem
    }
}

.sc-tooltip:hover:after {
    content: attr(title);
    top: 1.71429rem;
    margin: 1.71429rem 0 0 0
}

@media only screen and (min-width: 1280px) {
    .sc-tooltip:hover:after {
        top: 1rem;
        margin: 1rem 0 0 0
    }
}

.sc-red {
    background: #F44336
}

.sc-red-text {
    color: #F44336
}

.sc-red-50 {
    background: #FFEBEE
}

.sc-red-50-text {
    color: #FFEBEE
}

.sc-red-100 {
    background: #FFCDD2
}

.sc-red-100-text {
    color: #FFCDD2
}

.sc-red-200 {
    background: #EF9A9A
}

.sc-red-200-text {
    color: #EF9A9A
}

.sc-red-300 {
    background: #E57373
}

.sc-red-300-text {
    color: #E57373
}

.sc-red-400 {
    background: #EF5350
}

.sc-red-400-text {
    color: #EF5350
}

.sc-red-500 {
    background: #F44336
}

.sc-red-500-text {
    color: #F44336
}

.sc-red-600 {
    background: #E53935
}

.sc-red-600-text {
    color: #E53935
}

.sc-red-700 {
    background: #D32F2F
}

.sc-red-700-text {
    color: #D32F2F
}

.sc-red-800 {
    background: #C62828
}

.sc-red-800-text {
    color: #C62828
}

.sc-red-900 {
    background: #B71C1C
}

.sc-red-900-text {
    color: #B71C1C
}

.sc-red-a100 {
    background: #FF8A80
}

.sc-red-a100-text {
    color: #FF8A80
}

.sc-red-a200 {
    background: #FF5252
}

.sc-red-a200-text {
    color: #FF5252
}

.sc-red-a400 {
    background: #FF1744
}

.sc-red-a400-text {
    color: #FF1744
}

.sc-red-a700 {
    background: #D50000
}

.sc-red-a700-text {
    color: #D50000
}

.sc-pink {
    background: #E91E63
}

.sc-pink-text {
    color: #E91E63
}

.sc-pink-50 {
    background: #FCE4EC
}

.sc-pink-50-text {
    color: #FCE4EC
}

.sc-pink-100 {
    background: #F8BBD0
}

.sc-pink-100-text {
    color: #F8BBD0
}

.sc-pink-200 {
    background: #F48FB1
}

.sc-pink-200-text {
    color: #F48FB1
}

.sc-pink-300 {
    background: #F06292
}

.sc-pink-300-text {
    color: #F06292
}

.sc-pink-400 {
    background: #EC407A
}

.sc-pink-400-text {
    color: #EC407A
}

.sc-pink-500 {
    background: #E91E63
}

.sc-pink-500-text {
    color: #E91E63
}

.sc-pink-600 {
    background: #D81B60
}

.sc-pink-600-text {
    color: #D81B60
}

.sc-pink-700 {
    background: #C2185B
}

.sc-pink-700-text {
    color: #C2185B
}

.sc-pink-800 {
    background: #AD1457
}

.sc-pink-800-text {
    color: #AD1457
}

.sc-pink-900 {
    background: #880E4F
}

.sc-pink-900-text {
    color: #880E4F
}

.sc-pink-a100 {
    background: #FF80AB
}

.sc-pink-a100-text {
    color: #FF80AB
}

.sc-pink-a200 {
    background: #FF4081
}

.sc-pink-a200-text {
    color: #FF4081
}

.sc-pink-a400 {
    background: #F50057
}

.sc-pink-a400-text {
    color: #F50057
}

.sc-pink-a700 {
    background: #C51162
}

.sc-pink-a700-text {
    color: #C51162
}

.sc-purple {
    background: #9C27B0
}

.sc-purple-text {
    color: #9C27B0
}

.sc-purple-50 {
    background: #F3E5F5
}

.sc-purple-50-text {
    color: #F3E5F5
}

.sc-purple-100 {
    background: #E1BEE7
}

.sc-purple-100-text {
    color: #E1BEE7
}

.sc-purple-200 {
    background: #CE93D8
}

.sc-purple-200-text {
    color: #CE93D8
}

.sc-purple-300 {
    background: #BA68C8
}

.sc-purple-300-text {
    color: #BA68C8
}

.sc-purple-400 {
    background: #AB47BC
}

.sc-purple-400-text {
    color: #AB47BC
}

.sc-purple-500 {
    background: #9C27B0
}

.sc-purple-500-text {
    color: #9C27B0
}

.sc-purple-600 {
    background: #8E24AA
}

.sc-purple-600-text {
    color: #8E24AA
}

.sc-purple-700 {
    background: #7B1FA2
}

.sc-purple-700-text {
    color: #7B1FA2
}

.sc-purple-800 {
    background: #6A1B9A
}

.sc-purple-800-text {
    color: #6A1B9A
}

.sc-purple-900 {
    background: #4A148C
}

.sc-purple-900-text {
    color: #4A148C
}

.sc-purple-a100 {
    background: #EA80FC
}

.sc-purple-a100-text {
    color: #EA80FC
}

.sc-purple-a200 {
    background: #E040FB
}

.sc-purple-a200-text {
    color: #E040FB
}

.sc-purple-a400 {
    background: #D500F9
}

.sc-purple-a400-text {
    color: #D500F9
}

.sc-purple-a700 {
    background: #a0f
}

.sc-purple-a700-text {
    color: #a0f
}

.sc-deep-purple {
    background: #673AB7
}

.sc-deep-purple-text {
    color: #673AB7
}

.sc-deep-purple-50 {
    background: #EDE7F6
}

.sc-deep-purple-50-text {
    color: #EDE7F6
}

.sc-deep-purple-100 {
    background: #D1C4E9
}

.sc-deep-purple-100-text {
    color: #D1C4E9
}

.sc-deep-purple-200 {
    background: #B39DDB
}

.sc-deep-purple-200-text {
    color: #B39DDB
}

.sc-deep-purple-300 {
    background: #9575CD
}

.sc-deep-purple-300-text {
    color: #9575CD
}

.sc-deep-purple-400 {
    background: #7E57C2
}

.sc-deep-purple-400-text {
    color: #7E57C2
}

.sc-deep-purple-500 {
    background: #673AB7
}

.sc-deep-purple-500-text {
    color: #673AB7
}

.sc-deep-purple-600 {
    background: #5E35B1
}

.sc-deep-purple-600-text {
    color: #5E35B1
}

.sc-deep-purple-700 {
    background: #512DA8
}

.sc-deep-purple-700-text {
    color: #512DA8
}

.sc-deep-purple-800 {
    background: #4527A0
}

.sc-deep-purple-800-text {
    color: #4527A0
}

.sc-deep-purple-900 {
    background: #311B92
}

.sc-deep-purple-900-text {
    color: #311B92
}

.sc-deep-purple-a100 {
    background: #B388FF
}

.sc-deep-purple-a100-text {
    color: #B388FF
}

.sc-deep-purple-a200 {
    background: #7C4DFF
}

.sc-deep-purple-a200-text {
    color: #7C4DFF
}

.sc-deep-purple-a400 {
    background: #651FFF
}

.sc-deep-purple-a400-text {
    color: #651FFF
}

.sc-deep-purple-a700 {
    background: #6200EA
}

.sc-deep-purple-a700-text {
    color: #6200EA
}

.sc-indigo {
    background: #3F51B5
}

.sc-indigo-text {
    color: #3F51B5
}

.sc-indigo-50 {
    background: #E8EAF6
}

.sc-indigo-50-text {
    color: #E8EAF6
}

.sc-indigo-100 {
    background: #C5CAE9
}

.sc-indigo-100-text {
    color: #C5CAE9
}

.sc-indigo-200 {
    background: #9FA8DA
}

.sc-indigo-200-text {
    color: #9FA8DA
}

.sc-indigo-300 {
    background: #7986CB
}

.sc-indigo-300-text {
    color: #7986CB
}

.sc-indigo-400 {
    background: #5C6BC0
}

.sc-indigo-400-text {
    color: #5C6BC0
}

.sc-indigo-500 {
    background: #3F51B5
}

.sc-indigo-500-text {
    color: #3F51B5
}

.sc-indigo-600 {
    background: #3949AB
}

.sc-indigo-600-text {
    color: #3949AB
}

.sc-indigo-700 {
    background: #303F9F
}

.sc-indigo-700-text {
    color: #303F9F
}

.sc-indigo-800 {
    background: #283593
}

.sc-indigo-800-text {
    color: #283593
}

.sc-indigo-900 {
    background: #1A237E
}

.sc-indigo-900-text {
    color: #1A237E
}

.sc-indigo-a100 {
    background: #8C9EFF
}

.sc-indigo-a100-text {
    color: #8C9EFF
}

.sc-indigo-a200 {
    background: #536DFE
}

.sc-indigo-a200-text {
    color: #536DFE
}

.sc-indigo-a400 {
    background: #3D5AFE
}

.sc-indigo-a400-text {
    color: #3D5AFE
}

.sc-indigo-a700 {
    background: #304FFE
}

.sc-indigo-a700-text {
    color: #304FFE
}

.sc-blue {
    background: #2196F3
}

.sc-blue-text {
    color: #2196F3
}

.sc-blue-50 {
    background: #E3F2FD
}

.sc-blue-50-text {
    color: #E3F2FD
}

.sc-blue-100 {
    background: #BBDEFB
}

.sc-blue-100-text {
    color: #BBDEFB
}

.sc-blue-200 {
    background: #90CAF9
}

.sc-blue-200-text {
    color: #90CAF9
}

.sc-blue-300 {
    background: #64B5F6
}

.sc-blue-300-text {
    color: #64B5F6
}

.sc-blue-400 {
    background: #42A5F5
}

.sc-blue-400-text {
    color: #42A5F5
}

.sc-blue-500 {
    background: #2196F3
}

.sc-blue-500-text {
    color: #2196F3
}

.sc-blue-600 {
    background: #1E88E5
}

.sc-blue-600-text {
    color: #1E88E5
}

.sc-blue-700 {
    background: #1976D2
}

.sc-blue-700-text {
    color: #1976D2
}

.sc-blue-800 {
    background: #1565C0
}

.sc-blue-800-text {
    color: #1565C0
}

.sc-blue-900 {
    background: #0D47A1
}

.sc-blue-900-text {
    color: #0D47A1
}

.sc-blue-a100 {
    background: #82B1FF
}

.sc-blue-a100-text {
    color: #82B1FF
}

.sc-blue-a200 {
    background: #448AFF
}

.sc-blue-a200-text {
    color: #448AFF
}

.sc-blue-a400 {
    background: #2979FF
}

.sc-blue-a400-text {
    color: #2979FF
}

.sc-blue-a700 {
    background: #2962FF
}

.sc-blue-a700-text {
    color: #2962FF
}

.sc-light-blue {
    background: #03A9F4
}

.sc-light-blue-text {
    color: #03A9F4
}

.sc-light-blue-50 {
    background: #E1F5FE
}

.sc-light-blue-50-text {
    color: #E1F5FE
}

.sc-light-blue-100 {
    background: #B3E5FC
}

.sc-light-blue-100-text {
    color: #B3E5FC
}

.sc-light-blue-200 {
    background: #81D4FA
}

.sc-light-blue-200-text {
    color: #81D4FA
}

.sc-light-blue-300 {
    background: #4FC3F7
}

.sc-light-blue-300-text {
    color: #4FC3F7
}

.sc-light-blue-400 {
    background: #29B6F6
}

.sc-light-blue-400-text {
    color: #29B6F6
}

.sc-light-blue-500 {
    background: #03A9F4
}

.sc-light-blue-500-text {
    color: #03A9F4
}

.sc-light-blue-600 {
    background: #039BE5
}

.sc-light-blue-600-text {
    color: #039BE5
}

.sc-light-blue-700 {
    background: #0288D1
}

.sc-light-blue-700-text {
    color: #0288D1
}

.sc-light-blue-800 {
    background: #0277BD
}

.sc-light-blue-800-text {
    color: #0277BD
}

.sc-light-blue-900 {
    background: #01579B
}

.sc-light-blue-900-text {
    color: #01579B
}

.sc-light-blue-a100 {
    background: #80D8FF
}

.sc-light-blue-a100-text {
    color: #80D8FF
}

.sc-light-blue-a200 {
    background: #40C4FF
}

.sc-light-blue-a200-text {
    color: #40C4FF
}

.sc-light-blue-a400 {
    background: #00B0FF
}

.sc-light-blue-a400-text {
    color: #00B0FF
}

.sc-light-blue-a700 {
    background: #0091EA
}

.sc-light-blue-a700-text {
    color: #0091EA
}

.sc-cyan {
    background: #00BCD4
}

.sc-cyan-text {
    color: #00BCD4
}

.sc-cyan-50 {
    background: #E0F7FA
}

.sc-cyan-50-text {
    color: #E0F7FA
}

.sc-cyan-100 {
    background: #B2EBF2
}

.sc-cyan-100-text {
    color: #B2EBF2
}

.sc-cyan-200 {
    background: #80DEEA
}

.sc-cyan-200-text {
    color: #80DEEA
}

.sc-cyan-300 {
    background: #4DD0E1
}

.sc-cyan-300-text {
    color: #4DD0E1
}

.sc-cyan-400 {
    background: #26C6DA
}

.sc-cyan-400-text {
    color: #26C6DA
}

.sc-cyan-500 {
    background: #00BCD4
}

.sc-cyan-500-text {
    color: #00BCD4
}

.sc-cyan-600 {
    background: #00ACC1
}

.sc-cyan-600-text {
    color: #00ACC1
}

.sc-cyan-700 {
    background: #0097A7
}

.sc-cyan-700-text {
    color: #0097A7
}

.sc-cyan-800 {
    background: #00838F
}

.sc-cyan-800-text {
    color: #00838F
}

.sc-cyan-900 {
    background: #006064
}

.sc-cyan-900-text {
    color: #006064
}

.sc-cyan-a100 {
    background: #84FFFF
}

.sc-cyan-a100-text {
    color: #84FFFF
}

.sc-cyan-a200 {
    background: #18FFFF
}

.sc-cyan-a200-text {
    color: #18FFFF
}

.sc-cyan-a400 {
    background: #00E5FF
}

.sc-cyan-a400-text {
    color: #00E5FF
}

.sc-cyan-a700 {
    background: #00B8D4
}

.sc-cyan-a700-text {
    color: #00B8D4
}

.sc-teal {
    background: #009688
}

.sc-teal-text {
    color: #009688
}

.sc-teal-50 {
    background: #E0F2F1
}

.sc-teal-50-text {
    color: #E0F2F1
}

.sc-teal-100 {
    background: #B2DFDB
}

.sc-teal-100-text {
    color: #B2DFDB
}

.sc-teal-200 {
    background: #80CBC4
}

.sc-teal-200-text {
    color: #80CBC4
}

.sc-teal-300 {
    background: #4DB6AC
}

.sc-teal-300-text {
    color: #4DB6AC
}

.sc-teal-400 {
    background: #26A69A
}

.sc-teal-400-text {
    color: #26A69A
}

.sc-teal-500 {
    background: #009688
}

.sc-teal-500-text {
    color: #009688
}

.sc-teal-600 {
    background: #00897B
}

.sc-teal-600-text {
    color: #00897B
}

.sc-teal-700 {
    background: #00796B
}

.sc-teal-700-text {
    color: #00796B
}

.sc-teal-800 {
    background: #00695C
}

.sc-teal-800-text {
    color: #00695C
}

.sc-teal-900 {
    background: #004D40
}

.sc-teal-900-text {
    color: #004D40
}

.sc-teal-a100 {
    background: #A7FFEB
}

.sc-teal-a100-text {
    color: #A7FFEB
}

.sc-teal-a200 {
    background: #64FFDA
}

.sc-teal-a200-text {
    color: #64FFDA
}

.sc-teal-a400 {
    background: #1DE9B6
}

.sc-teal-a400-text {
    color: #1DE9B6
}

.sc-teal-a700 {
    background: #00BFA5
}

.sc-teal-a700-text {
    color: #00BFA5
}

.sc-green {
    background: #4CAF50
}

.sc-green-text {
    color: #4CAF50
}

.sc-green-50 {
    background: #E8F5E9
}

.sc-green-50-text {
    color: #E8F5E9
}

.sc-green-100 {
    background: #C8E6C9
}

.sc-green-100-text {
    color: #C8E6C9
}

.sc-green-200 {
    background: #A5D6A7
}

.sc-green-200-text {
    color: #A5D6A7
}

.sc-green-300 {
    background: #81C784
}

.sc-green-300-text {
    color: #81C784
}

.sc-green-400 {
    background: #66BB6A
}

.sc-green-400-text {
    color: #66BB6A
}

.sc-green-500 {
    background: #4CAF50
}

.sc-green-500-text {
    color: #4CAF50
}

.sc-green-600 {
    background: #43A047
}

.sc-green-600-text {
    color: #43A047
}

.sc-green-700 {
    background: #388E3C
}

.sc-green-700-text {
    color: #388E3C
}

.sc-green-800 {
    background: #2E7D32
}

.sc-green-800-text {
    color: #2E7D32
}

.sc-green-900 {
    background: #1B5E20
}

.sc-green-900-text {
    color: #1B5E20
}

.sc-green-a100 {
    background: #B9F6CA
}

.sc-green-a100-text {
    color: #B9F6CA
}

.sc-green-a200 {
    background: #69F0AE
}

.sc-green-a200-text {
    color: #69F0AE
}

.sc-green-a400 {
    background: #00E676
}

.sc-green-a400-text {
    color: #00E676
}

.sc-green-a700 {
    background: #00C853
}

.sc-green-a700-text {
    color: #00C853
}

.sc-light-green {
    background: #8BC34A
}

.sc-light-green-text {
    color: #8BC34A
}

.sc-light-green-50 {
    background: #F1F8E9
}

.sc-light-green-50-text {
    color: #F1F8E9
}

.sc-light-green-100 {
    background: #DCEDC8
}

.sc-light-green-100-text {
    color: #DCEDC8
}

.sc-light-green-200 {
    background: #C5E1A5
}

.sc-light-green-200-text {
    color: #C5E1A5
}

.sc-light-green-300 {
    background: #AED581
}

.sc-light-green-300-text {
    color: #AED581
}

.sc-light-green-400 {
    background: #9CCC65
}

.sc-light-green-400-text {
    color: #9CCC65
}

.sc-light-green-500 {
    background: #8BC34A
}

.sc-light-green-500-text {
    color: #8BC34A
}

.sc-light-green-600 {
    background: #7CB342
}

.sc-light-green-600-text {
    color: #7CB342
}

.sc-light-green-700 {
    background: #689F38
}

.sc-light-green-700-text {
    color: #689F38
}

.sc-light-green-800 {
    background: #558B2F
}

.sc-light-green-800-text {
    color: #558B2F
}

.sc-light-green-900 {
    background: #33691E
}

.sc-light-green-900-text {
    color: #33691E
}

.sc-light-green-a100 {
    background: #CCFF90
}

.sc-light-green-a100-text {
    color: #CCFF90
}

.sc-light-green-a200 {
    background: #B2FF59
}

.sc-light-green-a200-text {
    color: #B2FF59
}

.sc-light-green-a400 {
    background: #76FF03
}

.sc-light-green-a400-text {
    color: #76FF03
}

.sc-light-green-a700 {
    background: #64DD17
}

.sc-light-green-a700-text {
    color: #64DD17
}

.sc-lime {
    background: #CDDC39
}

.sc-lime-text {
    color: #CDDC39
}

.sc-lime-50 {
    background: #F9FBE7
}

.sc-lime-50-text {
    color: #F9FBE7
}

.sc-lime-100 {
    background: #F0F4C3
}

.sc-lime-100-text {
    color: #F0F4C3
}

.sc-lime-200 {
    background: #E6EE9C
}

.sc-lime-200-text {
    color: #E6EE9C
}

.sc-lime-300 {
    background: #DCE775
}

.sc-lime-300-text {
    color: #DCE775
}

.sc-lime-400 {
    background: #D4E157
}

.sc-lime-400-text {
    color: #D4E157
}

.sc-lime-500 {
    background: #CDDC39
}

.sc-lime-500-text {
    color: #CDDC39
}

.sc-lime-600 {
    background: #C0CA33
}

.sc-lime-600-text {
    color: #C0CA33
}

.sc-lime-700 {
    background: #AFB42B
}

.sc-lime-700-text {
    color: #AFB42B
}

.sc-lime-800 {
    background: #9E9D24
}

.sc-lime-800-text {
    color: #9E9D24
}

.sc-lime-900 {
    background: #827717
}

.sc-lime-900-text {
    color: #827717
}

.sc-lime-a100 {
    background: #F4FF81
}

.sc-lime-a100-text {
    color: #F4FF81
}

.sc-lime-a200 {
    background: #EEFF41
}

.sc-lime-a200-text {
    color: #EEFF41
}

.sc-lime-a400 {
    background: #C6FF00
}

.sc-lime-a400-text {
    color: #C6FF00
}

.sc-lime-a700 {
    background: #AEEA00
}

.sc-lime-a700-text {
    color: #AEEA00
}

.sc-yellow {
    background: #FFEB3B
}

.sc-yellow-text {
    color: #FFEB3B
}

.sc-yellow-50 {
    background: #FFFDE7
}

.sc-yellow-50-text {
    color: #FFFDE7
}

.sc-yellow-100 {
    background: #FFF9C4
}

.sc-yellow-100-text {
    color: #FFF9C4
}

.sc-yellow-200 {
    background: #FFF59D
}

.sc-yellow-200-text {
    color: #FFF59D
}

.sc-yellow-300 {
    background: #FFF176
}

.sc-yellow-300-text {
    color: #FFF176
}

.sc-yellow-400 {
    background: #FFEE58
}

.sc-yellow-400-text {
    color: #FFEE58
}

.sc-yellow-500 {
    background: #FFEB3B
}

.sc-yellow-500-text {
    color: #FFEB3B
}

.sc-yellow-600 {
    background: #FDD835
}

.sc-yellow-600-text {
    color: #FDD835
}

.sc-yellow-700 {
    background: #FBC02D
}

.sc-yellow-700-text {
    color: #FBC02D
}

.sc-yellow-800 {
    background: #F9A825
}

.sc-yellow-800-text {
    color: #F9A825
}

.sc-yellow-900 {
    background: #F57F17
}

.sc-yellow-900-text {
    color: #F57F17
}

.sc-yellow-a100 {
    background: #FFFF8D
}

.sc-yellow-a100-text {
    color: #FFFF8D
}

.sc-yellow-a200 {
    background: #ff0
}

.sc-yellow-a200-text {
    color: #ff0
}

.sc-yellow-a400 {
    background: #FFEA00
}

.sc-yellow-a400-text {
    color: #FFEA00
}

.sc-yellow-a700 {
    background: #FFD600
}

.sc-yellow-a700-text {
    color: #FFD600
}

.sc-amber {
    background: #FFC107
}

.sc-amber-text {
    color: #FFC107
}

.sc-amber-50 {
    background: #FFF8E1
}

.sc-amber-50-text {
    color: #FFF8E1
}

.sc-amber-100 {
    background: #FFECB3
}

.sc-amber-100-text {
    color: #FFECB3
}

.sc-amber-200 {
    background: #FFE082
}

.sc-amber-200-text {
    color: #FFE082
}

.sc-amber-300 {
    background: #FFD54F
}

.sc-amber-300-text {
    color: #FFD54F
}

.sc-amber-400 {
    background: #FFCA28
}

.sc-amber-400-text {
    color: #FFCA28
}

.sc-amber-500 {
    background: #FFC107
}

.sc-amber-500-text {
    color: #FFC107
}

.sc-amber-600 {
    background: #FFB300
}

.sc-amber-600-text {
    color: #FFB300
}

.sc-amber-700 {
    background: #FFA000
}

.sc-amber-700-text {
    color: #FFA000
}

.sc-amber-800 {
    background: #FF8F00
}

.sc-amber-800-text {
    color: #FF8F00
}

.sc-amber-900 {
    background: #FF6F00
}

.sc-amber-900-text {
    color: #FF6F00
}

.sc-amber-a100 {
    background: #FFE57F
}

.sc-amber-a100-text {
    color: #FFE57F
}

.sc-amber-a200 {
    background: #FFD740
}

.sc-amber-a200-text {
    color: #FFD740
}

.sc-amber-a400 {
    background: #FFC400
}

.sc-amber-a400-text {
    color: #FFC400
}

.sc-amber-a700 {
    background: #FFAB00
}

.sc-amber-a700-text {
    color: #FFAB00
}

.sc-orange {
    background: #FF9800
}

.sc-orange-text {
    color: #FF9800
}

.sc-orange-50 {
    background: #FFF3E0
}

.sc-orange-50-text {
    color: #FFF3E0
}

.sc-orange-100 {
    background: #FFE0B2
}

.sc-orange-100-text {
    color: #FFE0B2
}

.sc-orange-200 {
    background: #FFCC80
}

.sc-orange-200-text {
    color: #FFCC80
}

.sc-orange-300 {
    background: #FFB74D
}

.sc-orange-300-text {
    color: #FFB74D
}

.sc-orange-400 {
    background: #FFA726
}

.sc-orange-400-text {
    color: #FFA726
}

.sc-orange-500 {
    background: #FF9800
}

.sc-orange-500-text {
    color: #FF9800
}

.sc-orange-600 {
    background: #FB8C00
}

.sc-orange-600-text {
    color: #FB8C00
}

.sc-orange-700 {
    background: #F57C00
}

.sc-orange-700-text {
    color: #F57C00
}

.sc-orange-800 {
    background: #EF6C00
}

.sc-orange-800-text {
    color: #EF6C00
}

.sc-orange-900 {
    background: #E65100
}

.sc-orange-900-text {
    color: #E65100
}

.sc-orange-a100 {
    background: #FFD180
}

.sc-orange-a100-text {
    color: #FFD180
}

.sc-orange-a200 {
    background: #FFAB40
}

.sc-orange-a200-text {
    color: #FFAB40
}

.sc-orange-a400 {
    background: #FF9100
}

.sc-orange-a400-text {
    color: #FF9100
}

.sc-orange-a700 {
    background: #FF6D00
}

.sc-orange-a700-text {
    color: #FF6D00
}

.sc-deep-orange {
    background: #FF5722
}

.sc-deep-orange-text {
    color: #FF5722
}

.sc-deep-orange-50 {
    background: #FBE9E7
}

.sc-deep-orange-50-text {
    color: #FBE9E7
}

.sc-deep-orange-100 {
    background: #FFCCBC
}

.sc-deep-orange-100-text {
    color: #FFCCBC
}

.sc-deep-orange-200 {
    background: #FFAB91
}

.sc-deep-orange-200-text {
    color: #FFAB91
}

.sc-deep-orange-300 {
    background: #FF8A65
}

.sc-deep-orange-300-text {
    color: #FF8A65
}

.sc-deep-orange-400 {
    background: #FF7043
}

.sc-deep-orange-400-text {
    color: #FF7043
}

.sc-deep-orange-500 {
    background: #FF5722
}

.sc-deep-orange-500-text {
    color: #FF5722
}

.sc-deep-orange-600 {
    background: #F4511E
}

.sc-deep-orange-600-text {
    color: #F4511E
}

.sc-deep-orange-700 {
    background: #E64A19
}

.sc-deep-orange-700-text {
    color: #E64A19
}

.sc-deep-orange-800 {
    background: #D84315
}

.sc-deep-orange-800-text {
    color: #D84315
}

.sc-deep-orange-900 {
    background: #BF360C
}

.sc-deep-orange-900-text {
    color: #BF360C
}

.sc-deep-orange-a100 {
    background: #FF9E80
}

.sc-deep-orange-a100-text {
    color: #FF9E80
}

.sc-deep-orange-a200 {
    background: #FF6E40
}

.sc-deep-orange-a200-text {
    color: #FF6E40
}

.sc-deep-orange-a400 {
    background: #FF3D00
}

.sc-deep-orange-a400-text {
    color: #FF3D00
}

.sc-deep-orange-a700 {
    background: #DD2C00
}

.sc-deep-orange-a700-text {
    color: #DD2C00
}

.sc-brown {
    background: #795548
}

.sc-brown-text {
    color: #795548
}

.sc-brown-50 {
    background: #EFEBE9
}

.sc-brown-50-text {
    color: #EFEBE9
}

.sc-brown-100 {
    background: #D7CCC8
}

.sc-brown-100-text {
    color: #D7CCC8
}

.sc-brown-200 {
    background: #BCAAA4
}

.sc-brown-200-text {
    color: #BCAAA4
}

.sc-brown-300 {
    background: #A1887F
}

.sc-brown-300-text {
    color: #A1887F
}

.sc-brown-400 {
    background: #8D6E63
}

.sc-brown-400-text {
    color: #8D6E63
}

.sc-brown-500 {
    background: #795548
}

.sc-brown-500-text {
    color: #795548
}

.sc-brown-600 {
    background: #6D4C41
}

.sc-brown-600-text {
    color: #6D4C41
}

.sc-brown-700 {
    background: #5D4037
}

.sc-brown-700-text {
    color: #5D4037
}

.sc-brown-800 {
    background: #4E342E
}

.sc-brown-800-text {
    color: #4E342E
}

.sc-brown-900 {
    background: #3E2723
}

.sc-brown-900-text {
    color: #3E2723
}

.sc-grey {
    background: #9E9E9E
}

.sc-grey-text {
    color: #9E9E9E
}

.sc-grey-50 {
    background: #FAFAFA
}

.sc-grey-50-text {
    color: #FAFAFA
}

.sc-grey-100 {
    background: #f5f5f5
}

.sc-grey-100-text {
    color: #f5f5f5
}

.sc-grey-200 {
    background: #eee
}

.sc-grey-200-text {
    color: #eee
}

.sc-grey-300 {
    background: #E0E0E0
}

.sc-grey-300-text {
    color: #E0E0E0
}

.sc-grey-400 {
    background: #BDBDBD
}

.sc-grey-400-text {
    color: #BDBDBD
}

.sc-grey-500 {
    background: #9E9E9E
}

.sc-grey-500-text {
    color: #9E9E9E
}

.sc-grey-600 {
    background: #757575
}

.sc-grey-600-text {
    color: #757575
}

.sc-grey-700 {
    background: #616161
}

.sc-grey-700-text {
    color: #616161
}

.sc-grey-800 {
    background: #424242
}

.sc-grey-800-text {
    color: #424242
}

.sc-grey-900 {
    background: #212121
}

.sc-grey-900-text {
    color: #212121
}

.sc-blue-grey {
    background: #607D8B
}

.sc-blue-grey-text {
    color: #607D8B
}

.sc-blue-grey-50 {
    background: #ECEFF1
}

.sc-blue-grey-50-text {
    color: #ECEFF1
}

.sc-blue-grey-100 {
    background: #CFD8DC
}

.sc-blue-grey-100-text {
    color: #CFD8DC
}

.sc-blue-grey-200 {
    background: #B0BEC5
}

.sc-blue-grey-200-text {
    color: #B0BEC5
}

.sc-blue-grey-300 {
    background: #90A4AE
}

.sc-blue-grey-300-text {
    color: #90A4AE
}

.sc-blue-grey-400 {
    background: #78909C
}

.sc-blue-grey-400-text {
    color: #78909C
}

.sc-blue-grey-500 {
    background: #607D8B
}

.sc-blue-grey-500-text {
    color: #607D8B
}

.sc-blue-grey-600 {
    background: #546E7A
}

.sc-blue-grey-600-text {
    color: #546E7A
}

.sc-blue-grey-700 {
    background: #455A64
}

.sc-blue-grey-700-text {
    color: #455A64
}

.sc-blue-grey-800 {
    background: #37474F
}

.sc-blue-grey-800-text {
    color: #37474F
}

.sc-blue-grey-900 {
    background: #263238
}

.sc-blue-grey-900-text {
    color: #263238
}

.sc-black {
    background: #000
}

.sc-black-text {
    color: #000
}

.sc-white {
    background: #fff
}

.sc-white-text {
    color: #fff
}


/*# sourceMappingURL=smaterial.css.map */