html {
overscroll-behavior: none;
}
body {
font-family: Roboto, system-ui, Noto, Helvetica, Arial, sans-serif;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
}
.preloader-indicator-modal {
background-color: transparent;
}
.preloader-white .preloader-inner .preloader-inner-gap, .preloader-white .preloader-inner .preloader-inner-half-circle {
border-color: #2196f3;
}
.list-block .list-group-title {
height: auto;
min-height: 48px;
line-height: 1.5;
padding-top: 14px;
padding-bottom: 13px;
white-space: normal;
position: relative;
}
.list-block .item-title {
white-space: normal;
}
.list-block .item-title.answer {
font-size: 14px;
}
.list-block .item-title div {
font-size: 12px;
color: #757575;
margin-bottom: -2px;
display: none;
}
.list-block .label-radio .item-text,
.list-block .label-checkbox .item-text {
display: none;
max-height: none;
font-size: 14px;
font-style: italic;
color: rgba(0, 0, 0, 0.54);
padding-left: 2px;
}
.list-block ul:after, .list-block .item-inner:after,
.list-block li li:last-child .item-inner:after, .list-block li:last-child li .item-inner:after {
height: 0;
border-bottom: 1px solid #c6c6c6;
will-change: transform;
}
.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,
.list-block .accordion-item-expanded>.item-link .item-inner:after {
border-bottom-color: transparent;
}
.list-block .item-after {
max-height: none;
font-size: inherit;
}
.list-block li.item-content .item-after {
color: #212121;
font-weight: bold;
}
.badge {
padding: 2px 5px 1px;
background-color: #9e9e9e;
font-weight: normal;
}
.item-after .badge {
visibility: hidden;
}
.card-content-inner .badge {
display: none;
}
.modal-inner {
padding: 22px 24px 18px;
word-wrap: break-word;
}
.modal-title {
font-size: 16px;
line-height: 1.5;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.modal-title .icon {
margin-top: -2px;
margin-right: 20px;
}
.modal .input-field {
margin-top: -45px;
margin-left: 45px;
}
.modal .input-field.not-empty-state:after {
transform: none !important;
}
.modal-buttons {
margin-bottom: 3px;
padding: 0 8px;
}
.modal-button {
height: 48px;
line-height: 48px;
}
.modal-button-width {
min-width: 120px;
}
.main-buttons .button, .card-content-inner .button,
.picker-modal-inner .button {
font-size: 16px;
letter-spacing: 2px;
}
.main-buttons .button .icon {
margin-top: -3px;
}
.check, .accordion-item-content .content-block, p.answer {
font-weight: bold;
}
p.answer span {
font-weight: normal;
font-style: italic;
color: rgba(0, 0, 0, 0.54);
}
p.variety {
font-weight: normal;
color: #757575;
}
.page:not([data-page="search"]) p.variety span {
font-style: italic;
}
.accordion-item-content .list-block {
padding-left: 40px;
}
.accordion-teaching .content-block, .accordion-search .content-block, .accordion-list .content-block {
margin-top: 0;
margin-bottom: 0;
}
.question {
font-size: 16px;
}
div.variety {
opacity: 0.55;
}
.tabbar-scrollable a.tab-link {
width: 40px;
}
.tabbar .tab-link-highlight {
height: 4px;
}
.tab-link .ripple-wave {
z-index: 1;
}
.toolbar-fixed .page-content {
padding-bottom: 48px;
}
.page[data-page="testing"] .toolbar-bottom {
background-size: 100% 4px;
background-repeat: no-repeat;
background-position-y: top;
}
.page[data-page="testing"] .toolbar-bottom>.toolbar-inner>span {
min-width: 48px;
}
.progressbar-infinite {
margin-top: 56px;
z-index: 10000 !important;
}
.timeline-item-date {
width: 40px;
}
.timeline-item-content {
width: 100%;
max-width: 300px;
}
.timeline-item-time {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 0px;
}
.timeline-item-text {
font-size: 13px;
}
.timeline-item-divider:after, .timeline-item-divider:before {
height: 1000vh;
}
.timeline-item-text .result-line {
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.timeline-item-text .result-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.timeline-item-text .result {
font-weight: bold;
padding-left: 5px;
margin-left: auto;
-webkit-box-flex: 0;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
i.icon {
width: 24px;
height: 24px;
}
i.icon.icon-test.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202c1.1%200%202%20.9%202%202s-.9%202-2%202-2-.9-2-2%20.9-2%202-2zm9%207h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-help.color-blue,
ul.no.access .open i.icon.icon-help.color-blue,
.layout-dark ul.no.access .open i.icon.icon-help.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'%2F%3E%3C%2Fsvg%3E");
}
ul.no.access i.icon.icon-help.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%239e9e9e'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'%2F%3E%3C%2Fsvg%3E");
}
.layout-dark ul.no.access i.icon.icon-help.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%238e8e93'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-help.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23888888'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-help.color-green {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%234caf50'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-detail.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%202H6c-1.1%200-1.99.9-1.99%202L4%2020c0%201.1.89%202%201.99%202H18c1.1%200%202-.9%202-2V8l-6-6zm2%2016H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5%209H13z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-open-in-new.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2019H5V5h7V3H5c-1.11%200-2%20.9-2%202v14c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2v-7h-2v7zM14%203v2h3.59l-9.83%209.83%201.41%201.41L19%206.41V10h2V3h-7z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-visibility {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%204.5C7%204.5%202.73%207.61%201%2012c1.73%204.39%206%207.5%2011%207.5s9.27-3.11%2011-7.5c-1.73-4.39-6-7.5-11-7.5zM12%2017c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205zm0-8c-1.66%200-3%201.34-3%203s1.34%203%203%203%203-1.34%203-3-1.34-3-3-3z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-visibility-off {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0zm0%200h24v24H0zm0%200h24v24H0zm0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M12%207c2.76%200%205%202.24%205%205%200%20.65-.13%201.26-.36%201.83l2.92%202.92c1.51-1.26%202.7-2.89%203.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4%200-2.74.25-3.98.7l2.16%202.16C10.74%207.13%2011.35%207%2012%207zM2%204.27l2.28%202.28.46.46C3.08%208.3%201.78%2010.02%201%2012c1.73%204.39%206%207.5%2011%207.5%201.55%200%203.03-.3%204.38-.84l.42.42L19.73%2022%2021%2020.73%203.27%203%202%204.27zM7.53%209.8l1.55%201.55c-.05.21-.08.43-.08.65%200%201.66%201.34%203%203%203%20.22%200%20.44-.03.65-.08l1.55%201.55c-.67.33-1.41.53-2.2.53-2.76%200-5-2.24-5-5%200-.79.2-1.53.53-2.2zm4.31-.78l3.15%203.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-check {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-check.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-of-course {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm-2%2015l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-result {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M18%207l-1.41-1.41-6.34%206.34%201.41%201.41L18%207zm4.24-1.41L11.66%2016.17%207.48%2012l-1.41%201.41L11.66%2019l12-12-1.42-1.41zM.41%2013.41L6%2019l1.41-1.41L1.83%2012%20.41%2013.41z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-search {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-search.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-history {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M13%203c-4.97%200-9%204.03-9%209H1l3.89%203.89.07.14L9%2012H6c0-3.87%203.13-7%207-7s7%203.13%207%207-3.13%207-7%207c-1.93%200-3.68-.79-4.94-2.06l-1.42%201.42C8.27%2019.99%2010.51%2021%2013%2021c4.97%200%209-4.03%209-9s-4.03-9-9-9zm-1%205v5l4.28%202.54.72-1.21-3.5-2.08V8H12z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-history.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M13%203c-4.97%200-9%204.03-9%209H1l3.89%203.89.07.14L9%2012H6c0-3.87%203.13-7%207-7s7%203.13%207%207-3.13%207-7%207c-1.93%200-3.68-.79-4.94-2.06l-1.42%201.42C8.27%2019.99%2010.51%2021%2013%2021c4.97%200%209-4.03%209-9s-4.03-9-9-9zm-1%205v5l4.28%202.54.72-1.21-3.5-2.08V8H12z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-delete {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%2019c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-delete.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%2019c0%201.1.9%202%202%202h8c1.1%200%202-.9%202-2V7H6v12zM19%204h-3.5l-1-1h-5l-1%201H5v2h14V4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-swapvert {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16%2017.01V10h-2v7.01h-3L15%2021l4-3.99h-3zM9%203L5%206.99h3V14h2V6.99h3L9%203z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-swapvert.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16%2017.01V10h-2v7.01h-3L15%2021l4-3.99h-3zM9%203L5%206.99h3V14h2V6.99h3L9%203z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-download.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%209h-4V3H9v6H5l7%207%207-7zM5%2018v2h14v-2H5z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-cloud-download.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19.35%2010.04C18.67%206.59%2015.64%204%2012%204%209.11%204%206.6%205.64%205.35%208.04%202.34%208.36%200%2010.91%200%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5%200-2.64-2.05-4.78-4.65-4.96zM17%2013l-5%205-5-5h3V9h4v4h3z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-play {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M8%205v14l11-7z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-stop {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%206h12v12H6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-stop.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%206h12v12H6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-skip-previous {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%206h2v12H6zm3.5%206l8.5%206V6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-skip-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%2018l8.5-6L6%206v12zM16%206v12h2V6h-2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-arrow-up-thin {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.03%209.97H11.03V18.89L13.04%2018.92V9.97H17.03L12.03%204.97Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-arrow-down-thin {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7.03%2013.92H11.03V5L13.04%204.97V13.92H17.03L12.03%2018.92Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-shop.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16%206V4c0-1.11-.89-2-2-2h-4c-1.11%200-2%20.89-2%202v2H2v13c0%201.11.89%202%202%202h16c1.11%200%202-.89%202-2V6h-6zm-6-2h4v2h-4V4zM9%2018V9l7.5%204L9%2018z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-more {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%208c1.1%200%202-.9%202-2s-.9-2-2-2-2%20.9-2%202%20.9%202%202%202zm0%202c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm0%206c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-sunny {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6.76%204.84l-1.8-1.79-1.41%201.41%201.79%201.79%201.42-1.41zM4%2010.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45%203.91l-1.41-1.41-1.79%201.79%201.41%201.41%201.79-1.79zm-3.21%2013.7l1.79%201.8%201.41-1.41-1.8-1.79-1.4%201.4zM20%2010.5v2h3v-2h-3zm-8-5c-3.31%200-6%202.69-6%206s2.69%206%206%206%206-2.69%206-6-2.69-6-6-6zm-1%2016.95h2V19.5h-2v2.95zm-7.45-3.91l1.41%201.41%201.79-1.8-1.41-1.41-1.79%201.8z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-sunny.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6.76%204.84l-1.8-1.79-1.41%201.41%201.79%201.79%201.42-1.41zM4%2010.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45%203.91l-1.41-1.41-1.79%201.79%201.41%201.41%201.79-1.79zm-3.21%2013.7l1.79%201.8%201.41-1.41-1.8-1.79-1.4%201.4zM20%2010.5v2h3v-2h-3zm-8-5c-3.31%200-6%202.69-6%206s2.69%206%206%206%206-2.69%206-6-2.69-6-6-6zm-1%2016.95h2V19.5h-2v2.95zm-7.45-3.91l1.41%201.41%201.79-1.8-1.41-1.41-1.79%201.8z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-night {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20enable-background%3D'new%200%200%2024%2024'%3E%3Cg%3E%3Crect%20fill%3D'none'%20height%3D'24'%20width%3D'24'%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D'M11.1%2C12.08C8.77%2C7.57%2C10.6%2C3.6%2C11.63%2C2.01C6.27%2C2.2%2C1.98%2C6.59%2C1.98%2C12c0%2C0.14%2C0.02%2C0.28%2C0.02%2C0.42%20C2.62%2C12.15%2C3.29%2C12%2C4%2C12c1.66%2C0%2C3.18%2C0.83%2C4.1%2C2.15C9.77%2C14.63%2C11%2C16.17%2C11%2C18c0%2C1.52-0.87%2C2.83-2.12%2C3.51%20c0.98%2C0.32%2C2.03%2C0.5%2C3.11%2C0.5c3.5%2C0%2C6.58-1.8%2C8.37-4.52C18%2C17.72%2C13.38%2C16.52%2C11.1%2C12.08z'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M7%2C16l-0.18%2C0C6.4%2C14.84%2C5.3%2C14%2C4%2C14c-1.66%2C0-3%2C1.34-3%2C3s1.34%2C3%2C3%2C3c0.62%2C0%2C2.49%2C0%2C3%2C0c1.1%2C0%2C2-0.9%2C2-2%20C9%2C16.9%2C8.1%2C16%2C7%2C16z'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-night.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20enable-background%3D'new%200%200%2024%2024'%3E%3Cg%3E%3Crect%20fill%3D'none'%20height%3D'24'%20width%3D'24'%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D'M11.1%2C12.08C8.77%2C7.57%2C10.6%2C3.6%2C11.63%2C2.01C6.27%2C2.2%2C1.98%2C6.59%2C1.98%2C12c0%2C0.14%2C0.02%2C0.28%2C0.02%2C0.42%20C2.62%2C12.15%2C3.29%2C12%2C4%2C12c1.66%2C0%2C3.18%2C0.83%2C4.1%2C2.15C9.77%2C14.63%2C11%2C16.17%2C11%2C18c0%2C1.52-0.87%2C2.83-2.12%2C3.51%20c0.98%2C0.32%2C2.03%2C0.5%2C3.11%2C0.5c3.5%2C0%2C6.58-1.8%2C8.37-4.52C18%2C17.72%2C13.38%2C16.52%2C11.1%2C12.08z'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M7%2C16l-0.18%2C0C6.4%2C14.84%2C5.3%2C14%2C4%2C14c-1.66%2C0-3%2C1.34-3%2C3s1.34%2C3%2C3%2C3c0.62%2C0%2C2.49%2C0%2C3%2C0c1.1%2C0%2C2-0.9%2C2-2%20C9%2C16.9%2C8.1%2C16%2C7%2C16z'%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-home {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M10%2020v-6h4v6h5v-8h3L12%203%202%2012h3v8z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-home.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M10%2020v-6h4v6h5v-8h3L12%203%202%2012h3v8z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-share.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M18%2016.08c-.76%200-1.44.3-1.96.77L8.91%2012.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5%201.25.81%202.04.81%201.66%200%203-1.34%203-3s-1.34-3-3-3-3%201.34-3%203c0%20.24.04.47.09.7L8.04%209.81C7.5%209.31%206.79%209%206%209c-1.66%200-3%201.34-3%203s1.34%203%203%203c.79%200%201.5-.31%202.04-.81l7.12%204.16c-.05.21-.08.43-.08.65%200%201.61%201.31%202.92%202.92%202.92%201.61%200%202.92-1.31%202.92-2.92s-1.31-2.92-2.92-2.92z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-star {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-star.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2017.27L18.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-star-border {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M22%209.24l-7.19-.62L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.63-7.03L22%209.24zM12%2015.4l-3.76%202.27%201-4.28-3.32-2.88%204.38-.38L12%206.1l1.71%204.04%204.38.38-3.32%202.88%201%204.28L12%2015.4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-star-border.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M22%209.24l-7.19-.62L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.63-7.03L22%209.24zM12%2015.4l-3.76%202.27%201-4.28-3.32-2.88%204.38-.38L12%206.1l1.71%204.04%204.38.38-3.32%202.88%201%204.28L12%2015.4z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-star-border.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23888888'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M22%209.24l-7.19-.62L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.63-7.03L22%209.24zM12%2015.4l-3.76%202.27%201-4.28-3.32-2.88%204.38-.38L12%206.1l1.71%204.04%204.38.38-3.32%202.88%201%204.28L12%2015.4z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-flag {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14.4%206L14%204H5v17h2v-7h5.6l.4%202h7V6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-flag.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14.4%206L14%204H5v17h2v-7h5.6l.4%202h7V6z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-flag-border.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M14%206l-1-2H5v17h2v-7h5l1%202h7V6h-6zm4%208h-4l-1-2H7V6h5l1%202h5v6z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-heart {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-heart.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2021.35l-1.45-1.32C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54L12%2021.35z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-heart-border.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M16.5%203c-1.74%200-3.41.81-4.5%202.09C10.91%203.81%209.24%203%207.5%203%204.42%203%202%205.42%202%208.5c0%203.78%203.4%206.86%208.55%2011.54L12%2021.35l1.45-1.32C18.6%2015.36%2022%2012.28%2022%208.5%2022%205.42%2019.58%203%2016.5%203zm-4.4%2015.55l-.1.1-.1-.1C7.14%2014.24%204%2011.39%204%208.5%204%206.5%205.5%205%207.5%205c1.54%200%203.04.99%203.57%202.36h1.87C13.46%205.99%2014.96%205%2016.5%205c2%200%203.5%201.5%203.5%203.5%200%202.89-3.14%205.74-7.9%2010.05z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-bulb {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2A7%2C7%200%200%2C0%205%2C9C5%2C11.38%206.19%2C13.47%208%2C14.74V17A1%2C1%200%200%2C0%209%2C18H15A1%2C1%200%200%2C0%2016%2C17V14.74C17.81%2C13.47%2019%2C11.38%2019%2C9A7%2C7%200%200%2C0%2012%2C2M9%2C21A1%2C1%200%200%2C0%2010%2C22H14A1%2C1%200%200%2C0%2015%2C21V20H9V21Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-bulb.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2A7%2C7%200%200%2C0%205%2C9C5%2C11.38%206.19%2C13.47%208%2C14.74V17A1%2C1%200%200%2C0%209%2C18H15A1%2C1%200%200%2C0%2016%2C17V14.74C17.81%2C13.47%2019%2C11.38%2019%2C9A7%2C7%200%200%2C0%2012%2C2M9%2C21A1%2C1%200%200%2C0%2010%2C22H14A1%2C1%200%200%2C0%2015%2C21V20H9V21Z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-bulb-border.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2A7%2C7%200%200%2C1%2019%2C9C19%2C11.38%2017.81%2C13.47%2016%2C14.74V17A1%2C1%200%200%2C1%2015%2C18H9A1%2C1%200%200%2C1%208%2C17V14.74C6.19%2C13.47%205%2C11.38%205%2C9A7%2C7%200%200%2C1%2012%2C2M9%2C21V20H15V21A1%2C1%200%200%2C1%2014%2C22H10A1%2C1%200%200%2C1%209%2C21M12%2C4A5%2C5%200%200%2C0%207%2C9C7%2C11.05%208.23%2C12.81%2010%2C13.58V16H14V13.58C15.77%2C12.81%2017%2C11.05%2017%2C9A5%2C5%200%200%2C0%2012%2C4Z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-smile {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2A10%2C10%200%200%2C0%202%2C12A10%2C10%200%200%2C0%2012%2C22A10%2C10%200%200%2C0%2022%2C12A10%2C10%200%200%2C0%2012%2C2M7%2C9.5C7%2C8.7%207.7%2C8%208.5%2C8C9.3%2C8%2010%2C8.7%2010%2C9.5C10%2C10.3%209.3%2C11%208.5%2C11C7.7%2C11%207%2C10.3%207%2C9.5M12%2C17.23C10.25%2C17.23%208.71%2C16.5%207.81%2C15.42L9.23%2C14C9.68%2C14.72%2010.75%2C15.23%2012%2C15.23C13.25%2C15.23%2014.32%2C14.72%2014.77%2C14L16.19%2C15.42C15.29%2C16.5%2013.75%2C17.23%2012%2C17.23M15.5%2C11C14.7%2C11%2014%2C10.3%2014%2C9.5C14%2C8.7%2014.7%2C8%2015.5%2C8C16.3%2C8%2017%2C8.7%2017%2C9.5C17%2C10.3%2016.3%2C11%2015.5%2C11Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-smile.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2A10%2C10%200%200%2C0%202%2C12A10%2C10%200%200%2C0%2012%2C22A10%2C10%200%200%2C0%2022%2C12A10%2C10%200%200%2C0%2012%2C2M7%2C9.5C7%2C8.7%207.7%2C8%208.5%2C8C9.3%2C8%2010%2C8.7%2010%2C9.5C10%2C10.3%209.3%2C11%208.5%2C11C7.7%2C11%207%2C10.3%207%2C9.5M12%2C17.23C10.25%2C17.23%208.71%2C16.5%207.81%2C15.42L9.23%2C14C9.68%2C14.72%2010.75%2C15.23%2012%2C15.23C13.25%2C15.23%2014.32%2C14.72%2014.77%2C14L16.19%2C15.42C15.29%2C16.5%2013.75%2C17.23%2012%2C17.23M15.5%2C11C14.7%2C11%2014%2C10.3%2014%2C9.5C14%2C8.7%2014.7%2C8%2015.5%2C8C16.3%2C8%2017%2C8.7%2017%2C9.5C17%2C10.3%2016.3%2C11%2015.5%2C11Z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-smile-border.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20%2C12A8%2C8%200%200%2C0%2012%2C4A8%2C8%200%200%2C0%204%2C12A8%2C8%200%200%2C0%2012%2C20A8%2C8%200%200%2C0%2020%2C12M22%2C12A10%2C10%200%200%2C1%2012%2C22A10%2C10%200%200%2C1%202%2C12A10%2C10%200%200%2C1%2012%2C2A10%2C10%200%200%2C1%2022%2C12M10%2C9.5C10%2C10.3%209.3%2C11%208.5%2C11C7.7%2C11%207%2C10.3%207%2C9.5C7%2C8.7%207.7%2C8%208.5%2C8C9.3%2C8%2010%2C8.7%2010%2C9.5M17%2C9.5C17%2C10.3%2016.3%2C11%2015.5%2C11C14.7%2C11%2014%2C10.3%2014%2C9.5C14%2C8.7%2014.7%2C8%2015.5%2C8C16.3%2C8%2017%2C8.7%2017%2C9.5M12%2C17.23C10.25%2C17.23%208.71%2C16.5%207.81%2C15.42L9.23%2C14C9.68%2C14.72%2010.75%2C15.23%2012%2C15.23C13.25%2C15.23%2014.32%2C14.72%2014.77%2C14L16.19%2C15.42C15.29%2C16.5%2013.75%2C17.23%2012%2C17.23Z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-bookmark.color-amber {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffc107'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M17%203H7c-1.1%200-1.99.9-1.99%202L5%2021l7-3%207%203V5c0-1.1-.9-2-2-2z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-thumb-up.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill%3D'none'%20d%3D'M0%200h24v24H0V0z'%2F%3E%3Cpath%20d%3D'M1%2021h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17%201%207.59%207.59C7.22%207.95%207%208.45%207%209v10c0%201.1.9%202%202%202h9c.83%200%201.54-.5%201.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-email.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20%204H4c-1.1%200-1.99.9-1.99%202L2%2018c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%204l-8%205-8-5V6l8%205%208-5v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-web.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zm6.93%206h-2.95c-.32-1.25-.78-2.45-1.38-3.56%201.84.63%203.37%201.91%204.33%203.56zM12%204.04c.83%201.2%201.48%202.53%201.91%203.96h-3.82c.43-1.43%201.08-2.76%201.91-3.96zM4.26%2014C4.1%2013.36%204%2012.69%204%2012s.1-1.36.26-2h3.38c-.08.66-.14%201.32-.14%202%200%20.68.06%201.34.14%202H4.26zm.82%202h2.95c.32%201.25.78%202.45%201.38%203.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66%202.49-2.93%204.33-3.56C8.81%205.55%208.35%206.75%208.03%208zM12%2019.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43%201.43-1.08%202.76-1.91%203.96zM14.34%2014H9.66c-.09-.66-.16-1.32-.16-2%200-.68.07-1.35.16-2h4.68c.09.65.16%201.32.16%202%200%20.68-.07%201.34-.16%202zm.25%205.56c.6-1.11%201.06-2.31%201.38-3.56h2.95c-.96%201.65-2.49%202.93-4.33%203.56zM16.36%2014c.08-.66.14-1.32.14-2%200-.68-.06-1.34-.14-2h3.38c.16.64.26%201.31.26%202s-.1%201.36-.26%202h-3.38z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-payment.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M20%204H4c-1.11%200-1.99.89-1.99%202L2%2018c0%201.11.89%202%202%202h16c1.11%200%202-.89%202-2V6c0-1.11-.89-2-2-2zm0%2014H4v-6h16v6zm0-10H4V6h16v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-close.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-login {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2012c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204zm0%202c-2.67%200-8%201.34-8%204v2h16v-2c0-2.66-5.33-4-8-4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-warning.color-red {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23f44336'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M1%2021h22L12%202%201%2021zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-warning-border.color-red {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23f44336'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2L1%2C21H23M12%2C6L19.53%2C19H4.47M11%2C10V14H13V10M11%2C16V18H13V16'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-warning-border.mistake-testing {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23c7c7cc'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%2C2L1%2C21H23M12%2C6L19.53%2C19H4.47M11%2C10V14H13V10M11%2C16V18H13V16'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-settings {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%2C0h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M19.14%2C12.94c0.04-0.3%2C0.06-0.61%2C0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14%2C0.23-0.41%2C0.12-0.61%20l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39%2C0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4%2C2.81c-0.04-0.24-0.24-0.41-0.48-0.41%20h-3.84c-0.24%2C0-0.43%2C0.17-0.47%2C0.41L9.25%2C5.35C8.66%2C5.59%2C8.12%2C5.92%2C7.63%2C6.29L5.24%2C5.33c-0.22-0.08-0.47%2C0-0.59%2C0.22L2.74%2C8.87%20C2.62%2C9.08%2C2.66%2C9.34%2C2.86%2C9.48l2.03%2C1.58C4.84%2C11.36%2C4.8%2C11.69%2C4.8%2C12s0.02%2C0.64%2C0.07%2C0.94l-2.03%2C1.58%20c-0.18%2C0.14-0.23%2C0.41-0.12%2C0.61l1.92%2C3.32c0.12%2C0.22%2C0.37%2C0.29%2C0.59%2C0.22l2.39-0.96c0.5%2C0.38%2C1.03%2C0.7%2C1.62%2C0.94l0.36%2C2.54%20c0.05%2C0.24%2C0.24%2C0.41%2C0.48%2C0.41h3.84c0.24%2C0%2C0.44-0.17%2C0.47-0.41l0.36-2.54c0.59-0.24%2C1.13-0.56%2C1.62-0.94l2.39%2C0.96%20c0.22%2C0.08%2C0.47%2C0%2C0.59-0.22l1.92-3.32c0.12-0.22%2C0.07-0.47-0.12-0.61L19.14%2C12.94z%20M12%2C15.6c-1.98%2C0-3.6-1.62-3.6-3.6%20s1.62-3.6%2C3.6-3.6s3.6%2C1.62%2C3.6%2C3.6S13.98%2C15.6%2C12%2C15.6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-settings.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%2C0h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M19.14%2C12.94c0.04-0.3%2C0.06-0.61%2C0.06-0.94c0-0.32-0.02-0.64-0.07-0.94l2.03-1.58c0.18-0.14%2C0.23-0.41%2C0.12-0.61%20l-1.92-3.32c-0.12-0.22-0.37-0.29-0.59-0.22l-2.39%2C0.96c-0.5-0.38-1.03-0.7-1.62-0.94L14.4%2C2.81c-0.04-0.24-0.24-0.41-0.48-0.41%20h-3.84c-0.24%2C0-0.43%2C0.17-0.47%2C0.41L9.25%2C5.35C8.66%2C5.59%2C8.12%2C5.92%2C7.63%2C6.29L5.24%2C5.33c-0.22-0.08-0.47%2C0-0.59%2C0.22L2.74%2C8.87%20C2.62%2C9.08%2C2.66%2C9.34%2C2.86%2C9.48l2.03%2C1.58C4.84%2C11.36%2C4.8%2C11.69%2C4.8%2C12s0.02%2C0.64%2C0.07%2C0.94l-2.03%2C1.58%20c-0.18%2C0.14-0.23%2C0.41-0.12%2C0.61l1.92%2C3.32c0.12%2C0.22%2C0.37%2C0.29%2C0.59%2C0.22l2.39-0.96c0.5%2C0.38%2C1.03%2C0.7%2C1.62%2C0.94l0.36%2C2.54%20c0.05%2C0.24%2C0.24%2C0.41%2C0.48%2C0.41h3.84c0.24%2C0%2C0.44-0.17%2C0.47-0.41l0.36-2.54c0.59-0.24%2C1.13-0.56%2C1.62-0.94l2.39%2C0.96%20c0.22%2C0.08%2C0.47%2C0%2C0.59-0.22l1.92-3.32c0.12-0.22%2C0.07-0.47-0.12-0.61L19.14%2C12.94z%20M12%2C15.6c-1.98%2C0-3.6-1.62-3.6-3.6%20s1.62-3.6%2C3.6-3.6s3.6%2C1.62%2C3.6%2C3.6S13.98%2C15.6%2C12%2C15.6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-calendar {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M9%2011H7v2h2v-2zm4%200h-2v2h2v-2zm4%200h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V9h14v11z'%2F%3E%3Cpath%20fill%3D'none'%20d%3D'M0%200h24v24H0z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-calendar.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M9%2011H7v2h2v-2zm4%200h-2v2h2v-2zm4%200h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V9h14v11z'%2F%3E%3Cpath%20fill%3D'none'%20d%3D'M0%200h24v24H0z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-alarm {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M22%205.72l-4.6-3.86-1.29%201.53%204.6%203.86L22%205.72zM7.88%203.39L6.6%201.86%202%205.71l1.29%201.53%204.59-3.85zM12.5%208H11v6l4.75%202.85.75-1.23-4-2.37V8zM12%204c-4.97%200-9%204.03-9%209s4.02%209%209%209c4.97%200%209-4.03%209-9s-4.03-9-9-9zm0%2016c-3.87%200-7-3.13-7-7s3.13-7%207-7%207%203.13%207%207-3.13%207-7%207z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-alarm.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M22%205.72l-4.6-3.86-1.29%201.53%204.6%203.86L22%205.72zM7.88%203.39L6.6%201.86%202%205.71l1.29%201.53%204.59-3.85zM12.5%208H11v6l4.75%202.85.75-1.23-4-2.37V8zM12%204c-4.97%200-9%204.03-9%209s4.02%209%209%209c4.97%200%209-4.03%209-9s-4.03-9-9-9zm0%2016c-3.87%200-7-3.13-7-7s3.13-7%207-7%207%203.13%207%207-3.13%207-7%207z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-info.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-6h2v6zm0-8h-2V7h2v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-down {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill%3D'none'%20d%3D'M0%200h24v24H0V0z'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-undo.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12.5%208c-2.65%200-5.05.99-6.9%202.6L2%207v9h9l-3.62-3.62c1.39-1.16%203.16-1.88%205.12-1.88%203.54%200%206.55%202.31%207.6%205.5l2.37-.78C21.08%2011.03%2017.15%208%2012.5%208z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-repeat.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7%207h10v3l4-4-4-4v3H5v6h2V7zm10%2010H7v-3l-4%204%204%204v-3h12v-6h-2v4z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-list-up.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7%2014l5-5%205%205z'%2F%3E%3C%2Fsvg%3E");
margin-left: -2px;
}
i.icon.icon-list-down.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M7%2010l5%205%205-5z'%2F%3E%3C%2Fsvg%3E");
margin-left: -2px;
}
i.icon.icon-sort-num.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-sort-num.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23757575'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z'%2F%3E%3C%2Fsvg%3E");
}
.layout-dark i.icon.icon-sort-num.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23999999'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-sort-abc.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0zm0%200h24v24H0V0zm.75.75h22.5v22.5H.75z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M14.94%204.66h-4.72l2.36-2.36zm-4.69%2014.71h4.66l-2.33%202.33zM6.1%206.27L1.6%2017.73h1.84l.92-2.45h5.11l.92%202.45h1.84L7.74%206.27H6.1zm-1.13%207.37l1.94-5.18%201.94%205.18H4.97zm10.76%202.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93%208.6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-sort-abc.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23757575'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0zm0%200h24v24H0V0zm.75.75h22.5v22.5H.75z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M14.94%204.66h-4.72l2.36-2.36zm-4.69%2014.71h4.66l-2.33%202.33zM6.1%206.27L1.6%2017.73h1.84l.92-2.45h5.11l.92%202.45h1.84L7.74%206.27H6.1zm-1.13%207.37l1.94-5.18%201.94%205.18H4.97zm10.76%202.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93%208.6z'%2F%3E%3C%2Fsvg%3E");
}
.layout-dark i.icon.icon-sort-abc.color-gray {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23999999'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0zm0%200h24v24H0V0zm.75.75h22.5v22.5H.75z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M14.94%204.66h-4.72l2.36-2.36zm-4.69%2014.71h4.66l-2.33%202.33zM6.1%206.27L1.6%2017.73h1.84l.92-2.45h5.11l.92%202.45h1.84L7.74%206.27H6.1zm-1.13%207.37l1.94-5.18%201.94%205.18H4.97zm10.76%202.5h6.12v1.59h-8.53v-1.29l5.92-8.56h-5.88v-1.6h8.3v1.26l-5.93%208.6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-export.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M2%2012H4V17H20V12H22V17C22%2018.11%2021.11%2019%2020%2019H4C2.9%2019%202%2018.11%202%2017V12M12%202L6.46%207.46L7.88%208.88L11%205.75V15H13V5.75L16.13%208.88L17.55%207.45L12%202Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-import.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M2%2012H4V17H20V12H22V17C22%2018.11%2021.11%2019%2020%2019H4C2.9%2019%202%2018.11%202%2017V12M12%2015L17.55%209.54L16.13%208.13L13%2011.25V2H11V11.25L7.88%208.13L6.46%209.55L12%2015Z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-text-increase {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0.99%2C19h2.42l1.27-3.58h5.65L11.59%2C19h2.42L8.75%2C5h-2.5L0.99%2C19z%20M5.41%2C13.39L7.44%2C7.6h0.12l2.03%2C5.79H5.41z%20M20%2C11h3v2h-3%20v3h-2v-3h-3v-2h3V8h2V11z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-text-decrease {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0.99%2C19h2.42l1.27-3.58h5.65L11.59%2C19h2.42L8.75%2C5h-2.5L0.99%2C19z%20M5.41%2C13.39L7.44%2C7.6h0.12l2.03%2C5.79H5.41z%20M23%2C11v2h-8%20v-2H23z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-list-alt.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M11%2015H17V17H11V15M9%207H7V9H9V7M11%2013H17V11H11V13M11%209H17V7H11V9M9%2011H7V13H9V11M21%205V19C21%2020.1%2020.1%2021%2019%2021H5C3.9%2021%203%2020.1%203%2019V5C3%203.9%203.9%203%205%203H19C20.1%203%2021%203.9%2021%205M19%205H5V19H19V5M9%2015H7V17H9V15Z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
.color-blue:not(.button-fill) {
color: #2196f3;
}
.color-red:not(.button-fill) {
color: #f44336 !important;
}
.button.button-fill.color-red {
background: #f44336 !important;
}
.color-amber:not(.button-fill) {
color: #ffc107 !important;
}
.button.button-fill.color-amber {
background: #ffc107 !important;
}
.button.button-fill.color-orange {
background: #ff9800 !important;
}
.color-green:not(.button-fill) {
color: #4caf50 !important;
}
.button.button-fill.color-green {
background: #4caf50 !important;
}
.color-gray:not(.button-fill) {
color: #888888 !important;
}
.button.button-fill.color-gray {
background: #9e9e9e !important;
letter-spacing: normal;
text-transform: none;
}
.content-block-title {
line-height: 1.5;
padding-top: 8px;
white-space: normal;
}
.content-block, .list-block, .timeline {
margin: 24px 0;
}
.list-block .item-media {
min-width: 24px;
}
.timer, .timing, .version {
margin-right: 16px;
}
.timing {
height: 24px;
line-height: 24px;
text-align: right;
font-size: 12px;
}
.version {
text-align: right;
font-size: 18px;
line-height: 1.3;
}
.navbar .center {
margin-right: 8px;
}
.page[data-page="search"] .list-block.inputs-list {
position: relative;
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top: 0;
z-index: 12;
margin-bottom: 0;
background-color: #fff;
}
.page[data-page="search"] .list-block.inputs-list ul:before {
margin-top: -1px;
}
.page[data-page="search"] .list-block.inputs-list ul:after {
display: block;
}
.page[data-page="search"] .list-block.inputs-list .item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.list-block.inputs-list .item-link .item-inner {
padding-bottom: 4px;
}
.list-block.inputs-list .item-input-field.not-empty-state:after {
background: #2196f3;
}
#found {
margin-top: 8px;
}
.select {
background-color: #ffc107;
}
.select.good {
background-color: #4caf50;
}
.select.bad {
background-color: #f44336;
}
.nowrap {
white-space: nowrap;
}
.gauge {
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
margin: 4px 0;
}
.gauge-svg,
.gauge svg {
max-width: 100%;
height: auto;
}
.gauge-svg circle,
.gauge svg circle,
.gauge-svg path,
.gauge svg path {
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.user-pay, .user-info, .card-content-inner {
text-align: center;
}
.user-pay img {
padding: 15px 10px 0;
}
.list-notes, .list-nonfavorites:not(.nowrap), .list-favorites, .list-mistakes, .export-import {
display: block;
margin-top: 8px;
}
.button {
min-width: 0;
height: auto !important;
background-size: 100% 4px !important;
background-repeat: no-repeat !important;
background-position-y: bottom !important;
}
.button.passed {
background: rgba(0, 0, 0, 0.1);
}
.buttons-row .button {
padding: 0 4px;
}
.content-block-title.notop {
margin-top: 0;
padding-top: 0;
}
.discount {
display: none;
position: absolute;
top: 56px;
right: 0;
width: 0;
height: 0;
border-top: 110px solid #f44336;
border-left: 110px solid transparent;
z-index: 12;
}
.discount a {
display: block;
position: absolute;
top: -110px;
right: 0;
padding-top: 8px;
padding-right: 8px;
width: 102px;
height: 102px;
color: white !important;
text-align: right;
}
#heart {
display: inline-block;
position: relative;
width: 100px;
height: 90px;
margin-top: 15px;
}
#heart:before,
#heart:after {
position: absolute;
content: '';
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: #f44336;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.page-content.tab.swiper-slide.swiper-slide-prev,
.page-content.tab.swiper-slide.swiper-slide-active,
.page-content.tab.swiper-slide.swiper-slide-next {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: transform;
}
.page-content.tab.swiper-slide .list-block,
.page-content.tab.swiper-slide .content-block,
.page-content.tab.swiper-slide .timing {
display: none;
}
.page-content.tab.swiper-slide.swiper-slide-prev .list-block,
.page-content.tab.swiper-slide.swiper-slide-active .list-block,
.page-content.tab.swiper-slide.swiper-slide-next .list-block,
.page-content.tab.swiper-slide.swiper-slide-prev .content-block,
.page-content.tab.swiper-slide.swiper-slide-active .content-block,
.page-content.tab.swiper-slide.swiper-slide-next .content-block,
.page-content.tab.swiper-slide.swiper-slide-prev .timing,
.page-content.tab.swiper-slide.swiper-slide-active .timing,
.page-content.tab.swiper-slide.swiper-slide-next .timing {
display: block;
}
.page-content.tab .list-block {
margin-top: 0;
}
.note:before {
content: '';
width: 6px;
height: 6px;
display: inline-block;
border-radius: 100%;
background: #c7c7cc;
margin-right: 6px;
margin-bottom: 3px;
}
.note.red:before {
background: #f44336;
}
.note.green:before {
background: #4caf50;
}
.note i {
font-size: 14px;
}
.floating-button.left-side {
right: auto;
left: 16px;
}
.floating-button.speak-rate {
margin-bottom: 48px;
z-index: 12999;
display: none;
color: #fff;
}
.progressbar.color-green {
background-color: rgba(76, 175, 80, 0.5) !important;
}
.progressbar.color-green span {
background-color: #4caf50 !important;
}
.progressbar.color-amber {
background-color: rgba(255, 193, 7, 0.5) !important;
}
.progressbar.color-amber span {
background-color: #ffc107 !important;
}
.progressbar.color-red {
background-color: rgba(244, 67, 54, 0.5) !important;
}
.progressbar.color-red span {
background-color: #f44336 !important;
}
.post-p {
margin-bottom: 0;
}
.post-list {
margin: 0;
}
.post-list ul:before {
display: none;
}
.post-title {
font-size: 14px;
}
.popover {
left: auto !important;
right: 8px;
text-align: center;
}
.popover-menu {
width: 56px;
}
.popover:not(.popover-menu) {
width: 200px;
}
#theme-light,
#theme-system {
background-color: #fff;
}
#theme-light .ripple-wave,
#theme-system .ripple-wave {
background: rgba(0, 0, 0, 0.1);
}
html:not(.watch-active-state) #theme-light:active,
html:not(.watch-active-state) #theme-system:active,
#theme-light.active-state,
#theme-system.active-state {
background-color: #e5e5e5;
}
#theme-dark,
#theme-system.layout-dark {
background-color: #222;
}
#theme-dark .ripple-wave,
#theme-system.layout-dark .ripple-wave {
background: rgba(255, 255, 255, 0.3);
}
html:not(.watch-active-state) #theme-dark:active,
html:not(.watch-active-state) #theme-system.layout-dark:active,
#theme-dark.active-state,
#theme-system.layout-dark.active-state {
background-color: #2d2d2d;
}
.item-title img, .content-block img {
max-width: 100%;
height: auto;
}
.answer img, .detail img {
border-width: 3px;
border-style: solid;
border-color: transparent;
max-width: calc(100% - 6px);
}
.answer img {
display: block;
}
.detail img {
border-color: #2196f3;
}
#splashscreen {
height: 100%;
}
#startscreen {
display: none;
}
.fill-blue {
height: 50%;
background-color: #2196f3;
}
.fill-amber {
height: 50%;
background-color: #ffc107;
}
#logo {
position: absolute;
top: 50%;
left: 50%;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 336 350' width='336' height='350'%3E%3Cstyle%3Etspan %7B white-space:pre %7D.shp0 %7B fill: %23212121 %7D .shp1 %7B fill: %232196f3 %7D .shp2 %7B fill: %23ffc107 %7D %3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='shp0' d='M81.87 349.77L98.09 345.87L98.32 289.78L115.58 285.63L115.58 267.16L64.75 279.03L64.75 297.39L81.98 293.36L81.87 349.77Z' /%3E%3Cpath class='shp0' d='M125.54 249.56L125.54 324.66L169.56 313.98L169.56 296.96L141.5 304.16L141.5 289.08L166.85 282.95L166.85 267.72L141.73 273.71L141.73 261.87L169.56 255.12L169.56 239.41L125.54 249.56Z' /%3E%3Cpath class='shp0' d='M209 236.39L224.78 231.41C224.63 221.63 221.14 215.86 214.32 214.11C204.08 211.48 189.26 217.58 183.89 226.87C178.52 236.17 177.79 249.21 185.45 255.65C193.12 262.09 208.44 257.61 210.07 265.44C211.69 273.28 204.47 278.43 198.15 276.3C195.32 275.71 193.81 272.25 193.62 265.95L177.79 270.93C177.6 280.75 180.7 287.43 187.08 290.97C196.64 296.29 220.81 289.29 224.78 270.31C229.89 254.34 225.99 244.82 213.09 241.76C208.74 240.72 205.05 240.21 202.03 240.23C197.5 240.27 193.25 238.29 196.19 232.14C199.14 225.98 209.43 227.1 209 236.39Z' /%3E%3Cpath class='shp0' d='M251.44 260.77L267.66 256.85L267.88 200.76L285.19 196.6L285.16 178.13L234.45 189.98L234.45 208.34L251.55 204.34L251.44 260.77Z' /%3E%3Cg%3E%3Cpath class='shp1' d='M221.78 157.77L218.06 158.61L218.13 155.71L221.8 154.85L250.17 161.26L240.68 161.91L221.78 157.77Z' /%3E%3Cpath class='shp1' d='M201.14 162.39L183.4 166.37L200.55 169.88L200.25 173.71L169.65 167.1L201.36 159.65L201.14 162.39Z' /%3E%3Cpath class='shp1' d='M239.04 175.82L263.7 174.19L234.33 181.05L216.62 177.22L230.85 176.07L234.45 176.81L239.04 175.82Z' /%3E%3C/g%3E%3Cg%3E%3Cpath fill-rule='evenodd' class='shp1' d='M227.4 199.69L176.61 211.56L111.94 197.61L164.08 185.36L227.4 199.69ZM176.73 207.31L214.21 199.28L164.07 188.27L125.69 196.88L176.73 207.31Z' /%3E%3C/g%3E%3Cg%3E%3Cpath fill-rule='evenodd' class='shp1' d='M169.62 230.45L125.39 240.66L60.74 226.71L106.29 216.12L169.62 230.45ZM125.54 236.42L156.42 230.04L106.29 219.02L74.49 225.97L125.54 236.42Z' /%3E%3C/g%3E%3Cg%3E%3Cpath fill-rule='evenodd' class='shp1' d='M115.55 258.21L64.75 270.08L0.09 256.13L52.23 243.88L115.55 258.21ZM64.88 265.83L102.36 257.8L52.22 246.79L13.84 255.4L64.88 265.83Z' /%3E%3C/g%3E%3Cpath class='shp2' d='M214.79 156.4L213.95 167.12L261.66 163.88L285.11 169.18L203.69 174.55L204.9 158.82L214.79 156.4Z' /%3E%3Cg%3E%3Cpath class='shp0' d='M92.59 119.94C100.52 139.98 105.18 150.93 106.57 152.78C108.65 155.56 110.46 158.89 107.68 164.58C104.9 170.28 101.14 184.6 99.89 191.27C98.64 197.93 95.6 209.59 94.35 216.12C82.78 216.42 76.72 216.58 76.17 216.58C78.73 206.01 80.71 197.08 82.11 189.78C84.29 178.42 87.28 166.53 88.39 164.86C89.13 163.75 87.19 161.34 82.56 157.64C87.37 146.43 90.71 133.87 92.59 119.94Z' /%3E%3Cpath class='shp0' d='M60.69 235.92C61.57 228.66 62.94 220.35 64.79 210.97C67.49 197.29 70.34 183.61 72.15 180C73.95 176.39 77.39 163.75 78.36 161.25C79.33 158.75 84.39 144.28 86.2 139.56C87.4 136.41 88.59 129.45 89.77 118.67L58.39 120.46C58.7 131.53 58.86 139.37 58.86 143.98C58.86 151.13 57.16 158.33 54.52 175.83C51.93 179.63 50.13 183.84 49.11 188.47C48.1 193.1 45.64 207.63 41.76 232.07L60.69 235.92Z' /%3E%3Cpath class='shp0' d='M73.4 253.78C73.77 250.45 73.45 248.78 72.43 248.78C70.9 248.78 62.99 250.13 61.6 248.18C60.21 246.24 56.33 239.43 55.91 238.46C55.63 237.81 55.17 237.12 54.52 236.38L41.76 234.3L37.59 245.67L47.59 251.24L48.7 249.16C52.37 252.03 54.88 253.69 56.24 254.16C57.59 254.62 63.31 254.49 73.4 253.78Z' /%3E%3Cpath class='shp0' d='M80.12 218.22C78.95 221.45 78.36 223.58 78.36 224.6C78.35 225.61 78.33 227.1 78.31 229.04L88.58 229.14L88.6 226.91C90.44 228.41 91.68 229.17 92.33 229.17C93.3 229.18 108.67 227.85 109.92 227.72C111.17 227.6 112.91 226.5 112.89 225.11C112.88 224.19 112.69 223.63 112.32 223.44C104.3 223.61 99.65 223.04 98.37 221.73C97.08 220.42 95.53 219.06 93.72 217.66L80.12 218.22Z' /%3E%3Cpath class='shp0' d='M93.68 35.52C91.02 32.1 86.75 30.14 80.89 29.64L79.07 33.77C86.09 33.12 90.96 33.7 93.68 35.52Z' /%3E%3Cpath class='shp0' d='M52.1 119.94C72.93 117.79 89.14 116.72 100.73 116.75C90.62 96.92 85.52 85.85 85.42 83.51C85.28 80.01 85.64 54.41 87.47 49.51C89.28 44.62 93.34 38.45 98.23 38.32C98.64 38.31 99.02 38.31 99.4 38.34C98.54 37.9 97.56 37.71 96.43 37.65C92.02 37.45 94.57 33.37 77.94 35.33C76.69 35.48 75.5 35.93 74.49 36.67C72.12 38.38 67.72 41.73 66.19 43.92C63.38 47.94 60.43 60.05 60.43 62.96C60.43 65.88 57.72 88.27 57.09 94.11C56.68 97.99 55.01 106.6 52.1 119.94Z' /%3E%3Cg%3E%3Cpath class='shp0' d='M109.59 23.12C109.63 24.3 107.83 23.88 107.46 24.32C107.11 24.75 106.02 25.26 106.82 26.5C107.62 27.74 106.37 27.6 106.1 28.03C105.81 28.47 106.68 27.89 106.68 28.82C106.68 29.79 107.11 31.01 106.6 32.7C106.1 34.37 101.06 34.07 97.72 33.63C94.52 33.21 95.24 34.66 95.31 34.81C95.21 34.76 95.56 36.1 94.34 35.52C92.69 31.9 88.43 29.51 81.56 28.32C81.41 28.23 81.55 27.74 81.99 26.86C81.96 26.41 81.86 25.85 81.69 25.18C81.44 24.28 81.01 23.09 80.24 21.92C78.63 19.42 77.91 10.83 78.36 9.09C78.79 7.34 79.8 4.28 80.82 2.38C81.85 0.5 90.43 -0.53 97.72 1.22C104.78 2.91 107.32 4.6 105.86 7.77C105.82 7.87 105.78 7.97 105.73 8.06C107.06 9.71 107.68 11.48 107.59 13.37C107.59 13.69 107.54 14.02 107.46 14.34C107.37 14.6 107.27 14.89 107.17 15.21C107.09 15.43 107.01 15.71 106.93 15.95C106.87 16.22 106.79 16.48 106.77 16.67C106.74 16.8 106.72 16.9 106.74 16.96C106.76 17.07 106.92 17.36 107.16 17.77L107.16 17.78C107.56 18.44 108.14 19.42 108.64 20.42C109.15 21.42 109.55 22.43 109.59 23.12Z' /%3E%3Cpath fill-rule='evenodd' class='shp0' d='M107.09 16.55C107.09 15.1 107.37 12.64 108.42 12.64C109.48 12.64 109.76 15.1 109.76 16.55C109.76 18.01 109.48 20.46 108.42 20.46C107.37 20.46 107.09 18.01 107.09 16.55ZM107.82 16.55C107.82 18.59 108.27 19.65 108.39 19.74C108.58 19.65 109.03 18.59 109.03 16.55C109.03 14.51 108.58 13.46 108.45 13.37C108.27 13.46 107.82 14.51 107.82 16.55Z' /%3E%3Cpath class='shp0' d='M109.56 16.92L109.62 16.19C109.1 16.14 96.81 15.06 93.91 15.06L93.91 15.79C96.78 15.79 109.43 16.9 109.56 16.92Z' /%3E%3C/g%3E%3Cpath class='shp0' d='M120.75 117.65L108.29 118.47C95.46 98.3 88.84 87.07 88.41 84.77C87.77 81.33 87.81 57.61 88.91 52.5C90.02 47.39 93.15 40.71 97.98 39.87C102.8 39.04 107.73 40.53 106.93 49.05C106.11 57.85 106.01 67.29 106.63 77.37C105.72 82.94 120.98 114.35 120.75 117.65Z' /%3E%3Cpath class='shp0' d='M57.08 65.87L47.03 65.87L39.09 114.87L50.28 114.87C55.26 100.58 57.52 84.25 57.08 65.87Z' /%3E%3Cpath class='shp0' d='' /%3E%3Cg%3E%3Cpath class='shp0' d='M129 128.29C129.3 129 129.49 129.85 129.34 130.73C129.1 131.19 128.8 131.44 128.44 131.47C128.58 131.85 128.42 132.21 127.93 132.56C127.45 132.9 127.03 133 126.68 132.87C126.77 133.61 126.39 133.95 125.55 133.87C125.08 133.84 124.87 133.81 124.76 133.78C124.61 134.02 123.99 134.91 123.32 134.7C122.62 134.47 120.41 133.96 119.92 133.67C119.88 133.66 121.06 134.25 121.04 134.23C120.75 133.97 120.11 133.25 119.11 132.09L119.42 131.33C118.26 130.92 117.49 130.49 117.1 130.03C116.69 129.53 116.73 129.31 116.31 127.92C116.22 127.65 115.05 126.2 115.02 125.94L115.01 125.96C113.18 122.04 111.92 119.85 111.25 119.39C116.52 118.68 119.27 118.29 119.5 118.2C121.02 118.6 122.26 118.86 123.23 119C123.55 119.22 123.84 119.47 124.12 119.76C124.25 119.89 122.37 121.5 122.5 121.54C123.94 122.06 127.31 125.56 127.67 126.15C127.89 126.49 128.55 127.27 129 128.29Z' /%3E%3Cpath class='shp0' d='M129 128.29L121.14 134.3L120.33 134.93C119.55 135.52 118.43 135.38 117.83 134.59L114.14 129.79C113.54 128.99 113.69 127.86 114.47 127.27L115.19 126.71L123.23 120.54C123.42 120.59 122.37 121.5 122.5 121.54C123.94 122.06 127.31 125.56 127.67 126.15C127.89 126.49 128.55 127.27 129 128.29Z' /%3E%3Cpath class='shp0' d='M133.62 123.01C134.22 123.8 134.08 124.91 133.29 125.53L129.68 128.29C129.24 127.28 128.57 126.51 128.36 126.16C127.99 125.57 124.9 121.88 123.47 121.36C123.32 121.1 124.88 119.81 124.3 120.26L127.42 117.86C128.21 117.26 129.33 117.41 129.94 118.18L133.62 123.01Z' /%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='shp2' d='M304.82 212.57L334.85 205.08L334.85 215.29L330.18 216.46C334.71 218.03 336.57 221.36 335.76 226.45C334.54 234.09 330.28 236.14 325.01 237.98L305.33 242.75L305.33 231.88L322.68 227.48C325.92 226.3 327.27 224.61 326.73 222.41C325.92 219.11 323.89 218.96 319.63 219.92L304.82 223.44L304.82 212.57Z' /%3E%3Cpath fill-rule='evenodd' class='shp1' d='M334.14 195.61C332.38 199.73 329.03 201.86 324.1 202C316.69 202.22 317.2 186.43 314.66 183.79C311.86 184.08 310.61 185.82 310.9 189.01C310.68 191.9 311.87 193.34 314.46 193.33L313.24 204.21C308.84 205.57 306.03 203.27 304.82 197.3C302.99 188.35 303.4 175.64 316.69 172.41C329.98 169.18 332.51 168.44 334.14 166.68L334.14 177.4C332.24 178.43 331.19 178.94 330.99 178.94C336 181.83 337.05 187.39 334.14 195.61ZM325.41 181.61C324.47 181.43 323.49 181.5 322.48 181.81L320.4 182.27L321.99 186.87C322.75 190.55 324.29 191.78 326.63 190.59C330.14 188.8 329.71 182.47 325.41 181.61Z' /%3E%3C/g%3E%3Cpath fill-rule='evenodd' class='shp0' d='M290.33 245.73L288.8 245.94L287.32 243.8C287.09 243.45 286.73 243.33 286.25 243.44L285.88 243.47L285.88 246.32L284.65 246.52L284.64 239.66C286.99 239.23 288.41 239.11 288.89 239.3C289.62 239.57 290.05 240.5 289.69 241.63C289.45 242.38 288.92 242.84 288.1 243.01C288.54 243.13 288.95 243.5 289.31 244.11L290.33 245.73ZM287.46 242.17C288.08 242.13 288.43 241.84 288.49 241.28C288.56 240.61 288.35 240.31 287.85 240.39L285.92 240.65L285.92 242.39L287.01 242.23L287.46 242.17Z' /%3E%3Cpath fill-rule='evenodd' class='shp0' d='M292.46 245.67C291.56 247.28 290.18 248.52 288.58 249.13C287.84 249.42 287.1 249.56 286.37 249.56C285.46 249.56 284.58 249.33 283.77 248.89C280.85 247.28 279.98 243.21 281.85 239.83C283.71 236.44 287.6 234.99 290.53 236.6C291.97 237.39 292.95 238.79 293.3 240.53C293.65 242.22 293.35 244.05 292.46 245.67ZM291.83 240.83C291.56 239.53 290.85 238.5 289.81 237.92C289.22 237.6 288.58 237.45 287.92 237.45C286.13 237.45 284.24 238.6 283.17 240.55C281.7 243.21 282.3 246.36 284.5 247.57C285.54 248.15 286.8 248.2 288.04 247.73C289.31 247.23 290.41 246.25 291.14 244.94C291.85 243.63 292.1 242.17 291.83 240.83Z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/67% no-repeat #fff;
border-radius: 50%;
display: block;
}
@media (orientation: portrait) {
#logo {
height: calc(100vh * 0.3284072249589491);
width: calc(100vh * 0.3284072249589491);
margin-top: calc(-100vh * 0.3284072249589491 / 2);
margin-left: calc(-100vh * 0.3284072249589491 / 2);
}
}
@media (orientation: landscape) {
#logo {
height: calc(100vw * 0.3284072249589491);
width: calc(100vw * 0.3284072249589491);
margin-top: calc(-100vw * 0.3284072249589491 / 2);
margin-left: calc(-100vw * 0.3284072249589491 / 2);
}
}
.picker-modal {
z-index: 12500;
}
.picker-modal-inner ul {
margin-top: 0;
padding-left: 0;
list-style-position: inside;
}
.button.two-line {
line-height: 19px;
padding-top: 5px;
padding-bottom: 5px;
}
.button span {
text-transform: none;
letter-spacing: 1px;
}
.card .button.button-fill {
color: #fff;
}
.card-content-inner:not(:first-child):before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #e1e1e1;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.card-footer {
text-align: center;
background: #fafafa;
}
.paragraph {
display: block;
height: 8px;
}
.notifications.list-block {
margin: 0;
}
.notifications .button.close-notification {
font-weight: bold;
}
.notifications .item-content {
padding-left: 16px;
}
.notifications .item-inner {
padding-right: 16px;
}
.notifications .item-title {
padding-top: 13px;
padding-bottom: 13px;
}
.notifications .item-after {
margin-left: auto;
}
.item-title s {
display: none;
text-decoration: none;
}
.chip {
font-size: 20px;
color: #2196f3;
background: #fff;
margin-right: 6px;
}
.chip.color-red {
margin-right: 0;
}
.chip-label {
position: static;
}
.wrong-answer, .timing {
color: rgba(0, 0, 0, 0.54);
}
.navigation {
min-height: 48px;
padding-top: 12px;
padding-bottom: 11px;
text-align: center;
}
.logs {
-webkit-user-select: text;
}
.item-media.color-red i.icon {
border-color: #f44336 !important;
}
.item-media.color-red i.icon:after {
background-color: #f44336 !important;
}
.item-media.color-green i.icon {
border-color: #4caf50 !important;
}
.item-media.color-green i.icon:after {
background-color: #4caf50 !important;
}
#find {
padding-right: 24px;
}
.input-clear-button {
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
position: absolute;
top: 50%;
border-radius: 50%;
border: none;
padding: 0;
margin: 0;
outline: 0;
z-index: 1;
cursor: pointer;
background: none;
right: 0;
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0.12);
margin-top: -12px;
}
.input-clear-button:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center center;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3C%2Fsvg%3E");
background-size: 16px 16px;
opacity: 0.54;
}
.input-clear-button:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
}
.input-with-value ~ .input-clear-button {
opacity: 1;
pointer-events: auto;
visibility: visible;
}
li.columns {
width: 50%;
display: inline-block;
}
.list-block .item-inner.no-after:after,
.list-block .item-inner.no-after-important:after {
display: none;
}
ul.no.access {
color: #888888;
}
ul.no.access .open, input.modal-text-input {
color: #212121;
}
.play-overlay {
position: absolute;
left: 0;
top: 56px;
bottom: 48px;
width: 100%;
z-index: 12998;
visibility: hidden;
}
.list-block .item-link.zero, .list-block .item-link.zero .item-inner:after, .accordion-item-content.zero,
.label-switch .checkbox.zero, label.label-checkbox.zero, label.label-radio.zero, .button.zero, a.tab-link.zero,
.panel.zero {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.card.hint {
font-size: 12px;
margin: 8px 1px;
}
.card.hint .card-footer {
padding: 4px 8px;
}
.card.hint .card-footer:before {
display: none;
}
.font-size-12px {
font-size: 12px;
}
.content-block.color-red.font-size-12px {
margin: 0 0 12px;
}
.parts {
font-size: 14px;
}
.list-block .item-content.part {
min-height: 0;
font-size: 14px;
display: none;
}
.list-block .item-content.part .item-inner {
min-height: 0;
padding-top: 0;
}
.list-block .item-content.part .item-title {
white-space: nowrap;
}
.page-on-left {
opacity: 0.99;
display: none;
}
@-webkit-keyframes pageFromCenterToLeft {
from {
opacity: 1;
}
to {
opacity: 0.99;
}
}
@keyframes pageFromCenterToLeft {
from {
opacity: 1;
}
to {
opacity: 0.99;
}
}
@-webkit-keyframes pageFromLeftToCenter {
from {
opacity: 0.99;
}
to {
opacity: 1;
}
}
@keyframes pageFromLeftToCenter {
from {
opacity: 0.99;
}
to {
opacity: 1;
}
}
table.question, table.article {
margin-top: 9px;
margin-bottom: 6px;
}
table.question, table.question th, table.question td, table.article, table.article th, table.article td {
border: 1px solid #212121;
border-collapse: collapse;
}
table.question {
font-size: 14px;
}
table.article {
font-size: 12px;
}
.accordion-item-content p {
margin: 0.5em 0;
}
.accordion-item-content p:not(:first-child) {
margin-top: 0;
}
.accordion-item-content p:not(:last-child) {
margin-bottom: 0;
}
.title, .count {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.chart-svg {
max-height: 200px;
margin-top: 16px;
}
html:not(.watch-active-state) .button.button-fill:active,
.button.button-fill.active-state,
html:not(.watch-active-state) .floating-button:active,
.floating-button.active-state,
html:not(.watch-active-state) .speed-dial-buttons a:active,
.speed-dial-buttons a.active-state,
.statusbar-overlay {
background: #2196f3;
}
.list-block .list-button {
color: #2196f3;
}
.list-block .list-button.zoom-settings {
padding: 0;
}
.dot {
display: inline-block;
width: 13px;
text-align: center;
}
.export-code {
color: #212121;
font-weight: bold;
text-align: center;
padding: 10px;
border: 1px dashed rgba(0, 0, 0, 0.12);
border-radius: 3px;
margin-top: 10px;
-webkit-user-select: text;
}
.list-block .item-link.toggle .item-inner {
padding-right: 16px;
background: none;
}
#copied {
display: none;
position: fixed;
top: 8px;
right: 8px;
height: 40px;
align-items: center;
padding: 0 14px;
background-color: #323232;
color: #fff;
border-radius: 3px;
font-size: 14px;
opacity: 0;
z-index: 20001;
}
li.disabled {
pointer-events: auto;
}
li.disabled * {
cursor: default;
}
li.disabled .item-content.active-state {
background: none;
}
li.disabled .ripple-wave {
display: none;
}
/* web */
body {
-webkit-text-size-adjust: auto;
-moz-text-size-adjust: auto;
-ms-text-size-adjust: auto;
text-size-adjust: auto;
height: calc(100% - 60px) !important;
min-height: 100%;
}
.button.color-green, #login {
font-size: 16px;
letter-spacing: 2px;
}
i.icon.icon-test {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M12%202c1.1%200%202%20.9%202%202s-.9%202-2%202-2-.9-2-2%20.9-2%202-2zm9%207h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-smartphone {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M17%201.01L7%201c-1.1%200-2%20.9-2%202v18c0%201.1.9%202%202%202h10c1.1%200%202-.9%202-2V3c0-1.1-.9-1.99-2-1.99zM17%2019H7V5h10v14z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-android.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M6%2018c0%20.55.45%201%201%201h1v3.5c0%20.83.67%201.5%201.5%201.5s1.5-.67%201.5-1.5V19h2v3.5c0%20.83.67%201.5%201.5%201.5s1.5-.67%201.5-1.5V19h1c.55%200%201-.45%201-1V8H6v10zM3.5%208C2.67%208%202%208.67%202%209.5v7c0%20.83.67%201.5%201.5%201.5S5%2017.33%205%2016.5v-7C5%208.67%204.33%208%203.5%208zm17%200c-.83%200-1.5.67-1.5%201.5v7c0%20.83.67%201.5%201.5%201.5s1.5-.67%201.5-1.5v-7c0-.83-.67-1.5-1.5-1.5zm-4.97-5.84l1.3-1.3c.2-.2.2-.51%200-.71-.2-.2-.51-.2-.71%200l-1.48%201.48C13.85%201.23%2012.95%201%2012%201c-.96%200-1.86.23-2.66.63L7.85.15c-.2-.2-.51-.2-.71%200-.2.2-.2.51%200%20.71l1.31%201.31C6.97%203.26%206%205.01%206%207h12c0-1.99-.97-3.75-2.47-4.84zM10%205H9V4h1v1zm5%200h-1V4h1v1z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
i.icon.icon-apple.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20width%3D'170px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20170%20170'%20version%3D'1.1'%20height%3D'170px'%3E%3Cpath%20d%3D'm150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929%200.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002%200.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-0.9%202.61-1.85%205.11-2.86%207.51zm-31.26-123.01c0%208.1021-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375-0.119-0.972-0.188-1.995-0.188-3.07%200-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.3113%2011.45-8.597%204.62-2.2516%208.99-3.4968%2013.1-3.71%200.12%201.0831%200.17%202.1663%200.17%203.2409z'%2F%3E%3C%2Fsvg%3E");
margin-top: -2px;
}
.page[data-page="login"] i.icon.icon-apple {
width: 38px;
height: 38px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23000000'%20width%3D'170px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20170%20170'%20version%3D'1.1'%20height%3D'170px'%3E%3Cpath%20d%3D'm150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929%200.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002%200.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-0.9%202.61-1.85%205.11-2.86%207.51zm-31.26-123.01c0%208.1021-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375-0.119-0.972-0.188-1.995-0.188-3.07%200-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.3113%2011.45-8.597%204.62-2.2516%208.99-3.4968%2013.1-3.71%200.12%201.0831%200.17%202.1663%200.17%203.2409z'%2F%3E%3C%2Fsvg%3E");
margin-top: -6px;
margin-left: -2px;
padding-top: 34px;
}
.layout-dark .page[data-page="login"] i.icon.icon-apple {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20width%3D'170px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20170%20170'%20version%3D'1.1'%20height%3D'170px'%3E%3Cpath%20d%3D'm150.37%20130.25c-2.45%205.66-5.35%2010.87-8.71%2015.66-4.58%206.53-8.33%2011.05-11.22%2013.56-4.48%204.12-9.28%206.23-14.42%206.35-3.69%200-8.14-1.05-13.32-3.18-5.197-2.12-9.973-3.17-14.34-3.17-4.58%200-9.492%201.05-14.746%203.17-5.262%202.13-9.501%203.24-12.742%203.35-4.929%200.21-9.842-1.96-14.746-6.52-3.13-2.73-7.045-7.41-11.735-14.04-5.032-7.08-9.169-15.29-12.41-24.65-3.471-10.11-5.211-19.9-5.211-29.378%200-10.857%202.346-20.221%207.045-28.068%203.693-6.303%208.606-11.275%2014.755-14.925s12.793-5.51%2019.948-5.629c3.915%200%209.049%201.211%2015.429%203.591%206.362%202.388%2010.447%203.599%2012.238%203.599%201.339%200%205.877-1.416%2013.57-4.239%207.275-2.618%2013.415-3.702%2018.445-3.275%2013.63%201.1%2023.87%206.473%2030.68%2016.153-12.19%207.386-18.22%2017.731-18.1%2031.002%200.11%2010.337%203.86%2018.939%2011.23%2025.769%203.34%203.17%207.07%205.62%2011.22%207.36-0.9%202.61-1.85%205.11-2.86%207.51zm-31.26-123.01c0%208.1021-2.96%2015.667-8.86%2022.669-7.12%208.324-15.732%2013.134-25.071%2012.375-0.119-0.972-0.188-1.995-0.188-3.07%200-7.778%203.386-16.102%209.399-22.908%203.002-3.446%206.82-6.3113%2011.45-8.597%204.62-2.2516%208.99-3.4968%2013.1-3.71%200.12%201.0831%200.17%202.1663%200.17%203.2409z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-logout {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M12%205.9c1.16%200%202.1.94%202.1%202.1s-.94%202.1-2.1%202.1S9.9%209.16%209.9%208s.94-2.1%202.1-2.1m0%209c2.97%200%206.1%201.46%206.1%202.1v1.1H5.9V17c0-.64%203.13-2.1%206.1-2.1M12%204C9.79%204%208%205.79%208%208s1.79%204%204%204%204-1.79%204-4-1.79-4-4-4zm0%209c-2.67%200-8%201.34-8%204v3h16v-3c0-2.66-5.33-4-8-4z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-agreement.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20fill%3D'none'%20d%3D'M0%200h24v24H0z'%2F%3E%3Cg%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%3E%3Cpath%20d%3D'M9%2017l3-2.94c-.39-.04-.68-.06-1-.06-2.67%200-8%201.34-8%204v2h9l-3-3zm2-5c2.21%200%204-1.79%204-4s-1.79-4-4-4-4%201.79-4%204%201.79%204%204%204'%2F%3E%3Cpath%20d%3D'M15.47%2020.5L12%2017l1.4-1.41%202.07%202.08%205.13-5.17%201.4%201.41z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
i.icon.icon-lock {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M18%208h-1V6c0-2.76-2.24-5-5-5S7%203.24%207%206v2H6c-1.1%200-2%20.9-2%202v10c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V10c0-1.1-.9-2-2-2zm-6%209c-1.1%200-2-.9-2-2s.9-2%202-2%202%20.9%202%202-.9%202-2%202zm3.1-9H8.9V6c0-1.71%201.39-3.1%203.1-3.1%201.71%200%203.1%201.39%203.1%203.1v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-error.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-code.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M9.4%2016.6L4.8%2012l4.6-4.6L8%206l-6%206%206%206%201.4-1.4zm5.2%200l4.6-4.6-4.6-4.6L16%206l6%206-6%206-1.4-1.4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-payment.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%204H4c-1.11%200-1.99.89-1.99%202L2%2018c0%201.11.89%202%202%202h16c1.11%200%202-.89%202-2V6c0-1.11-.89-2-2-2zm0%2014H4v-6h16v6zm0-10H4V6h16v2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-exit {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M10.09%2015.59L11.5%2017l5-5-5-5-1.41%201.41L12.67%2011H3v2h9.67l-2.58%202.59zM19%203H5c-1.11%200-2%20.9-2%202v4h2V5h14v14H5v-4H3v4c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-exit.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M10.09%2015.59L11.5%2017l5-5-5-5-1.41%201.41L12.67%2011H3v2h9.67l-2.58%202.59zM19%203H5c-1.11%200-2%20.9-2%202v4h2V5h14v14H5v-4H3v4c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-pause.color-blue {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%232196f3'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M6%2019h4V5H6v14zm8-14v14h4V5h-4z'%2F%3E%3C%2Fsvg%3E");
}
i.icon.icon-download.color-blue {
margin-bottom: -1px;
margin-left: -1px;
}
i.icon.icon-star.color-amber,
i.icon.icon-star-border.color-amber,
i.icon.icon-star-border.color-gray,
i.icon.icon-flag.color-amber,
i.icon.icon-flag-border.color-amber,
i.icon.icon-heart.color-amber,
i.icon.icon-heart-border.color-amber,
i.icon.icon-bulb.color-amber,
i.icon.icon-bulb-border.color-amber,
i.icon.icon-smile.color-amber,
i.icon.icon-smile-border.color-amber,
i.icon.icon-bookmark.color-amber {
margin-top: -4px;
cursor: pointer;
}
i.icon.icon-email.color-blue {
margin-top: -2px;
}
.list-block .item-divider {
height: auto;
min-height: 48px;
line-height: 1.5;
padding-top: 14px;
padding-bottom: 13px;
white-space: normal;
}
.user-pay-info {
margin: 0 -4px;
}
.user-good-luck {
display: none;
}
.price-new {
color: #f44336;
white-space: nowrap;
}
.price-old {
text-decoration: line-through;
text-decoration-color: #f44336;
white-space: nowrap;
}
.google-play {
margin-top: 5px;
}
.google-left, .google-right {
margin: 5px -11px 0 -11px;
overflow-x: hidden;
}
.google-bottom {
position: fixed;
bottom: 0px;
width: 100%;
height: 60px;
text-align: center;
}
.layout-dark .google-bottom {
background-color: #222;
}
textarea.code {
width: 100%;
height: 60px;
margin-top: 5px;
}
.card {
margin: -12px -6px 0 -6px;
}
.card-content-inner {
text-align: left;
min-height: 100px;
}
.card-content-inner img {
float: left;
margin-right: 16px;
width: 100px;
}
.navbar-fixed .page .login-screen-content {
padding-top: 56px;
}
.data-table {
padding-bottom: 1px;
}
.data-table tbody {
font-size: 14px;
}
.data-table tbody td {
height: auto;
}
.data-table td.label-cell {
padding: 16px 24px 16px 0;
}
.fb-like {
display: block !important;
height: 30px;
}
a.user span {
font-size: 16px;
line-height: normal;
text-align: center;
}
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb {
background-color: #dcdcdc;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-button:vertical:start {
height: 56px;
}
.page[data-page="testing"] ::-webkit-scrollbar-button:vertical:start {
height: 104px;
}
.page[data-page="teaching-1"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-2"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-3"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-4"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-5"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-6"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-7"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-8"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-9"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-10"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-11"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-12"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-13"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-14"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="teaching-15"] ::-webkit-scrollbar-button:vertical:end,
.page[data-page="testing"] ::-webkit-scrollbar-button:vertical:end {
height: 48px;
}
@-moz-document url-prefix() {
.tabbar-scrollable .toolbar-inner {
overflow: hidden;
}
.firefox-padding {
padding-bottom: 40px;
}
}
@supports (-ms-ime-align:auto) {
.tabbar-scrollable .toolbar-inner {
overflow: hidden;
}
.firefox-padding {
padding-bottom: 40px;
}
}
@media (min-width: 728px) {
body {
height: calc(100% - 90px) !important;
}
.google-bottom {
height: 90px;
}
}
.request {
color: #ffffff;
padding-top: 8px;
text-align: center;
-webkit-animation: animation 1s infinite;
-moz-animation: animation 1s infinite;
-o-animation: animation 1s infinite;
animation: animation 1s infinite;
}
.request.left, .request.right {
width: 300px;
height: 600px;
}
.request.bottom {
width: 100%;
height: 100%;
}
.request span {
display: block;
font-size: 20px;
font-weight: 500;
padding-bottom: 4px;
}
@-webkit-keyframes animation {
0%, 49% {
background-color: #f44336;
}
50%, 100% {
background-color: #ffc107;
}
}
@keyframes animation {
0%, 49% {
background-color: #f44336;
}
50%, 100% {
background-color: #ffc107;
}
}
img.icon-google {
height: 36px;
vertical-align: middle;
margin-top: -2px;
}
span.icon-apple {
display: inline-block;
font-size: 48px;
vertical-align: middle;
margin-top: -6px;
color: black;
}
.layout-dark span.icon-apple {
color: white;
}
.view-right {
border-left-style: solid;
border-left-color: #d6d6d6;
}
.layout-dark .view-right {
border-left-color: #393939;
}
.view-left {
border-right-style: solid;
border-right-color: #d6d6d6;
}
.layout-dark .view-left {
border-right-color: #393939;
}
a[download="testds.pdf"] {
margin-right: -17px;
}
.theme-gudsweb .button {
border-radius: 36px;
}
/* dark */
body.layout-dark,
.layout-dark .page,
.layout-dark .login-screen-content,
.layout-dark .modal,
.layout-dark .picker-modal,
.layout-dark .popover,
.layout-dark .panel,
.layout-dark .page[data-page="search"] .list-block.inputs-list {
background-color: #222;
color: rgba(255, 255, 255, 0.87);
}
.layout-dark .content-block-title {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark .content-block-inner:before {
background-color: #393939;
}
.layout-dark .content-block-inner:after {
background-color: #393939;
}
.layout-dark .popover .list-block ul {
background: none;
}
.layout-dark .card {
background: #1c1c1c;
}
.layout-dark .card-header:after {
background-color: #393939;
}
.layout-dark .card-footer {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark .card-footer:before {
background-color: #393939;
}
.layout-dark .list-block ul:before {
background-color: #393939;
}
.layout-dark .list-block ul:after {
background-color: #393939;
}
.layout-dark .list-block.inset ul {
background: #1c1c1c;
}
.layout-dark li.sorting {
background-color: rgba(34, 34, 34, 0.8);
}
.layout-dark .swipeout-actions-left a,
.layout-dark .swipeout-actions-right a {
background-color: #444;
}
.layout-dark .item-inner:after,
.layout-dark .list-block li:last-child li .item-inner:after,
.layout-dark .list-block ul ul li:last-child .item-inner:after {
background-color: #393939;
}
.layout-dark li.item-content .item-after,
.layout-dark .item-text {
color: rgba(255, 255, 255, 0.87);
}
.layout-dark .list-block-label {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark .item-divider,
.layout-dark .list-group-title {
background: #1c1c1c;
color: rgba(255, 255, 255, 0.54);
}
.layout-dark .item-divider:before,
.layout-dark .card-content-inner:not(:first-child):before,
.layout-dark .list-group-title:before {
background-color: #393939;
}
.layout-dark .contacts-block .list-group-title {
background: none;
}
.layout-dark .autocomplete-dropdown {
background: #1c1c1c;
}
.layout-dark .autocomplete-dropdown .list-block {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark .autocomplete-dropdown .list-block b {
color: rgba(255, 255, 255, 0.87);
}
html:not(.watch-active-state) .layout-dark .item-link:active,
html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
html:not(.watch-active-state) .layout-dark label.label-radio:active,
html:not(.watch-active-state) .layout-dark .modal-button:active,
html:not(.watch-active-state) .layout-dark .modal-buttons .button:active,
.layout-dark .item-link.active-state,
.layout-dark label.label-checkbox.active-state,
.layout-dark label.label-radio.active-state,
.layout-dark .modal-button.active-state,
.layout-dark .modal-buttons .button.active-state {
background-color: rgba(255, 255, 255, 0.05);
}
.layout-dark .list-block input[type="text"],
.layout-dark .list-block input[type="password"],
.layout-dark .list-block input[type="search"],
.layout-dark .list-block input[type="email"],
.layout-dark .list-block input[type="tel"],
.layout-dark .list-block input[type="url"],
.layout-dark .list-block input[type="date"],
.layout-dark .list-block input[type="datetime-local"],
.layout-dark .list-block input[type="time"],
.layout-dark .list-block input[type="number"],
.layout-dark input[type="text"],
.layout-dark input[type="number"],
.layout-dark .list-block select,
.layout-dark .list-block textarea {
color: #fff;
}
.layout-dark .list-block input[type="text"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="password"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="search"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="email"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="tel"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="url"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="date"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="datetime-local"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="time"]::-webkit-input-placeholder,
.layout-dark .list-block input[type="number"]::-webkit-input-placeholder,
.layout-dark input[type="text"]::-webkit-input-placeholder,
.layout-dark input[type="number"]::-webkit-input-placeholder,
.layout-dark .list-block select::-webkit-input-placeholder,
.layout-dark .list-block textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.35);
}
.layout-dark .label-switch .checkbox {
background: rgba(255, 255, 255, 0.3);
}
.layout-dark .item-inner:not(.focus-state) .label,
.layout-dark .item-inner:not(.focus-state) .floating-label {
color: rgba(255, 255, 255, 0.7);
}
.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .item-input-field:after,
.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .input-field:after {
background-color: rgba(255, 255, 255, 0.12);
}
.layout-dark label.label-checkbox i.icon-form-checkbox {
border-color: rgba(255, 255, 255, 0.7);
}
.layout-dark label.label-radio i.icon-form-radio {
border-color: rgba(255, 255, 255, 0.7);
}
.layout-dark .item-link.list-button:after,
.layout-dark .list-button:after {
background-color: #393939;
}
.layout-dark .ripple-wave {
background: rgba(255, 255, 255, 0.3);
}
html:not(.watch-active-state) .layout-dark .button:not(.button-fill):active,
.layout-dark .button:not(.button-fill).active-state,
.layout-dark .button:not(.button-fill).passed {
background: rgba(255, 255, 255, 0.1);
}
.layout-dark .timeline-item-inner {
background: #1c1c1c;
}
.layout-dark .timeline-item-divider {
background: rgba(255, 255, 255, 0.3);
}
.layout-dark .content-block-inner .timeline-item-inner,
.layout-dark .export-code {
border-color: #393939;
}
.layout-dark .timeline-item-time {
color: rgba(255, 255, 255, 0.7);
}
.layout-dark .data-table tbody tr.data-table-row-selected {
background: rgba(255, 255, 255, 0.05);
}
.layout-dark .data-table tbody td:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #393939;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
html.pixel-ratio-2 .layout-dark .data-table tbody td:before {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
html.pixel-ratio-3 .layout-dark .data-table tbody td:before {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
html:not(.ios):not(.android) .layout-dark .data-table tbody tr:hover {
background: rgba(255, 255, 255, 0.05);
}
.layout-dark .data-table thead th:not(.sortable-active),
.layout-dark .data-table thead td:not(.sortable-active) {
color: rgba(255, 255, 255, 0.5);
}
.layout-dark .data-table th.actions-cell a.link,
.layout-dark .data-table td.actions-cell a.link {
color: rgba(255, 255, 255, 0.5);
}
.layout-dark .data-table .sortable-cell:not(.numeric-cell):after,
.layout-dark .data-table .sortable-cell.numeric-cell:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23ffffff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M0%200h24v24H0V0z'%20fill%3D'none'%2F%3E%3Cpath%20d%3D'M20%2012l-1.41-1.41L13%2016.17V4h-2v12.17l-5.58-5.59L4%2012l8%208%208-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.layout-dark .data-table .data-table-actions a.link {
color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 480px) and (orientation: portrait) {
.layout-dark .data-table.data-table-collapsible tr:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: auto;
right: auto;
height: 1px;
width: 100%;
background-color: #393939;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
html.pixel-ratio-2 .layout-dark .data-table.data-table-collapsible tr:before {
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
html.pixel-ratio-3 .layout-dark .data-table.data-table-collapsible tr:before {
-webkit-transform: scaleY(0.33);
transform: scaleY(0.33);
}
.layout-dark .data-table.data-table-collapsible tr:hover {
background-color: inherit;
}
.layout-dark .data-table.data-table-collapsible td:not(.checkbox-cell):before {
color: rgba(255, 255, 255, 0.5);
}
}
.layout-dark .badge {
color: #222;
background-color: #8e8e93;
}
.layout-dark .list-block ul:after, .layout-dark .list-block .item-inner:after,
.layout-dark .list-block li li:last-child .item-inner:after, .layout-dark .list-block li:last-child li .item-inner:after {
border-bottom-color: #393939;
}
.layout-dark .modal-title,
.layout-dark .export-code {
color: rgba(255, 255, 255, 0.87);
}
.layout-dark .modal-text {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark input.modal-text-input {
background-color: transparent;
}
.layout-dark div.question .select, .layout-dark a:not(.detail) .select, .layout-dark p.variety .select, .layout-dark p.no-detail .select {
color: #222;
}
.layout-dark .card-footer {
background: transparent;
}
.layout-dark .wrong-answer, .layout-dark .list-block .item-text, .layout-dark p.answer span, .layout-dark .timing {
color: rgba(255, 255, 255, 0.54);
}
.layout-dark p.variety {
color: #999;
}
.layout-dark .input-clear-button {
background: #aaa;
}
.layout-dark .input-clear-button:after {
opacity: 0.8;
}
.layout-dark ul.no.access .open {
color: rgba(255, 255, 255, 0.87);
}
.layout-dark table.question, .layout-dark table.question th, .layout-dark table.question td, .layout-dark table.article, .layout-dark table.article th, .layout-dark table.article td {
border-color: rgba(255, 255, 255, 0.87);
}
/* color */
.theme-color .button:not(.button-fill) {
color: var(--color, #2196f3);
}
.theme-white.theme-color .button:not(.button-fill) {
color: #fff;
}
.theme-color .button.button-fill {
background: var(--color, #2196f3);
}
.theme-color .progressbar {
background-color: rgba(var(--color-rgb, 33, 150, 243), 0.5);
}
.theme-color .progressbar span {
background-color: var(--color, #2196f3);
}
.theme-color .progressbar-infinite {
background-color: rgba(var(--color-rgb, 33, 150, 243), 0.5);
}
.theme-color .progressbar-infinite:after,
.theme-color .progressbar-infinite:before {
background-color: var(--color, #2196f3);
}
.theme-color a,
.theme-color .item-link.list-button,
.theme-color .list-button,
.theme-color .card a {
color: var(--color, #2196f3);
}
.theme-white.theme-color a,
.theme-white.theme-color .item-link.list-button,
.theme-white.theme-color .list-button,
.theme-white.theme-color .card a {
color: #fff;
}
.theme-color .navbar,
.theme-color .toolbar,
.theme-color .subnavbar,
.theme-color .searchbar {
background-color: var(--color, #2196f3);
}
.theme-color .label-switch input[type="checkbox"]:checked + .checkbox {
background-color: rgba(var(--color-rgb, 33, 150, 243), 0.5);
}
.theme-white.theme-color .label-switch input[type="checkbox"]:checked + .checkbox {
background-color: rgba(255, 255, 255, 0.5);
}
.theme-color .label-switch input[type="checkbox"]:checked + .checkbox:after {
background-color: var(--color, #2196f3);
}
.theme-white.theme-color .label-switch input[type="checkbox"]:checked + .checkbox:after {
background-color: #fff;
}
.theme-color label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-color label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-color label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,
.theme-color label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,
.theme-color label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,
.theme-color label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox {
border-color: var(--color, #2196f3);
background-color: var(--color, #2196f3);
}
.theme-white.theme-color label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
.theme-white.theme-color label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
.theme-white.theme-color label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,
.theme-white.theme-color label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,
.theme-white.theme-color label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,
.theme-white.theme-color label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox {
border-color: #fff;
background-color: #fff;
}
.theme-color label.label-radio i.icon-form-radio:after {
background-color: var(--color, #2196f3);
}
.theme-white.theme-color label.label-radio i.icon-form-radio:after {
background-color: #fff;
}
.theme-color label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,
.theme-color label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,
.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,
.theme-color label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,
.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,
.theme-color label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio {
border-color: var(--color, #2196f3);
}
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,
.theme-white.theme-color label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,
.theme-white.theme-color label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,
.theme-white.theme-color label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio {
border-color: #fff;
}
.theme-color label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,
.theme-color label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,
.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,
.theme-color label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,
.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,
.theme-color label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio:after {
background-color: var(--color, #2196f3);
}
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,
.theme-white.theme-color label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,
.theme-white.theme-color label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,
.theme-white.theme-color label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,
.theme-white.theme-color label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio:after {
background-color: #fff;
}
.theme-color .form-checkbox input[type="checkbox"]:checked ~ i {
border-color: var(--color, #2196f3);
background-color: var(--color, #2196f3);
}
.theme-color .form-radio input[type="radio"]:checked ~ i {
border-color: var(--color, #2196f3);
}
.theme-color .form-radio input[type="radio"]:checked ~ i:after {
background-color: var(--color, #2196f3);
}
.theme-color .form-checkbox .ripple-wave,
.theme-color .form-radio .ripple-wave {
background: rgba(var(--color-rgb, 33, 150, 243), 0.5);
}
.theme-color .focus-state .label,
.theme-color .focus-state .floating-label {
color: var(--color, #2196f3);
}
.theme-color .item-input-field.focus-state:after,
.theme-color .input-field.focus-state:after,
.theme-color .item-input-field.not-empty-state:after,
.theme-color .input-field.not-empty-state:after {
background: var(--color, #2196f3) !important;
}
.theme-white.theme-color .item-input-field.focus-state:after,
.theme-white.theme-color .input-field.focus-state:after,
.theme-white.theme-color .item-input-field.not-empty-state:after,
.theme-white.theme-color .input-field.not-empty-state:after {
background: #fff !important;
}
.theme-color .picker-calendar-day.picker-calendar-day-today span {
color: var(--color, #2196f3);
}
.theme-color .picker-calendar-day.picker-calendar-day-selected span {
background-color: var(--color, #2196f3);
}
.theme-color .picker-calendar-day.picker-calendar-day-has-events span:after {
background-color: var(--color, #2196f3);
}
.theme-color .picker-header {
background-color: var(--color, #2196f3);
}
.theme-color .modal-button {
color: var(--color, #2196f3);
}
.theme-white.theme-color .modal-button {
color: #fff;
}
.theme-color .timeline-horizontal .timeline-item-date {
background-color: var(--color, #2196f3);
}
.theme-color .timeline-year-title,
.theme-color .timeline-month-title {
background-color: var(--color, #2196f3);
}
.theme-color .statusbar-overlay {
background-color: var(--color, #2196f3);
}
.theme-color .data-table .data-table-header-selected {
background: rgba(var(--color-rgb, 33, 150, 243), 0.1);
}
.theme-color .data-table .data-table-title-selected {
color: var(--color, #2196f3);
}
.theme-color .floating-button,
.theme-color .speed-dial-buttons a {
background: var(--color, #2196f3);
}
.theme-color .range-slider input[type="range"]::-webkit-slider-thumb:before {
background-color: var(--color, #2196f3);
}
.theme-color .range-slider input[type="range"]::-webkit-slider-thumb {
background-color: var(--color, #2196f3);
}
.theme-color .range-slider input[type="range"]::-ms-thumb {
background-color: var(--color, #2196f3);
}
.theme-color .range-slider input[type="range"]::-ms-fill-lower {
background-color: var(--color, #2196f3);
}
.theme-color .range-slider input[type="range"]::-moz-range-thumb {
background-color: var(--color, #2196f3);
}
.theme-color .preloader-white .preloader-inner .preloader-inner-gap, .theme-color .preloader-white .preloader-inner .preloader-inner-half-circle {
border-color: var(--color, #2196f3);
}
.theme-color .color-blue:not(.button-fill) {
color: var(--color, #2196f3);
}
.theme-white.theme-color .color-blue:not(.button-fill) {
color: #fff;
}
.theme-color .detail img {
border-color: var(--color, #2196f3);
}
.theme-color .chip {
color: var(--color, #2196f3);
}