html {
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #333;
}

body {
    margin: 0;
    font-size: 0.9375rem;
    background-color: #ededed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: 0;
}


body.prompt {
    padding: 8px;
    background-color: #fff;
}

body.show {
    background-color: #fff;
}

body.open {
}

body.astack {
}

body::-webkit-scrollbar {
    display: none;
}

html:has( > body.full), body.full {
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body.full {
    display: flex;
}

/* content sectioning */

article,
main {
    box-sizing: border-box;
    font-weight: normal;
    text-transform: none;
    transition: box-shadow 0.1s ease-in-out;
    padding: 0;
    width: 100%;
}

footer,
header,
section {
    display: flex;
    box-sizing: border-box;
    font-weight: normal;
    text-transform: none;
    align-items: center;
    transition: box-shadow 0.1s ease-in-out;
    padding: 0;
    width: 100%;
}

hgroup {
    display: flex;
    flex-direction: column;
    align-items: normal;
    width: -webkit-fill-available;
}

nav {
    display: flex;
    box-sizing: border-box;
    font-weight: normal;
    text-transform: none;
    align-items: center;
    transition: box-shadow 0.1s ease-in-out;
    padding: 0;
    width: -webkit-fill-available;
    height: auto;
}

.grid {
    display: grid;
    grid-gap: 4px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    padding: 4px;
}

/* pad the bottom if necessary */
.grid:not(:has( > .bottombar)) {
    padding-bottom: 4px;
}


.topbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    height: 3rem;
    min-height: 3rem;
    color: var(--def);
    background-color: white;
    opacity: 95%;
}

.topbar.xl {
    height: 6rem;
    min-height: 6rem;
    padding: 8px 12px;
    background-color: #ededed;
}

.place {
    height: 3rem;
    width: 100%;
}

.place.l {
    height: calc(5rem - 4px);
    width: 100%;
}

.place.xl {
    height: 6rem;
    width: 100%;
}

.bottombar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: var(--def);
    background-color: var(--def-x);
    opacity: 95%;
}

.bottombar.xl {
    bottom: 0;
    height: 5rem;
    background-color: #ededed;
}

.card {
    background-color: #fff;
    margin: 0;
    padding: 16px;
    height: auto !important;
    align-self: flex-start;
    min-height: 0;
    opacity: 95%;
    position: relative;
}

.card.active {
    background-color: var(--pri-x) !important;
}

.card.inactive {
    background-color: var(--def-i) !important;
}

body > form.card {
    background-color: #fff;
    margin: 8px;
    padding: 8px;
}

.grid > .card {
    background-color: #fff;
    margin: 0;
    box-sizing: border-box;
    padding: 8px;
    min-height: 8.5rem;
}

.card:has(aside) {
    display: flex;
    align-items: stretch
}

body > .card {
    background-color: #fff;
    margin: 8px 0;
    padding: 8px 12px;
}

.box {
    border: solid 1px var(--def-l);
}


#toolbar.topbar > nav {
    display: flex;
    align-items: center;
    padding: 0 6px;
}

.topbar > .oi-back {
    width: 32px;
    height: 32px;
    margin: 4px;
}

#toolbar.topbar button:first-of-type {
    margin-left: auto;
}

#toolbar.topbar > nav > a {
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 4px 6px;
    height: 3rem;
    margin: 0;
    box-sizing: border-box;
    border: 4px solid transparent;
    color: var(--def-l);
    min-width: 3.25rem;
    justify-content: center;
}

#toolbar.topbar > nav > a:hover,
#toolbar.topbar > nav > a:focus,
#toolbar.topbar > nav > a:active,
#toolbar.topbar > nav > a.active {
    background-color: var(--def-x);
    color: var(--def);
    border-top: 4px solid var(--pri);
}


#toolbar.bottombar > nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

#toolbar > ul > li {
    flex: none;
    box-sizing: border-box;
    padding: 4px;
    position: relative;
    margin: 0;
    border: 4px solid transparent;
    height: 3rem;
    display: flex;
    align-items: center;
}


#navbar {
    background-color: #fff;
}

#navbar > nav {
    justify-content: center;
}

#navbar > nav > a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    padding: 4px 6px;
    height: 3rem;
    margin: 0;
    box-sizing: border-box;
    border: 4px solid transparent;
    color: var(--def-l);
}

#navbar > nav > a:hover,
#navbar > nav > a:active,
#navbar > nav > a.active {
    background-color: var(--def-x);
    color: var(--def);
    border-top: 4px solid var(--pri);
    border-radius: 8px 8px 20px 20px;
}


#subnav {
    background-color: #fff;
    height: 3rem;
}

#subnav > nav {
    justify-content: center;
    gap: 4px;
}

#subnav > nav > a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    padding: 4px 12px;
    height: 2rem;
    margin: 0;
}

#subnav > nav > a:hover,
#subnav > nav > a:active,
#subnav > nav > a.active {
    color: white;
    background-color: var(--def-l);
}


.paginator {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    height: 3rem;
    list-style: none;
    font-size: 1.5rem;
    justify-content: center;
    pointer-events: none;
}

.paginator > * {
    flex: none;
    margin: 0 16px;
    position: relative;
    justify-content: center;
    border-radius: 50%;
    background-color: #ddd;
    padding: 2px 8px;
    pointer-events: auto;
}

.paginator > .active > * {
    color: var(--sec);
}

address {
    display: inline-flex;
    box-sizing: border-box;
    font-weight: normal;
    text-transform: none;
    align-items: center;
    padding: 0;
}

aside {
    box-sizing: border-box;
    font-weight: normal;
    text-transform: none;
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    flex: 1;
    min-width: 1px;
    height: auto;
}

footer {
}

header {
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    text-transform: none;
    display: flex;
    align-items: center;
    padding: 0;
}

h1 {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--pri);
    margin: 8px 0;
}

h2 {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--def);
    margin: 8px 0;
}

h3 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--pri);
    margin: 8px 0;
}

h4 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 4px 0;
    color: var(--def);
}

h5 {
    font-size: 0.85rem;
    font-weight: normal;
    margin: 2px 0;
    color: var(--pri);
}

h6 {
    font-size: 0.85rem;
    font-weight: normal;
    margin: 2px 0;
    color: var(--def);
}

hgroup {
}


section {
}

/* text content */

blockquote {
}

dd {
}

div {
}

dl {
}

dt {
}

figcaption {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    padding: 6px;
    background: rgb(102 102 102 / 40%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

figure {
    display: flex;
    position: relative;
    justify-content: center;
    margin: 0;
}

hr {
}


p {
    font-size: 0.8rem;
    margin: 4px 0;
    line-height: 1.6;
    color: var(--def-l);
}

pre {
}

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

li {
    display: flex;
    min-height: 2.75rem;
    align-items: center;
}

.card li:hover {
    background-color: var(--pri-x);
}

menu > li:nth-child(n+2),
ul > li:nth-child(n+2) {
    background-color: inherit;
    border-top: 1px solid var(--pri-u);
}

.relative {
    position: relative !important;
}

.flex {
    display: flex;
}

.col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 0;
}

.between {
    display: flex;
    justify-content: space-between;
}

.around {
    display: flex;
    justify-content: space-around;
}

.evenly {
    display: flex;
    justify-content: space-evenly;
}

.start {
    display: flex;
    justify-content: flex-start;
}

.end {
    display: flex;
    justify-content: flex-end;
}

.center {
    text-align: center;
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
}

.right {
    text-align: right;
    margin-left: auto !important;
    justify-content: end;
}

.left {
    text-align: left;
    margin-right: auto !important;
    justify-content: start;
}

.bottom {
    margin-top: auto !important;
}

.top {
    margin-bottom: auto !important;
}

.middle {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.hidden {
    display: none;
    visibility: hidden;
}

.invalid {
    border-color: crimson;
    background-color: #ffe6e6;
}

.corner1 {
    position: absolute;
    top: 0;
    left: 0;
}

.corner2 {
    position: absolute;
    top: 0;
    right: 0;
}

.corner3 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.corner4 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.fixed-left {
    position: fixed;
    left: 4px;
    justify-content: start;
}

.fixed-right {
    position: fixed;
    right: 0;
    justify-content: start;
}

.top-right {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
}

.top-left {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 10;
}

/* inline text semantics */

a {
    text-decoration: none;
    outline: none;
    color: var(--def);
    display: flex;
    align-items: center;
}

a:visited,
a:active,
a.active,
a:hover {
    color: var(--def);
}


.u {
    text-decoration: underline !important;
}

.icon-link {
    text-decoration: none;
    background-color: var(--pri) !important;
    color: white !important;
    padding: 8px !important;
    border-radius: 50%;
    margin: 0 4px;
}

.icon-link.inactive {
    background-color: var(--pri-u) !important;
}


li > a {
    width: 100%;
}

abbr {
}

br {
}

cite {
    color: #fff;
    background-color: var(--sec-u);
    font-size: 12px;
    border-radius: 500px;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

code {
}

mark {
    margin: 0 2px;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid var(--war);
    background-color: transparent;
    color: var(--war);
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    font-style: normal;
}

mark.plain {
    background-color: var(--def-u);
    color: var(--def);
}

mark.single {
    background-color: var(--war-u);
    color: var(--war);
}

mark.duo {
    background-color: var(--war-x);
    color: var(--war);
}

mark.strong {
    background-color: var(--war);
    color: white;
}

.mark {
    background-color: var(--war);
    color: white;
}

em {
    margin-left: auto;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    background-color: transparent;
    color: var(--def);
    padding: 0;
    border-top: solid 1px var(--def);
    border-bottom: solid 1px var(--def);
}

i {
}

span.icon {
    padding: 4px;
    border-radius: 50%;
    background-color: #f6f6f6;
}

q {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--def-l);
    padding: 0;
    flex: 1; /* Grows to fill available space in the flex container */
}

q:before, q:after {
    content: '';
}

s {
}

samp {
}

small, .small {
    font-size: 0.75rem;
    font-weight: 500;
}

span {
    display: flex;
    align-items: center;
}

strong {
}

sub {
}

sup {
}

time {
}

u {
}

/* image and multimedia */

area {
}

audio {
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    margin-top: auto;
    margin-bottom: auto;
}

.circle {
    border-radius: 50%;
    background-color: #f8f8f8;
}

.round {
    border-radius: 12px;
}

map {
}

video {
}

/* embedded content */

iframe {
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: none;
}

/* Svg & MathML */

svg {
}

math {
}

/* scripting */

canvas {
}

noscript {
}

script {
}


/* table content */

caption {
    padding: 6px;
}

col {
}

colgroup {
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: -webkit-fill-available;
    overflow-x: auto;
    margin: 4px 0;
    background-color: white;
}

tbody {
}

td {
    padding: 0 4px;
    height: 2.75rem;
}

tfoot {
}

th {
    padding: 8px 4px;
    vertical-align: bottom;
    font-size: 0.875rem;
    font-weight: normal;
    color: var(--pri);
    text-transform: uppercase;
}

thead {
    background-color: var(--def-x);
    height: 2.75rem;
}

tr {
}

table > tr:not(:first-child),
table > tbody > tr:not(:first-child) {
    border-top: 1px solid var(--pri-u);
}

/*
 * Scale Up
 */
@keyframes fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-right {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scale-up {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/* forms */

button {
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    font-size: 14px;
    border: 0;
    color: black;
    background-color: var(--def-i);
    padding: 2px 8px;

}

button.submit,
a.submit {
    padding: 8px 1.5rem !important;
    margin: 4px !important;
    font-size: .9375rem !important;
    background-color: var(--pri) !important;
    color: white !important;
    border-radius: 16px !important;
    border: 0 !important;
}

a.link {
    padding: 4px;
    margin: 4px !important;
    font-size: .75rem !important;
    color: black !important;
    border: none;
    text-decoration: none;
}

.topbar button:first-of-type {
    margin-left: auto;
}

.topbar button {
    color: var(--def);
    background-color: inherit;
    border: 1px solid transparent;
    font-size: .9375rem;
    padding: 6px;
    margin: 2px;
}

.bottombar button {
    color: white;
    background-color: var(--pri);
    border: none;
    font-size: .9375rem;
    padding: 2px 8px;
    margin: 2px;
}

form.card button {
    color: var(--def);
    padding: 2px 4px;
    margin: 0 2px;
    background-color: var(--pri-u);
}

.card nav > button {
    color: var(--def-l);
    border: 1px solid var(--def-x);
    border-radius: 8px;
    padding: 0 4px;
    margin: 0 2px;
    background-color: inherit;
}

.card nav > button:hover {
    background-color: var(--def-x);
}


datalist {

}

fieldset {
    flex: 1;
    min-width: 1px;
    border: none;
    margin: 0 0 8px 0;
    padding: 4px;
}

form {
}

input, var, select, textarea {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    padding: 4px;
    border: none;
    outline: none;
    font-size: inherit;
    font-style: normal;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
    min-height: 2rem;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
}

input, select, textarea {
    color: var(--def);
    background-color: var(--def-i);
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--def-l);
    width: 2rem;
    height: 2rem;
}

output {
    box-sizing: border-box;
    padding: 0;
    color: var(--def);
    border: none;
    outline: none;
    font-size: inherit;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
    min-height: 1.5rem;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
}

select {
    padding: 0;
}


input[type='checkbox'], input[type='radio'] {
    display: inline-flex;
    padding: 0;
    margin: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: .2s ease-in-out;
    transition-property: background-color, border;
}

input[type='checkbox'] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

input[type='radio'] {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E");
}


label {
    display: inline-flex;
    color: var(--pri);
    margin-right: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    height: 2rem;
    gap: 4px;
}

label:has(+ input, + select, + textarea, + var, + span) {
    width: 5rem;
    min-width: 5rem;
}


legend {
    text-transform: uppercase;
    color: var(--def);
    width: 100%;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: bolder;
    box-sizing: border-box;
}

meter {
}

optgroup {
}

option {
}

output {
}

progress {
}

select {
    text-transform: none;
    padding-left: 0;
}

textarea {
}

input::placeholder,
textarea::placeholder {
    color: var(--def-u);
    opacity: 1; /* full opacity in some browsers */
}

/* interactive elements */

details {

}

summary {

}

.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 1010;
    overflow-y: hidden;
    border: none;
    opacity: 1;
    background: rgba(0, 0, 0, .25);
    transition: opacity .15s linear;
}

dialog {
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: 100%;
    border: none;
    position: fixed;
    box-sizing: border-box;
    background: white;

    transform: translateY(-100px);
    transition: 0.3s linear;
    transition-property: opacity, transform;

    display: flex;
    flex-direction: column;
    overscroll-behavior: contain;
}

body:has(dialog[open]) {
    overflow: hidden;
    touch-action: none;  /* to block touch scrolling */
}

dialog > header {
    height: 3rem;
    justify-content: center;
}

dialog.prompt {
    position: relative;
    height: 60%;
    margin: auto;
    max-height: 360px;
    width: 90%;
    max-width: 400px;
    transform: translateY(0);
    display: flex;
    flex-direction: column;
    box-shadow: #999 2px 0 12px 0;
    animation: 0.5s scale-up;
}


dialog.show {
    position: fixed;
    bottom: 0;
    height: 80%;
    min-height: 400px;
    transform: translateY(0);
    box-shadow: #999 2px 0 3px 1px;
    animation: 0.5s fade-bottom;
}

dialog.show > a {
    position: absolute;
    z-index: 1010;
    top: -28px;
    left: calc((100% - 28px) / 2);
    left: -webkit-calc((100% - 28px) / 2);
    color: var(--sec);
    background-color: white;
    padding: 4px 8px;
    width: fit-content;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 -1px 0 0 #999;
}

dialog.open {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    transform: translateY(0);
    box-shadow: var(--def-u) 2px 0 3px 1px;
    animation: 0.5s scale-up;
}

dialog.astack {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    transform: translateY(0);
    box-shadow: var(--def-u) 2px 0 3px 1px;
    animation: 0.5s fade-right;
}

.close {
    position: absolute;
    z-index: 1010;
    right: 8px;
    padding: 4px;
    color: var(--sec);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.overlay img {
    max-width: 100%;
    max-height: 100%;
    cursor: zoom-out;
    transition: transform 0.2s;
}


.sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}


.p0 {
    padding: 0 !important;
}

.p1 {
    padding: 120px !important;
}

.p2 {
    padding: 60px !important;
}

.p3 {
    padding: 32px !important;
}

.p4 {
    padding: 16px !important;
}

.p5 {
    padding: 8px !important;
}

.p6 {
    padding: 4px !important;
}

.m0 {
    margin: 0 !important;
}

.m1 {
    margin: 120px !important;
}

.m2 {
    margin: 60px !important;
}

.m3 {
    margin: 32px !important;
}

.m4 {
    margin: 16px !important;
}

.m5 {
    margin: 8px !important;
}

.m6 {
    margin: 4px !important;
}

.mv5 {
    margin: 8px 0 !important;
}

.mv6 {
    margin: 4px 0 !important;
}

.mh5 {
    margin: 0 8px !important;
}

.mh6 {
    margin: 0 4px !important;
}


.c0 {
    color: inherit !important;
}

.cw {
    color: white !important;
}

.c1 {
    color: var(--pri) !important;
}

.c2 {
    color: var(--sec) !important;
}

.c3 {
    color: var(--def) !important;
}

.c4 {
    color: var(--war) !important;
}

.c5 {
    color: var(--pri) !important;
}

.c6 {
    color: var(--pri) !important;
}

.b0 {
    background-color: inherit !important;
}

.bw {
    background-color: white !important;
}

.b1 {
    background-color: var(--pri) !important;
}

.b2 {
    background-color: var(--pri-x) !important;
}

.b3 {
    background-color: var(--sec) !important;
}

.b4 {
    background-color: var(--sec-x) !important;
}

.b5 {
    background-color: var(--def) !important;
}

.b6 {
    background-color: var(--def-x) !important;
}

.b7 {
    background-color: var(--war) !important;
}

.b8 {
    background-color: var(--war-x) !important;
}

.expand {
    flex: 1;
    min-width: 1px;
}

.w0 {
    width: -webkit-fill-available;
}

.w1 {
    width: 160px !important;
}

.w2 {
    width: 120px !important;
}

.w3 {
    width: 90px !important;
}

.w4 {
    width: 64px !important;
}

.w5 {
    width: 32px !important;
}

.w6 {
    width: 16px !important;
}

.w-1 {
    width: 100%;
}

.w-2 {
    width: 50%;
}

.w-3 {
    width: 33.3%;
}

.w-4 {
    width: 25%;
}

.w-5 {
    width: 20%;
}

.w-6 {
    width: 16.6%;
}


.h0 {
    height: auto;
}

.h-1 {
    height: 100%;
}

.h1 {
    height: 160px !important;
}

.h2 {
    height: 120px !important;
}

.h3 {
    height: 90px !important;
}

.h4 {
    height: 64px !important;
}

.h5 {
    height: 32px !important;
}

.h6 {
    height: 16px !important;
}


/*!
 * weui-icon v1.0.2 (https://github.com/weui/weui-icon)
 * Copyright 2021 Tencent, Inc.
 * Licensed under the MIT license
 */

[class*="oi-"] {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    width: 2em;
    height: 2em;
    margin: 0;
    background-color: currentColor;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

.oi-add-friends {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.832 12.35C7.096 11.478 6.5 9.85 6.5 8.71V7a4 4 0 018 0v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.615.3 1.114 1.093 1.114 1.783v.687a1 1 0 01-1.001.998H2a.998.998 0 01-1-.998v-.687c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429zM2.2 19.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 007.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705v.485zm16.7-8.9V8h1.2v2.9H23v1.2h-2.9V15h-1.2v-2.9H16v-1.2h2.9z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-add {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 11.25V3.5h1.5v7.75h7.75v1.5h-7.75v7.75h-1.5v-7.75H3.5v-1.5h7.75z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-add2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4 11.4V7h1.2v4.4H17v1.2h-4.4V17h-1.2v-4.4H7v-1.2h4.4zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-album {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8 14.409V5.2H3.2v8.892l5-4.043c.462-.374 1.205-.356 1.65.036l4.477 3.933 2.282-1.94c.462-.394 1.198-.386 1.646.017L20.8 14.41zm0 1.585l-3.374-3.036-2.188 1.86L16.582 16h-1.77l-5.806-5.06L3.2 15.636V18.8h17.6v-2.806zM2.992 4h18.016c.537 0 .992.481.992 1.075v13.85c0 .596-.444 1.075-.992 1.075H2.992C2.455 20 2 19.519 2 18.925V5.075C2 4.479 2.444 4 2.992 4z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-arrow {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M7.588 12.43l-1.061 1.06L.748 7.713a.996.996 0 010-1.413L6.527.52l1.06 1.06-5.424 5.425 5.425 5.425z' id='a'/%3E%3C/defs%3E%3Cuse fill-opacity='.9' transform='rotate(-180 5.02 9.505)' xlink:href='%23a' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-at {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.27 8.188c-1.7 0-2.801 1.44-2.801 3.656 0 2.203 1.09 3.633 2.789 3.633 1.734 0 2.847-1.454 2.847-3.692 0-2.203-1.09-3.598-2.835-3.598zM11.645 2c5.135 0 9.375 3.527 9.375 8.719 0 3.726-1.547 6.117-4.125 6.117-1.395 0-2.497-.844-2.672-2.156h-.082c-.528 1.336-1.618 2.074-3.07 2.074-2.415 0-4.055-1.992-4.055-4.945 0-2.883 1.664-4.875 4.054-4.875 1.36 0 2.543.738 2.977 1.886h.082V7.168h1.36v6.703c0 1.066.562 1.77 1.628 1.77 1.559 0 2.625-1.793 2.625-4.946 0-4.476-3.504-7.52-8.097-7.52-4.594 0-8.356 3.35-8.356 8.598 0 4.875 4.014 8.59 8.484 8.59 1.582 0 3.094-.199 3.891-.515v1.16c-.95.328-2.332.515-3.902.515C6.198 21.523 2 17.326 2 11.727A9.662 9.662 0 0111.645 2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-back {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 010-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-back2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm1.999-5.363L12.953 16.5 9.29 12.723a1.045 1.045 0 010-1.446L12.953 7.5 14 8.563 10.68 12 14 15.438z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-bellring-off {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.805 17.108l3.62 3.62-.849.848L4.85 4.85 5.697 4 7.61 5.912a6.005 6.005 0 012.418-1.58 2 2 0 113.945 0A6.003 6.003 0 0118 10v4c0 1.036.268 2.072.805 3.108zM8.457 6.76l8.444 8.443A7.253 7.253 0 0116.8 14v-4c0-2.06-1.309-3.87-3.222-4.535l-.956-.332.167-.999a.8.8 0 10-1.578 0l.167.999-.956.332A4.792 4.792 0 008.457 6.76zM18.303 20H5.187a1 1 0 01-.806-1.592C5.46 16.938 6 15.469 6 14v-4c0-.69.117-1.354.331-1.972l.973.974A4.808 4.808 0 007.2 10v4c0 1.63-.552 3.236-1.626 4.8h11.529l1.2 1.2zM11 20h2v.2a1 1 0 11-2 0V20z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-bellring-on {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4a2 2 0 113.973.332A6.003 6.003 0 0118 10v4c0 1.47.54 2.939 1.62 4.408A1 1 0 0118.812 20H5.187a1 1 0 01-.806-1.592C5.46 16.938 6 15.469 6 14v-4a6.003 6.003 0 014.027-5.668A2.014 2.014 0 0110 4zm2 14.8h6.426C17.352 17.236 16.8 15.63 16.8 14v-4c0-2.06-1.309-3.87-3.222-4.535l-.956-.332.167-.999a.8.8 0 10-1.578 0l.167.999-.956.332A4.802 4.802 0 007.2 10v4c0 1.63-.552 3.236-1.626 4.8H12zM11 20h2v.2a1 1 0 11-2 0V20z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-camera {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.358 5.2H9.642l-2 3H3.2v10.6h17.6V8.2h-4.442l-2-3zm.374-1.2a.5.5 0 01.416.223L17 7h4a1 1 0 011 1v11a1 1 0 01-1 1H3a1 1 0 01-1-1V8a1 1 0 011-1h4l1.852-2.777A.5.5 0 019.268 4h5.464zM12 15.8a2.8 2.8 0 100-5.6 2.8 2.8 0 000 5.6zm0 1.2a4 4 0 110-8 4 4 0 010 8z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-cellphone {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3a1 1 0 011-1h12a1 1 0 011 1v18a1 1 0 01-1 1H6a1 1 0 01-1-1V3zm1.2.2v17.6h11.6V3.2H6.2zM12 20a1 1 0 110-2 1 1 0 010 2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-clip {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.2 7.2v9.6h9.6V7.2H7.2zM6 7.2H3V6h3V3h1.2v3H17a1 1 0 011 1v9.8h3V18h-3v3h-1.2v-3H7a1 1 0 01-1-1V7.2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-close {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M8 6.943L1.807.75.75 1.807 6.943 8 .75 14.193l1.057 1.057L8 9.057l6.193 6.193 1.057-1.057L9.057 8l6.193-6.193L14.193.75z'/%3E%3C/defs%3E%3Cuse fill-opacity='.9' xlink:href='%23a' transform='translate(4 4)' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-close2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm.849-8.8l3.11 3.111-.848.849L12 12.849l-3.111 3.11-.849-.848L11.151 12l-3.11-3.111.848-.849L12 11.151l3.111-3.11.849.848L12.849 12z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-comment {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.503 17.8H20.5a.3.3 0 00.3-.3v-12a.3.3 0 00-.3-.3h-17a.3.3 0 00-.3.3v12a.3.3 0 00.3.3h4.7v2.303l2.303-2.303zM11 19l-2.293 2.293A1 1 0 017 20.586V19H3.5A1.5 1.5 0 012 17.5v-12A1.5 1.5 0 013.5 4h17A1.5 1.5 0 0122 5.5v12a1.5 1.5 0 01-1.5 1.5H11z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-contacts {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 19.8v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 007.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705v.485h16.6zM1 20v-.685c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C7.096 11.478 6.5 9.85 6.5 8.71V7a4 4 0 018 0v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.615.3 1.114 1.093 1.114 1.783V20a1 1 0 01-1 1H2a1 1 0 01-1-1zm19-5.5h3v1.2h-3v-1.2zm-2-3h5v1.2h-5v-1.2zm-2-3h7v1.2h-7V8.5z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-copy {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4 3.2H6.2v17.6h12.6V9.6H14A1.6 1.6 0 0112.4 8V3.2zm1.2.099V8c0 .22.18.4.4.4h4.703L13.6 3.299zM5.996 2h8.002L20 8v13.001a.996.996 0 01-.996.999H5.996A1 1 0 015 21.001V3c0-.554.446-1 .996-1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-delete-on {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.774 6.4l.812 13.648a.8.8 0 00.798.752h7.232a.8.8 0 00.798-.752L17.226 6.4h1.203l-.817 13.719A2 2 0 0115.616 22H8.384a2 2 0 01-1.996-1.881L5.571 6.4h1.203zM9.5 9h1.2l.5 9H10l-.5-9zm3.8 0h1.2l-.5 9h-1.2l.5-9zM4.459 2.353l15.757 2.778a.5.5 0 01.406.58L20.5 6.4 3.758 3.448l.122-.69a.5.5 0 01.579-.405zm6.29-1.125l3.94.695a.5.5 0 01.406.58l-.122.689-4.924-.869.122-.689a.5.5 0 01.579-.406z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-delete {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.774 6.4l.812 13.648a.8.8 0 00.798.752h7.232a.8.8 0 00.798-.752L17.226 6.4H6.774zm11.655 0l-.817 13.719A2 2 0 0115.616 22H8.384a2 2 0 01-1.996-1.881L5.571 6.4H3.5v-.7a.5.5 0 01.5-.5h16a.5.5 0 01.5.5v.7h-2.071zM14 3a.5.5 0 01.5.5v.7h-5v-.7A.5.5 0 0110 3h4zM9.5 9h1.2l.5 9H10l-.5-9zm3.8 0h1.2l-.5 9h-1.2l.5-9z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-discover {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20.8a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm0 1.2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.877-10.877l-1.856 3.61 3.61-1.856 1.856-3.61-3.61 1.856zm-.89-.89l5.891-3.03a.5.5 0 01.674.673l-3.03 5.892-5.892 3.03a.5.5 0 01-.674-.674l3.03-5.892z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-display {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2 5.2v12.6h17.6V5.2H3.2zM2 5a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1H3a1 1 0 01-1-1V5zm6 15.9c0-.331.266-.6.601-.6H15.4c.332 0 .601.278.601.6v.6H8v-.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-done {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.864 16.617l-5.303-5.303-1.061 1.06 5.657 5.657a1 1 0 001.414 0L21.238 6.364l-1.06-1.06L8.864 16.616z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-done2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm-1.172-6.242l5.809-5.808.848.849-5.95 5.95a1 1 0 01-1.414 0L7 12.426l.849-.849 2.98 2.98z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-download {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 8.2H16V7h3.001c.55 0 .999.446.999.996v13.008a.998.998 0 01-.996.996H4.996A.998.998 0 014 21.004V7.996A1 1 0 014.999 7H8v1.2H5.2v12.6h13.6V8.2zm-6.2 4.417l2.087-2.087.849.849-2.829 2.828a1 1 0 01-1.414 0L8.464 11.38l.849-.849 2.087 2.087V2h1.2v10.617z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-email {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 5.2l7.56 5.67a.4.4 0 00.48 0L19.8 5.2H4.2zm16.6.75l-7.84 5.88a1.6 1.6 0 01-1.92 0L3.2 5.95V18.8h17.6V5.95zM3 4h18a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-error {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm-.66-14.369h1.32l-.089 7.06H11.43l-.088-7.06zM12 17.073a.825.825 0 01-.835-.835.82.82 0 01.835-.835c.476 0 .835.36.835.835a.82.82 0 01-.835.835z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-eyes-off {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.67 16.973l2.755 2.755-.849.848L3.85 3.85 4.697 3l2.855 2.855C8.932 5.303 10.432 5 12 5c4.808 0 8.972 2.848 11 7a12.65 12.65 0 01-4.33 4.973zM8.486 6.79l1.664 1.664a4 4 0 015.398 5.398l2.255 2.255c1.574-1 2.904-2.403 3.845-4.106C19.686 8.45 16.034 6.2 12 6.2a10.75 10.75 0 00-3.514.59zm6.152 6.152a2.8 2.8 0 00-3.579-3.579l3.579 3.579zm1.81 5.204c-1.38.552-2.88.855-4.448.855-4.808 0-8.972-2.848-11-7a12.65 12.65 0 014.33-4.973l.867.867A11.363 11.363 0 002.352 12c1.962 3.55 5.614 5.8 9.648 5.8a10.75 10.75 0 003.514-.59l.934.935zM8.453 10.15l.909.91a2.8 2.8 0 003.579 3.579l.91.908a4 4 0 01-5.398-5.398z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-eyes-on {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.8c4.034 0 7.686-2.25 9.648-5.8C19.686 8.45 16.034 6.2 12 6.2S4.314 8.45 2.352 12c1.962 3.55 5.614 5.8 9.648 5.8zM12 5c4.808 0 8.972 2.848 11 7-2.028 4.152-6.192 7-11 7s-8.972-2.848-11-7c2.028-4.152 6.192-7 11-7zm0 9.8a2.8 2.8 0 100-5.6 2.8 2.8 0 000 5.6zm0 1.2a4 4 0 110-8 4 4 0 010 8z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-folder {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.8 9V6.7H10.204L8.33 5.2H3.2V9h17.6zm0 1.2H3.2v8.6h17.6v-8.6zM3 4h5.75l1.875 1.5H21a1 1 0 011 1V19a1 1 0 01-1 1H3a1 1 0 01-1-1V5a1 1 0 011-1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-group-detail {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.2 19.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 007.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705v.485zM13.496 4.35A3.38 3.38 0 0115 4c1.86 0 3.368 1.494 3.368 3.334v1.424c0 .95-.504 2.311-1.121 3.035l-.305.357c-.496.582-.341 1.324.353 1.659l4.767 2.3c.518.25.938.912.938 1.487v.572a.84.84 0 01-.843.832h-2.19c.022.106.033.212.033.315v.687a1 1 0 01-1.001.998H2a.998.998 0 01-1-.998v-.687c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C7.096 11.478 6.5 9.85 6.5 8.71V7c0-2.21 1.795-4 4-4a3.99 3.99 0 012.996 1.35zm.657 1.02A3.98 3.98 0 0114.5 7v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168 6.159 16.2 5.2 15 5.2c-.3 0-.587.06-.847.17z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-help {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zM9 9.707C9.077 8.2 10.081 7 12.042 7 13.8 7 15 8.088 15 9.526c0 1.095-.565 1.87-1.458 2.407-.886.523-1.137.914-1.137 1.646v.454h-1.221v-.642c-.007-.921.44-1.55 1.395-2.121.81-.496 1.123-.935 1.123-1.682 0-.865-.67-1.5-1.709-1.5-1.053 0-1.723.621-1.8 1.619H9zm2.798 7.507a.786.786 0 01-.796-.795c0-.454.35-.796.796-.796.453 0 .795.342.795.796a.782.782 0 01-.795.795z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-home {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 19.8h3.8v-7h3.303L12 4.697 3.897 12.8H7.2v7H11V17h2v2.8zm5 .2a1 1 0 01-1 1H7a1 1 0 01-1-1v-6H3.414a1 1 0 01-.707-1.707l8.586-8.586a1 1 0 011.414 0l8.586 8.586A1 1 0 0120.586 14H18v6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-imac {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M18.8 11V1.2H1.2V11h17.6zm0 1.2H1.2v1.6h17.6v-1.6zM13.155 15l.622 1.84a.5.5 0 01-.474.66H6.697a.5.5 0 01-.474-.66L6.845 15H1a1 1 0 01-1-1V1a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1h-5.845zm-5.044 0l-.439 1.3h4.656l-.44-1.3H8.112z' id='a'/%3E%3C/defs%3E%3Cuse fill-opacity='.9' xlink:href='%23a' transform='translate(2 4)' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-info {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zM11.4 10h1.2v7h-1.2v-7zm.6-1a1 1 0 110-2 1 1 0 010 2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-keyboard {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zM6.5 8h2v2h-2V8zm3 0h2v2h-2V8zm3 0h2v2h-2V8zm3 0h2v2h-2V8zm-9 3h2v2h-2v-2zm3 0h2v2h-2v-2zM9 15h6v2H9v-2zm3.5-4h2v2h-2v-2zm3 0h2v2h-2v-2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-love {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.285 12.645a3.8 3.8 0 00-5.416-5.332c-.192.192-.436.427-.732.707l-.823.775-.823-.775c-.297-.28-.54-.515-.733-.707a3.8 3.8 0 00-5.374 0c-1.468 1.469-1.485 3.844-.054 5.32l6.984 6.984 6.97-6.972zm-14.75-6.18a5 5 0 017.072 0c.182.182.418.41.707.682.288-.272.524-.5.707-.683a5 5 0 017.125 7.017l-7.125 7.126a1 1 0 01-1.414 0L4.48 13.48a5 5 0 01.055-7.017z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-link {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.657 12l-.849-.849 2.122-2.12a2.8 2.8 0 00-3.96-3.96l-3.89 3.888a2.8 2.8 0 000 3.96l-.848.849a4 4 0 010-5.657l3.89-3.89a4 4 0 015.656 5.658L17.657 12zM6.343 12l.849.849-2.122 2.12a2.8 2.8 0 003.96 3.96l3.89-3.888a2.8 2.8 0 000-3.96l.848-.849a4 4 0 010 5.657l-3.89 3.89a4 4 0 11-5.656-5.658L6.343 12z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-location {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.065 21.243a.25.25 0 00-.006-.005l.006.005zm.182-.274a29.224 29.224 0 003.183-3.392c2.04-2.563 3.281-5.09 3.365-7.337a6.8 6.8 0 10-13.591 0c.085 2.247 1.327 4.774 3.366 7.337a29.224 29.224 0 003.183 3.392c.11.1.194.172.247.218.053-.046.137-.119.247-.218zm-.985 1.165S4 16.018 4 10a8 8 0 1116 0c0 6.018-7.262 12.134-7.262 12.134-.404.372-1.069.368-1.476 0zM12 12.8a2.8 2.8 0 100-5.6 2.8 2.8 0 000 5.6zm0 1.2a4 4 0 110-8 4 4 0 010 8z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-lock {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9V6a4 4 0 118 0v3h3a1 1 0 011 .999V21a.997.997 0 01-1 1H5a1 1 0 01-1-.999V10a.997.997 0 011-1h3zm1.2 0h5.6V6a2.8 2.8 0 00-5.6 0v3zm-4 1.2v10.6h13.6V10.2H5.2zm6.2 5.675a1.5 1.5 0 111.2 0V18h-1.2v-2.125z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-max-window {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 16v4a1 1 0 01-1 1h-4v-1.2h3.8V16H21zM8 3v1.2H4.2V8H3V4a1 1 0 011-1h4zm11.797 2.046l-5.472 5.472-.849-.849 5.472-5.472h-2.951v-1.2h4a1 1 0 011 1v4h-1.2V5.046zM4.203 18.954l5.472-5.472.849.849-5.472 5.472h2.951v1.2h-4a1 1 0 01-1-1v-4h1.2v2.951z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-me {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.3 19.8v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 009.2 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L4.14 18.61c-.203.099-.44.479-.44.705v.485h16.6zM2.5 20v-.685c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C8.596 11.478 8 9.85 8 8.71V7a4 4 0 018 0v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.615.3 1.114 1.093 1.114 1.783V20a1 1 0 01-1 1h-17a1 1 0 01-1-1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-mike {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7 6.5v6a3.3 3.3 0 106.6 0v-6a3.3 3.3 0 00-6.6 0zm3.9 13.476V23h-1.2v-3.024A7.5 7.5 0 014.5 12.5V11h1.2v1.5a6.3 6.3 0 0012.6 0V11h1.2v1.5a7.5 7.5 0 01-6.9 7.476zM7.5 6.5a4.5 4.5 0 019 0v6a4.5 4.5 0 11-9 0v-6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-mike2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20.8a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm0 1.2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-14.3A1.3 1.3 0 0010.7 9v3.5a1.3 1.3 0 102.6 0V9A1.3 1.3 0 0012 7.7zm.6 9.26v1.54h-1.2v-1.54a4.502 4.502 0 01-3.9-4.462V11h1.2v1.498a3.3 3.3 0 106.6 0V11h1.2v1.498a4.502 4.502 0 01-3.9 4.462zM12 6.5A2.5 2.5 0 0114.5 9v3.5a2.5 2.5 0 11-5 0V9A2.5 2.5 0 0112 6.5z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-mobile-contacts {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3a1 1 0 011-1h14a1 1 0 011 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1V3zm1.2.2v17.6h13.6V3.2H5.2zm9.71 10.106l1.742.655a.58.58 0 01.347.508c.008.092-.038.2-.046.223a1.965 1.965 0 01-2.36 1.224 8.668 8.668 0 01-4.195-2.325A8.648 8.648 0 018.07 9.402C8.062 9.348 8 9.125 8 8.886c0-.847.54-1.563 1.296-1.84.023-.008.13-.046.223-.046a.561.561 0 01.51.339l.655 1.74c.03.085.015.13-.031.216-.155.269-.525.947-.733 1.355a.673.673 0 00.015.678 7.718 7.718 0 001.173 1.547c.455.462.987.847 1.55 1.178a.67.67 0 00.678.015 69.99 69.99 0 001.357-.731c.085-.046.124-.062.216-.03z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-more {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 12a1.75 1.75 0 11-3.5 0 1.75 1.75 0 013.5 0zM12 10.25a1.75 1.75 0 110 3.5 1.75 1.75 0 010-3.5zm7 0a1.75 1.75 0 110 3.5 1.75 1.75 0 010-3.5z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-more2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm0-7.8a1 1 0 110-2 1 1 0 010 2zm4 0a1 1 0 110-2 1 1 0 010 2zm-8 0a1 1 0 110-2 1 1 0 010 2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-mosaic {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 15h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2zm0-8h2v2h-2V7zm-8 4h2v2H7v-2zm0-4h2v2H7V7zm2 6h2v2H9v-2zm0-4h2v2H9V9zm4 4h2v2h-2v-2zm0-4h2v2h-2V9zm-2-2h2v2h-2V7zm0 4h2v2h-2v-2zm4 0h2v2h-2v-2zM4.2 4.2v15.6h15.6V4.2H4.2zM4 3h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-music-off {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.532 4.835l11.345-2.492a.61.61 0 01.72.46.57.57 0 01.01.13v13.65a2.675 2.675 0 01-.027.3l2.845 2.845-.849.848L4.85 3.85 5.697 3l1.835 1.835zm9.857 9.857l.278-.059a.91.91 0 00.73-.89v-9.91L8.667 5.97l8.722 8.722zM6.407 7.104l1.2 1.2v10.9a2.68 2.68 0 01-1.52 2.36c-.18.08-1.23.32-1.3.32a1.69 1.69 0 01-.38 0 2.09 2.09 0 01-2-2 2.13 2.13 0 011.6-2.24l1.67-.35a.9.9 0 00.73-.89v-9.3zm8.513 8.513l.844.844a1 1 0 00-.197.682.91.91 0 00.8.88h.15c.096-.018.395-.082.663-.146l.987.987a2.682 2.682 0 01-.1.05c-.43.131-.868.242-1.31.33a1.72 1.72 0 01-.39 0 2.1 2.1 0 01-2-2 2.128 2.128 0 01.553-1.627zm-8.513 2.686c-.155.08-.32.14-.49.18l-1.72.34a1 1 0 00-.59 1 .87.87 0 00.94.87c.15-.04.88-.2 1.07-.26.46-.244.76-.71.79-1.23v-.9z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-music {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.597 2.803a.61.61 0 00-.72-.46l-11.61 2.55a1.1 1.1 0 00-.86 1.11v10.4a.9.9 0 01-.73.89l-1.67.35a2.13 2.13 0 00-1.6 2.24 2.09 2.09 0 002 2c.127.014.254.014.38 0 .07 0 1.12-.24 1.3-.32a2.68 2.68 0 001.52-2.36v-13l10.79-2.37v9.91a.91.91 0 01-.73.89l-1.74.37a2.13 2.13 0 00-1.56 2.24 2.1 2.1 0 002 2c.13.015.26.015.39 0 .442-.087.88-.198 1.31-.33a2.67 2.67 0 001.54-2.33V2.933a.57.57 0 00-.01-.13zm-1.19 12.84v.9a1.48 1.48 0 01-.8 1.22c-.2.07-.93.23-1.09.26h-.15a.91.91 0 01-.8-.88 1 1 0 01.6-1l1.74-.35c.172-.03.34-.08.5-.15zm-12 2.66v.9c-.03.52-.33.986-.79 1.23-.19.06-.92.22-1.07.26a.87.87 0 01-.94-.87 1 1 0 01.59-1l1.72-.34c.17-.04.335-.1.49-.18z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-note {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.2 3.2v14.61H18a.8.8 0 00.8-.8V4a.8.8 0 00-.8-.8H8.2zM7 3.2H5.2v14.61H7V3.2zm11.8 15.643a1.993 1.993 0 01-.8.166H5.2V20.8H18a.8.8 0 00.8-.8v-1.157zM4 2h14a2 2 0 012 2v16a2 2 0 01-2 2H4V2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-pad {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2 3.2v17.6h13.6V3.2H5.2zM4 3a1 1 0 011-1h14a1 1 0 011 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1V3zm8 17a1 1 0 110-2 1 1 0 010 2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-pause {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5h2c.552 0 1 .418 1 .933v12.134c0 .515-.448.933-1 .933H7c-.552 0-1-.418-1-.933V5.933C6 5.418 6.448 5 7 5zm.2 12.8h1.6V6.2H7.2v11.6zM15 5h2c.552 0 1 .418 1 .933v12.134c0 .515-.448.933-1 .933h-2c-.552 0-1-.418-1-.933V5.933c0-.515.448-.933 1-.933zm.2 12.8h1.6V6.2h-1.6v11.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-pencil {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 3v1.2H4.2v15.6h15.6V10H21v10a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1h10zm5.86-.254a.499.499 0 01.706 0l.706.705a.499.499 0 010 .706l-9.51 9.51-2.317 1.295a.3.3 0 01-.406-.41l1.312-2.296 9.51-9.51z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-photo-wall {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V5a1 1 0 011-1h14a1 1 0 011 1v10a1 1 0 01-1 1h-3v-1.2h2.8V5.2H7.2V8H6zM3 8h14a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V9a1 1 0 011-1zm.2 1.2v9.6h13.6V9.2H3.2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-play {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.524 4.938l10.092 6.21a1 1 0 010 1.704l-10.092 6.21A1 1 0 018 18.21V5.79a1 1 0 011.524-.852zM9.2 6.148v11.705L18.71 12 9.2 6.147z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-play2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20.8a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm0 1.2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1.3-7.165L15.236 12 10.7 9.165v5.67zm-.435-7.357l6.557 4.098a.5.5 0 010 .848l-6.557 4.098a.5.5 0 01-.765-.424V7.902a.5.5 0 01.765-.424z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-previous {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.44 8.5l2.431 2.43-1.06 1.061L8.629 8.81l-.707-.707a.5.5 0 010-.707l3.889-3.89 1.06 1.061L10.438 7H15a6 6 0 110 12H4v-1.5h11a4.5 4.5 0 100-9h-4.56z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-previous2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.269 11.2l1.408 1.408-.849.849-1.98-1.98-.494-.495a.5.5 0 010-.707L9.828 7.8l.849.849L9.325 10H14a3 3 0 010 6h-2v-1.2h2a1.8 1.8 0 000-3.6H9.269zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-qr-code {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19h2v2h-2v-2zm8-8h2v2h-2v-2zm-8 4h2v2h-2v-2zm4-4h2v2h-2v-2zM4 3h8a1 1 0 011 1v8a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1zm.2 1.2v7.6h7.6V4.2H4.2zM7 7h2v2H7V7zm9-4h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1V4a1 1 0 011-1zm.2 4.8h3.6V4.2h-3.6v3.6zM16 15h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4a1 1 0 011-1zm.2 4.8h3.6v-3.6h-3.6v3.6zM4 15h4a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1zm.2 4.8h3.6v-3.6H4.2v3.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-refresh {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.577 5.211a7.8 7.8 0 105.938 2.274l.849-.849a9 9 0 11-7.195-2.598l-1.19-1.19.85-.848 2.474 2.475a.5.5 0 010 .707l-.495.495-1.98 1.98-.848-.849 1.597-1.597z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-report-problem {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.998 4.4l-8.92 15.454 17.843-.001L11.998 4.4zM2.732 21.054a1 1 0 01-.866-1.5L11.132 3.5a1 1 0 011.732 0l9.27 16.053a1 1 0 01-.866 1.5l-18.536.001zm8.64-11.1h1.255l-.097 4.722h-1.06l-.097-4.722zm.626 7.144a.696.696 0 01-.708-.694c0-.385.312-.688.708-.688.4 0 .712.303.712.688a.697.697 0 01-.712.694z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-search {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.31 15.561l4.114 4.115-.848.848-4.123-4.123a7 7 0 11.857-.84zM16.8 11a5.8 5.8 0 10-11.6 0 5.8 5.8 0 0011.6 0z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-sending {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.871 11.25H13v1.5H7.871l2.432 2.432-1.06 1.06-3.182-3.181-.707-.707a.5.5 0 010-.708l3.889-3.889 1.06 1.061-2.432 2.432zm6.629 0H16v1.5h-1.5v-1.5zm3 0H19v1.5h-1.5v-1.5z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-setting {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.563 3.2h-1.126l-.645 2.578-.647.2a6.253 6.253 0 00-1.091.452l-.599.317-2.28-1.368-.796.797 1.368 2.28-.317.598a6.253 6.253 0 00-.453 1.091l-.199.647-2.578.645v1.126l2.578.645.2.647c.115.378.267.743.452 1.091l.317.599-1.368 2.28.797.796 2.28-1.368.598.317c.348.185.713.337 1.091.453l.647.199.645 2.578h1.126l.645-2.578.647-.2a6.253 6.253 0 001.091-.452l.599-.317 2.28 1.368.796-.797-1.368-2.28.317-.598c.185-.348.337-.713.453-1.091l.199-.647 2.578-.645v-1.126l-2.578-.645-.2-.647a6.253 6.253 0 00-.452-1.091l-.317-.599 1.368-2.28-.797-.796-2.28 1.368-.598-.317a6.253 6.253 0 00-1.091-.453l-.647-.199-.645-2.578zm2.945 2.17l1.833-1.1a1 1 0 011.221.15l1.018 1.018a1 1 0 01.15 1.221l-1.1 1.833c.22.412.4.847.54 1.3l2.073.519a1 1 0 01.757.97v1.438a1 1 0 01-.757.97l-2.073.519c-.14.453-.32.888-.54 1.3l1.1 1.833a1 1 0 01-.15 1.221l-1.018 1.018a1 1 0 01-1.221.15l-1.833-1.1c-.412.22-.847.4-1.3.54l-.519 2.073a1 1 0 01-.97.757h-1.438a1 1 0 01-.97-.757l-.519-2.073a7.453 7.453 0 01-1.3-.54l-1.833 1.1a1 1 0 01-1.221-.15L4.42 18.562a1 1 0 01-.15-1.221l1.1-1.833a7.453 7.453 0 01-.54-1.3l-2.073-.519A1 1 0 012 12.72v-1.438a1 1 0 01.757-.97l2.073-.519c.14-.453.32-.888.54-1.3L4.27 6.66a1 1 0 01.15-1.221L5.438 4.42a1 1 0 011.221-.15l1.833 1.1c.412-.22.847-.4 1.3-.54l.519-2.073A1 1 0 0111.28 2h1.438a1 1 0 01.97.757l.519 2.073c.453.14.888.32 1.3.54zM12 14.8a2.8 2.8 0 100-5.6 2.8 2.8 0 000 5.6zm0 1.2a4 4 0 110-8 4 4 0 010 8z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-share {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 8.2H16V7h3.001c.55 0 .999.446.999.996v13.008a.998.998 0 01-.996.996H4.996A.998.998 0 014 21.004V7.996A1 1 0 014.999 7H8v1.2H5.2v12.6h13.6V8.2zm-6.2-3.938V13.5h-1.2V4.262L9.313 6.349 8.464 5.5l2.829-2.828a1 1 0 011.414 0L15.536 5.5l-.849.849L12.6 4.262z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-shop {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7V6a4 4 0 118 0v1h3c.552 0 1 .449 1 1.007v12.001c0 1.1-.895 1.992-1.994 1.992H5.994A1.994 1.994 0 014 20.008v-12C4 7.45 4.445 7 5 7h3zm1.2 0h5.6V6a2.8 2.8 0 00-5.6 0v1zM8 8.2H5.2v11.808c0 .436.356.792.794.792h12.012a.794.794 0 00.794-.792V8.2H16V11h-1.2V8.2H9.2V11H8V8.2z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-star {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.941 14.28l3.942-3.841-5.447-.792L12 4.711 9.564 9.647l-5.447.792L8.06 14.28l-.93 5.425L12 17.144l4.872 2.562-.93-5.425zM12 18.5l-4.672 2.456a1 1 0 01-1.451-1.054l.892-5.202-3.78-3.685a1 1 0 01.555-1.706l5.223-.759 2.336-4.733a1 1 0 011.794 0l2.336 4.733 5.223.76a1 1 0 01.555 1.705L17.23 14.7l.892 5.202a1 1 0 01-1.45 1.054L12 18.5z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-sticker {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm-6-8.3h12a6 6 0 11-12 0zm6 4.8a4.802 4.802 0 004.649-3.6H7.35A4.802 4.802 0 0012 17.3zm-3.5-6.8a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm7 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-tag {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.207 14.207a1 1 0 010-1.414l9.5-9.5A1 1 0 0113.414 3H20a1 1 0 011 1v6.586a1 1 0 01-.293.707l-9.5 9.5a1 1 0 01-1.414 0l-6.586-6.586zM19.8 10.503V4.2h-6.303l-9.3 9.3 6.303 6.303 9.3-9.3zM16 9.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-text {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1zm.2 1.2v15.6h15.6V4.2H4.2zm8.4 4.5v8.8h-1.2V8.7H7.5V7.5h9v1.2h-3.9z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-time {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6 11.503l3.891 3.891-.848.849L11.4 12V6h1.2v5.503zM12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-transfer-text {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1V4a1 1 0 011-1zm.2 1.2v15.6h15.6V4.2H4.2zm3.37 4.66h3.96c-.25-.46-.56-.89-.92-1.3l1.05-.38c.36.47.69 1.03.99 1.68h3.78V9.9h-1.51c-.48 1.5-1.18 2.75-2.1 3.76 1.03.82 2.31 1.5 3.83 2.06l-.58.89c-1.6-.6-2.93-1.34-3.99-2.22-1.12.99-2.5 1.72-4.13 2.18l-.56-.92c1.59-.41 2.91-1.05 3.95-1.93A8.918 8.918 0 019.09 9.9H7.57V8.86zm2.52 1.04a7.936 7.936 0 001.99 3.11c.78-.86 1.37-1.9 1.76-3.11h-3.75z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-transfer {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2 11.2v9.6h9.6v-9.6H3.2zM10 10V3.002C10 2.456 10.449 2 11.002 2h9.996C21.544 2 22 2.449 22 3.002v9.996c0 .546-.449 1.002-1.002 1.002H14v6.998c0 .546-.449 1.002-1.002 1.002H3.002A1.007 1.007 0 012 20.998v-9.996C2 10.456 2.449 10 3.002 10H10zm1.2 0h1.798c.546 0 1.002.449 1.002 1.002V12.8h6.8V3.2h-9.6V10zm-2.255 4.697H6.781c.282.666.666 1.26 1.15 1.773a5.44 5.44 0 001.014-1.773zm2.28 0h-1.093c-.34.984-.803 1.802-1.397 2.476.724.52 1.6.904 2.65 1.136-.24.232-.55.695-.71.985-1.115-.29-2.02-.739-2.765-1.34-.79.623-1.745 1.079-2.888 1.397a6.025 6.025 0 00-.638-.991c1.108-.246 2.013-.623 2.744-1.158-.6-.695-1.064-1.528-1.44-2.505H4.543v-1.028h2.982a5.527 5.527 0 00-.34-.948l1.13-.333c.18.34.383.796.455 1.1l-.586.181h3.04v1.028zm6.326-4.06l-.43-1.367h-1.98l-.43 1.367H13.5L15.457 5h1.387l1.96 5.637h-1.253zm-1.434-4.559l-.722 2.309h1.472l-.722-2.309h-.028z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-transfer2 {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zM9.79 9.924H17v1.2H7.546a.5.5 0 01-.321-.884l3.161-2.647a.4.4 0 01.591.527L9.79 9.924zm4.466 4.156h-7.21v-1.2H16.5a.5.5 0 01.321.883L13.66 16.41a.4.4 0 01-.591-.526l1.187-1.804z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-tv {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2 5.2v12.6h17.6V5.2H3.2zM2 5a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1H3a1 1 0 01-1-1V5zm6 15.9c0-.331.266-.6.601-.6H15.4c.332 0 .601.278.601.6v.6H8v-.6zm3.665-12.004H9.81V15H8.716V8.896H6.558v-.942h5.958l1.919 5.816h.029l1.924-5.816h1.167L15.04 15h-1.196l-2.179-6.104z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-video-call {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2 6.7v10.6h12.6V6.7H3.2zM3 5.5h13a1 1 0 011 1v11a1 1 0 01-1 1H3a1 1 0 01-1-1v-11a1 1 0 011-1zm16.2 7.923l2.6 2.08V8.497l-2.6 2.08v2.846zM18 10l3.375-2.7A1 1 0 0123 8.08v7.84a1 1 0 01-1.625.78L18 14v-4z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-voice {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-1.2a8.8 8.8 0 100-17.6 8.8 8.8 0 000 17.6zm.308-3.992A6.774 6.774 0 0014.3 12c0-1.83-.724-3.54-1.992-4.808l.849-.849A7.975 7.975 0 0115.5 12c0 2.21-.895 4.21-2.343 5.657l-.849-.849zm-1.98-1.98A3.983 3.983 0 0011.5 12a3.983 3.983 0 00-1.172-2.828l.849-.849A5.184 5.184 0 0112.7 12a5.184 5.184 0 01-1.523 3.677l-.849-.849zm-1.13-1.13L7.5 12l1.697-1.697c.434.434.703 1.034.703 1.697s-.269 1.263-.703 1.697z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-volume-down {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.414L7.914 9.5H3v5h4.914L12 18.586V5.414zM7.5 8.5l3.793-3.793A1 1 0 0113 5.414v13.172a1 1 0 01-1.707.707L7.5 15.5H3a1 1 0 01-1-1v-5a1 1 0 011-1h4.5zm7.828 6.328A3.983 3.983 0 0016.5 12a3.983 3.983 0 00-1.172-2.828l.849-.849A5.184 5.184 0 0117.7 12a5.184 5.184 0 01-1.523 3.677l-.849-.849z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-volume-off {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.849 7.151l2.444-2.444A1 1 0 0113 5.414v5.889l2.864 2.863A3.98 3.98 0 0016.5 12a3.983 3.983 0 00-1.172-2.828l.849-.849A5.184 5.184 0 0117.7 12c0 1.13-.36 2.177-.973 3.03l1.143 1.143A6.769 6.769 0 0019.3 12c0-1.83-.724-3.54-1.992-4.808l.849-.849A7.975 7.975 0 0120.5 12a7.967 7.967 0 01-1.776 5.027l2.701 2.7-.849.85L3.85 3.848 4.697 3 8.85 7.151zM12 10.303V5.414L9.556 7.86 12 10.303zM7.803 9.5H3v5h4.914L12 18.586v-4.889l1 1v3.889a1 1 0 01-1.707.707L7.5 15.5H3a1 1 0 01-1-1v-5a1 1 0 011-1h3.803l1 1z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-volume-up {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5.414L7.914 9.5H3v5h4.914L12 18.586V5.414zM7.5 8.5l3.793-3.793A1 1 0 0113 5.414v13.172a1 1 0 01-1.707.707L7.5 15.5H3a1 1 0 01-1-1v-5a1 1 0 011-1h4.5zm9.808 8.308A6.774 6.774 0 0019.3 12c0-1.83-.724-3.54-1.992-4.808l.849-.849A7.975 7.975 0 0120.5 12c0 2.21-.895 4.21-2.343 5.657l-.849-.849zm-1.98-1.98A3.983 3.983 0 0016.5 12a3.983 3.983 0 00-1.172-2.828l.849-.849A5.184 5.184 0 0117.7 12a5.184 5.184 0 01-1.523 3.677l-.849-.849z' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

/* iconify proicons */

.oi-prohibited {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M5.46 18.54A9.25 9.25 0 0 0 18.54 5.46M5.459 18.541A9.25 9.25 0 0 1 18.54 5.46M5.46 18.54L18.54 5.46' fill-rule='evenodd' fill-opacity='.9'/%3E%3C/svg%3E");
}

.oi-arrow-down {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 26V5M8 19l8 8l8-8'/%3E%3C/svg%3E");
}

.oi-arrow-up {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 27V6m8 7l-8-8l-8 8'/%3E%3C/svg%3E");
}

.oi-arrow-left {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 16h21M13 8l-8 8l8 8'/%3E%3C/svg%3E");
}

.oi-arrow-right {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 16h21m-7-8l8 8l-8 8'/%3E%3C/svg%3E");
}

.oi-forward {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M19.59 12L15 7.41v2.46l-.86.13c-4.31.61-7.23 2.87-8.9 6.33c2.32-1.64 5.2-2.43 8.76-2.43h1v2.69m-2-1.69v.02c-4.47.21-7.67 1.82-10 5.08c1-5 4-10 11-11V5l7 7l-7 7v-4.1c-.33 0-.66.01-1 .02Z'/%3E%3C/svg%3E");
}

.oi-link-add {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='m12.11 15.39l-3.88 3.88a2.47 2.47 0 0 1-3.5 0a2.46 2.46 0 0 1 0-3.5l3.88-3.88a1 1 0 1 0-1.42-1.42l-3.88 3.89a4.48 4.48 0 0 0 6.33 6.33l3.89-3.88a1 1 0 0 0-1.42-1.42m-3.28-.22a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.92-4.92a1 1 0 1 0-1.42-1.42l-4.92 4.92a1 1 0 0 0 0 1.42M21 18h-1v-1a1 1 0 0 0-2 0v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2m-4.19-4.47l3.88-3.89a4.48 4.48 0 0 0-6.33-6.33l-3.89 3.88a1 1 0 1 0 1.42 1.42l3.88-3.88a2.47 2.47 0 0 1 3.5 0a2.46 2.46 0 0 1 0 3.5l-3.88 3.88a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0'/%3E%3C/svg%3E");
}

.oi-arrow-to-right {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 56 56'%3E%3Cpath fill='currentColor' d='M7.352 28.012c0 1.218.843 2.086 2.085 2.086H33.11l5.016-.164l-7.711 7.03l-5.18 5.25a2.25 2.25 0 0 0-.586 1.524c0 1.172.891 2.016 2.04 2.016c.585 0 1.101-.211 1.593-.68l15.516-15.492c.351-.328.562-.703.656-1.102v15.352c0 1.195.89 2.016 2.11 2.016c1.218 0 2.085-.82 2.085-2.016V12.215c0-1.219-.867-2.063-2.086-2.063s-2.109.844-2.109 2.063V27.52a2.17 2.17 0 0 0-.656-1.102L28.28 10.926c-.492-.469-1.008-.703-1.593-.703c-1.149 0-2.04.867-2.04 2.039c0 .562.211 1.125.586 1.5l5.18 5.273l7.688 7.055l-4.993-.188H9.438c-1.243 0-2.086.867-2.086 2.11'/%3E%3C/svg%3E");
}

.oi-history {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M5.079 5.069c3.795-3.79 9.965-3.75 13.783.069c3.82 3.82 3.86 9.993.064 13.788s-9.968 3.756-13.788-.064a9.81 9.81 0 0 1-2.798-8.28a.75.75 0 1 1 1.487.203a8.31 8.31 0 0 0 2.371 7.017c3.245 3.244 8.468 3.263 11.668.064c3.199-3.2 3.18-8.423-.064-11.668c-3.243-3.242-8.463-3.263-11.663-.068l.748.003a.75.75 0 1 1-.007 1.5l-2.546-.012a.75.75 0 0 1-.746-.747L3.575 4.33a.75.75 0 1 1 1.5-.008zm6.92 2.18a.75.75 0 0 1 .75.75v3.69l2.281 2.28a.75.75 0 1 1-1.06 1.061l-2.72-2.72V8a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-like {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 28 28'%3E%3Cpath fill='currentColor' d='M14.304 2.104c.24-.608.936-1.235 1.82-.988c1.778.495 2.452 2.385 2.637 4.154c.157 1.513-.002 3.227-.347 4.73h2.167a3.75 3.75 0 0 1 3.675 4.497l-1.228 6.046a6.75 6.75 0 0 1-8.47 5.146l-7.69-2.197A3.75 3.75 0 0 1 4.2 20.503l-.416-2.496c-.22-1.321.547-2.528 1.648-3.086c4.775-2.417 6.606-7.066 8.612-12.158zm1.432.487a.3.3 0 0 0-.037.064l-.316.802c-1.947 4.957-3.975 10.12-9.273 12.802c-.613.31-.942.927-.847 1.501l.417 2.496a2.25 2.25 0 0 0 1.6 1.794l7.69 2.197a5.25 5.25 0 0 0 6.588-4.003l1.228-6.046A2.25 2.25 0 0 0 20.58 11.5h-3.142a.75.75 0 0 1-.718-.968c.468-1.541.716-3.489.548-5.106c-.175-1.673-.737-2.616-1.513-2.855z'/%3E%3C/svg%3E");
}

.oi-list {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M3.25 6.5A.75.75 0 0 1 4 5.75h1a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75m4 0A.75.75 0 0 1 8 5.75h12a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m-4 5.5a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75m4 0a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75m-4 5.5a.75.75 0 0 1 .75-.75h1a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75m4 0a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75'/%3E%3C/svg%3E");
}

.oi-call {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.889 8A.894.894 0 0 0 8 8.889C8 26.073 21.927 40 39.111 40a.894.894 0 0 0 .889-.889V32.52a.894.894 0 0 0-.889-.889c-2.449 0-4.84-.395-7.057-1.127l-.01-.004a.88.88 0 0 0-.896.215l-4.67 4.67l-.648-.332c-5.531-2.834-10.067-7.348-12.883-12.884l-.33-.647l4.67-4.67a.9.9 0 0 0 .226-.913a22.5 22.5 0 0 1-1.124-7.05A.894.894 0 0 0 15.5 8zM6 8.889A2.894 2.894 0 0 1 8.889 6H15.5a2.894 2.894 0 0 1 2.889 2.889c0 2.254.36 4.415 1.026 6.43l.002.006l.002.007a2.9 2.9 0 0 1-.719 2.934l-3.634 3.635A27.6 27.6 0 0 0 26.1 32.933l3.633-3.633a2.88 2.88 0 0 1 2.953-.694a20.6 20.6 0 0 0 6.424 1.024A2.894 2.894 0 0 1 42 32.519v6.592A2.894 2.894 0 0 1 39.111 42C20.822 42 6 27.178 6 8.889' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-pay {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2c3.713 0 6.993 1.534 8.985 3.882l.762 1.037C22.546 8.19 23 9.633 23 11.167c0 5.063-4.925 9.167-11 9.167a13 13 0 0 1-3.59-.503a1.1 1.1 0 0 0-.324-.048a1.14 1.14 0 0 0-.584.17l-2.408 1.39a.4.4 0 0 1-.212.068a.367.367 0 0 1-.367-.367c0-.068.02-.136.04-.203l.02-.065l.495-1.85a.73.73 0 0 0-.27-.83c-2.318-1.68-3.8-4.167-3.8-6.93C1 6.105 5.925 2 12 2m8.005 5.926L9.08 14.233l-.08.046a.73.73 0 0 1-.97-.296l-2.05-4.5a.367.367 0 0 1 .551-.448l2.363 1.682a1.1 1.1 0 0 0 .976.112l9.188-4.09C17.445 5.114 14.924 4 12 4c-5.328 0-9 3.534-9 7.167c0 2.006 1.073 3.93 2.97 5.306c.5.36.877.888 1.044 1.505a3.05 3.05 0 0 1 1.96-.065c.943.27 1.965.421 3.026.421c5.327 0 9-3.534 9-7.167c0-1.106-.319-2.164-.91-3.126z'/%3E%3C/svg%3E");
}

.oi-print {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M7 9.5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m0 2a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1M19.5 6H18V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V6H4.5A2.5 2.5 0 0 0 2 8.5V15a3.003 3.003 0 0 0 3 3h1v3.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V18h1a3.003 3.003 0 0 0 3-3V8.5A2.5 2.5 0 0 0 19.5 6M7 3h10v3H7zm10 18H7v-6h10zm4-6a2.003 2.003 0 0 1-2 2h-1v-2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V17H5a2.003 2.003 0 0 1-2-2V8.5A1.5 1.5 0 0 1 4.5 7h15A1.5 1.5 0 0 1 21 8.5z'/%3E%3C/svg%3E");
}

.oi-user-circle {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m0 18.5a8.5 8.5 0 1 1 .001-17.001A8.5 8.5 0 0 1 12 20.5m0-8c-3.038 0-5.5 1.728-5.5 3.5s2.462 3.5 5.5 3.5s5.5-1.728 5.5-3.5s-2.462-3.5-5.5-3.5m0-.5a3 3 0 1 0 0-6a3 3 0 0 0 0 6'/%3E%3C/svg%3E");
}

.oi-modbus {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-width='1'%3E%3Crect width='7' height='5' rx='.6' transform='matrix(0 -1 -1 0 22 21)'/%3E%3Crect width='7' height='5' rx='.6' transform='matrix(0 -1 -1 0 7 15.5)'/%3E%3Crect width='7' height='5' rx='.6' transform='matrix(0 -1 -1 0 22 10)'/%3E%3Cpath d='M17 17.5h-3.5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2H17M11.5 12H7'/%3E%3C/g%3E%3C/svg%3E");
}

.oi-cloud {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M3 20h7m4 0h7m-11 0a2 2 0 1 0 4 0a2 2 0 0 0-4 0m2-4v2m-4-1.996H6.657C4.085 16 2 13.993 2 11.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773c1.88-.572 3.956-.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H16'/%3E%3C/svg%3E");
}

.oi-pdf {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M30 11V9h-8v14h2v-6h5v-2h-5v-4zM8 9H2v14h2v-5h4a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2m0 7H4v-5h4zm8 7h-4V9h4a4 4 0 0 1 4 4v6a4 4 0 0 1-4 4m-2-2h2a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-2z'/%3E%3C/svg%3E");
}

.oi-nfc {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 640 640'%3E%3Cpath fill='currentColor' d='M424.9 96.4c7.7-1.3 15.7.5 21.2 5C530.2 160.1 576 237.7 576 319.1c0 83.1-45.8 160.8-129.9 219.5c-4.8 4-11.7 5.9-18.6 5.3c-7-.6-13.5-3.6-18.4-8.5L225.7 352.7c-5.6-5.5-8.7-13-9.6-20.9c0-7.8 4-15.3 9.5-20.9c5.6-5.5 13.1-8.7 20.9-8.7c7.9 0 15.4 3.1 20.9 8.6l165.1 164.4c54.6-44.7 84.3-99.2 84.3-156.1c0-61.6-36.9-122.2-103.9-169.3c-6.4-4.5-10.8-11.4-12.1-19.1c-1.4-7.7.4-15.7 5-22.1c4.5-6.4 11.4-10.8 19.1-12.1zm-206 447.2c-7.7 1.3-15.6-.5-22.1-5c-83.1-58.7-129-136.4-129-219.5c0-81.4 45.8-159 129-217.7c5.7-4 12.6-5.9 19.6-5.3c6.9.6 13.4 3.6 18.3 8.5l183.4 182.7c5.6 5.5 8.7 13 8.7 20.9c.1 6.9-3 15.3-8.6 20.9c-5.5 5.5-13 8.7-20.9 8.7c-7.8 0-16.2-3.1-20.9-8.6L211.3 164.7c-54.6 45.2-84.3 99.2-84.3 154.4c0 63.4 36.9 124 103.1 171.1c7.3 4.6 11.6 11.4 13 19.2c1.3 7.7-.5 15.7-5 22.1s-11.4 10.7-19.2 12.1' stroke-width='1' stroke='currentColor'/%3E%3C/svg%3E");
}

.oi-move-to {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M6.86 1.25h.127c.351 0 .577 0 .798.02a4.75 4.75 0 0 1 2.59 1.073c.17.142.33.302.579.55l.576.577c.846.845 1.171 1.161 1.547 1.37q.328.182.689.286c.413.117.866.124 2.062.124h.425c1.273 0 2.3 0 3.111.102c.841.106 1.556.332 2.144.86q.147.133.28.28c.529.588.754 1.303.86 2.144c.102.812.102 1.838.102 3.111v2.31c0 1.837 0 3.293-.153 4.432c-.158 1.172-.49 2.121-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.835-.835-1.152-1.92-1.286-3.286a.75.75 0 0 1 1.493-.146c.121 1.234.382 1.9.854 2.371c.423.423 1.003.677 2.009.812c1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289v-2.202c0-1.336-.001-2.267-.09-2.975c-.087-.689-.246-1.06-.487-1.328a2 2 0 0 0-.168-.168c-.268-.241-.64-.4-1.328-.487c-.707-.089-1.639-.09-2.975-.09h-.484c-1.048 0-1.724 0-2.363-.182c-.35-.1-.689-.24-1.008-.417c-.58-.324-1.058-.802-1.8-1.543l-.077-.078l-.55-.55a8 8 0 0 0-.503-.482a3.25 3.25 0 0 0-1.771-.734a8 8 0 0 0-.696-.014c-.917 0-1.271.003-1.553.056a3.25 3.25 0 0 0-2.59 2.591c-.054.282-.057.636-.057 1.553V12a.75.75 0 0 1-1.5 0V6.86c0-.797 0-1.303.082-1.74A4.75 4.75 0 0 1 5.12 1.331c.438-.082.944-.082 1.74-.082m1.408 10.309a.75.75 0 0 1 1.048-.165l4.125 3a.75.75 0 0 1 0 1.213l-4.125 3a.75.75 0 0 1-.882-1.213l2.26-1.644H2a.75.75 0 0 1 0-1.5h8.694l-2.26-1.643a.75.75 0 0 1-.166-1.048' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.oi-calendar {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' d='M5.5 2v3m5-3v3m-8 1.5h11M5 8.5v1m3-1v1m3-1v1m0 1v1m-3-1v1m-3-1v1m-2.5-8h11v10h-11z' stroke-width='1'/%3E%3C/svg%3E");
}