@font-face {
    font-family: 'SystemIcons';
    font-weight: 400;
    src: url(./SystemIcons.ttf) format('truetype');
}

[class*="i-"] {display: inline-block; line-height: inherit; font-size: inherit; color: inherit; font-family: "SystemIcons"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
[class*="i-"]::before {content: "";}

[class*="i-"][data-size="lg"] {font-size: 1.3333em; line-height: .75em; vertical-align: -.0667em;}
[class*="i-"][data-size="xl"] {font-size: 1.5em; line-height: .6666em; vertical-align: -.075em;}
[class*="i-"][data-size="xxs"] {font-size: .5em;}
[class*="i-"][data-size="xs"] {font-size: .75em;}
[class*="i-"][data-size="sm"] {font-size: .875em;}
[class*="i-"][data-size="1x"] {font-size: 1em;}
[class*="i-"][data-size="2x"] {font-size: 2em;}
[class*="i-"][data-size="3x"] {font-size: 3em;}
[class*="i-"][data-size="4x"] {font-size: 4em;}
[class*="i-"][data-size="5x"] {font-size: 5em;}
[class*="i-"][data-size="6x"] {font-size: 6em;}
[class*="i-"][data-size="7x"] {font-size: 7em;}
[class*="i-"][data-size="8x"] {font-size: 8em;}
[class*="i-"][data-size="9x"] {font-size: 9em;}
[class*="i-"][data-size="10x"] {font-size: 10em;}



.i-arr-down::before { content: "\e001"; }
.i-arr-left::before { content: "\e002"; }
.i-arr-right::before { content: "\e003"; }
.i-arr-up::before { content: "\e004"; }
.i-arr2-down::before { content: "\e005"; }
.i-arr2-left::before { content: "\e006"; }
.i-arr2-right::before { content: "\e007"; }
.i-arr2-up::before { content: "\e008"; }
.i-search::before { content: "\e009"; }
.i-check::before { content: "\e00a"; }
.i-close::before { content: "\e00b"; }
.i-plus::before { content: "\e00c"; }
.i-minus::before { content: "\e00d"; }
.i-more::before { content: "\e00e"; }
.i-more-2::before { content: "\e00f"; }
.i-slide-play::before { content: "\e010"; }
.i-slide-pause::before { content: "\e011"; }
.i-slide-stop::before { content: "\e012"; }
.i-link-share::before { content: "\e013"; }
.i-copy::before { content: "\e014"; }
.i-copy2::before { content: "\e015"; }
.i-link::before { content: "\e016"; }
.i-date::before { content: "\e017"; }
.i-delete::before { content: "\e018"; }
.i-menu::before { content: "\e019"; }
.i-global::before { content: "\e01a"; }
.i-attachment::before { content: "\e01b"; }
.i-download::before { content: "\e01c"; }
.i-upload::before { content: "\e01d"; }
.i-save::before { content: "\e01e"; }
.i-file::before { content: "\e01f"; }
.i-img::before { content: "\e020"; }
.i-tel::before { content: "\e021"; }
.i-mail::before { content: "\e022"; }
.i-share::before { content: "\e023"; }
.i-print::before { content: "\e024"; }
.i-link-home::before { content: "\e025"; }
.i-map-pin::before { content: "\e026"; }
.i-map::before { content: "\e027"; }
.i-keyboard::before { content: "\e028"; }
.i-moon-fill::before { content: "\e029"; }
.i-moon::before { content: "\e02a"; }
.i-notice-fill::before { content: "\e02b"; }
.i-notice::before { content: "\e02c"; }
.i-option::before { content: "\e02d"; }
.i-settings-fill::before { content: "\e02e"; }
.i-settings::before { content: "\e02f"; }
.i-login::before { content: "\e030"; }
.i-home::before { content: "\e031"; }
.i-fullscreen::before { content: "\e032"; }
.i-user::before { content: "\e033"; }
.i-zoom-in-line::before { content: "\e034"; }
.i-zoom-out-line::before { content: "\e035"; }
.i-sun::before { content: "\e036"; }
.i-sun-fill::before { content: "\e037"; }
.i-thumb-up::before { content: "\e038"; }
.i-thumb-down::before { content: "\e039"; }
.i-thumb-up-fill::before { content: "\e03a"; }
.i-thumb-down-fill::before { content: "\e03b"; }
.i-video-fill::before { content: "\e03c"; }