@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon/icomoon.eot?g0f7zq');
    src: url('fonts/icomoon/icomoon.eot?g0f7zq#iefix') format('embedded-opentype'),
        url('fonts/icomoon/icomoon.ttf?g0f7zq') format('truetype'),
        url('fonts/icomoon/icomoon.woff?g0f7zq') format('woff'),
        url('fonts/icomoon/icomoon.svg?g0f7zq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-drivegoogle.path1:before {
    content: "\e921";
    color: #3777e3;
}

.icon-drivegoogle.path2:before {
    content: "\e922";
    color: #ffcf63;
    margin-left: -1em;
}

.icon-drivegoogle.path3:before {
    content: "\e923";
    color: #11a861;
    margin-left: -1em;
}

.icon-chevronDown::before {
    content: "\ed23";
    
}

.icon-chevronUp::before {
    content: "\ed26";
    
}

.icon-chevronLeft::before {
    content: "\ed24";
    
}

.icon-chevronRight::before {
    content: "\ed25";
    
}

.icon-chevronDoubleDown::before {
    content: "\e989";
    
}

.icon-chevronDoubleUp::before {
    content: "\e98c";
    
}

.icon-chevronDoubleLeft::before {
    content: "\e98a";
    
}

.icon-chevronDoubleRight::before {
    content: "\e98b";
    
}

.icon-arrowDown::before {
    content: "\e981";
    
}

.icon-arrowUp::before {
    content: "\e986";
    
}

.icon-arrowLeft::before {
    content: "\e984";
    
}

.icon-arrowRight::before {
    content: "\e985";
    
}

.icon-arrowDownLeft::before {
    content: "\e982";
    
}

.icon-arrowDownRight::before {
    content: "\e983";
    
}

.icon-arrowUpLeft::before {
    content: "\e987";
    
}

.icon-arrowUpRight::before {
    content: "\e988";
    
}

.icon-check::before {
    content: "\ed20";
    
}

.icon-checkCircle::before {
    content: "\ed21";
    
}

.icon-x::before {
    content: "\edca";
    
}

.icon-cross::before {
    content: "\edca";
    
}

.icon-xCircle::before {
    content: "\edcb";
    
}

.icon-link::before {
    content: "\ed65";
    
}

.icon-search::before {
    content: "\e918";
    
}

.icon-copy::before {
    content: "\edfb";
    
}

.icon-copy_feather::before {
    content: "\ed36";
    
}

.icon-paste::before {
    content: "\edfc";
    
}

.icon-external::before {
    content: "\ed42";
    
}

.icon-leave::before {
    content: "\eee3";
    
}

.icon-menu::before {
    content: "\ed71";
    
}

.icon-minimise::before {
    content: "\ed76";
    
}

.icon-maximise::before {
    content: "\ed6e";
    
}

.icon-minimiseArrow::before {
    content: "\ed77";
    
}

.icon-maximiseArrow::before {
    content: "\ed6f";
    
}

.icon-hide::before {
    content: "\ed44";
    
}

.icon-show::before {
    content: "\ed43";
    
}

.icon-eye::before {
    content: "\ed43";
    
}

.icon-info::before {
    content: "\e96a";
    
}

.icon-at::before {
    content: "\e96b";
    
}

.icon-briefcase::before {
    content: "\e96c";
    
}

.icon-edit::before {
    content: "\e92e";
    
}

.icon-edit_penonly::before {
    content: "\ed41";
    
}

.icon-edit_under::before {
    content: "\e91a";
    
}

.icon-code::before {
    content: "\ed2f";
    
}

.icon-lock::before {
    content: "\e933";
    
}

.icon-unlock::before {
    content: "\e939";
    
}

.icon-location::before {
    content: "\e934";
    
}

.icon-mouse::before {
    content: "\ed7e";
    
}

.icon-play::before {
    content: "\e99d";
    
}

.icon-pause::before {
    content: "\e9ab";
    
}

.icon-rewind::before {
    content: "\e9ac";
    
}

.icon-fastForward::before {
    content: "\e9aa";
    
}

.icon-skipBack::before {
    content: "\e99e";
    
}

.icon-skipForward::before {
    content: "\e99f";
    
}

.icon-shuffle::before {
    content: "\e9a9";
    
}

.icon-repeat::before {
    content: "\e98d";
    
}

.icon-calendar::before {
    content: "\e980";
    
}

.icon-settings::before {
    content: "\e936";
    
}

.icon-crop::before {
    content: "\e99b";
    
}

.icon-volumeNone::before {
    content: "\e9a2";
    
}

.icon-volumeMid::before {
    content: "\e9a3";
    
}

.icon-volumeFull::before {
    content: "\e9a4";
    
}

.icon-volumeMute::before {
    content: "\e9a5";
    
}

.icon-clock::before {
    content: "\e993";
    
}

.icon-filter::before {
    content: "\ed4c";
    
}

.icon-tag::before {
    content: "\edb0";
    
}

.icon-download::before {
    content: "\e919";
    
}

.icon-upload::before {
    content: "\e93a";
    
}

.icon-wifi::before {
    content: "\e91f";
    
}

.icon-wifiNone::before {
    content: "\e920";
    
}

.icon-person::before {
    content: "\e976";
    
}

.icon-user::before {
    content: "\e976";
    
}

.icon-people::before {
    content: "\e977";
    
}

.icon-users::before {
    content: "\e977";
    
}

.icon-circle::before {
    content: "\e992";
    
}

.icon-triangle::before {
    content: "\e9a1";
    
}

.icon-square::before {
    content: "\e9a0";
    
}

.icon-pentagon::before {
    content: "\xxx";
    
}

.icon-hexagon::before {
    content: "\e99c";
    
}

.icon-heptagon::before {
    content: "\xxx";
    
}

.icon-octagon::before {
    content: "\e935";
    
}

.icon-cube::before {
    content: "\e991";
    
}

.icon-box::before {
    content: "\e991";
    
}

.icon-sun::before {
    content: "\e96f";
    
}

.icon-moon::before {
    content: "\e96e";
    
}

.icon-star::before {
    content: "\e97f";
    
}

.icon-heart::before {
    content: "\e97e";
    
}

.icon-globe::before {
    content: "\e932";
    
}

.icon-document::before {
    content: "\e924";
    
}

.icon-text::before {
    content: "\e938";
    
}

.icon-music::before {
    content: "\e91d";
    
}

.icon-audio::before {
    content: "\e91b";
    
}

.icon-image::before {
    content: "\e91c";
    
}

.icon-tv::before {
    content: "\e91e";
    
}

.icon-monitor::before {
    content: "\ed7b";
    
}

.icon-video::before {
    content: "\edc6";
    
}

.icon-videoOff::before {
    content: "\edc7";
    
}

.icon-trash::before {
    content: "\edb8";
    
}

.icon-trashAlt::before {
    content: "\e937";
    
}

.icon-pen::before {
    content: "\e9b0";
    
}

.icon-fileGeneric::before {
    content: "\e924";
    
}

.icon-fileArchive::before {
    content: "\e92b";
    
}

.icon-fileText::before {
    content: "\edf6";
    
}

.icon-fileImage::before {
    content: "\edf7";
    
}

.icon-fileAudio::before {
    content: "\edf8";
    
}

.icon-fileVideo::before {
    content: "\edf9";
    
}

.icon-folder::before {
    content: "\ed4e";
    
}

.icon-folderOpen::before {
    content: "\edff";
    
}

.icon-modeOsu::before {
    content: "\e97a";
    
}

.icon-modeTaiko::before {
    content: "\e97b";
    
}

.icon-modeFruits::before {
    content: "\e978";
    
}

.icon-modeMania::before {
    content: "\e979";
    
}

.icon-layout::before {
    content: "\ed63";
    
}

.icon-grid::before {
    content: "\ed5a";
    
}

.icon-list::before {
    content: "\ed68";
    
}

.icon-power::before {
    content: "\ed94";
    
}

.icon-battery::before {
    content: "\e98f";
    
}

.icon-batteryCharging::before {
    content: "\e990";
    
}

.icon-zap::before {
    content: "\e9a7";
    
}

.icon-zapOff::before {
    content: "\e9a8";
    
}

.icon-database::before {
    content: "\ed3b";
    
}

.icon-terminal::before {
    content: "\edb2";
    
}

.icon-cpu::before {
    content: "\ed38";
    
}

.icon-palette::before {
    content: "\xxx";
    
}

.icon-behance::before {
    content: "\ef78";
    color:var(--icon-default-highlight);
}

.icon-behance:hover::before {
    color: var(--icon-default-highlight);
}

.icon-bilibili::before {
    content: "\e902";
    color:var(--icon-default-highlight);
}

.icon-bilibili:hover::before {
    color: var(--icon-default-highlight);
}

.icon-bluesky::before {
    content: "\e904";
    color:var(--icon-default-highlight);
}

.icon-bluesky:hover::before {
    color: var(--icon-default-highlight);
}

.icon-discord::before {
    content: "\efba";
    color:#5865F2;
}

.icon-discord:hover::before {
    color: #5865F2;
}

.icon-discord-clear::before {
    content: "\efba";
    color:var(--icon-default-highlight);
}

.icon-discord-clear:hover::before {
    color: var(--icon-default-highlight);
}

.icon-dropbox::before {
    content: "\ea30";
    color:#0061FF;
}

.icon-dropbox:hover::before {
    color: #0061FF;
}

.icon-email::before {
    content: "\ed6c";
    color:var(--icon-default-highlight);
}

.icon-email:hover::before {
    color: var(--icon-default-highlight);
}

.icon-facebook::before {
    content: "\ea58";
    color:var(--icon-default-highlight);
}

.icon-facebook:hover::before {
    color: var(--icon-default-highlight);
}

.icon-github::before {
    content: "\ea82";
    color:purple;
}

.icon-github:hover::before {
    color: purple;
}

.icon-github-clear::before {
    content: "\ea82";
    color:var(--icon-default-highlight);
}

.icon-github-clear:hover::before {
    color: var(--icon-default-highlight);
}

.icon-instagram::before {
    content: "\eae0";
    color:var(--icon-default-highlight);
}

.icon-instagram:hover::before {
    color: var(--icon-default-highlight);
}

.icon-linkedin::before {
    content: "\eb25";
    color:var(--icon-default-highlight);
}

.icon-linkedin:hover::before {
    color: var(--icon-default-highlight);
}

.icon-mediafire::before {
    content: "\eb47";
    color:#0077FF;
}

.icon-mediafire:hover::before {
    color: #0077FF;
}

.icon-mega::before {
    content: "\eb4b";
    color:#D9272E;
}

.icon-mega:hover::before {
    color: #D9272E;
}

.icon-niconicodouga::before {
    content: "\e903";
    color:var(--icon-default-highlight);
}

.icon-niconicodouga:hover::before {
    color: var(--icon-default-highlight);
}

.icon-osu::before {
    content: "\e905";
    color:#FF66AA;
}

.icon-osu:hover::before {
    color: #FF66AA;
}

.icon-osu-clear::before {
    content: "\e905";
    color:var(--icon-default-highlight);
}

.icon-osu-clear:hover::before {
    color: var(--icon-default-highlight);
}

.icon-pronouns::before {
    content: "\e906";
    color:#C71585;
}

.icon-pronouns:hover::before {
    color: #C71585;
}

.icon-reddit::before {
    content: "\e92a";
    color:var(--icon-default-highlight);
}

.icon-reddit:hover::before {
    color: var(--icon-default-highlight);
}

.icon-steam::before {
    content: "\ec56";
    color:var(--icon-default-highlight);
}

.icon-steam:hover::before {
    color: var(--icon-default-highlight);
}

.icon-tiktok::before {
    content: "\ec85";
    color:var(--icon-default-highlight);
}

.icon-tiktok:hover::before {
    color: var(--icon-default-highlight);
}

.icon-tumblr::before {
    content: "\ec97";
    color:var(--icon-default-highlight);
}

.icon-tumblr:hover::before {
    color: var(--icon-default-highlight);
}

.icon-twitch::before {
    content: "\ec9a";
    color:var(--icon-default-highlight);
}

.icon-twitch:hover::before {
    color: var(--icon-default-highlight);
}

.icon-twitter::before {
    content: "\ef65";
    color:var(--icon-default-highlight);
}

.icon-twitter:hover::before {
    color: var(--icon-default-highlight);
}

.icon-vk::before {
    content: "\ef67";
    color:var(--icon-default-highlight);
}

.icon-vk:hover::before {
    color: var(--icon-default-highlight);
}

.icon-yt::before {
    content: "\ecf4";
    color:red;
}

.icon-yt:hover::before {
    color: red;
}

.icon-yt-clear::before {
    content: "\ecf4";
    color:var(--icon-default-highlight);
}

.icon-yt-clear:hover::before {
    color: var(--icon-default-highlight);
}

.icon-csharp::before {
    content: "\ea07";
    color:#239120;
}

.icon-csharp:hover::before {
    color: #239120;
}

.icon-css::before {
    content: "\ea08";
    color:#1572b6;
}

.icon-css:hover::before {
    color: #1572b6;
}

.icon-go::before {
    content: "\ea8e";
    color:#4ec6e4;
}

.icon-go:hover::before {
    color: #4ec6e4;
}

.icon-godot::before {
    content: "\ea8f";
    color:#478cbf;
}

.icon-godot:hover::before {
    color: #478cbf;
}

.icon-html::before {
    content: "\eac9";
    color:#e34f26;
}

.icon-html:hover::before {
    color: #e34f26;
}

.icon-java::before {
    content: "\eaf0";
    color:#007396;
}

.icon-java:hover::before {
    color: #007396;
}

.icon-js::before {
    content: "\eaf1";
    color:#f7df1e;
}

.icon-js:hover::before {
    color: #f7df1e;
}

.icon-lua::before {
    content: "\eb2f";
    color:#000080;
}

.icon-lua:hover::before {
    color: #000080;
}

.icon-mysql::before {
    content: "\eb72";
    color:#4479a1;
}

.icon-mysql:hover::before {
    color: #4479a1;
}

.icon-nodejs::before {
    content: "\eb81";
    color:#339933;
}

.icon-nodejs:hover::before {
    color: #339933;
}

.icon-php::before {
    content: "\ebb0";
    color:#474A8A;
}

.icon-php:hover::before {
    color: #474A8A;
}

.icon-py::before {
    content: "\ebd6";
    color:#3776AB;
}

.icon-py:hover::before {
    color: #3776AB;
}

.icon-react::before {
    content: "\ebea";
    color:#61DAFB;
}

.icon-react:hover::before {
    color: #61DAFB;
}

.icon-rs::before {
    content: "\ec05";
    color:#D34516;
}

.icon-rs:hover::before {
    color: #D34516;
}

.icon-svelte::before {
    content: "\ec6a";
    color:#FF3E00;
}

.icon-svelte:hover::before {
    color: #FF3E00;
}

.icon-ts::before {
    content: "\ec9d";
    color:#3178C6;
}

.icon-ts:hover::before {
    color: #3178C6;
}

.icon-filebash::before {
    content: "\e901";
    color:#4EAA25;
}

.icon-filebash:hover::before {
    color: #4EAA25;
}

.icon-filec::before {
    content: "\e9d0";
    color:#A9BACD;
}

.icon-filec:hover::before {
    color: #A9BACD;
}

.icon-filecmd::before {
    content: "\ecd3";
    color:#0078D6;
}

.icon-filecmd:hover::before {
    color: #0078D6;
}

.icon-filecpp::before {
    content: "\ea01";
    color:#00599C;
}

.icon-filecpp:hover::before {
    color: #00599C;
}

.icon-filecs::before {
    content: "\ea07";
    color:#239120;
}

.icon-filecs:hover::before {
    color: #239120;
}

.icon-filecss::before {
    content: "\ea08";
    color:#1572b6;
}

.icon-filecss:hover::before {
    color: #1572b6;
}

.icon-filedart::before {
    content: "\ea0d";
    color:#0175C2;
}

.icon-filedart:hover::before {
    color: #0175C2;
}

.icon-filegd::before {
    content: "\ea8f";
    color:#478cbf;
}

.icon-filegd:hover::before {
    color: #478cbf;
}

.icon-filego::before {
    content: "\ea8e";
    color:#4ec6e4;
}

.icon-filego:hover::before {
    color: #4ec6e4;
}

.icon-filehaskell::before {
    content: "\eab9";
    color:#5D4F85;
}

.icon-filehaskell:hover::before {
    color: #5D4F85;
}

.icon-filehtml::before {
    content: "\eac9";
    color:#e34f26;
}

.icon-filehtml:hover::before {
    color: #e34f26;
}

.icon-filejava::before {
    content: "\eaf0";
    color:#007396;
}

.icon-filejava:hover::before {
    color: #007396;
}

.icon-filejs::before {
    content: "\eaf1";
    color:#f7df1e;
}

.icon-filejs:hover::before {
    color: #f7df1e;
}

.icon-filejson::before {
    content: "\eafd";
    color:#A9BACD;
}

.icon-filejson:hover::before {
    color: #A9BACD;
}

.icon-filejupyter::before {
    content: "\eafe";
    color:#F37626;
}

.icon-filejupyter:hover::before {
    color: #F37626;
}

.icon-filekotlin::before {
    content: "\eb11";
    color:#7F52FF;
}

.icon-filekotlin:hover::before {
    color: #7F52FF;
}

.icon-filelatex::before {
    content: "\eb19";
    color:#008080;
}

.icon-filelatex:hover::before {
    color: #008080;
}

.icon-filelua::before {
    content: "\eb2f";
    color:#000080;
}

.icon-filelua:hover::before {
    color: #000080;
}

.icon-filephp::before {
    content: "\ebb0";
    color:#474A8A;
}

.icon-filephp:hover::before {
    color: #474A8A;
}

.icon-filepowershell::before {
    content: "\ebc8";
    color:#012456;
}

.icon-filepowershell:hover::before {
    color: #012456;
}

.icon-filepy::before {
    content: "\ebd6";
    color:#3776AB;
}

.icon-filepy:hover::before {
    color: #3776AB;
}

.icon-filer::before {
    content: "\ebe5";
    color:#276DC3;
}

.icon-filer:hover::before {
    color: #276DC3;
}

.icon-filereact::before {
    content: "\ebea";
    color:#61DAFB;
}

.icon-filereact:hover::before {
    color: #61DAFB;
}

.icon-filereactjsx::before {
    content: "\ebea";
    color:#61DAFB;
}

.icon-filereactjsx:hover::before {
    color: #61DAFB;
}

.icon-filereacttsx::before {
    content: "\ebea";
    color:#61DAFB;
}

.icon-filereacttsx:hover::before {
    color: #61DAFB;
}

.icon-filers::before {
    content: "\ec05";
    color:#D34516;
}

.icon-filers:hover::before {
    color: #D34516;
}

.icon-fileruby::before {
    content: "\ec02";
    color:#CC342D;
}

.icon-fileruby:hover::before {
    color: #CC342D;
}

.icon-filesass::before {
    content: "\ec0d";
    color:#CC6699;
}

.icon-filesass:hover::before {
    color: #CC6699;
}

.icon-filesvelte::before {
    content: "\ec6a";
    color:#FF3E00;
}

.icon-filesvelte:hover::before {
    color: #FF3E00;
}

.icon-fileswift::before {
    content: "\ec6f";
    color:#F05138;
}

.icon-fileswift:hover::before {
    color: #F05138;
}

.icon-filets::before {
    content: "\ec9d";
    color:#3178C6;
}

.icon-filets:hover::before {
    color: #3178C6;
}

.icon-filexml::before {
    content: "\e900";
    color:#005FAD;
}

.icon-filexml:hover::before {
    color: #005FAD;
}
.iconDefClr::before {
    /* color: basic; */
    color: var(--text-primary);
    background-image: none;
    background-size: none;
    background-position: none;
}