@charset "UTF-8";
/* __remix_icons__ */
@font-face {
  font-family: "ricon";
  src: url("../fonts/remix/remixicon.eot?t=1718271040674"); /* IE9*/
  src: url("../fonts/remix/remixicon.eot?t=1718271040674#iefix") format("embedded-opentype"), url("../fonts/remix/remixicon.woff2?t=1718271040674") format("woff2"), url("../fonts/remix/remixicon.woff?t=1718271040674") format("woff"), url("../fonts/remix/remixicon.ttf?t=1718271040674") format("truetype"), url("../fonts/remix/remixicon.svg?t=1718271040674#remixicon") format("svg"); /* iOS 4.1- */
}
/* __sans__ */
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/sans/Thin.woff") format("woff"), url("../fonts/sans/Thin.woff2") format("woff2"), url("../fonts/sans/Thin.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/sans/UltraLight.woff") format("woff"), url("../fonts/sans/UltraLight.woff2") format("woff2"), url("../fonts/sans/UltraLight.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/sans/Light.woff") format("woff"), url("../fonts/sans/Light.woff2") format("woff2"), url("../fonts/sans/Light.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/sans/Medium.woff") format("woff"), url("../fonts/sans/Medium.woff2") format("woff2"), url("../fonts/sans/Medium.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/sans/DemiBold.woff") format("woff"), url("../fonts/sans/DemiBold.woff2") format("woff2"), url("../fonts/sans/DemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/sans/ExtraBold.woff") format("woff"), url("../fonts/sans/ExtraBold.woff2") format("woff2"), url("../fonts/sans/ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/sans/Black.woff") format("woff"), url("../fonts/sans/Black.woff2") format("woff2"), url("../fonts/sans/Black.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/sans/Bold.woff") format("woff"), url("../fonts/sans/Bold.woff2") format("woff2"), url("../fonts/sans/Bold.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/sans/Bold.woff") format("woff"), url("../fonts/sans/Bold.woff2") format("woff2"), url("../fonts/sans/Bold.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/sans/Regular.woff") format("woff"), url("../fonts/sans/Regular.woff2") format("woff2"), url("../fonts/sans/Regular.ttf") format("truetype");
}
@font-face {
  font-family: "ISansX";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/sans/Regular.woff") format("woff"), url("../fonts/sans/Regular.woff2") format("woff2"), url("../fonts/sans/Regular.ttf") format("truetype");
}
/* bakh */
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/thin.woff2") format("woff2"), url("../fonts/bakh/thin.woff") format("woff"), url("../fonts/bakh/regular.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/light.woff2") format("woff2"), url("../fonts/bakh/light.woff") format("woff"), url("../fonts/bakh/light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/regular.woff2") format("woff2"), url("../fonts/bakh/regular.woff") format("woff"), url("../fonts/bakh/regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/medium.woff2") format("woff2"), url("../fonts/bakh/medium.woff") format("woff"), url("../fonts/bakh/medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/bold.woff2") format("woff2"), url("../fonts/bakh/bold.woff") format("woff"), url("../fonts/bakh/bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/heavy.woff2") format("woff2"), url("../fonts/bakh/heavy.woff") format("woff"), url("../fonts/bakh/heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "bakh";
  src: url("../fonts/bakh/fat.woff2") format("woff2"), url("../fonts/bakh/fat.woff") format("woff"), url("../fonts/bakh/fat.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/* Vazirmatn-RD-UI-FD */
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Thin.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-ExtraLight.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Light.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Regular.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Medium.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-SemiBold.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Bold.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-ExtraBold.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Vazirmatn;
  src: url("../fonts/vazirmatn/webfonts/Vazirmatn-RD-UI-FD-Black.woff2") format("woff2"), url("../fonts/vazirmatn/ttf/Vazirmatn-RD-UI-FD-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
[class^=ri-], [class*=" ri-"] {
  font-family: "ricon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-24-hours-fill:before {
  content: "\ea01";
}

.ri-24-hours-line:before {
  content: "\ea02";
}

.ri-4k-fill:before {
  content: "\ea03";
}

.ri-4k-line:before {
  content: "\ea04";
}

.ri-a-b:before {
  content: "\ea05";
}

.ri-account-box-fill:before {
  content: "\ea06";
}

.ri-account-box-line:before {
  content: "\ea07";
}

.ri-account-circle-fill:before {
  content: "\ea08";
}

.ri-account-circle-line:before {
  content: "\ea09";
}

.ri-account-pin-box-fill:before {
  content: "\ea0a";
}

.ri-account-pin-box-line:before {
  content: "\ea0b";
}

.ri-account-pin-circle-fill:before {
  content: "\ea0c";
}

.ri-account-pin-circle-line:before {
  content: "\ea0d";
}

.ri-add-box-fill:before {
  content: "\ea0e";
}

.ri-add-box-line:before {
  content: "\ea0f";
}

.ri-add-circle-fill:before {
  content: "\ea10";
}

.ri-add-circle-line:before {
  content: "\ea11";
}

.ri-add-fill:before {
  content: "\ea12";
}

.ri-add-line:before {
  content: "\ea13";
}

.ri-admin-fill:before {
  content: "\ea14";
}

.ri-admin-line:before {
  content: "\ea15";
}

.ri-advertisement-fill:before {
  content: "\ea16";
}

.ri-advertisement-line:before {
  content: "\ea17";
}

.ri-airplay-fill:before {
  content: "\ea18";
}

.ri-airplay-line:before {
  content: "\ea19";
}

.ri-alarm-fill:before {
  content: "\ea1a";
}

.ri-alarm-line:before {
  content: "\ea1b";
}

.ri-alarm-warning-fill:before {
  content: "\ea1c";
}

.ri-alarm-warning-line:before {
  content: "\ea1d";
}

.ri-album-fill:before {
  content: "\ea1e";
}

.ri-album-line:before {
  content: "\ea1f";
}

.ri-alert-fill:before {
  content: "\ea20";
}

.ri-alert-line:before {
  content: "\ea21";
}

.ri-aliens-fill:before {
  content: "\ea22";
}

.ri-aliens-line:before {
  content: "\ea23";
}

.ri-align-bottom:before {
  content: "\ea24";
}

.ri-align-center:before {
  content: "\ea25";
}

.ri-align-justify:before {
  content: "\ea26";
}

.ri-align-left:before {
  content: "\ea27";
}

.ri-align-right:before {
  content: "\ea28";
}

.ri-align-top:before {
  content: "\ea29";
}

.ri-align-vertically:before {
  content: "\ea2a";
}

.ri-alipay-fill:before {
  content: "\ea2b";
}

.ri-alipay-line:before {
  content: "\ea2c";
}

.ri-amazon-fill:before {
  content: "\ea2d";
}

.ri-amazon-line:before {
  content: "\ea2e";
}

.ri-anchor-fill:before {
  content: "\ea2f";
}

.ri-anchor-line:before {
  content: "\ea30";
}

.ri-ancient-gate-fill:before {
  content: "\ea31";
}

.ri-ancient-gate-line:before {
  content: "\ea32";
}

.ri-ancient-pavilion-fill:before {
  content: "\ea33";
}

.ri-ancient-pavilion-line:before {
  content: "\ea34";
}

.ri-android-fill:before {
  content: "\ea35";
}

.ri-android-line:before {
  content: "\ea36";
}

.ri-angularjs-fill:before {
  content: "\ea37";
}

.ri-angularjs-line:before {
  content: "\ea38";
}

.ri-anticlockwise-2-fill:before {
  content: "\ea39";
}

.ri-anticlockwise-2-line:before {
  content: "\ea3a";
}

.ri-anticlockwise-fill:before {
  content: "\ea3b";
}

.ri-anticlockwise-line:before {
  content: "\ea3c";
}

.ri-app-store-fill:before {
  content: "\ea3d";
}

.ri-app-store-line:before {
  content: "\ea3e";
}

.ri-apple-fill:before {
  content: "\ea3f";
}

.ri-apple-line:before {
  content: "\ea40";
}

.ri-apps-2-fill:before {
  content: "\ea41";
}

.ri-apps-2-line:before {
  content: "\ea42";
}

.ri-apps-fill:before {
  content: "\ea43";
}

.ri-apps-line:before {
  content: "\ea44";
}

.ri-archive-drawer-fill:before {
  content: "\ea45";
}

.ri-archive-drawer-line:before {
  content: "\ea46";
}

.ri-archive-fill:before {
  content: "\ea47";
}

.ri-archive-line:before {
  content: "\ea48";
}

.ri-arrow-down-circle-fill:before {
  content: "\ea49";
}

.ri-arrow-down-circle-line:before {
  content: "\ea4a";
}

.ri-arrow-down-fill:before {
  content: "\ea4b";
}

.ri-arrow-down-line:before {
  content: "\ea4c";
}

.ri-arrow-down-s-fill:before {
  content: "\ea4d";
}

.ri-arrow-down-s-line:before {
  content: "\ea4e";
}

.ri-arrow-drop-down-fill:before {
  content: "\ea4f";
}

.ri-arrow-drop-down-line:before {
  content: "\ea50";
}

.ri-arrow-drop-left-fill:before {
  content: "\ea51";
}

.ri-arrow-drop-left-line:before {
  content: "\ea52";
}

.ri-arrow-drop-right-fill:before {
  content: "\ea53";
}

.ri-arrow-drop-right-line:before {
  content: "\ea54";
}

.ri-arrow-drop-up-fill:before {
  content: "\ea55";
}

.ri-arrow-drop-up-line:before {
  content: "\ea56";
}

.ri-arrow-go-back-fill:before {
  content: "\ea57";
}

.ri-arrow-go-back-line:before {
  content: "\ea58";
}

.ri-arrow-go-forward-fill:before {
  content: "\ea59";
}

.ri-arrow-go-forward-line:before {
  content: "\ea5a";
}

.ri-arrow-left-circle-fill:before {
  content: "\ea5b";
}

.ri-arrow-left-circle-line:before {
  content: "\ea5c";
}

.ri-arrow-left-down-fill:before {
  content: "\ea5d";
}

.ri-arrow-left-down-line:before {
  content: "\ea5e";
}

.ri-arrow-left-fill:before {
  content: "\ea5f";
}

.ri-arrow-left-line:before {
  content: "\ea60";
}

.ri-arrow-left-right-fill:before {
  content: "\ea61";
}

.ri-arrow-left-right-line:before {
  content: "\ea62";
}

.ri-arrow-left-s-fill:before {
  content: "\ea63";
}

.ri-arrow-left-s-line:before {
  content: "\ea64";
}

.ri-arrow-left-up-fill:before {
  content: "\ea65";
}

.ri-arrow-left-up-line:before {
  content: "\ea66";
}

.ri-arrow-right-circle-fill:before {
  content: "\ea67";
}

.ri-arrow-right-circle-line:before {
  content: "\ea68";
}

.ri-arrow-right-down-fill:before {
  content: "\ea69";
}

.ri-arrow-right-down-line:before {
  content: "\ea6a";
}

.ri-arrow-right-fill:before {
  content: "\ea6b";
}

.ri-arrow-right-line:before {
  content: "\ea6c";
}

.ri-arrow-right-s-fill:before {
  content: "\ea6d";
}

.ri-arrow-right-s-line:before {
  content: "\ea6e";
}

.ri-arrow-right-up-fill:before {
  content: "\ea6f";
}

.ri-arrow-right-up-line:before {
  content: "\ea70";
}

.ri-arrow-up-circle-fill:before {
  content: "\ea71";
}

.ri-arrow-up-circle-line:before {
  content: "\ea72";
}

.ri-arrow-up-down-fill:before {
  content: "\ea73";
}

.ri-arrow-up-down-line:before {
  content: "\ea74";
}

.ri-arrow-up-fill:before {
  content: "\ea75";
}

.ri-arrow-up-line:before {
  content: "\ea76";
}

.ri-arrow-up-s-fill:before {
  content: "\ea77";
}

.ri-arrow-up-s-line:before {
  content: "\ea78";
}

.ri-artboard-2-fill:before {
  content: "\ea79";
}

.ri-artboard-2-line:before {
  content: "\ea7a";
}

.ri-artboard-fill:before {
  content: "\ea7b";
}

.ri-artboard-line:before {
  content: "\ea7c";
}

.ri-article-fill:before {
  content: "\ea7d";
}

.ri-article-line:before {
  content: "\ea7e";
}

.ri-aspect-ratio-fill:before {
  content: "\ea7f";
}

.ri-aspect-ratio-line:before {
  content: "\ea80";
}

.ri-asterisk:before {
  content: "\ea81";
}

.ri-at-fill:before {
  content: "\ea82";
}

.ri-at-line:before {
  content: "\ea83";
}

.ri-attachment-2:before {
  content: "\ea84";
}

.ri-attachment-fill:before {
  content: "\ea85";
}

.ri-attachment-line:before {
  content: "\ea86";
}

.ri-auction-fill:before {
  content: "\ea87";
}

.ri-auction-line:before {
  content: "\ea88";
}

.ri-award-fill:before {
  content: "\ea89";
}

.ri-award-line:before {
  content: "\ea8a";
}

.ri-baidu-fill:before {
  content: "\ea8b";
}

.ri-baidu-line:before {
  content: "\ea8c";
}

.ri-ball-pen-fill:before {
  content: "\ea8d";
}

.ri-ball-pen-line:before {
  content: "\ea8e";
}

.ri-bank-card-2-fill:before {
  content: "\ea8f";
}

.ri-bank-card-2-line:before {
  content: "\ea90";
}

.ri-bank-card-fill:before {
  content: "\ea91";
}

.ri-bank-card-line:before {
  content: "\ea92";
}

.ri-bank-fill:before {
  content: "\ea93";
}

.ri-bank-line:before {
  content: "\ea94";
}

.ri-bar-chart-2-fill:before {
  content: "\ea95";
}

.ri-bar-chart-2-line:before {
  content: "\ea96";
}

.ri-bar-chart-box-fill:before {
  content: "\ea97";
}

.ri-bar-chart-box-line:before {
  content: "\ea98";
}

.ri-bar-chart-fill:before {
  content: "\ea99";
}

.ri-bar-chart-grouped-fill:before {
  content: "\ea9a";
}

.ri-bar-chart-grouped-line:before {
  content: "\ea9b";
}

.ri-bar-chart-horizontal-fill:before {
  content: "\ea9c";
}

.ri-bar-chart-horizontal-line:before {
  content: "\ea9d";
}

.ri-bar-chart-line:before {
  content: "\ea9e";
}

.ri-barcode-box-fill:before {
  content: "\ea9f";
}

.ri-barcode-box-line:before {
  content: "\eaa0";
}

.ri-barcode-fill:before {
  content: "\eaa1";
}

.ri-barcode-line:before {
  content: "\eaa2";
}

.ri-barricade-fill:before {
  content: "\eaa3";
}

.ri-barricade-line:before {
  content: "\eaa4";
}

.ri-base-station-fill:before {
  content: "\eaa5";
}

.ri-base-station-line:before {
  content: "\eaa6";
}

.ri-basketball-fill:before {
  content: "\eaa7";
}

.ri-basketball-line:before {
  content: "\eaa8";
}

.ri-battery-2-charge-fill:before {
  content: "\eaa9";
}

.ri-battery-2-charge-line:before {
  content: "\eaaa";
}

.ri-battery-2-fill:before {
  content: "\eaab";
}

.ri-battery-2-line:before {
  content: "\eaac";
}

.ri-battery-charge-fill:before {
  content: "\eaad";
}

.ri-battery-charge-line:before {
  content: "\eaae";
}

.ri-battery-fill:before {
  content: "\eaaf";
}

.ri-battery-line:before {
  content: "\eab0";
}

.ri-battery-low-fill:before {
  content: "\eab1";
}

.ri-battery-low-line:before {
  content: "\eab2";
}

.ri-battery-saver-fill:before {
  content: "\eab3";
}

.ri-battery-saver-line:before {
  content: "\eab4";
}

.ri-battery-share-fill:before {
  content: "\eab5";
}

.ri-battery-share-line:before {
  content: "\eab6";
}

.ri-bear-smile-fill:before {
  content: "\eab7";
}

.ri-bear-smile-line:before {
  content: "\eab8";
}

.ri-behance-fill:before {
  content: "\eab9";
}

.ri-behance-line:before {
  content: "\eaba";
}

.ri-bell-fill:before {
  content: "\eabb";
}

.ri-bell-line:before {
  content: "\eabc";
}

.ri-bike-fill:before {
  content: "\eabd";
}

.ri-bike-line:before {
  content: "\eabe";
}

.ri-bilibili-fill:before {
  content: "\eabf";
}

.ri-bilibili-line:before {
  content: "\eac0";
}

.ri-bill-fill:before {
  content: "\eac1";
}

.ri-bill-line:before {
  content: "\eac2";
}

.ri-billiards-fill:before {
  content: "\eac3";
}

.ri-billiards-line:before {
  content: "\eac4";
}

.ri-bit-coin-fill:before {
  content: "\eac5";
}

.ri-bit-coin-line:before {
  content: "\eac6";
}

.ri-blaze-fill:before {
  content: "\eac7";
}

.ri-blaze-line:before {
  content: "\eac8";
}

.ri-bluetooth-connect-fill:before {
  content: "\eac9";
}

.ri-bluetooth-connect-line:before {
  content: "\eaca";
}

.ri-bluetooth-fill:before {
  content: "\eacb";
}

.ri-bluetooth-line:before {
  content: "\eacc";
}

.ri-blur-off-fill:before {
  content: "\eacd";
}

.ri-blur-off-line:before {
  content: "\eace";
}

.ri-body-scan-fill:before {
  content: "\eacf";
}

.ri-body-scan-line:before {
  content: "\ead0";
}

.ri-bold:before {
  content: "\ead1";
}

.ri-book-2-fill:before {
  content: "\ead2";
}

.ri-book-2-line:before {
  content: "\ead3";
}

.ri-book-3-fill:before {
  content: "\ead4";
}

.ri-book-3-line:before {
  content: "\ead5";
}

.ri-book-fill:before {
  content: "\ead6";
}

.ri-book-line:before {
  content: "\ead7";
}

.ri-book-marked-fill:before {
  content: "\ead8";
}

.ri-book-marked-line:before {
  content: "\ead9";
}

.ri-book-open-fill:before {
  content: "\eada";
}

.ri-book-open-line:before {
  content: "\eadb";
}

.ri-book-read-fill:before {
  content: "\eadc";
}

.ri-book-read-line:before {
  content: "\eadd";
}

.ri-booklet-fill:before {
  content: "\eade";
}

.ri-booklet-line:before {
  content: "\eadf";
}

.ri-bookmark-2-fill:before {
  content: "\eae0";
}

.ri-bookmark-2-line:before {
  content: "\eae1";
}

.ri-bookmark-3-fill:before {
  content: "\eae2";
}

.ri-bookmark-3-line:before {
  content: "\eae3";
}

.ri-bookmark-fill:before {
  content: "\eae4";
}

.ri-bookmark-line:before {
  content: "\eae5";
}

.ri-boxing-fill:before {
  content: "\eae6";
}

.ri-boxing-line:before {
  content: "\eae7";
}

.ri-braces-fill:before {
  content: "\eae8";
}

.ri-braces-line:before {
  content: "\eae9";
}

.ri-brackets-fill:before {
  content: "\eaea";
}

.ri-brackets-line:before {
  content: "\eaeb";
}

.ri-briefcase-2-fill:before {
  content: "\eaec";
}

.ri-briefcase-2-line:before {
  content: "\eaed";
}

.ri-briefcase-3-fill:before {
  content: "\eaee";
}

.ri-briefcase-3-line:before {
  content: "\eaef";
}

.ri-briefcase-4-fill:before {
  content: "\eaf0";
}

.ri-briefcase-4-line:before {
  content: "\eaf1";
}

.ri-briefcase-5-fill:before {
  content: "\eaf2";
}

.ri-briefcase-5-line:before {
  content: "\eaf3";
}

.ri-briefcase-fill:before {
  content: "\eaf4";
}

.ri-briefcase-line:before {
  content: "\eaf5";
}

.ri-bring-forward:before {
  content: "\eaf6";
}

.ri-bring-to-front:before {
  content: "\eaf7";
}

.ri-broadcast-fill:before {
  content: "\eaf8";
}

.ri-broadcast-line:before {
  content: "\eaf9";
}

.ri-brush-2-fill:before {
  content: "\eafa";
}

.ri-brush-2-line:before {
  content: "\eafb";
}

.ri-brush-3-fill:before {
  content: "\eafc";
}

.ri-brush-3-line:before {
  content: "\eafd";
}

.ri-brush-4-fill:before {
  content: "\eafe";
}

.ri-brush-4-line:before {
  content: "\eaff";
}

.ri-brush-fill:before {
  content: "\eb00";
}

.ri-brush-line:before {
  content: "\eb01";
}

.ri-bubble-chart-fill:before {
  content: "\eb02";
}

.ri-bubble-chart-line:before {
  content: "\eb03";
}

.ri-bug-2-fill:before {
  content: "\eb04";
}

.ri-bug-2-line:before {
  content: "\eb05";
}

.ri-bug-fill:before {
  content: "\eb06";
}

.ri-bug-line:before {
  content: "\eb07";
}

.ri-building-2-fill:before {
  content: "\eb08";
}

.ri-building-2-line:before {
  content: "\eb09";
}

.ri-building-3-fill:before {
  content: "\eb0a";
}

.ri-building-3-line:before {
  content: "\eb0b";
}

.ri-building-4-fill:before {
  content: "\eb0c";
}

.ri-building-4-line:before {
  content: "\eb0d";
}

.ri-building-fill:before {
  content: "\eb0e";
}

.ri-building-line:before {
  content: "\eb0f";
}

.ri-bus-2-fill:before {
  content: "\eb10";
}

.ri-bus-2-line:before {
  content: "\eb11";
}

.ri-bus-fill:before {
  content: "\eb12";
}

.ri-bus-line:before {
  content: "\eb13";
}

.ri-bus-wifi-fill:before {
  content: "\eb14";
}

.ri-bus-wifi-line:before {
  content: "\eb15";
}

.ri-cactus-fill:before {
  content: "\eb16";
}

.ri-cactus-line:before {
  content: "\eb17";
}

.ri-cake-2-fill:before {
  content: "\eb18";
}

.ri-cake-2-line:before {
  content: "\eb19";
}

.ri-cake-3-fill:before {
  content: "\eb1a";
}

.ri-cake-3-line:before {
  content: "\eb1b";
}

.ri-cake-fill:before {
  content: "\eb1c";
}

.ri-cake-line:before {
  content: "\eb1d";
}

.ri-calculator-fill:before {
  content: "\eb1e";
}

.ri-calculator-line:before {
  content: "\eb1f";
}

.ri-calendar-2-fill:before {
  content: "\eb20";
}

.ri-calendar-2-line:before {
  content: "\eb21";
}

.ri-calendar-check-fill:before {
  content: "\eb22";
}

.ri-calendar-check-line:before {
  content: "\eb23";
}

.ri-calendar-event-fill:before {
  content: "\eb24";
}

.ri-calendar-event-line:before {
  content: "\eb25";
}

.ri-calendar-fill:before {
  content: "\eb26";
}

.ri-calendar-line:before {
  content: "\eb27";
}

.ri-calendar-todo-fill:before {
  content: "\eb28";
}

.ri-calendar-todo-line:before {
  content: "\eb29";
}

.ri-camera-2-fill:before {
  content: "\eb2a";
}

.ri-camera-2-line:before {
  content: "\eb2b";
}

.ri-camera-3-fill:before {
  content: "\eb2c";
}

.ri-camera-3-line:before {
  content: "\eb2d";
}

.ri-camera-fill:before {
  content: "\eb2e";
}

.ri-camera-lens-fill:before {
  content: "\eb2f";
}

.ri-camera-lens-line:before {
  content: "\eb30";
}

.ri-camera-line:before {
  content: "\eb31";
}

.ri-camera-off-fill:before {
  content: "\eb32";
}

.ri-camera-off-line:before {
  content: "\eb33";
}

.ri-camera-switch-fill:before {
  content: "\eb34";
}

.ri-camera-switch-line:before {
  content: "\eb35";
}

.ri-capsule-fill:before {
  content: "\eb36";
}

.ri-capsule-line:before {
  content: "\eb37";
}

.ri-car-fill:before {
  content: "\eb38";
}

.ri-car-line:before {
  content: "\eb39";
}

.ri-car-washing-fill:before {
  content: "\eb3a";
}

.ri-car-washing-line:before {
  content: "\eb3b";
}

.ri-caravan-fill:before {
  content: "\eb3c";
}

.ri-caravan-line:before {
  content: "\eb3d";
}

.ri-cast-fill:before {
  content: "\eb3e";
}

.ri-cast-line:before {
  content: "\eb3f";
}

.ri-cellphone-fill:before {
  content: "\eb40";
}

.ri-cellphone-line:before {
  content: "\eb41";
}

.ri-celsius-fill:before {
  content: "\eb42";
}

.ri-celsius-line:before {
  content: "\eb43";
}

.ri-centos-fill:before {
  content: "\eb44";
}

.ri-centos-line:before {
  content: "\eb45";
}

.ri-character-recognition-fill:before {
  content: "\eb46";
}

.ri-character-recognition-line:before {
  content: "\eb47";
}

.ri-charging-pile-2-fill:before {
  content: "\eb48";
}

.ri-charging-pile-2-line:before {
  content: "\eb49";
}

.ri-charging-pile-fill:before {
  content: "\eb4a";
}

.ri-charging-pile-line:before {
  content: "\eb4b";
}

.ri-chat-1-fill:before {
  content: "\eb4c";
}

.ri-chat-1-line:before {
  content: "\eb4d";
}

.ri-chat-2-fill:before {
  content: "\eb4e";
}

.ri-chat-2-line:before {
  content: "\eb4f";
}

.ri-chat-3-fill:before {
  content: "\eb50";
}

.ri-chat-3-line:before {
  content: "\eb51";
}

.ri-chat-4-fill:before {
  content: "\eb52";
}

.ri-chat-4-line:before {
  content: "\eb53";
}

.ri-chat-check-fill:before {
  content: "\eb54";
}

.ri-chat-check-line:before {
  content: "\eb55";
}

.ri-chat-delete-fill:before {
  content: "\eb56";
}

.ri-chat-delete-line:before {
  content: "\eb57";
}

.ri-chat-download-fill:before {
  content: "\eb58";
}

.ri-chat-download-line:before {
  content: "\eb59";
}

.ri-chat-follow-up-fill:before {
  content: "\eb5a";
}

.ri-chat-follow-up-line:before {
  content: "\eb5b";
}

.ri-chat-forward-fill:before {
  content: "\eb5c";
}

.ri-chat-forward-line:before {
  content: "\eb5d";
}

.ri-chat-heart-fill:before {
  content: "\eb5e";
}

.ri-chat-heart-line:before {
  content: "\eb5f";
}

.ri-chat-history-fill:before {
  content: "\eb60";
}

.ri-chat-history-line:before {
  content: "\eb61";
}

.ri-chat-new-fill:before {
  content: "\eb62";
}

.ri-chat-new-line:before {
  content: "\eb63";
}

.ri-chat-off-fill:before {
  content: "\eb64";
}

.ri-chat-off-line:before {
  content: "\eb65";
}

.ri-chat-poll-fill:before {
  content: "\eb66";
}

.ri-chat-poll-line:before {
  content: "\eb67";
}

.ri-chat-private-fill:before {
  content: "\eb68";
}

.ri-chat-private-line:before {
  content: "\eb69";
}

.ri-chat-quote-fill:before {
  content: "\eb6a";
}

.ri-chat-quote-line:before {
  content: "\eb6b";
}

.ri-chat-settings-fill:before {
  content: "\eb6c";
}

.ri-chat-settings-line:before {
  content: "\eb6d";
}

.ri-chat-smile-2-fill:before {
  content: "\eb6e";
}

.ri-chat-smile-2-line:before {
  content: "\eb6f";
}

.ri-chat-smile-3-fill:before {
  content: "\eb70";
}

.ri-chat-smile-3-line:before {
  content: "\eb71";
}

.ri-chat-smile-fill:before {
  content: "\eb72";
}

.ri-chat-smile-line:before {
  content: "\eb73";
}

.ri-chat-upload-fill:before {
  content: "\eb74";
}

.ri-chat-upload-line:before {
  content: "\eb75";
}

.ri-chat-voice-fill:before {
  content: "\eb76";
}

.ri-chat-voice-line:before {
  content: "\eb77";
}

.ri-check-double-fill:before {
  content: "\eb78";
}

.ri-check-double-line:before {
  content: "\eb79";
}

.ri-check-fill:before {
  content: "\eb7a";
}

.ri-check-line:before {
  content: "\eb7b";
}

.ri-checkbox-blank-circle-fill:before {
  content: "\eb7c";
}

.ri-checkbox-blank-circle-line:before {
  content: "\eb7d";
}

.ri-checkbox-blank-fill:before {
  content: "\eb7e";
}

.ri-checkbox-blank-line:before {
  content: "\eb7f";
}

.ri-checkbox-circle-fill:before {
  content: "\eb80";
}

.ri-checkbox-circle-line:before {
  content: "\eb81";
}

.ri-checkbox-fill:before {
  content: "\eb82";
}

.ri-checkbox-indeterminate-fill:before {
  content: "\eb83";
}

.ri-checkbox-indeterminate-line:before {
  content: "\eb84";
}

.ri-checkbox-line:before {
  content: "\eb85";
}

.ri-checkbox-multiple-blank-fill:before {
  content: "\eb86";
}

.ri-checkbox-multiple-blank-line:before {
  content: "\eb87";
}

.ri-checkbox-multiple-fill:before {
  content: "\eb88";
}

.ri-checkbox-multiple-line:before {
  content: "\eb89";
}

.ri-china-railway-fill:before {
  content: "\eb8a";
}

.ri-china-railway-line:before {
  content: "\eb8b";
}

.ri-chrome-fill:before {
  content: "\eb8c";
}

.ri-chrome-line:before {
  content: "\eb8d";
}

.ri-clapperboard-fill:before {
  content: "\eb8e";
}

.ri-clapperboard-line:before {
  content: "\eb8f";
}

.ri-clipboard-fill:before {
  content: "\eb90";
}

.ri-clipboard-line:before {
  content: "\eb91";
}

.ri-clockwise-2-fill:before {
  content: "\eb92";
}

.ri-clockwise-2-line:before {
  content: "\eb93";
}

.ri-clockwise-fill:before {
  content: "\eb94";
}

.ri-clockwise-line:before {
  content: "\eb95";
}

.ri-close-circle-fill:before {
  content: "\eb96";
}

.ri-close-circle-line:before {
  content: "\eb97";
}

.ri-close-fill:before {
  content: "\eb98";
}

.ri-close-line:before {
  content: "\eb99";
}

.ri-closed-captioning-fill:before {
  content: "\eb9a";
}

.ri-closed-captioning-line:before {
  content: "\eb9b";
}

.ri-cloud-fill:before {
  content: "\eb9c";
}

.ri-cloud-line:before {
  content: "\eb9d";
}

.ri-cloud-off-fill:before {
  content: "\eb9e";
}

.ri-cloud-off-line:before {
  content: "\eb9f";
}

.ri-cloud-windy-fill:before {
  content: "\eba0";
}

.ri-cloud-windy-line:before {
  content: "\eba1";
}

.ri-cloudy-2-fill:before {
  content: "\eba2";
}

.ri-cloudy-2-line:before {
  content: "\eba3";
}

.ri-cloudy-fill:before {
  content: "\eba4";
}

.ri-cloudy-line:before {
  content: "\eba5";
}

.ri-code-box-fill:before {
  content: "\eba6";
}

.ri-code-box-line:before {
  content: "\eba7";
}

.ri-code-fill:before {
  content: "\eba8";
}

.ri-code-line:before {
  content: "\eba9";
}

.ri-code-s-fill:before {
  content: "\ebaa";
}

.ri-code-s-line:before {
  content: "\ebab";
}

.ri-code-s-slash-fill:before {
  content: "\ebac";
}

.ri-code-s-slash-line:before {
  content: "\ebad";
}

.ri-code-view:before {
  content: "\ebae";
}

.ri-codepen-fill:before {
  content: "\ebaf";
}

.ri-codepen-line:before {
  content: "\ebb0";
}

.ri-coin-fill:before {
  content: "\ebb1";
}

.ri-coin-line:before {
  content: "\ebb2";
}

.ri-coins-fill:before {
  content: "\ebb3";
}

.ri-coins-line:before {
  content: "\ebb4";
}

.ri-collage-fill:before {
  content: "\ebb5";
}

.ri-collage-line:before {
  content: "\ebb6";
}

.ri-command-fill:before {
  content: "\ebb7";
}

.ri-command-line:before {
  content: "\ebb8";
}

.ri-community-fill:before {
  content: "\ebb9";
}

.ri-community-line:before {
  content: "\ebba";
}

.ri-compass-2-fill:before {
  content: "\ebbb";
}

.ri-compass-2-line:before {
  content: "\ebbc";
}

.ri-compass-3-fill:before {
  content: "\ebbd";
}

.ri-compass-3-line:before {
  content: "\ebbe";
}

.ri-compass-4-fill:before {
  content: "\ebbf";
}

.ri-compass-4-line:before {
  content: "\ebc0";
}

.ri-compass-discover-fill:before {
  content: "\ebc1";
}

.ri-compass-discover-line:before {
  content: "\ebc2";
}

.ri-compass-fill:before {
  content: "\ebc3";
}

.ri-compass-line:before {
  content: "\ebc4";
}

.ri-compasses-2-fill:before {
  content: "\ebc5";
}

.ri-compasses-2-line:before {
  content: "\ebc6";
}

.ri-compasses-fill:before {
  content: "\ebc7";
}

.ri-compasses-line:before {
  content: "\ebc8";
}

.ri-computer-fill:before {
  content: "\ebc9";
}

.ri-computer-line:before {
  content: "\ebca";
}

.ri-contacts-book-2-fill:before {
  content: "\ebcb";
}

.ri-contacts-book-2-line:before {
  content: "\ebcc";
}

.ri-contacts-book-fill:before {
  content: "\ebcd";
}

.ri-contacts-book-line:before {
  content: "\ebce";
}

.ri-contacts-book-upload-fill:before {
  content: "\ebcf";
}

.ri-contacts-book-upload-line:before {
  content: "\ebd0";
}

.ri-contacts-fill:before {
  content: "\ebd1";
}

.ri-contacts-line:before {
  content: "\ebd2";
}

.ri-contrast-2-fill:before {
  content: "\ebd3";
}

.ri-contrast-2-line:before {
  content: "\ebd4";
}

.ri-contrast-drop-2-fill:before {
  content: "\ebd5";
}

.ri-contrast-drop-2-line:before {
  content: "\ebd6";
}

.ri-contrast-drop-fill:before {
  content: "\ebd7";
}

.ri-contrast-drop-line:before {
  content: "\ebd8";
}

.ri-contrast-fill:before {
  content: "\ebd9";
}

.ri-contrast-line:before {
  content: "\ebda";
}

.ri-copper-coin-fill:before {
  content: "\ebdb";
}

.ri-copper-coin-line:before {
  content: "\ebdc";
}

.ri-copper-diamond-fill:before {
  content: "\ebdd";
}

.ri-copper-diamond-line:before {
  content: "\ebde";
}

.ri-copyleft-fill:before {
  content: "\ebdf";
}

.ri-copyleft-line:before {
  content: "\ebe0";
}

.ri-copyright-fill:before {
  content: "\ebe1";
}

.ri-copyright-line:before {
  content: "\ebe2";
}

.ri-coreos-fill:before {
  content: "\ebe3";
}

.ri-coreos-line:before {
  content: "\ebe4";
}

.ri-coupon-2-fill:before {
  content: "\ebe5";
}

.ri-coupon-2-line:before {
  content: "\ebe6";
}

.ri-coupon-3-fill:before {
  content: "\ebe7";
}

.ri-coupon-3-line:before {
  content: "\ebe8";
}

.ri-coupon-4-fill:before {
  content: "\ebe9";
}

.ri-coupon-4-line:before {
  content: "\ebea";
}

.ri-coupon-5-fill:before {
  content: "\ebeb";
}

.ri-coupon-5-line:before {
  content: "\ebec";
}

.ri-coupon-fill:before {
  content: "\ebed";
}

.ri-coupon-line:before {
  content: "\ebee";
}

.ri-cpu-fill:before {
  content: "\ebef";
}

.ri-cpu-line:before {
  content: "\ebf0";
}

.ri-creative-commons-by-fill:before {
  content: "\ebf1";
}

.ri-creative-commons-by-line:before {
  content: "\ebf2";
}

.ri-creative-commons-fill:before {
  content: "\ebf3";
}

.ri-creative-commons-line:before {
  content: "\ebf4";
}

.ri-creative-commons-nc-fill:before {
  content: "\ebf5";
}

.ri-creative-commons-nc-line:before {
  content: "\ebf6";
}

.ri-creative-commons-nd-fill:before {
  content: "\ebf7";
}

.ri-creative-commons-nd-line:before {
  content: "\ebf8";
}

.ri-creative-commons-sa-fill:before {
  content: "\ebf9";
}

.ri-creative-commons-sa-line:before {
  content: "\ebfa";
}

.ri-creative-commons-zero-fill:before {
  content: "\ebfb";
}

.ri-creative-commons-zero-line:before {
  content: "\ebfc";
}

.ri-criminal-fill:before {
  content: "\ebfd";
}

.ri-criminal-line:before {
  content: "\ebfe";
}

.ri-crop-2-fill:before {
  content: "\ebff";
}

.ri-crop-2-line:before {
  content: "\ec00";
}

.ri-crop-fill:before {
  content: "\ec01";
}

.ri-crop-line:before {
  content: "\ec02";
}

.ri-css3-fill:before {
  content: "\ec03";
}

.ri-css3-line:before {
  content: "\ec04";
}

.ri-cup-fill:before {
  content: "\ec05";
}

.ri-cup-line:before {
  content: "\ec06";
}

.ri-currency-fill:before {
  content: "\ec07";
}

.ri-currency-line:before {
  content: "\ec08";
}

.ri-cursor-fill:before {
  content: "\ec09";
}

.ri-cursor-line:before {
  content: "\ec0a";
}

.ri-customer-service-2-fill:before {
  content: "\ec0b";
}

.ri-customer-service-2-line:before {
  content: "\ec0c";
}

.ri-customer-service-fill:before {
  content: "\ec0d";
}

.ri-customer-service-line:before {
  content: "\ec0e";
}

.ri-dashboard-2-fill:before {
  content: "\ec0f";
}

.ri-dashboard-2-line:before {
  content: "\ec10";
}

.ri-dashboard-3-fill:before {
  content: "\ec11";
}

.ri-dashboard-3-line:before {
  content: "\ec12";
}

.ri-dashboard-fill:before {
  content: "\ec13";
}

.ri-dashboard-line:before {
  content: "\ec14";
}

.ri-database-2-fill:before {
  content: "\ec15";
}

.ri-database-2-line:before {
  content: "\ec16";
}

.ri-database-fill:before {
  content: "\ec17";
}

.ri-database-line:before {
  content: "\ec18";
}

.ri-delete-back-2-fill:before {
  content: "\ec19";
}

.ri-delete-back-2-line:before {
  content: "\ec1a";
}

.ri-delete-back-fill:before {
  content: "\ec1b";
}

.ri-delete-back-line:before {
  content: "\ec1c";
}

.ri-delete-bin-2-fill:before {
  content: "\ec1d";
}

.ri-delete-bin-2-line:before {
  content: "\ec1e";
}

.ri-delete-bin-3-fill:before {
  content: "\ec1f";
}

.ri-delete-bin-3-line:before {
  content: "\ec20";
}

.ri-delete-bin-4-fill:before {
  content: "\ec21";
}

.ri-delete-bin-4-line:before {
  content: "\ec22";
}

.ri-delete-bin-5-fill:before {
  content: "\ec23";
}

.ri-delete-bin-5-line:before {
  content: "\ec24";
}

.ri-delete-bin-6-fill:before {
  content: "\ec25";
}

.ri-delete-bin-6-line:before {
  content: "\ec26";
}

.ri-delete-bin-7-fill:before {
  content: "\ec27";
}

.ri-delete-bin-7-line:before {
  content: "\ec28";
}

.ri-delete-bin-fill:before {
  content: "\ec29";
}

.ri-delete-bin-line:before {
  content: "\ec2a";
}

.ri-delete-column:before {
  content: "\ec2b";
}

.ri-delete-row:before {
  content: "\ec2c";
}

.ri-device-fill:before {
  content: "\ec2d";
}

.ri-device-line:before {
  content: "\ec2e";
}

.ri-device-recover-fill:before {
  content: "\ec2f";
}

.ri-device-recover-line:before {
  content: "\ec30";
}

.ri-dingding-fill:before {
  content: "\ec31";
}

.ri-dingding-line:before {
  content: "\ec32";
}

.ri-direction-fill:before {
  content: "\ec33";
}

.ri-direction-line:before {
  content: "\ec34";
}

.ri-disc-fill:before {
  content: "\ec35";
}

.ri-disc-line:before {
  content: "\ec36";
}

.ri-discord-fill:before {
  content: "\ec37";
}

.ri-discord-line:before {
  content: "\ec38";
}

.ri-discuss-fill:before {
  content: "\ec39";
}

.ri-discuss-line:before {
  content: "\ec3a";
}

.ri-dislike-fill:before {
  content: "\ec3b";
}

.ri-dislike-line:before {
  content: "\ec3c";
}

.ri-disqus-fill:before {
  content: "\ec3d";
}

.ri-disqus-line:before {
  content: "\ec3e";
}

.ri-divide-fill:before {
  content: "\ec3f";
}

.ri-divide-line:before {
  content: "\ec40";
}

.ri-donut-chart-fill:before {
  content: "\ec41";
}

.ri-donut-chart-line:before {
  content: "\ec42";
}

.ri-door-closed-fill:before {
  content: "\ec43";
}

.ri-door-closed-line:before {
  content: "\ec44";
}

.ri-door-fill:before {
  content: "\ec45";
}

.ri-door-line:before {
  content: "\ec46";
}

.ri-door-lock-box-fill:before {
  content: "\ec47";
}

.ri-door-lock-box-line:before {
  content: "\ec48";
}

.ri-door-lock-fill:before {
  content: "\ec49";
}

.ri-door-lock-line:before {
  content: "\ec4a";
}

.ri-door-open-fill:before {
  content: "\ec4b";
}

.ri-door-open-line:before {
  content: "\ec4c";
}

.ri-dossier-fill:before {
  content: "\ec4d";
}

.ri-dossier-line:before {
  content: "\ec4e";
}

.ri-douban-fill:before {
  content: "\ec4f";
}

.ri-douban-line:before {
  content: "\ec50";
}

.ri-double-quotes-l:before {
  content: "\ec51";
}

.ri-double-quotes-r:before {
  content: "\ec52";
}

.ri-download-2-fill:before {
  content: "\ec53";
}

.ri-download-2-line:before {
  content: "\ec54";
}

.ri-download-cloud-2-fill:before {
  content: "\ec55";
}

.ri-download-cloud-2-line:before {
  content: "\ec56";
}

.ri-download-cloud-fill:before {
  content: "\ec57";
}

.ri-download-cloud-line:before {
  content: "\ec58";
}

.ri-download-fill:before {
  content: "\ec59";
}

.ri-download-line:before {
  content: "\ec5a";
}

.ri-draft-fill:before {
  content: "\ec5b";
}

.ri-draft-line:before {
  content: "\ec5c";
}

.ri-drag-drop-fill:before {
  content: "\ec5d";
}

.ri-drag-drop-line:before {
  content: "\ec5e";
}

.ri-drag-move-2-fill:before {
  content: "\ec5f";
}

.ri-drag-move-2-line:before {
  content: "\ec60";
}

.ri-drag-move-fill:before {
  content: "\ec61";
}

.ri-drag-move-line:before {
  content: "\ec62";
}

.ri-dribbble-fill:before {
  content: "\ec63";
}

.ri-dribbble-line:before {
  content: "\ec64";
}

.ri-drive-fill:before {
  content: "\ec65";
}

.ri-drive-line:before {
  content: "\ec66";
}

.ri-drizzle-fill:before {
  content: "\ec67";
}

.ri-drizzle-line:before {
  content: "\ec68";
}

.ri-drop-fill:before {
  content: "\ec69";
}

.ri-drop-line:before {
  content: "\ec6a";
}

.ri-dropbox-fill:before {
  content: "\ec6b";
}

.ri-dropbox-line:before {
  content: "\ec6c";
}

.ri-dual-sim-1-fill:before {
  content: "\ec6d";
}

.ri-dual-sim-1-line:before {
  content: "\ec6e";
}

.ri-dual-sim-2-fill:before {
  content: "\ec6f";
}

.ri-dual-sim-2-line:before {
  content: "\ec70";
}

.ri-dv-fill:before {
  content: "\ec71";
}

.ri-dv-line:before {
  content: "\ec72";
}

.ri-dvd-fill:before {
  content: "\ec73";
}

.ri-dvd-line:before {
  content: "\ec74";
}

.ri-e-bike-2-fill:before {
  content: "\ec75";
}

.ri-e-bike-2-line:before {
  content: "\ec76";
}

.ri-e-bike-fill:before {
  content: "\ec77";
}

.ri-e-bike-line:before {
  content: "\ec78";
}

.ri-earth-fill:before {
  content: "\ec79";
}

.ri-earth-line:before {
  content: "\ec7a";
}

.ri-earthquake-fill:before {
  content: "\ec7b";
}

.ri-earthquake-line:before {
  content: "\ec7c";
}

.ri-edge-fill:before {
  content: "\ec7d";
}

.ri-edge-line:before {
  content: "\ec7e";
}

.ri-edit-2-fill:before {
  content: "\ec7f";
}

.ri-edit-2-line:before {
  content: "\ec80";
}

.ri-edit-box-fill:before {
  content: "\ec81";
}

.ri-edit-box-line:before {
  content: "\ec82";
}

.ri-edit-circle-fill:before {
  content: "\ec83";
}

.ri-edit-circle-line:before {
  content: "\ec84";
}

.ri-edit-fill:before {
  content: "\ec85";
}

.ri-edit-line:before {
  content: "\ec86";
}

.ri-eject-fill:before {
  content: "\ec87";
}

.ri-eject-line:before {
  content: "\ec88";
}

.ri-emotion-2-fill:before {
  content: "\ec89";
}

.ri-emotion-2-line:before {
  content: "\ec8a";
}

.ri-emotion-fill:before {
  content: "\ec8b";
}

.ri-emotion-happy-fill:before {
  content: "\ec8c";
}

.ri-emotion-happy-line:before {
  content: "\ec8d";
}

.ri-emotion-laugh-fill:before {
  content: "\ec8e";
}

.ri-emotion-laugh-line:before {
  content: "\ec8f";
}

.ri-emotion-line:before {
  content: "\ec90";
}

.ri-emotion-normal-fill:before {
  content: "\ec91";
}

.ri-emotion-normal-line:before {
  content: "\ec92";
}

.ri-emotion-sad-fill:before {
  content: "\ec93";
}

.ri-emotion-sad-line:before {
  content: "\ec94";
}

.ri-emotion-unhappy-fill:before {
  content: "\ec95";
}

.ri-emotion-unhappy-line:before {
  content: "\ec96";
}

.ri-empathize-fill:before {
  content: "\ec97";
}

.ri-empathize-line:before {
  content: "\ec98";
}

.ri-emphasis-cn:before {
  content: "\ec99";
}

.ri-emphasis:before {
  content: "\ec9a";
}

.ri-english-input:before {
  content: "\ec9b";
}

.ri-equalizer-fill:before {
  content: "\ec9c";
}

.ri-equalizer-line:before {
  content: "\ec9d";
}

.ri-eraser-fill:before {
  content: "\ec9e";
}

.ri-eraser-line:before {
  content: "\ec9f";
}

.ri-error-warning-fill:before {
  content: "\eca0";
}

.ri-error-warning-line:before {
  content: "\eca1";
}

.ri-evernote-fill:before {
  content: "\eca2";
}

.ri-evernote-line:before {
  content: "\eca3";
}

.ri-exchange-box-fill:before {
  content: "\eca4";
}

.ri-exchange-box-line:before {
  content: "\eca5";
}

.ri-exchange-cny-fill:before {
  content: "\eca6";
}

.ri-exchange-cny-line:before {
  content: "\eca7";
}

.ri-exchange-dollar-fill:before {
  content: "\eca8";
}

.ri-exchange-dollar-line:before {
  content: "\eca9";
}

.ri-exchange-fill:before {
  content: "\ecaa";
}

.ri-exchange-funds-fill:before {
  content: "\ecab";
}

.ri-exchange-funds-line:before {
  content: "\ecac";
}

.ri-exchange-line:before {
  content: "\ecad";
}

.ri-external-link-fill:before {
  content: "\ecae";
}

.ri-external-link-line:before {
  content: "\ecaf";
}

.ri-eye-2-fill:before {
  content: "\ecb0";
}

.ri-eye-2-line:before {
  content: "\ecb1";
}

.ri-eye-close-fill:before {
  content: "\ecb2";
}

.ri-eye-close-line:before {
  content: "\ecb3";
}

.ri-eye-fill:before {
  content: "\ecb4";
}

.ri-eye-line:before {
  content: "\ecb5";
}

.ri-eye-off-fill:before {
  content: "\ecb6";
}

.ri-eye-off-line:before {
  content: "\ecb7";
}

.ri-facebook-box-fill:before {
  content: "\ecb8";
}

.ri-facebook-box-line:before {
  content: "\ecb9";
}

.ri-facebook-circle-fill:before {
  content: "\ecba";
}

.ri-facebook-circle-line:before {
  content: "\ecbb";
}

.ri-facebook-fill:before {
  content: "\ecbc";
}

.ri-facebook-line:before {
  content: "\ecbd";
}

.ri-fahrenheit-fill:before {
  content: "\ecbe";
}

.ri-fahrenheit-line:before {
  content: "\ecbf";
}

.ri-feedback-fill:before {
  content: "\ecc0";
}

.ri-feedback-line:before {
  content: "\ecc1";
}

.ri-file-2-fill:before {
  content: "\ecc2";
}

.ri-file-2-line:before {
  content: "\ecc3";
}

.ri-file-3-fill:before {
  content: "\ecc4";
}

.ri-file-3-line:before {
  content: "\ecc5";
}

.ri-file-4-fill:before {
  content: "\ecc6";
}

.ri-file-4-line:before {
  content: "\ecc7";
}

.ri-file-add-fill:before {
  content: "\ecc8";
}

.ri-file-add-line:before {
  content: "\ecc9";
}

.ri-file-chart-2-fill:before {
  content: "\ecca";
}

.ri-file-chart-2-line:before {
  content: "\eccb";
}

.ri-file-chart-fill:before {
  content: "\eccc";
}

.ri-file-chart-line:before {
  content: "\eccd";
}

.ri-file-cloud-fill:before {
  content: "\ecce";
}

.ri-file-cloud-line:before {
  content: "\eccf";
}

.ri-file-code-fill:before {
  content: "\ecd0";
}

.ri-file-code-line:before {
  content: "\ecd1";
}

.ri-file-copy-2-fill:before {
  content: "\ecd2";
}

.ri-file-copy-2-line:before {
  content: "\ecd3";
}

.ri-file-copy-fill:before {
  content: "\ecd4";
}

.ri-file-copy-line:before {
  content: "\ecd5";
}

.ri-file-damage-fill:before {
  content: "\ecd6";
}

.ri-file-damage-line:before {
  content: "\ecd7";
}

.ri-file-download-fill:before {
  content: "\ecd8";
}

.ri-file-download-line:before {
  content: "\ecd9";
}

.ri-file-edit-fill:before {
  content: "\ecda";
}

.ri-file-edit-line:before {
  content: "\ecdb";
}

.ri-file-excel-2-fill:before {
  content: "\ecdc";
}

.ri-file-excel-2-line:before {
  content: "\ecdd";
}

.ri-file-excel-fill:before {
  content: "\ecde";
}

.ri-file-excel-line:before {
  content: "\ecdf";
}

.ri-file-fill:before {
  content: "\ece0";
}

.ri-file-forbid-fill:before {
  content: "\ece1";
}

.ri-file-forbid-line:before {
  content: "\ece2";
}

.ri-file-gif-fill:before {
  content: "\ece3";
}

.ri-file-gif-line:before {
  content: "\ece4";
}

.ri-file-history-fill:before {
  content: "\ece5";
}

.ri-file-history-line:before {
  content: "\ece6";
}

.ri-file-hwp-fill:before {
  content: "\ece7";
}

.ri-file-hwp-line:before {
  content: "\ece8";
}

.ri-file-info-fill:before {
  content: "\ece9";
}

.ri-file-info-line:before {
  content: "\ecea";
}

.ri-file-line:before {
  content: "\eceb";
}

.ri-file-list-2-fill:before {
  content: "\ecec";
}

.ri-file-list-2-line:before {
  content: "\eced";
}

.ri-file-list-3-fill:before {
  content: "\ecee";
}

.ri-file-list-3-line:before {
  content: "\ecef";
}

.ri-file-list-fill:before {
  content: "\ecf0";
}

.ri-file-list-line:before {
  content: "\ecf1";
}

.ri-file-lock-fill:before {
  content: "\ecf2";
}

.ri-file-lock-line:before {
  content: "\ecf3";
}

.ri-file-marked-fill:before {
  content: "\ecf4";
}

.ri-file-marked-line:before {
  content: "\ecf5";
}

.ri-file-music-fill:before {
  content: "\ecf6";
}

.ri-file-music-line:before {
  content: "\ecf7";
}

.ri-file-paper-2-fill:before {
  content: "\ecf8";
}

.ri-file-paper-2-line:before {
  content: "\ecf9";
}

.ri-file-paper-fill:before {
  content: "\ecfa";
}

.ri-file-paper-line:before {
  content: "\ecfb";
}

.ri-file-pdf-fill:before {
  content: "\ecfc";
}

.ri-file-pdf-line:before {
  content: "\ecfd";
}

.ri-file-ppt-2-fill:before {
  content: "\ecfe";
}

.ri-file-ppt-2-line:before {
  content: "\ecff";
}

.ri-file-ppt-fill:before {
  content: "\ed00";
}

.ri-file-ppt-line:before {
  content: "\ed01";
}

.ri-file-reduce-fill:before {
  content: "\ed02";
}

.ri-file-reduce-line:before {
  content: "\ed03";
}

.ri-file-search-fill:before {
  content: "\ed04";
}

.ri-file-search-line:before {
  content: "\ed05";
}

.ri-file-settings-fill:before {
  content: "\ed06";
}

.ri-file-settings-line:before {
  content: "\ed07";
}

.ri-file-shield-2-fill:before {
  content: "\ed08";
}

.ri-file-shield-2-line:before {
  content: "\ed09";
}

.ri-file-shield-fill:before {
  content: "\ed0a";
}

.ri-file-shield-line:before {
  content: "\ed0b";
}

.ri-file-shred-fill:before {
  content: "\ed0c";
}

.ri-file-shred-line:before {
  content: "\ed0d";
}

.ri-file-text-fill:before {
  content: "\ed0e";
}

.ri-file-text-line:before {
  content: "\ed0f";
}

.ri-file-transfer-fill:before {
  content: "\ed10";
}

.ri-file-transfer-line:before {
  content: "\ed11";
}

.ri-file-unknow-fill:before {
  content: "\ed12";
}

.ri-file-unknow-line:before {
  content: "\ed13";
}

.ri-file-upload-fill:before {
  content: "\ed14";
}

.ri-file-upload-line:before {
  content: "\ed15";
}

.ri-file-user-fill:before {
  content: "\ed16";
}

.ri-file-user-line:before {
  content: "\ed17";
}

.ri-file-warning-fill:before {
  content: "\ed18";
}

.ri-file-warning-line:before {
  content: "\ed19";
}

.ri-file-word-2-fill:before {
  content: "\ed1a";
}

.ri-file-word-2-line:before {
  content: "\ed1b";
}

.ri-file-word-fill:before {
  content: "\ed1c";
}

.ri-file-word-line:before {
  content: "\ed1d";
}

.ri-file-zip-fill:before {
  content: "\ed1e";
}

.ri-file-zip-line:before {
  content: "\ed1f";
}

.ri-film-fill:before {
  content: "\ed20";
}

.ri-film-line:before {
  content: "\ed21";
}

.ri-filter-2-fill:before {
  content: "\ed22";
}

.ri-filter-2-line:before {
  content: "\ed23";
}

.ri-filter-3-fill:before {
  content: "\ed24";
}

.ri-filter-3-line:before {
  content: "\ed25";
}

.ri-filter-fill:before {
  content: "\ed26";
}

.ri-filter-line:before {
  content: "\ed27";
}

.ri-filter-off-fill:before {
  content: "\ed28";
}

.ri-filter-off-line:before {
  content: "\ed29";
}

.ri-find-replace-fill:before {
  content: "\ed2a";
}

.ri-find-replace-line:before {
  content: "\ed2b";
}

.ri-finder-fill:before {
  content: "\ed2c";
}

.ri-finder-line:before {
  content: "\ed2d";
}

.ri-fingerprint-2-fill:before {
  content: "\ed2e";
}

.ri-fingerprint-2-line:before {
  content: "\ed2f";
}

.ri-fingerprint-fill:before {
  content: "\ed30";
}

.ri-fingerprint-line:before {
  content: "\ed31";
}

.ri-fire-fill:before {
  content: "\ed32";
}

.ri-fire-line:before {
  content: "\ed33";
}

.ri-firefox-fill:before {
  content: "\ed34";
}

.ri-firefox-line:before {
  content: "\ed35";
}

.ri-first-aid-kit-fill:before {
  content: "\ed36";
}

.ri-first-aid-kit-line:before {
  content: "\ed37";
}

.ri-flag-2-fill:before {
  content: "\ed38";
}

.ri-flag-2-line:before {
  content: "\ed39";
}

.ri-flag-fill:before {
  content: "\ed3a";
}

.ri-flag-line:before {
  content: "\ed3b";
}

.ri-flashlight-fill:before {
  content: "\ed3c";
}

.ri-flashlight-line:before {
  content: "\ed3d";
}

.ri-flask-fill:before {
  content: "\ed3e";
}

.ri-flask-line:before {
  content: "\ed3f";
}

.ri-flight-land-fill:before {
  content: "\ed40";
}

.ri-flight-land-line:before {
  content: "\ed41";
}

.ri-flight-takeoff-fill:before {
  content: "\ed42";
}

.ri-flight-takeoff-line:before {
  content: "\ed43";
}

.ri-flood-fill:before {
  content: "\ed44";
}

.ri-flood-line:before {
  content: "\ed45";
}

.ri-flow-chart:before {
  content: "\ed46";
}

.ri-flutter-fill:before {
  content: "\ed47";
}

.ri-flutter-line:before {
  content: "\ed48";
}

.ri-focus-2-fill:before {
  content: "\ed49";
}

.ri-focus-2-line:before {
  content: "\ed4a";
}

.ri-focus-3-fill:before {
  content: "\ed4b";
}

.ri-focus-3-line:before {
  content: "\ed4c";
}

.ri-focus-fill:before {
  content: "\ed4d";
}

.ri-focus-line:before {
  content: "\ed4e";
}

.ri-foggy-fill:before {
  content: "\ed4f";
}

.ri-foggy-line:before {
  content: "\ed50";
}

.ri-folder-2-fill:before {
  content: "\ed51";
}

.ri-folder-2-line:before {
  content: "\ed52";
}

.ri-folder-3-fill:before {
  content: "\ed53";
}

.ri-folder-3-line:before {
  content: "\ed54";
}

.ri-folder-4-fill:before {
  content: "\ed55";
}

.ri-folder-4-line:before {
  content: "\ed56";
}

.ri-folder-5-fill:before {
  content: "\ed57";
}

.ri-folder-5-line:before {
  content: "\ed58";
}

.ri-folder-add-fill:before {
  content: "\ed59";
}

.ri-folder-add-line:before {
  content: "\ed5a";
}

.ri-folder-chart-2-fill:before {
  content: "\ed5b";
}

.ri-folder-chart-2-line:before {
  content: "\ed5c";
}

.ri-folder-chart-fill:before {
  content: "\ed5d";
}

.ri-folder-chart-line:before {
  content: "\ed5e";
}

.ri-folder-download-fill:before {
  content: "\ed5f";
}

.ri-folder-download-line:before {
  content: "\ed60";
}

.ri-folder-fill:before {
  content: "\ed61";
}

.ri-folder-forbid-fill:before {
  content: "\ed62";
}

.ri-folder-forbid-line:before {
  content: "\ed63";
}

.ri-folder-history-fill:before {
  content: "\ed64";
}

.ri-folder-history-line:before {
  content: "\ed65";
}

.ri-folder-info-fill:before {
  content: "\ed66";
}

.ri-folder-info-line:before {
  content: "\ed67";
}

.ri-folder-keyhole-fill:before {
  content: "\ed68";
}

.ri-folder-keyhole-line:before {
  content: "\ed69";
}

.ri-folder-line:before {
  content: "\ed6a";
}

.ri-folder-lock-fill:before {
  content: "\ed6b";
}

.ri-folder-lock-line:before {
  content: "\ed6c";
}

.ri-folder-music-fill:before {
  content: "\ed6d";
}

.ri-folder-music-line:before {
  content: "\ed6e";
}

.ri-folder-open-fill:before {
  content: "\ed6f";
}

.ri-folder-open-line:before {
  content: "\ed70";
}

.ri-folder-received-fill:before {
  content: "\ed71";
}

.ri-folder-received-line:before {
  content: "\ed72";
}

.ri-folder-reduce-fill:before {
  content: "\ed73";
}

.ri-folder-reduce-line:before {
  content: "\ed74";
}

.ri-folder-settings-fill:before {
  content: "\ed75";
}

.ri-folder-settings-line:before {
  content: "\ed76";
}

.ri-folder-shared-fill:before {
  content: "\ed77";
}

.ri-folder-shared-line:before {
  content: "\ed78";
}

.ri-folder-shield-2-fill:before {
  content: "\ed79";
}

.ri-folder-shield-2-line:before {
  content: "\ed7a";
}

.ri-folder-shield-fill:before {
  content: "\ed7b";
}

.ri-folder-shield-line:before {
  content: "\ed7c";
}

.ri-folder-transfer-fill:before {
  content: "\ed7d";
}

.ri-folder-transfer-line:before {
  content: "\ed7e";
}

.ri-folder-unknow-fill:before {
  content: "\ed7f";
}

.ri-folder-unknow-line:before {
  content: "\ed80";
}

.ri-folder-upload-fill:before {
  content: "\ed81";
}

.ri-folder-upload-line:before {
  content: "\ed82";
}

.ri-folder-user-fill:before {
  content: "\ed83";
}

.ri-folder-user-line:before {
  content: "\ed84";
}

.ri-folder-warning-fill:before {
  content: "\ed85";
}

.ri-folder-warning-line:before {
  content: "\ed86";
}

.ri-folder-zip-fill:before {
  content: "\ed87";
}

.ri-folder-zip-line:before {
  content: "\ed88";
}

.ri-folders-fill:before {
  content: "\ed89";
}

.ri-folders-line:before {
  content: "\ed8a";
}

.ri-font-color:before {
  content: "\ed8b";
}

.ri-font-size-2:before {
  content: "\ed8c";
}

.ri-font-size:before {
  content: "\ed8d";
}

.ri-football-fill:before {
  content: "\ed8e";
}

.ri-football-line:before {
  content: "\ed8f";
}

.ri-footprint-fill:before {
  content: "\ed90";
}

.ri-footprint-line:before {
  content: "\ed91";
}

.ri-forbid-2-fill:before {
  content: "\ed92";
}

.ri-forbid-2-line:before {
  content: "\ed93";
}

.ri-forbid-fill:before {
  content: "\ed94";
}

.ri-forbid-line:before {
  content: "\ed95";
}

.ri-format-clear:before {
  content: "\ed96";
}

.ri-fridge-fill:before {
  content: "\ed97";
}

.ri-fridge-line:before {
  content: "\ed98";
}

.ri-fullscreen-exit-fill:before {
  content: "\ed99";
}

.ri-fullscreen-exit-line:before {
  content: "\ed9a";
}

.ri-fullscreen-fill:before {
  content: "\ed9b";
}

.ri-fullscreen-line:before {
  content: "\ed9c";
}

.ri-function-fill:before {
  content: "\ed9d";
}

.ri-function-line:before {
  content: "\ed9e";
}

.ri-functions:before {
  content: "\ed9f";
}

.ri-funds-box-fill:before {
  content: "\eda0";
}

.ri-funds-box-line:before {
  content: "\eda1";
}

.ri-funds-fill:before {
  content: "\eda2";
}

.ri-funds-line:before {
  content: "\eda3";
}

.ri-gallery-fill:before {
  content: "\eda4";
}

.ri-gallery-line:before {
  content: "\eda5";
}

.ri-gallery-upload-fill:before {
  content: "\eda6";
}

.ri-gallery-upload-line:before {
  content: "\eda7";
}

.ri-game-fill:before {
  content: "\eda8";
}

.ri-game-line:before {
  content: "\eda9";
}

.ri-gamepad-fill:before {
  content: "\edaa";
}

.ri-gamepad-line:before {
  content: "\edab";
}

.ri-gas-station-fill:before {
  content: "\edac";
}

.ri-gas-station-line:before {
  content: "\edad";
}

.ri-gatsby-fill:before {
  content: "\edae";
}

.ri-gatsby-line:before {
  content: "\edaf";
}

.ri-genderless-fill:before {
  content: "\edb0";
}

.ri-genderless-line:before {
  content: "\edb1";
}

.ri-ghost-2-fill:before {
  content: "\edb2";
}

.ri-ghost-2-line:before {
  content: "\edb3";
}

.ri-ghost-fill:before {
  content: "\edb4";
}

.ri-ghost-line:before {
  content: "\edb5";
}

.ri-ghost-smile-fill:before {
  content: "\edb6";
}

.ri-ghost-smile-line:before {
  content: "\edb7";
}

.ri-gift-2-fill:before {
  content: "\edb8";
}

.ri-gift-2-line:before {
  content: "\edb9";
}

.ri-gift-fill:before {
  content: "\edba";
}

.ri-gift-line:before {
  content: "\edbb";
}

.ri-git-branch-fill:before {
  content: "\edbc";
}

.ri-git-branch-line:before {
  content: "\edbd";
}

.ri-git-commit-fill:before {
  content: "\edbe";
}

.ri-git-commit-line:before {
  content: "\edbf";
}

.ri-git-merge-fill:before {
  content: "\edc0";
}

.ri-git-merge-line:before {
  content: "\edc1";
}

.ri-git-pull-request-fill:before {
  content: "\edc2";
}

.ri-git-pull-request-line:before {
  content: "\edc3";
}

.ri-git-repository-commits-fill:before {
  content: "\edc4";
}

.ri-git-repository-commits-line:before {
  content: "\edc5";
}

.ri-git-repository-fill:before {
  content: "\edc6";
}

.ri-git-repository-line:before {
  content: "\edc7";
}

.ri-git-repository-private-fill:before {
  content: "\edc8";
}

.ri-git-repository-private-line:before {
  content: "\edc9";
}

.ri-github-fill:before {
  content: "\edca";
}

.ri-github-line:before {
  content: "\edcb";
}

.ri-gitlab-fill:before {
  content: "\edcc";
}

.ri-gitlab-line:before {
  content: "\edcd";
}

.ri-global-fill:before {
  content: "\edce";
}

.ri-global-line:before {
  content: "\edcf";
}

.ri-globe-fill:before {
  content: "\edd0";
}

.ri-globe-line:before {
  content: "\edd1";
}

.ri-goblet-fill:before {
  content: "\edd2";
}

.ri-goblet-line:before {
  content: "\edd3";
}

.ri-google-fill:before {
  content: "\edd4";
}

.ri-google-line:before {
  content: "\edd5";
}

.ri-google-play-fill:before {
  content: "\edd6";
}

.ri-google-play-line:before {
  content: "\edd7";
}

.ri-government-fill:before {
  content: "\edd8";
}

.ri-government-line:before {
  content: "\edd9";
}

.ri-gps-fill:before {
  content: "\edda";
}

.ri-gps-line:before {
  content: "\eddb";
}

.ri-gradienter-fill:before {
  content: "\eddc";
}

.ri-gradienter-line:before {
  content: "\eddd";
}

.ri-grid-fill:before {
  content: "\edde";
}

.ri-grid-line:before {
  content: "\eddf";
}

.ri-group-2-fill:before {
  content: "\ede0";
}

.ri-group-2-line:before {
  content: "\ede1";
}

.ri-group-fill:before {
  content: "\ede2";
}

.ri-group-line:before {
  content: "\ede3";
}

.ri-guide-fill:before {
  content: "\ede4";
}

.ri-guide-line:before {
  content: "\ede5";
}

.ri-h-1:before {
  content: "\ede6";
}

.ri-h-2:before {
  content: "\ede7";
}

.ri-h-3:before {
  content: "\ede8";
}

.ri-h-4:before {
  content: "\ede9";
}

.ri-h-5:before {
  content: "\edea";
}

.ri-h-6:before {
  content: "\edeb";
}

.ri-hail-fill:before {
  content: "\edec";
}

.ri-hail-line:before {
  content: "\eded";
}

.ri-hammer-fill:before {
  content: "\edee";
}

.ri-hammer-line:before {
  content: "\edef";
}

.ri-hand-coin-fill:before {
  content: "\edf0";
}

.ri-hand-coin-line:before {
  content: "\edf1";
}

.ri-hand-heart-fill:before {
  content: "\edf2";
}

.ri-hand-heart-line:before {
  content: "\edf3";
}

.ri-hand-sanitizer-fill:before {
  content: "\edf4";
}

.ri-hand-sanitizer-line:before {
  content: "\edf5";
}

.ri-handbag-fill:before {
  content: "\edf6";
}

.ri-handbag-line:before {
  content: "\edf7";
}

.ri-hard-drive-2-fill:before {
  content: "\edf8";
}

.ri-hard-drive-2-line:before {
  content: "\edf9";
}

.ri-hard-drive-fill:before {
  content: "\edfa";
}

.ri-hard-drive-line:before {
  content: "\edfb";
}

.ri-hashtag:before {
  content: "\edfc";
}

.ri-haze-2-fill:before {
  content: "\edfd";
}

.ri-haze-2-line:before {
  content: "\edfe";
}

.ri-haze-fill:before {
  content: "\edff";
}

.ri-haze-line:before {
  content: "\ee00";
}

.ri-hd-fill:before {
  content: "\ee01";
}

.ri-hd-line:before {
  content: "\ee02";
}

.ri-heading:before {
  content: "\ee03";
}

.ri-headphone-fill:before {
  content: "\ee04";
}

.ri-headphone-line:before {
  content: "\ee05";
}

.ri-health-book-fill:before {
  content: "\ee06";
}

.ri-health-book-line:before {
  content: "\ee07";
}

.ri-heart-2-fill:before {
  content: "\ee08";
}

.ri-heart-2-line:before {
  content: "\ee09";
}

.ri-heart-3-fill:before {
  content: "\ee0a";
}

.ri-heart-3-line:before {
  content: "\ee0b";
}

.ri-heart-add-fill:before {
  content: "\ee0c";
}

.ri-heart-add-line:before {
  content: "\ee0d";
}

.ri-heart-fill:before {
  content: "\ee0e";
}

.ri-heart-line:before {
  content: "\ee0f";
}

.ri-heart-pulse-fill:before {
  content: "\ee10";
}

.ri-heart-pulse-line:before {
  content: "\ee11";
}

.ri-hearts-fill:before {
  content: "\ee12";
}

.ri-hearts-line:before {
  content: "\ee13";
}

.ri-heavy-showers-fill:before {
  content: "\ee14";
}

.ri-heavy-showers-line:before {
  content: "\ee15";
}

.ri-history-fill:before {
  content: "\ee16";
}

.ri-history-line:before {
  content: "\ee17";
}

.ri-home-2-fill:before {
  content: "\ee18";
}

.ri-home-2-line:before {
  content: "\ee19";
}

.ri-home-3-fill:before {
  content: "\ee1a";
}

.ri-home-3-line:before {
  content: "\ee1b";
}

.ri-home-4-fill:before {
  content: "\ee1c";
}

.ri-home-4-line:before {
  content: "\ee1d";
}

.ri-home-5-fill:before {
  content: "\ee1e";
}

.ri-home-5-line:before {
  content: "\ee1f";
}

.ri-home-6-fill:before {
  content: "\ee20";
}

.ri-home-6-line:before {
  content: "\ee21";
}

.ri-home-7-fill:before {
  content: "\ee22";
}

.ri-home-7-line:before {
  content: "\ee23";
}

.ri-home-8-fill:before {
  content: "\ee24";
}

.ri-home-8-line:before {
  content: "\ee25";
}

.ri-home-fill:before {
  content: "\ee26";
}

.ri-home-gear-fill:before {
  content: "\ee27";
}

.ri-home-gear-line:before {
  content: "\ee28";
}

.ri-home-heart-fill:before {
  content: "\ee29";
}

.ri-home-heart-line:before {
  content: "\ee2a";
}

.ri-home-line:before {
  content: "\ee2b";
}

.ri-home-smile-2-fill:before {
  content: "\ee2c";
}

.ri-home-smile-2-line:before {
  content: "\ee2d";
}

.ri-home-smile-fill:before {
  content: "\ee2e";
}

.ri-home-smile-line:before {
  content: "\ee2f";
}

.ri-home-wifi-fill:before {
  content: "\ee30";
}

.ri-home-wifi-line:before {
  content: "\ee31";
}

.ri-honor-of-kings-fill:before {
  content: "\ee32";
}

.ri-honor-of-kings-line:before {
  content: "\ee33";
}

.ri-honour-fill:before {
  content: "\ee34";
}

.ri-honour-line:before {
  content: "\ee35";
}

.ri-hospital-fill:before {
  content: "\ee36";
}

.ri-hospital-line:before {
  content: "\ee37";
}

.ri-hotel-bed-fill:before {
  content: "\ee38";
}

.ri-hotel-bed-line:before {
  content: "\ee39";
}

.ri-hotel-fill:before {
  content: "\ee3a";
}

.ri-hotel-line:before {
  content: "\ee3b";
}

.ri-hotspot-fill:before {
  content: "\ee3c";
}

.ri-hotspot-line:before {
  content: "\ee3d";
}

.ri-hq-fill:before {
  content: "\ee3e";
}

.ri-hq-line:before {
  content: "\ee3f";
}

.ri-html5-fill:before {
  content: "\ee40";
}

.ri-html5-line:before {
  content: "\ee41";
}

.ri-ie-fill:before {
  content: "\ee42";
}

.ri-ie-line:before {
  content: "\ee43";
}

.ri-image-2-fill:before {
  content: "\ee44";
}

.ri-image-2-line:before {
  content: "\ee45";
}

.ri-image-add-fill:before {
  content: "\ee46";
}

.ri-image-add-line:before {
  content: "\ee47";
}

.ri-image-edit-fill:before {
  content: "\ee48";
}

.ri-image-edit-line:before {
  content: "\ee49";
}

.ri-image-fill:before {
  content: "\ee4a";
}

.ri-image-line:before {
  content: "\ee4b";
}

.ri-inbox-archive-fill:before {
  content: "\ee4c";
}

.ri-inbox-archive-line:before {
  content: "\ee4d";
}

.ri-inbox-fill:before {
  content: "\ee4e";
}

.ri-inbox-line:before {
  content: "\ee4f";
}

.ri-inbox-unarchive-fill:before {
  content: "\ee50";
}

.ri-inbox-unarchive-line:before {
  content: "\ee51";
}

.ri-increase-decrease-fill:before {
  content: "\ee52";
}

.ri-increase-decrease-line:before {
  content: "\ee53";
}

.ri-indent-decrease:before {
  content: "\ee54";
}

.ri-indent-increase:before {
  content: "\ee55";
}

.ri-indeterminate-circle-fill:before {
  content: "\ee56";
}

.ri-indeterminate-circle-line:before {
  content: "\ee57";
}

.ri-information-fill:before {
  content: "\ee58";
}

.ri-information-line:before {
  content: "\ee59";
}

.ri-infrared-thermometer-fill:before {
  content: "\ee5a";
}

.ri-infrared-thermometer-line:before {
  content: "\ee5b";
}

.ri-ink-bottle-fill:before {
  content: "\ee5c";
}

.ri-ink-bottle-line:before {
  content: "\ee5d";
}

.ri-input-cursor-move:before {
  content: "\ee5e";
}

.ri-input-method-fill:before {
  content: "\ee5f";
}

.ri-input-method-line:before {
  content: "\ee60";
}

.ri-insert-column-left:before {
  content: "\ee61";
}

.ri-insert-column-right:before {
  content: "\ee62";
}

.ri-insert-row-bottom:before {
  content: "\ee63";
}

.ri-insert-row-top:before {
  content: "\ee64";
}

.ri-instagram-fill:before {
  content: "\ee65";
}

.ri-instagram-line:before {
  content: "\ee66";
}

.ri-install-fill:before {
  content: "\ee67";
}

.ri-install-line:before {
  content: "\ee68";
}

.ri-invision-fill:before {
  content: "\ee69";
}

.ri-invision-line:before {
  content: "\ee6a";
}

.ri-italic:before {
  content: "\ee6b";
}

.ri-kakao-talk-fill:before {
  content: "\ee6c";
}

.ri-kakao-talk-line:before {
  content: "\ee6d";
}

.ri-key-2-fill:before {
  content: "\ee6e";
}

.ri-key-2-line:before {
  content: "\ee6f";
}

.ri-key-fill:before {
  content: "\ee70";
}

.ri-key-line:before {
  content: "\ee71";
}

.ri-keyboard-box-fill:before {
  content: "\ee72";
}

.ri-keyboard-box-line:before {
  content: "\ee73";
}

.ri-keyboard-fill:before {
  content: "\ee74";
}

.ri-keyboard-line:before {
  content: "\ee75";
}

.ri-keynote-fill:before {
  content: "\ee76";
}

.ri-keynote-line:before {
  content: "\ee77";
}

.ri-knife-blood-fill:before {
  content: "\ee78";
}

.ri-knife-blood-line:before {
  content: "\ee79";
}

.ri-knife-fill:before {
  content: "\ee7a";
}

.ri-knife-line:before {
  content: "\ee7b";
}

.ri-landscape-fill:before {
  content: "\ee7c";
}

.ri-landscape-line:before {
  content: "\ee7d";
}

.ri-layout-2-fill:before {
  content: "\ee7e";
}

.ri-layout-2-line:before {
  content: "\ee7f";
}

.ri-layout-3-fill:before {
  content: "\ee80";
}

.ri-layout-3-line:before {
  content: "\ee81";
}

.ri-layout-4-fill:before {
  content: "\ee82";
}

.ri-layout-4-line:before {
  content: "\ee83";
}

.ri-layout-5-fill:before {
  content: "\ee84";
}

.ri-layout-5-line:before {
  content: "\ee85";
}

.ri-layout-6-fill:before {
  content: "\ee86";
}

.ri-layout-6-line:before {
  content: "\ee87";
}

.ri-layout-bottom-2-fill:before {
  content: "\ee88";
}

.ri-layout-bottom-2-line:before {
  content: "\ee89";
}

.ri-layout-bottom-fill:before {
  content: "\ee8a";
}

.ri-layout-bottom-line:before {
  content: "\ee8b";
}

.ri-layout-column-fill:before {
  content: "\ee8c";
}

.ri-layout-column-line:before {
  content: "\ee8d";
}

.ri-layout-fill:before {
  content: "\ee8e";
}

.ri-layout-grid-fill:before {
  content: "\ee8f";
}

.ri-layout-grid-line:before {
  content: "\ee90";
}

.ri-layout-left-2-fill:before {
  content: "\ee91";
}

.ri-layout-left-2-line:before {
  content: "\ee92";
}

.ri-layout-left-fill:before {
  content: "\ee93";
}

.ri-layout-left-line:before {
  content: "\ee94";
}

.ri-layout-line:before {
  content: "\ee95";
}

.ri-layout-masonry-fill:before {
  content: "\ee96";
}

.ri-layout-masonry-line:before {
  content: "\ee97";
}

.ri-layout-right-2-fill:before {
  content: "\ee98";
}

.ri-layout-right-2-line:before {
  content: "\ee99";
}

.ri-layout-right-fill:before {
  content: "\ee9a";
}

.ri-layout-right-line:before {
  content: "\ee9b";
}

.ri-layout-row-fill:before {
  content: "\ee9c";
}

.ri-layout-row-line:before {
  content: "\ee9d";
}

.ri-layout-top-2-fill:before {
  content: "\ee9e";
}

.ri-layout-top-2-line:before {
  content: "\ee9f";
}

.ri-layout-top-fill:before {
  content: "\eea0";
}

.ri-layout-top-line:before {
  content: "\eea1";
}

.ri-leaf-fill:before {
  content: "\eea2";
}

.ri-leaf-line:before {
  content: "\eea3";
}

.ri-lifebuoy-fill:before {
  content: "\eea4";
}

.ri-lifebuoy-line:before {
  content: "\eea5";
}

.ri-lightbulb-fill:before {
  content: "\eea6";
}

.ri-lightbulb-flash-fill:before {
  content: "\eea7";
}

.ri-lightbulb-flash-line:before {
  content: "\eea8";
}

.ri-lightbulb-line:before {
  content: "\eea9";
}

.ri-line-chart-fill:before {
  content: "\eeaa";
}

.ri-line-chart-line:before {
  content: "\eeab";
}

.ri-line-fill:before {
  content: "\eeac";
}

.ri-line-height:before {
  content: "\eead";
}

.ri-line-line:before {
  content: "\eeae";
}

.ri-link-m:before {
  content: "\eeaf";
}

.ri-link-unlink-m:before {
  content: "\eeb0";
}

.ri-link-unlink:before {
  content: "\eeb1";
}

.ri-link:before {
  content: "\eeb2";
}

.ri-linkedin-box-fill:before {
  content: "\eeb3";
}

.ri-linkedin-box-line:before {
  content: "\eeb4";
}

.ri-linkedin-fill:before {
  content: "\eeb5";
}

.ri-linkedin-line:before {
  content: "\eeb6";
}

.ri-links-fill:before {
  content: "\eeb7";
}

.ri-links-line:before {
  content: "\eeb8";
}

.ri-list-check-2:before {
  content: "\eeb9";
}

.ri-list-check:before {
  content: "\eeba";
}

.ri-list-ordered:before {
  content: "\eebb";
}

.ri-list-settings-fill:before {
  content: "\eebc";
}

.ri-list-settings-line:before {
  content: "\eebd";
}

.ri-list-unordered:before {
  content: "\eebe";
}

.ri-live-fill:before {
  content: "\eebf";
}

.ri-live-line:before {
  content: "\eec0";
}

.ri-loader-2-fill:before {
  content: "\eec1";
}

.ri-loader-2-line:before {
  content: "\eec2";
}

.ri-loader-3-fill:before {
  content: "\eec3";
}

.ri-loader-3-line:before {
  content: "\eec4";
}

.ri-loader-4-fill:before {
  content: "\eec5";
}

.ri-loader-4-line:before {
  content: "\eec6";
}

.ri-loader-5-fill:before {
  content: "\eec7";
}

.ri-loader-5-line:before {
  content: "\eec8";
}

.ri-loader-fill:before {
  content: "\eec9";
}

.ri-loader-line:before {
  content: "\eeca";
}

.ri-lock-2-fill:before {
  content: "\eecb";
}

.ri-lock-2-line:before {
  content: "\eecc";
}

.ri-lock-fill:before {
  content: "\eecd";
}

.ri-lock-line:before {
  content: "\eece";
}

.ri-lock-password-fill:before {
  content: "\eecf";
}

.ri-lock-password-line:before {
  content: "\eed0";
}

.ri-lock-unlock-fill:before {
  content: "\eed1";
}

.ri-lock-unlock-line:before {
  content: "\eed2";
}

.ri-login-box-fill:before {
  content: "\eed3";
}

.ri-login-box-line:before {
  content: "\eed4";
}

.ri-login-circle-fill:before {
  content: "\eed5";
}

.ri-login-circle-line:before {
  content: "\eed6";
}

.ri-logout-box-fill:before {
  content: "\eed7";
}

.ri-logout-box-line:before {
  content: "\eed8";
}

.ri-logout-box-r-fill:before {
  content: "\eed9";
}

.ri-logout-box-r-line:before {
  content: "\eeda";
}

.ri-logout-circle-fill:before {
  content: "\eedb";
}

.ri-logout-circle-line:before {
  content: "\eedc";
}

.ri-logout-circle-r-fill:before {
  content: "\eedd";
}

.ri-logout-circle-r-line:before {
  content: "\eede";
}

.ri-luggage-cart-fill:before {
  content: "\eedf";
}

.ri-luggage-cart-line:before {
  content: "\eee0";
}

.ri-luggage-deposit-fill:before {
  content: "\eee1";
}

.ri-luggage-deposit-line:before {
  content: "\eee2";
}

.ri-lungs-fill:before {
  content: "\eee3";
}

.ri-lungs-line:before {
  content: "\eee4";
}

.ri-mac-fill:before {
  content: "\eee5";
}

.ri-mac-line:before {
  content: "\eee6";
}

.ri-macbook-fill:before {
  content: "\eee7";
}

.ri-macbook-line:before {
  content: "\eee8";
}

.ri-magic-fill:before {
  content: "\eee9";
}

.ri-magic-line:before {
  content: "\eeea";
}

.ri-mail-add-fill:before {
  content: "\eeeb";
}

.ri-mail-add-line:before {
  content: "\eeec";
}

.ri-mail-check-fill:before {
  content: "\eeed";
}

.ri-mail-check-line:before {
  content: "\eeee";
}

.ri-mail-close-fill:before {
  content: "\eeef";
}

.ri-mail-close-line:before {
  content: "\eef0";
}

.ri-mail-download-fill:before {
  content: "\eef1";
}

.ri-mail-download-line:before {
  content: "\eef2";
}

.ri-mail-fill:before {
  content: "\eef3";
}

.ri-mail-forbid-fill:before {
  content: "\eef4";
}

.ri-mail-forbid-line:before {
  content: "\eef5";
}

.ri-mail-line:before {
  content: "\eef6";
}

.ri-mail-lock-fill:before {
  content: "\eef7";
}

.ri-mail-lock-line:before {
  content: "\eef8";
}

.ri-mail-open-fill:before {
  content: "\eef9";
}

.ri-mail-open-line:before {
  content: "\eefa";
}

.ri-mail-send-fill:before {
  content: "\eefb";
}

.ri-mail-send-line:before {
  content: "\eefc";
}

.ri-mail-settings-fill:before {
  content: "\eefd";
}

.ri-mail-settings-line:before {
  content: "\eefe";
}

.ri-mail-star-fill:before {
  content: "\eeff";
}

.ri-mail-star-line:before {
  content: "\ef00";
}

.ri-mail-unread-fill:before {
  content: "\ef01";
}

.ri-mail-unread-line:before {
  content: "\ef02";
}

.ri-mail-volume-fill:before {
  content: "\ef03";
}

.ri-mail-volume-line:before {
  content: "\ef04";
}

.ri-map-2-fill:before {
  content: "\ef05";
}

.ri-map-2-line:before {
  content: "\ef06";
}

.ri-map-fill:before {
  content: "\ef07";
}

.ri-map-line:before {
  content: "\ef08";
}

.ri-map-pin-2-fill:before {
  content: "\ef09";
}

.ri-map-pin-2-line:before {
  content: "\ef0a";
}

.ri-map-pin-3-fill:before {
  content: "\ef0b";
}

.ri-map-pin-3-line:before {
  content: "\ef0c";
}

.ri-map-pin-4-fill:before {
  content: "\ef0d";
}

.ri-map-pin-4-line:before {
  content: "\ef0e";
}

.ri-map-pin-5-fill:before {
  content: "\ef0f";
}

.ri-map-pin-5-line:before {
  content: "\ef10";
}

.ri-map-pin-add-fill:before {
  content: "\ef11";
}

.ri-map-pin-add-line:before {
  content: "\ef12";
}

.ri-map-pin-fill:before {
  content: "\ef13";
}

.ri-map-pin-line:before {
  content: "\ef14";
}

.ri-map-pin-range-fill:before {
  content: "\ef15";
}

.ri-map-pin-range-line:before {
  content: "\ef16";
}

.ri-map-pin-time-fill:before {
  content: "\ef17";
}

.ri-map-pin-time-line:before {
  content: "\ef18";
}

.ri-map-pin-user-fill:before {
  content: "\ef19";
}

.ri-map-pin-user-line:before {
  content: "\ef1a";
}

.ri-mark-pen-fill:before {
  content: "\ef1b";
}

.ri-mark-pen-line:before {
  content: "\ef1c";
}

.ri-markdown-fill:before {
  content: "\ef1d";
}

.ri-markdown-line:before {
  content: "\ef1e";
}

.ri-markup-fill:before {
  content: "\ef1f";
}

.ri-markup-line:before {
  content: "\ef20";
}

.ri-mastercard-fill:before {
  content: "\ef21";
}

.ri-mastercard-line:before {
  content: "\ef22";
}

.ri-mastodon-fill:before {
  content: "\ef23";
}

.ri-mastodon-line:before {
  content: "\ef24";
}

.ri-medal-2-fill:before {
  content: "\ef25";
}

.ri-medal-2-line:before {
  content: "\ef26";
}

.ri-medal-fill:before {
  content: "\ef27";
}

.ri-medal-line:before {
  content: "\ef28";
}

.ri-medicine-bottle-fill:before {
  content: "\ef29";
}

.ri-medicine-bottle-line:before {
  content: "\ef2a";
}

.ri-medium-fill:before {
  content: "\ef2b";
}

.ri-medium-line:before {
  content: "\ef2c";
}

.ri-men-fill:before {
  content: "\ef2d";
}

.ri-men-line:before {
  content: "\ef2e";
}

.ri-mental-health-fill:before {
  content: "\ef2f";
}

.ri-mental-health-line:before {
  content: "\ef30";
}

.ri-menu-2-fill:before {
  content: "\ef31";
}

.ri-menu-2-line:before {
  content: "\ef32";
}

.ri-menu-3-fill:before {
  content: "\ef33";
}

.ri-menu-3-line:before {
  content: "\ef34";
}

.ri-menu-4-fill:before {
  content: "\ef35";
}

.ri-menu-4-line:before {
  content: "\ef36";
}

.ri-menu-5-fill:before {
  content: "\ef37";
}

.ri-menu-5-line:before {
  content: "\ef38";
}

.ri-menu-add-fill:before {
  content: "\ef39";
}

.ri-menu-add-line:before {
  content: "\ef3a";
}

.ri-menu-fill:before {
  content: "\ef3b";
}

.ri-menu-fold-fill:before {
  content: "\ef3c";
}

.ri-menu-fold-line:before {
  content: "\ef3d";
}

.ri-menu-line:before {
  content: "\ef3e";
}

.ri-menu-unfold-fill:before {
  content: "\ef3f";
}

.ri-menu-unfold-line:before {
  content: "\ef40";
}

.ri-merge-cells-horizontal:before {
  content: "\ef41";
}

.ri-merge-cells-vertical:before {
  content: "\ef42";
}

.ri-message-2-fill:before {
  content: "\ef43";
}

.ri-message-2-line:before {
  content: "\ef44";
}

.ri-message-3-fill:before {
  content: "\ef45";
}

.ri-message-3-line:before {
  content: "\ef46";
}

.ri-message-fill:before {
  content: "\ef47";
}

.ri-message-line:before {
  content: "\ef48";
}

.ri-messenger-fill:before {
  content: "\ef49";
}

.ri-messenger-line:before {
  content: "\ef4a";
}

.ri-meteor-fill:before {
  content: "\ef4b";
}

.ri-meteor-line:before {
  content: "\ef4c";
}

.ri-mic-2-fill:before {
  content: "\ef4d";
}

.ri-mic-2-line:before {
  content: "\ef4e";
}

.ri-mic-fill:before {
  content: "\ef4f";
}

.ri-mic-line:before {
  content: "\ef50";
}

.ri-mic-off-fill:before {
  content: "\ef51";
}

.ri-mic-off-line:before {
  content: "\ef52";
}

.ri-mickey-fill:before {
  content: "\ef53";
}

.ri-mickey-line:before {
  content: "\ef54";
}

.ri-microscope-fill:before {
  content: "\ef55";
}

.ri-microscope-line:before {
  content: "\ef56";
}

.ri-microsoft-fill:before {
  content: "\ef57";
}

.ri-microsoft-line:before {
  content: "\ef58";
}

.ri-mind-map:before {
  content: "\ef59";
}

.ri-mini-program-fill:before {
  content: "\ef5a";
}

.ri-mini-program-line:before {
  content: "\ef5b";
}

.ri-mist-fill:before {
  content: "\ef5c";
}

.ri-mist-line:before {
  content: "\ef5d";
}

.ri-money-cny-box-fill:before {
  content: "\ef5e";
}

.ri-money-cny-box-line:before {
  content: "\ef5f";
}

.ri-money-cny-circle-fill:before {
  content: "\ef60";
}

.ri-money-cny-circle-line:before {
  content: "\ef61";
}

.ri-money-dollar-box-fill:before {
  content: "\ef62";
}

.ri-money-dollar-box-line:before {
  content: "\ef63";
}

.ri-money-dollar-circle-fill:before {
  content: "\ef64";
}

.ri-money-dollar-circle-line:before {
  content: "\ef65";
}

.ri-money-euro-box-fill:before {
  content: "\ef66";
}

.ri-money-euro-box-line:before {
  content: "\ef67";
}

.ri-money-euro-circle-fill:before {
  content: "\ef68";
}

.ri-money-euro-circle-line:before {
  content: "\ef69";
}

.ri-money-pound-box-fill:before {
  content: "\ef6a";
}

.ri-money-pound-box-line:before {
  content: "\ef6b";
}

.ri-money-pound-circle-fill:before {
  content: "\ef6c";
}

.ri-money-pound-circle-line:before {
  content: "\ef6d";
}

.ri-moon-clear-fill:before {
  content: "\ef6e";
}

.ri-moon-clear-line:before {
  content: "\ef6f";
}

.ri-moon-cloudy-fill:before {
  content: "\ef70";
}

.ri-moon-cloudy-line:before {
  content: "\ef71";
}

.ri-moon-fill:before {
  content: "\ef72";
}

.ri-moon-foggy-fill:before {
  content: "\ef73";
}

.ri-moon-foggy-line:before {
  content: "\ef74";
}

.ri-moon-line:before {
  content: "\ef75";
}

.ri-more-2-fill:before {
  content: "\ef76";
}

.ri-more-2-line:before {
  content: "\ef77";
}

.ri-more-fill:before {
  content: "\ef78";
}

.ri-more-line:before {
  content: "\ef79";
}

.ri-motorbike-fill:before {
  content: "\ef7a";
}

.ri-motorbike-line:before {
  content: "\ef7b";
}

.ri-mouse-fill:before {
  content: "\ef7c";
}

.ri-mouse-line:before {
  content: "\ef7d";
}

.ri-movie-2-fill:before {
  content: "\ef7e";
}

.ri-movie-2-line:before {
  content: "\ef7f";
}

.ri-movie-fill:before {
  content: "\ef80";
}

.ri-movie-line:before {
  content: "\ef81";
}

.ri-music-2-fill:before {
  content: "\ef82";
}

.ri-music-2-line:before {
  content: "\ef83";
}

.ri-music-fill:before {
  content: "\ef84";
}

.ri-music-line:before {
  content: "\ef85";
}

.ri-mv-fill:before {
  content: "\ef86";
}

.ri-mv-line:before {
  content: "\ef87";
}

.ri-navigation-fill:before {
  content: "\ef88";
}

.ri-navigation-line:before {
  content: "\ef89";
}

.ri-netease-cloud-music-fill:before {
  content: "\ef8a";
}

.ri-netease-cloud-music-line:before {
  content: "\ef8b";
}

.ri-netflix-fill:before {
  content: "\ef8c";
}

.ri-netflix-line:before {
  content: "\ef8d";
}

.ri-newspaper-fill:before {
  content: "\ef8e";
}

.ri-newspaper-line:before {
  content: "\ef8f";
}

.ri-node-tree:before {
  content: "\ef90";
}

.ri-notification-2-fill:before {
  content: "\ef91";
}

.ri-notification-2-line:before {
  content: "\ef92";
}

.ri-notification-3-fill:before {
  content: "\ef93";
}

.ri-notification-3-line:before {
  content: "\ef94";
}

.ri-notification-4-fill:before {
  content: "\ef95";
}

.ri-notification-4-line:before {
  content: "\ef96";
}

.ri-notification-badge-fill:before {
  content: "\ef97";
}

.ri-notification-badge-line:before {
  content: "\ef98";
}

.ri-notification-fill:before {
  content: "\ef99";
}

.ri-notification-line:before {
  content: "\ef9a";
}

.ri-notification-off-fill:before {
  content: "\ef9b";
}

.ri-notification-off-line:before {
  content: "\ef9c";
}

.ri-npmjs-fill:before {
  content: "\ef9d";
}

.ri-npmjs-line:before {
  content: "\ef9e";
}

.ri-number-0:before {
  content: "\ef9f";
}

.ri-number-1:before {
  content: "\efa0";
}

.ri-number-2:before {
  content: "\efa1";
}

.ri-number-3:before {
  content: "\efa2";
}

.ri-number-4:before {
  content: "\efa3";
}

.ri-number-5:before {
  content: "\efa4";
}

.ri-number-6:before {
  content: "\efa5";
}

.ri-number-7:before {
  content: "\efa6";
}

.ri-number-8:before {
  content: "\efa7";
}

.ri-number-9:before {
  content: "\efa8";
}

.ri-numbers-fill:before {
  content: "\efa9";
}

.ri-numbers-line:before {
  content: "\efaa";
}

.ri-nurse-fill:before {
  content: "\efab";
}

.ri-nurse-line:before {
  content: "\efac";
}

.ri-oil-fill:before {
  content: "\efad";
}

.ri-oil-line:before {
  content: "\efae";
}

.ri-omega:before {
  content: "\efaf";
}

.ri-open-arm-fill:before {
  content: "\efb0";
}

.ri-open-arm-line:before {
  content: "\efb1";
}

.ri-open-source-fill:before {
  content: "\efb2";
}

.ri-open-source-line:before {
  content: "\efb3";
}

.ri-opera-fill:before {
  content: "\efb4";
}

.ri-opera-line:before {
  content: "\efb5";
}

.ri-order-play-fill:before {
  content: "\efb6";
}

.ri-order-play-line:before {
  content: "\efb7";
}

.ri-organization-chart:before {
  content: "\efb8";
}

.ri-outlet-2-fill:before {
  content: "\efb9";
}

.ri-outlet-2-line:before {
  content: "\efba";
}

.ri-outlet-fill:before {
  content: "\efbb";
}

.ri-outlet-line:before {
  content: "\efbc";
}

.ri-page-separator:before {
  content: "\efbd";
}

.ri-pages-fill:before {
  content: "\efbe";
}

.ri-pages-line:before {
  content: "\efbf";
}

.ri-paint-brush-fill:before {
  content: "\efc0";
}

.ri-paint-brush-line:before {
  content: "\efc1";
}

.ri-paint-fill:before {
  content: "\efc2";
}

.ri-paint-line:before {
  content: "\efc3";
}

.ri-palette-fill:before {
  content: "\efc4";
}

.ri-palette-line:before {
  content: "\efc5";
}

.ri-pantone-fill:before {
  content: "\efc6";
}

.ri-pantone-line:before {
  content: "\efc7";
}

.ri-paragraph:before {
  content: "\efc8";
}

.ri-parent-fill:before {
  content: "\efc9";
}

.ri-parent-line:before {
  content: "\efca";
}

.ri-parentheses-fill:before {
  content: "\efcb";
}

.ri-parentheses-line:before {
  content: "\efcc";
}

.ri-parking-box-fill:before {
  content: "\efcd";
}

.ri-parking-box-line:before {
  content: "\efce";
}

.ri-parking-fill:before {
  content: "\efcf";
}

.ri-parking-line:before {
  content: "\efd0";
}

.ri-passport-fill:before {
  content: "\efd1";
}

.ri-passport-line:before {
  content: "\efd2";
}

.ri-patreon-fill:before {
  content: "\efd3";
}

.ri-patreon-line:before {
  content: "\efd4";
}

.ri-pause-circle-fill:before {
  content: "\efd5";
}

.ri-pause-circle-line:before {
  content: "\efd6";
}

.ri-pause-fill:before {
  content: "\efd7";
}

.ri-pause-line:before {
  content: "\efd8";
}

.ri-pause-mini-fill:before {
  content: "\efd9";
}

.ri-pause-mini-line:before {
  content: "\efda";
}

.ri-paypal-fill:before {
  content: "\efdb";
}

.ri-paypal-line:before {
  content: "\efdc";
}

.ri-pen-nib-fill:before {
  content: "\efdd";
}

.ri-pen-nib-line:before {
  content: "\efde";
}

.ri-pencil-fill:before {
  content: "\efdf";
}

.ri-pencil-line:before {
  content: "\efe0";
}

.ri-pencil-ruler-2-fill:before {
  content: "\efe1";
}

.ri-pencil-ruler-2-line:before {
  content: "\efe2";
}

.ri-pencil-ruler-fill:before {
  content: "\efe3";
}

.ri-pencil-ruler-line:before {
  content: "\efe4";
}

.ri-percent-fill:before {
  content: "\efe5";
}

.ri-percent-line:before {
  content: "\efe6";
}

.ri-phone-camera-fill:before {
  content: "\efe7";
}

.ri-phone-camera-line:before {
  content: "\efe8";
}

.ri-phone-fill:before {
  content: "\efe9";
}

.ri-phone-find-fill:before {
  content: "\efea";
}

.ri-phone-find-line:before {
  content: "\efeb";
}

.ri-phone-line:before {
  content: "\efec";
}

.ri-phone-lock-fill:before {
  content: "\efed";
}

.ri-phone-lock-line:before {
  content: "\efee";
}

.ri-picture-in-picture-2-fill:before {
  content: "\efef";
}

.ri-picture-in-picture-2-line:before {
  content: "\eff0";
}

.ri-picture-in-picture-exit-fill:before {
  content: "\eff1";
}

.ri-picture-in-picture-exit-line:before {
  content: "\eff2";
}

.ri-picture-in-picture-fill:before {
  content: "\eff3";
}

.ri-picture-in-picture-line:before {
  content: "\eff4";
}

.ri-pie-chart-2-fill:before {
  content: "\eff5";
}

.ri-pie-chart-2-line:before {
  content: "\eff6";
}

.ri-pie-chart-box-fill:before {
  content: "\eff7";
}

.ri-pie-chart-box-line:before {
  content: "\eff8";
}

.ri-pie-chart-fill:before {
  content: "\eff9";
}

.ri-pie-chart-line:before {
  content: "\effa";
}

.ri-pin-distance-fill:before {
  content: "\effb";
}

.ri-pin-distance-line:before {
  content: "\effc";
}

.ri-ping-pong-fill:before {
  content: "\effd";
}

.ri-ping-pong-line:before {
  content: "\effe";
}

.ri-pinterest-fill:before {
  content: "\efff";
}

.ri-pinterest-line:before {
  content: "\f000";
}

.ri-pinyin-input:before {
  content: "\f001";
}

.ri-pixelfed-fill:before {
  content: "\f002";
}

.ri-pixelfed-line:before {
  content: "\f003";
}

.ri-plane-fill:before {
  content: "\f004";
}

.ri-plane-line:before {
  content: "\f005";
}

.ri-plant-fill:before {
  content: "\f006";
}

.ri-plant-line:before {
  content: "\f007";
}

.ri-play-circle-fill:before {
  content: "\f008";
}

.ri-play-circle-line:before {
  content: "\f009";
}

.ri-play-fill:before {
  content: "\f00a";
}

.ri-play-line:before {
  content: "\f00b";
}

.ri-play-list-2-fill:before {
  content: "\f00c";
}

.ri-play-list-2-line:before {
  content: "\f00d";
}

.ri-play-list-add-fill:before {
  content: "\f00e";
}

.ri-play-list-add-line:before {
  content: "\f00f";
}

.ri-play-list-fill:before {
  content: "\f010";
}

.ri-play-list-line:before {
  content: "\f011";
}

.ri-play-mini-fill:before {
  content: "\f012";
}

.ri-play-mini-line:before {
  content: "\f013";
}

.ri-playstation-fill:before {
  content: "\f014";
}

.ri-playstation-line:before {
  content: "\f015";
}

.ri-plug-2-fill:before {
  content: "\f016";
}

.ri-plug-2-line:before {
  content: "\f017";
}

.ri-plug-fill:before {
  content: "\f018";
}

.ri-plug-line:before {
  content: "\f019";
}

.ri-polaroid-2-fill:before {
  content: "\f01a";
}

.ri-polaroid-2-line:before {
  content: "\f01b";
}

.ri-polaroid-fill:before {
  content: "\f01c";
}

.ri-polaroid-line:before {
  content: "\f01d";
}

.ri-police-car-fill:before {
  content: "\f01e";
}

.ri-police-car-line:before {
  content: "\f01f";
}

.ri-price-tag-2-fill:before {
  content: "\f020";
}

.ri-price-tag-2-line:before {
  content: "\f021";
}

.ri-price-tag-3-fill:before {
  content: "\f022";
}

.ri-price-tag-3-line:before {
  content: "\f023";
}

.ri-price-tag-fill:before {
  content: "\f024";
}

.ri-price-tag-line:before {
  content: "\f025";
}

.ri-printer-cloud-fill:before {
  content: "\f026";
}

.ri-printer-cloud-line:before {
  content: "\f027";
}

.ri-printer-fill:before {
  content: "\f028";
}

.ri-printer-line:before {
  content: "\f029";
}

.ri-product-hunt-fill:before {
  content: "\f02a";
}

.ri-product-hunt-line:before {
  content: "\f02b";
}

.ri-profile-fill:before {
  content: "\f02c";
}

.ri-profile-line:before {
  content: "\f02d";
}

.ri-projector-2-fill:before {
  content: "\f02e";
}

.ri-projector-2-line:before {
  content: "\f02f";
}

.ri-projector-fill:before {
  content: "\f030";
}

.ri-projector-line:before {
  content: "\f031";
}

.ri-psychotherapy-fill:before {
  content: "\f032";
}

.ri-psychotherapy-line:before {
  content: "\f033";
}

.ri-pulse-fill:before {
  content: "\f034";
}

.ri-pulse-line:before {
  content: "\f035";
}

.ri-pushpin-2-fill:before {
  content: "\f036";
}

.ri-pushpin-2-line:before {
  content: "\f037";
}

.ri-pushpin-fill:before {
  content: "\f038";
}

.ri-pushpin-line:before {
  content: "\f039";
}

.ri-qq-fill:before {
  content: "\f03a";
}

.ri-qq-line:before {
  content: "\f03b";
}

.ri-qr-code-fill:before {
  content: "\f03c";
}

.ri-qr-code-line:before {
  content: "\f03d";
}

.ri-qr-scan-2-fill:before {
  content: "\f03e";
}

.ri-qr-scan-2-line:before {
  content: "\f03f";
}

.ri-qr-scan-fill:before {
  content: "\f040";
}

.ri-qr-scan-line:before {
  content: "\f041";
}

.ri-question-answer-fill:before {
  content: "\f042";
}

.ri-question-answer-line:before {
  content: "\f043";
}

.ri-question-fill:before {
  content: "\f044";
}

.ri-question-line:before {
  content: "\f045";
}

.ri-question-mark:before {
  content: "\f046";
}

.ri-questionnaire-fill:before {
  content: "\f047";
}

.ri-questionnaire-line:before {
  content: "\f048";
}

.ri-quill-pen-fill:before {
  content: "\f049";
}

.ri-quill-pen-line:before {
  content: "\f04a";
}

.ri-radar-fill:before {
  content: "\f04b";
}

.ri-radar-line:before {
  content: "\f04c";
}

.ri-radio-2-fill:before {
  content: "\f04d";
}

.ri-radio-2-line:before {
  content: "\f04e";
}

.ri-radio-button-fill:before {
  content: "\f04f";
}

.ri-radio-button-line:before {
  content: "\f050";
}

.ri-radio-fill:before {
  content: "\f051";
}

.ri-radio-line:before {
  content: "\f052";
}

.ri-rainbow-fill:before {
  content: "\f053";
}

.ri-rainbow-line:before {
  content: "\f054";
}

.ri-rainy-fill:before {
  content: "\f055";
}

.ri-rainy-line:before {
  content: "\f056";
}

.ri-reactjs-fill:before {
  content: "\f057";
}

.ri-reactjs-line:before {
  content: "\f058";
}

.ri-record-circle-fill:before {
  content: "\f059";
}

.ri-record-circle-line:before {
  content: "\f05a";
}

.ri-record-mail-fill:before {
  content: "\f05b";
}

.ri-record-mail-line:before {
  content: "\f05c";
}

.ri-recycle-fill:before {
  content: "\f05d";
}

.ri-recycle-line:before {
  content: "\f05e";
}

.ri-red-packet-fill:before {
  content: "\f05f";
}

.ri-red-packet-line:before {
  content: "\f060";
}

.ri-reddit-fill:before {
  content: "\f061";
}

.ri-reddit-line:before {
  content: "\f062";
}

.ri-refresh-fill:before {
  content: "\f063";
}

.ri-refresh-line:before {
  content: "\f064";
}

.ri-refund-2-fill:before {
  content: "\f065";
}

.ri-refund-2-line:before {
  content: "\f066";
}

.ri-refund-fill:before {
  content: "\f067";
}

.ri-refund-line:before {
  content: "\f068";
}

.ri-registered-fill:before {
  content: "\f069";
}

.ri-registered-line:before {
  content: "\f06a";
}

.ri-remixicon-fill:before {
  content: "\f06b";
}

.ri-remixicon-line:before {
  content: "\f06c";
}

.ri-remote-control-2-fill:before {
  content: "\f06d";
}

.ri-remote-control-2-line:before {
  content: "\f06e";
}

.ri-remote-control-fill:before {
  content: "\f06f";
}

.ri-remote-control-line:before {
  content: "\f070";
}

.ri-repeat-2-fill:before {
  content: "\f071";
}

.ri-repeat-2-line:before {
  content: "\f072";
}

.ri-repeat-fill:before {
  content: "\f073";
}

.ri-repeat-line:before {
  content: "\f074";
}

.ri-repeat-one-fill:before {
  content: "\f075";
}

.ri-repeat-one-line:before {
  content: "\f076";
}

.ri-reply-all-fill:before {
  content: "\f077";
}

.ri-reply-all-line:before {
  content: "\f078";
}

.ri-reply-fill:before {
  content: "\f079";
}

.ri-reply-line:before {
  content: "\f07a";
}

.ri-reserved-fill:before {
  content: "\f07b";
}

.ri-reserved-line:before {
  content: "\f07c";
}

.ri-rest-time-fill:before {
  content: "\f07d";
}

.ri-rest-time-line:before {
  content: "\f07e";
}

.ri-restart-fill:before {
  content: "\f07f";
}

.ri-restart-line:before {
  content: "\f080";
}

.ri-restaurant-2-fill:before {
  content: "\f081";
}

.ri-restaurant-2-line:before {
  content: "\f082";
}

.ri-restaurant-fill:before {
  content: "\f083";
}

.ri-restaurant-line:before {
  content: "\f084";
}

.ri-rewind-fill:before {
  content: "\f085";
}

.ri-rewind-line:before {
  content: "\f086";
}

.ri-rewind-mini-fill:before {
  content: "\f087";
}

.ri-rewind-mini-line:before {
  content: "\f088";
}

.ri-rhythm-fill:before {
  content: "\f089";
}

.ri-rhythm-line:before {
  content: "\f08a";
}

.ri-riding-fill:before {
  content: "\f08b";
}

.ri-riding-line:before {
  content: "\f08c";
}

.ri-road-map-fill:before {
  content: "\f08d";
}

.ri-road-map-line:before {
  content: "\f08e";
}

.ri-roadster-fill:before {
  content: "\f08f";
}

.ri-roadster-line:before {
  content: "\f090";
}

.ri-robot-fill:before {
  content: "\f091";
}

.ri-robot-line:before {
  content: "\f092";
}

.ri-rocket-2-fill:before {
  content: "\f093";
}

.ri-rocket-2-line:before {
  content: "\f094";
}

.ri-rocket-fill:before {
  content: "\f095";
}

.ri-rocket-line:before {
  content: "\f096";
}

.ri-rotate-lock-fill:before {
  content: "\f097";
}

.ri-rotate-lock-line:before {
  content: "\f098";
}

.ri-rounded-corner:before {
  content: "\f099";
}

.ri-route-fill:before {
  content: "\f09a";
}

.ri-route-line:before {
  content: "\f09b";
}

.ri-router-fill:before {
  content: "\f09c";
}

.ri-router-line:before {
  content: "\f09d";
}

.ri-rss-fill:before {
  content: "\f09e";
}

.ri-rss-line:before {
  content: "\f09f";
}

.ri-ruler-2-fill:before {
  content: "\f0a0";
}

.ri-ruler-2-line:before {
  content: "\f0a1";
}

.ri-ruler-fill:before {
  content: "\f0a2";
}

.ri-ruler-line:before {
  content: "\f0a3";
}

.ri-run-fill:before {
  content: "\f0a4";
}

.ri-run-line:before {
  content: "\f0a5";
}

.ri-safari-fill:before {
  content: "\f0a6";
}

.ri-safari-line:before {
  content: "\f0a7";
}

.ri-safe-2-fill:before {
  content: "\f0a8";
}

.ri-safe-2-line:before {
  content: "\f0a9";
}

.ri-safe-fill:before {
  content: "\f0aa";
}

.ri-safe-line:before {
  content: "\f0ab";
}

.ri-sailboat-fill:before {
  content: "\f0ac";
}

.ri-sailboat-line:before {
  content: "\f0ad";
}

.ri-save-2-fill:before {
  content: "\f0ae";
}

.ri-save-2-line:before {
  content: "\f0af";
}

.ri-save-3-fill:before {
  content: "\f0b0";
}

.ri-save-3-line:before {
  content: "\f0b1";
}

.ri-save-fill:before {
  content: "\f0b2";
}

.ri-save-line:before {
  content: "\f0b3";
}

.ri-scales-2-fill:before {
  content: "\f0b4";
}

.ri-scales-2-line:before {
  content: "\f0b5";
}

.ri-scales-3-fill:before {
  content: "\f0b6";
}

.ri-scales-3-line:before {
  content: "\f0b7";
}

.ri-scales-fill:before {
  content: "\f0b8";
}

.ri-scales-line:before {
  content: "\f0b9";
}

.ri-scan-2-fill:before {
  content: "\f0ba";
}

.ri-scan-2-line:before {
  content: "\f0bb";
}

.ri-scan-fill:before {
  content: "\f0bc";
}

.ri-scan-line:before {
  content: "\f0bd";
}

.ri-scissors-2-fill:before {
  content: "\f0be";
}

.ri-scissors-2-line:before {
  content: "\f0bf";
}

.ri-scissors-cut-fill:before {
  content: "\f0c0";
}

.ri-scissors-cut-line:before {
  content: "\f0c1";
}

.ri-scissors-fill:before {
  content: "\f0c2";
}

.ri-scissors-line:before {
  content: "\f0c3";
}

.ri-screenshot-2-fill:before {
  content: "\f0c4";
}

.ri-screenshot-2-line:before {
  content: "\f0c5";
}

.ri-screenshot-fill:before {
  content: "\f0c6";
}

.ri-screenshot-line:before {
  content: "\f0c7";
}

.ri-sd-card-fill:before {
  content: "\f0c8";
}

.ri-sd-card-line:before {
  content: "\f0c9";
}

.ri-sd-card-mini-fill:before {
  content: "\f0ca";
}

.ri-sd-card-mini-line:before {
  content: "\f0cb";
}

.ri-search-2-fill:before {
  content: "\f0cc";
}

.ri-search-2-line:before {
  content: "\f0cd";
}

.ri-search-eye-fill:before {
  content: "\f0ce";
}

.ri-search-eye-line:before {
  content: "\f0cf";
}

.ri-search-fill:before {
  content: "\f0d0";
}

.ri-search-line:before {
  content: "\f0d1";
}

.ri-secure-payment-fill:before {
  content: "\f0d2";
}

.ri-secure-payment-line:before {
  content: "\f0d3";
}

.ri-seedling-fill:before {
  content: "\f0d4";
}

.ri-seedling-line:before {
  content: "\f0d5";
}

.ri-send-backward:before {
  content: "\f0d6";
}

.ri-send-plane-2-fill:before {
  content: "\f0d7";
}

.ri-send-plane-2-line:before {
  content: "\f0d8";
}

.ri-send-plane-fill:before {
  content: "\f0d9";
}

.ri-send-plane-line:before {
  content: "\f0da";
}

.ri-send-to-back:before {
  content: "\f0db";
}

.ri-sensor-fill:before {
  content: "\f0dc";
}

.ri-sensor-line:before {
  content: "\f0dd";
}

.ri-separator:before {
  content: "\f0de";
}

.ri-server-fill:before {
  content: "\f0df";
}

.ri-server-line:before {
  content: "\f0e0";
}

.ri-service-fill:before {
  content: "\f0e1";
}

.ri-service-line:before {
  content: "\f0e2";
}

.ri-settings-2-fill:before {
  content: "\f0e3";
}

.ri-settings-2-line:before {
  content: "\f0e4";
}

.ri-settings-3-fill:before {
  content: "\f0e5";
}

.ri-settings-3-line:before {
  content: "\f0e6";
}

.ri-settings-4-fill:before {
  content: "\f0e7";
}

.ri-settings-4-line:before {
  content: "\f0e8";
}

.ri-settings-5-fill:before {
  content: "\f0e9";
}

.ri-settings-5-line:before {
  content: "\f0ea";
}

.ri-settings-6-fill:before {
  content: "\f0eb";
}

.ri-settings-6-line:before {
  content: "\f0ec";
}

.ri-settings-fill:before {
  content: "\f0ed";
}

.ri-settings-line:before {
  content: "\f0ee";
}

.ri-shape-2-fill:before {
  content: "\f0ef";
}

.ri-shape-2-line:before {
  content: "\f0f0";
}

.ri-shape-fill:before {
  content: "\f0f1";
}

.ri-shape-line:before {
  content: "\f0f2";
}

.ri-share-box-fill:before {
  content: "\f0f3";
}

.ri-share-box-line:before {
  content: "\f0f4";
}

.ri-share-circle-fill:before {
  content: "\f0f5";
}

.ri-share-circle-line:before {
  content: "\f0f6";
}

.ri-share-fill:before {
  content: "\f0f7";
}

.ri-share-forward-2-fill:before {
  content: "\f0f8";
}

.ri-share-forward-2-line:before {
  content: "\f0f9";
}

.ri-share-forward-box-fill:before {
  content: "\f0fa";
}

.ri-share-forward-box-line:before {
  content: "\f0fb";
}

.ri-share-forward-fill:before {
  content: "\f0fc";
}

.ri-share-forward-line:before {
  content: "\f0fd";
}

.ri-share-line:before {
  content: "\f0fe";
}

.ri-shield-check-fill:before {
  content: "\f0ff";
}

.ri-shield-check-line:before {
  content: "\f100";
}

.ri-shield-cross-fill:before {
  content: "\f101";
}

.ri-shield-cross-line:before {
  content: "\f102";
}

.ri-shield-fill:before {
  content: "\f103";
}

.ri-shield-flash-fill:before {
  content: "\f104";
}

.ri-shield-flash-line:before {
  content: "\f105";
}

.ri-shield-keyhole-fill:before {
  content: "\f106";
}

.ri-shield-keyhole-line:before {
  content: "\f107";
}

.ri-shield-line:before {
  content: "\f108";
}

.ri-shield-star-fill:before {
  content: "\f109";
}

.ri-shield-star-line:before {
  content: "\f10a";
}

.ri-shield-user-fill:before {
  content: "\f10b";
}

.ri-shield-user-line:before {
  content: "\f10c";
}

.ri-ship-2-fill:before {
  content: "\f10d";
}

.ri-ship-2-line:before {
  content: "\f10e";
}

.ri-ship-fill:before {
  content: "\f10f";
}

.ri-ship-line:before {
  content: "\f110";
}

.ri-shirt-fill:before {
  content: "\f111";
}

.ri-shirt-line:before {
  content: "\f112";
}

.ri-shopping-bag-2-fill:before {
  content: "\f113";
}

.ri-shopping-bag-2-line:before {
  content: "\f114";
}

.ri-shopping-bag-3-fill:before {
  content: "\f115";
}

.ri-shopping-bag-3-line:before {
  content: "\f116";
}

.ri-shopping-bag-fill:before {
  content: "\f117";
}

.ri-shopping-bag-line:before {
  content: "\f118";
}

.ri-shopping-basket-2-fill:before {
  content: "\f119";
}

.ri-shopping-basket-2-line:before {
  content: "\f11a";
}

.ri-shopping-basket-fill:before {
  content: "\f11b";
}

.ri-shopping-basket-line:before {
  content: "\f11c";
}

.ri-shopping-cart-2-fill:before {
  content: "\f11d";
}

.ri-shopping-cart-2-line:before {
  content: "\f11e";
}

.ri-shopping-cart-fill:before {
  content: "\f11f";
}

.ri-shopping-cart-line:before {
  content: "\f120";
}

.ri-showers-fill:before {
  content: "\f121";
}

.ri-showers-line:before {
  content: "\f122";
}

.ri-shuffle-fill:before {
  content: "\f123";
}

.ri-shuffle-line:before {
  content: "\f124";
}

.ri-shut-down-fill:before {
  content: "\f125";
}

.ri-shut-down-line:before {
  content: "\f126";
}

.ri-side-bar-fill:before {
  content: "\f127";
}

.ri-side-bar-line:before {
  content: "\f128";
}

.ri-signal-tower-fill:before {
  content: "\f129";
}

.ri-signal-tower-line:before {
  content: "\f12a";
}

.ri-signal-wifi-1-fill:before {
  content: "\f12b";
}

.ri-signal-wifi-1-line:before {
  content: "\f12c";
}

.ri-signal-wifi-2-fill:before {
  content: "\f12d";
}

.ri-signal-wifi-2-line:before {
  content: "\f12e";
}

.ri-signal-wifi-3-fill:before {
  content: "\f12f";
}

.ri-signal-wifi-3-line:before {
  content: "\f130";
}

.ri-signal-wifi-error-fill:before {
  content: "\f131";
}

.ri-signal-wifi-error-line:before {
  content: "\f132";
}

.ri-signal-wifi-fill:before {
  content: "\f133";
}

.ri-signal-wifi-line:before {
  content: "\f134";
}

.ri-signal-wifi-off-fill:before {
  content: "\f135";
}

.ri-signal-wifi-off-line:before {
  content: "\f136";
}

.ri-sim-card-2-fill:before {
  content: "\f137";
}

.ri-sim-card-2-line:before {
  content: "\f138";
}

.ri-sim-card-fill:before {
  content: "\f139";
}

.ri-sim-card-line:before {
  content: "\f13a";
}

.ri-single-quotes-l:before {
  content: "\f13b";
}

.ri-single-quotes-r:before {
  content: "\f13c";
}

.ri-sip-fill:before {
  content: "\f13d";
}

.ri-sip-line:before {
  content: "\f13e";
}

.ri-skip-back-fill:before {
  content: "\f13f";
}

.ri-skip-back-line:before {
  content: "\f140";
}

.ri-skip-back-mini-fill:before {
  content: "\f141";
}

.ri-skip-back-mini-line:before {
  content: "\f142";
}

.ri-skip-forward-fill:before {
  content: "\f143";
}

.ri-skip-forward-line:before {
  content: "\f144";
}

.ri-skip-forward-mini-fill:before {
  content: "\f145";
}

.ri-skip-forward-mini-line:before {
  content: "\f146";
}

.ri-skull-2-fill:before {
  content: "\f147";
}

.ri-skull-2-line:before {
  content: "\f148";
}

.ri-skull-fill:before {
  content: "\f149";
}

.ri-skull-line:before {
  content: "\f14a";
}

.ri-skype-fill:before {
  content: "\f14b";
}

.ri-skype-line:before {
  content: "\f14c";
}

.ri-slack-fill:before {
  content: "\f14d";
}

.ri-slack-line:before {
  content: "\f14e";
}

.ri-slice-fill:before {
  content: "\f14f";
}

.ri-slice-line:before {
  content: "\f150";
}

.ri-slideshow-2-fill:before {
  content: "\f151";
}

.ri-slideshow-2-line:before {
  content: "\f152";
}

.ri-slideshow-3-fill:before {
  content: "\f153";
}

.ri-slideshow-3-line:before {
  content: "\f154";
}

.ri-slideshow-4-fill:before {
  content: "\f155";
}

.ri-slideshow-4-line:before {
  content: "\f156";
}

.ri-slideshow-fill:before {
  content: "\f157";
}

.ri-slideshow-line:before {
  content: "\f158";
}

.ri-smartphone-fill:before {
  content: "\f159";
}

.ri-smartphone-line:before {
  content: "\f15a";
}

.ri-snapchat-fill:before {
  content: "\f15b";
}

.ri-snapchat-line:before {
  content: "\f15c";
}

.ri-snowy-fill:before {
  content: "\f15d";
}

.ri-snowy-line:before {
  content: "\f15e";
}

.ri-sort-asc:before {
  content: "\f15f";
}

.ri-sort-desc:before {
  content: "\f160";
}

.ri-sound-module-fill:before {
  content: "\f161";
}

.ri-sound-module-line:before {
  content: "\f162";
}

.ri-soundcloud-fill:before {
  content: "\f163";
}

.ri-soundcloud-line:before {
  content: "\f164";
}

.ri-space-ship-fill:before {
  content: "\f165";
}

.ri-space-ship-line:before {
  content: "\f166";
}

.ri-space:before {
  content: "\f167";
}

.ri-spam-2-fill:before {
  content: "\f168";
}

.ri-spam-2-line:before {
  content: "\f169";
}

.ri-spam-3-fill:before {
  content: "\f16a";
}

.ri-spam-3-line:before {
  content: "\f16b";
}

.ri-spam-fill:before {
  content: "\f16c";
}

.ri-spam-line:before {
  content: "\f16d";
}

.ri-speaker-2-fill:before {
  content: "\f16e";
}

.ri-speaker-2-line:before {
  content: "\f16f";
}

.ri-speaker-3-fill:before {
  content: "\f170";
}

.ri-speaker-3-line:before {
  content: "\f171";
}

.ri-speaker-fill:before {
  content: "\f172";
}

.ri-speaker-line:before {
  content: "\f173";
}

.ri-spectrum-fill:before {
  content: "\f174";
}

.ri-spectrum-line:before {
  content: "\f175";
}

.ri-speed-fill:before {
  content: "\f176";
}

.ri-speed-line:before {
  content: "\f177";
}

.ri-speed-mini-fill:before {
  content: "\f178";
}

.ri-speed-mini-line:before {
  content: "\f179";
}

.ri-split-cells-horizontal:before {
  content: "\f17a";
}

.ri-split-cells-vertical:before {
  content: "\f17b";
}

.ri-spotify-fill:before {
  content: "\f17c";
}

.ri-spotify-line:before {
  content: "\f17d";
}

.ri-spy-fill:before {
  content: "\f17e";
}

.ri-spy-line:before {
  content: "\f17f";
}

.ri-stack-fill:before {
  content: "\f180";
}

.ri-stack-line:before {
  content: "\f181";
}

.ri-stack-overflow-fill:before {
  content: "\f182";
}

.ri-stack-overflow-line:before {
  content: "\f183";
}

.ri-stackshare-fill:before {
  content: "\f184";
}

.ri-stackshare-line:before {
  content: "\f185";
}

.ri-star-fill:before {
  content: "\f186";
}

.ri-star-half-fill:before {
  content: "\f187";
}

.ri-star-half-line:before {
  content: "\f188";
}

.ri-star-half-s-fill:before {
  content: "\f189";
}

.ri-star-half-s-line:before {
  content: "\f18a";
}

.ri-star-line:before {
  content: "\f18b";
}

.ri-star-s-fill:before {
  content: "\f18c";
}

.ri-star-s-line:before {
  content: "\f18d";
}

.ri-star-smile-fill:before {
  content: "\f18e";
}

.ri-star-smile-line:before {
  content: "\f18f";
}

.ri-steam-fill:before {
  content: "\f190";
}

.ri-steam-line:before {
  content: "\f191";
}

.ri-steering-2-fill:before {
  content: "\f192";
}

.ri-steering-2-line:before {
  content: "\f193";
}

.ri-steering-fill:before {
  content: "\f194";
}

.ri-steering-line:before {
  content: "\f195";
}

.ri-stethoscope-fill:before {
  content: "\f196";
}

.ri-stethoscope-line:before {
  content: "\f197";
}

.ri-sticky-note-2-fill:before {
  content: "\f198";
}

.ri-sticky-note-2-line:before {
  content: "\f199";
}

.ri-sticky-note-fill:before {
  content: "\f19a";
}

.ri-sticky-note-line:before {
  content: "\f19b";
}

.ri-stock-fill:before {
  content: "\f19c";
}

.ri-stock-line:before {
  content: "\f19d";
}

.ri-stop-circle-fill:before {
  content: "\f19e";
}

.ri-stop-circle-line:before {
  content: "\f19f";
}

.ri-stop-fill:before {
  content: "\f1a0";
}

.ri-stop-line:before {
  content: "\f1a1";
}

.ri-stop-mini-fill:before {
  content: "\f1a2";
}

.ri-stop-mini-line:before {
  content: "\f1a3";
}

.ri-store-2-fill:before {
  content: "\f1a4";
}

.ri-store-2-line:before {
  content: "\f1a5";
}

.ri-store-3-fill:before {
  content: "\f1a6";
}

.ri-store-3-line:before {
  content: "\f1a7";
}

.ri-store-fill:before {
  content: "\f1a8";
}

.ri-store-line:before {
  content: "\f1a9";
}

.ri-strikethrough-2:before {
  content: "\f1aa";
}

.ri-strikethrough:before {
  content: "\f1ab";
}

.ri-subscript-2:before {
  content: "\f1ac";
}

.ri-subscript:before {
  content: "\f1ad";
}

.ri-subtract-fill:before {
  content: "\f1ae";
}

.ri-subtract-line:before {
  content: "\f1af";
}

.ri-subway-fill:before {
  content: "\f1b0";
}

.ri-subway-line:before {
  content: "\f1b1";
}

.ri-subway-wifi-fill:before {
  content: "\f1b2";
}

.ri-subway-wifi-line:before {
  content: "\f1b3";
}

.ri-suitcase-2-fill:before {
  content: "\f1b4";
}

.ri-suitcase-2-line:before {
  content: "\f1b5";
}

.ri-suitcase-3-fill:before {
  content: "\f1b6";
}

.ri-suitcase-3-line:before {
  content: "\f1b7";
}

.ri-suitcase-fill:before {
  content: "\f1b8";
}

.ri-suitcase-line:before {
  content: "\f1b9";
}

.ri-sun-cloudy-fill:before {
  content: "\f1ba";
}

.ri-sun-cloudy-line:before {
  content: "\f1bb";
}

.ri-sun-fill:before {
  content: "\f1bc";
}

.ri-sun-foggy-fill:before {
  content: "\f1bd";
}

.ri-sun-foggy-line:before {
  content: "\f1be";
}

.ri-sun-line:before {
  content: "\f1bf";
}

.ri-superscript-2:before {
  content: "\f1c0";
}

.ri-superscript:before {
  content: "\f1c1";
}

.ri-surgical-mask-fill:before {
  content: "\f1c2";
}

.ri-surgical-mask-line:before {
  content: "\f1c3";
}

.ri-surround-sound-fill:before {
  content: "\f1c4";
}

.ri-surround-sound-line:before {
  content: "\f1c5";
}

.ri-survey-fill:before {
  content: "\f1c6";
}

.ri-survey-line:before {
  content: "\f1c7";
}

.ri-swap-box-fill:before {
  content: "\f1c8";
}

.ri-swap-box-line:before {
  content: "\f1c9";
}

.ri-swap-fill:before {
  content: "\f1ca";
}

.ri-swap-line:before {
  content: "\f1cb";
}

.ri-switch-fill:before {
  content: "\f1cc";
}

.ri-switch-line:before {
  content: "\f1cd";
}

.ri-sword-fill:before {
  content: "\f1ce";
}

.ri-sword-line:before {
  content: "\f1cf";
}

.ri-syringe-fill:before {
  content: "\f1d0";
}

.ri-syringe-line:before {
  content: "\f1d1";
}

.ri-t-box-fill:before {
  content: "\f1d2";
}

.ri-t-box-line:before {
  content: "\f1d3";
}

.ri-t-shirt-2-fill:before {
  content: "\f1d4";
}

.ri-t-shirt-2-line:before {
  content: "\f1d5";
}

.ri-t-shirt-air-fill:before {
  content: "\f1d6";
}

.ri-t-shirt-air-line:before {
  content: "\f1d7";
}

.ri-t-shirt-fill:before {
  content: "\f1d8";
}

.ri-t-shirt-line:before {
  content: "\f1d9";
}

.ri-table-2:before {
  content: "\f1da";
}

.ri-table-alt-fill:before {
  content: "\f1db";
}

.ri-table-alt-line:before {
  content: "\f1dc";
}

.ri-table-fill:before {
  content: "\f1dd";
}

.ri-table-line:before {
  content: "\f1de";
}

.ri-tablet-fill:before {
  content: "\f1df";
}

.ri-tablet-line:before {
  content: "\f1e0";
}

.ri-takeaway-fill:before {
  content: "\f1e1";
}

.ri-takeaway-line:before {
  content: "\f1e2";
}

.ri-taobao-fill:before {
  content: "\f1e3";
}

.ri-taobao-line:before {
  content: "\f1e4";
}

.ri-tape-fill:before {
  content: "\f1e5";
}

.ri-tape-line:before {
  content: "\f1e6";
}

.ri-task-fill:before {
  content: "\f1e7";
}

.ri-task-line:before {
  content: "\f1e8";
}

.ri-taxi-fill:before {
  content: "\f1e9";
}

.ri-taxi-line:before {
  content: "\f1ea";
}

.ri-taxi-wifi-fill:before {
  content: "\f1eb";
}

.ri-taxi-wifi-line:before {
  content: "\f1ec";
}

.ri-team-fill:before {
  content: "\f1ed";
}

.ri-team-line:before {
  content: "\f1ee";
}

.ri-telegram-fill:before {
  content: "\f1ef";
}

.ri-telegram-line:before {
  content: "\f1f0";
}

.ri-temp-cold-fill:before {
  content: "\f1f1";
}

.ri-temp-cold-line:before {
  content: "\f1f2";
}

.ri-temp-hot-fill:before {
  content: "\f1f3";
}

.ri-temp-hot-line:before {
  content: "\f1f4";
}

.ri-terminal-box-fill:before {
  content: "\f1f5";
}

.ri-terminal-box-line:before {
  content: "\f1f6";
}

.ri-terminal-fill:before {
  content: "\f1f7";
}

.ri-terminal-line:before {
  content: "\f1f8";
}

.ri-terminal-window-fill:before {
  content: "\f1f9";
}

.ri-terminal-window-line:before {
  content: "\f1fa";
}

.ri-test-tube-fill:before {
  content: "\f1fb";
}

.ri-test-tube-line:before {
  content: "\f1fc";
}

.ri-text-direction-l:before {
  content: "\f1fd";
}

.ri-text-direction-r:before {
  content: "\f1fe";
}

.ri-text-spacing:before {
  content: "\f1ff";
}

.ri-text-wrap:before {
  content: "\f200";
}

.ri-text:before {
  content: "\f201";
}

.ri-thermometer-fill:before {
  content: "\f202";
}

.ri-thermometer-line:before {
  content: "\f203";
}

.ri-thumb-down-fill:before {
  content: "\f204";
}

.ri-thumb-down-line:before {
  content: "\f205";
}

.ri-thumb-up-fill:before {
  content: "\f206";
}

.ri-thumb-up-line:before {
  content: "\f207";
}

.ri-thunderstorms-fill:before {
  content: "\f208";
}

.ri-thunderstorms-line:before {
  content: "\f209";
}

.ri-ticket-2-fill:before {
  content: "\f20a";
}

.ri-ticket-2-line:before {
  content: "\f20b";
}

.ri-ticket-fill:before {
  content: "\f20c";
}

.ri-ticket-line:before {
  content: "\f20d";
}

.ri-time-fill:before {
  content: "\f20e";
}

.ri-time-line:before {
  content: "\f20f";
}

.ri-timer-2-fill:before {
  content: "\f210";
}

.ri-timer-2-line:before {
  content: "\f211";
}

.ri-timer-fill:before {
  content: "\f212";
}

.ri-timer-flash-fill:before {
  content: "\f213";
}

.ri-timer-flash-line:before {
  content: "\f214";
}

.ri-timer-line:before {
  content: "\f215";
}

.ri-todo-fill:before {
  content: "\f216";
}

.ri-todo-line:before {
  content: "\f217";
}

.ri-toggle-fill:before {
  content: "\f218";
}

.ri-toggle-line:before {
  content: "\f219";
}

.ri-tools-fill:before {
  content: "\f21a";
}

.ri-tools-line:before {
  content: "\f21b";
}

.ri-tornado-fill:before {
  content: "\f21c";
}

.ri-tornado-line:before {
  content: "\f21d";
}

.ri-trademark-fill:before {
  content: "\f21e";
}

.ri-trademark-line:before {
  content: "\f21f";
}

.ri-traffic-light-fill:before {
  content: "\f220";
}

.ri-traffic-light-line:before {
  content: "\f221";
}

.ri-train-fill:before {
  content: "\f222";
}

.ri-train-line:before {
  content: "\f223";
}

.ri-train-wifi-fill:before {
  content: "\f224";
}

.ri-train-wifi-line:before {
  content: "\f225";
}

.ri-translate-2:before {
  content: "\f226";
}

.ri-translate:before {
  content: "\f227";
}

.ri-travesti-fill:before {
  content: "\f228";
}

.ri-travesti-line:before {
  content: "\f229";
}

.ri-treasure-map-fill:before {
  content: "\f22a";
}

.ri-treasure-map-line:before {
  content: "\f22b";
}

.ri-trello-fill:before {
  content: "\f22c";
}

.ri-trello-line:before {
  content: "\f22d";
}

.ri-trophy-fill:before {
  content: "\f22e";
}

.ri-trophy-line:before {
  content: "\f22f";
}

.ri-truck-fill:before {
  content: "\f230";
}

.ri-truck-line:before {
  content: "\f231";
}

.ri-tumblr-fill:before {
  content: "\f232";
}

.ri-tumblr-line:before {
  content: "\f233";
}

.ri-tv-2-fill:before {
  content: "\f234";
}

.ri-tv-2-line:before {
  content: "\f235";
}

.ri-tv-fill:before {
  content: "\f236";
}

.ri-tv-line:before {
  content: "\f237";
}

.ri-twitch-fill:before {
  content: "\f238";
}

.ri-twitch-line:before {
  content: "\f239";
}

.ri-twitter-fill:before {
  content: "\f23a";
}

.ri-twitter-line:before {
  content: "\f23b";
}

.ri-typhoon-fill:before {
  content: "\f23c";
}

.ri-typhoon-line:before {
  content: "\f23d";
}

.ri-u-disk-fill:before {
  content: "\f23e";
}

.ri-u-disk-line:before {
  content: "\f23f";
}

.ri-ubuntu-fill:before {
  content: "\f240";
}

.ri-ubuntu-line:before {
  content: "\f241";
}

.ri-umbrella-fill:before {
  content: "\f242";
}

.ri-umbrella-line:before {
  content: "\f243";
}

.ri-underline:before {
  content: "\f244";
}

.ri-uninstall-fill:before {
  content: "\f245";
}

.ri-uninstall-line:before {
  content: "\f246";
}

.ri-unsplash-fill:before {
  content: "\f247";
}

.ri-unsplash-line:before {
  content: "\f248";
}

.ri-upload-2-fill:before {
  content: "\f249";
}

.ri-upload-2-line:before {
  content: "\f24a";
}

.ri-upload-cloud-2-fill:before {
  content: "\f24b";
}

.ri-upload-cloud-2-line:before {
  content: "\f24c";
}

.ri-upload-cloud-fill:before {
  content: "\f24d";
}

.ri-upload-cloud-line:before {
  content: "\f24e";
}

.ri-upload-fill:before {
  content: "\f24f";
}

.ri-upload-line:before {
  content: "\f250";
}

.ri-usb-fill:before {
  content: "\f251";
}

.ri-usb-line:before {
  content: "\f252";
}

.ri-user-2-fill:before {
  content: "\f253";
}

.ri-user-2-line:before {
  content: "\f254";
}

.ri-user-3-fill:before {
  content: "\f255";
}

.ri-user-3-line:before {
  content: "\f256";
}

.ri-user-4-fill:before {
  content: "\f257";
}

.ri-user-4-line:before {
  content: "\f258";
}

.ri-user-5-fill:before {
  content: "\f259";
}

.ri-user-5-line:before {
  content: "\f25a";
}

.ri-user-6-fill:before {
  content: "\f25b";
}

.ri-user-6-line:before {
  content: "\f25c";
}

.ri-user-add-fill:before {
  content: "\f25d";
}

.ri-user-add-line:before {
  content: "\f25e";
}

.ri-user-fill:before {
  content: "\f25f";
}

.ri-user-follow-fill:before {
  content: "\f260";
}

.ri-user-follow-line:before {
  content: "\f261";
}

.ri-user-heart-fill:before {
  content: "\f262";
}

.ri-user-heart-line:before {
  content: "\f263";
}

.ri-user-line:before {
  content: "\f264";
}

.ri-user-location-fill:before {
  content: "\f265";
}

.ri-user-location-line:before {
  content: "\f266";
}

.ri-user-received-2-fill:before {
  content: "\f267";
}

.ri-user-received-2-line:before {
  content: "\f268";
}

.ri-user-received-fill:before {
  content: "\f269";
}

.ri-user-received-line:before {
  content: "\f26a";
}

.ri-user-search-fill:before {
  content: "\f26b";
}

.ri-user-search-line:before {
  content: "\f26c";
}

.ri-user-settings-fill:before {
  content: "\f26d";
}

.ri-user-settings-line:before {
  content: "\f26e";
}

.ri-user-shared-2-fill:before {
  content: "\f26f";
}

.ri-user-shared-2-line:before {
  content: "\f270";
}

.ri-user-shared-fill:before {
  content: "\f271";
}

.ri-user-shared-line:before {
  content: "\f272";
}

.ri-user-smile-fill:before {
  content: "\f273";
}

.ri-user-smile-line:before {
  content: "\f274";
}

.ri-user-star-fill:before {
  content: "\f275";
}

.ri-user-star-line:before {
  content: "\f276";
}

.ri-user-unfollow-fill:before {
  content: "\f277";
}

.ri-user-unfollow-line:before {
  content: "\f278";
}

.ri-user-voice-fill:before {
  content: "\f279";
}

.ri-user-voice-line:before {
  content: "\f27a";
}

.ri-video-add-fill:before {
  content: "\f27b";
}

.ri-video-add-line:before {
  content: "\f27c";
}

.ri-video-chat-fill:before {
  content: "\f27d";
}

.ri-video-chat-line:before {
  content: "\f27e";
}

.ri-video-download-fill:before {
  content: "\f27f";
}

.ri-video-download-line:before {
  content: "\f280";
}

.ri-video-fill:before {
  content: "\f281";
}

.ri-video-line:before {
  content: "\f282";
}

.ri-video-upload-fill:before {
  content: "\f283";
}

.ri-video-upload-line:before {
  content: "\f284";
}

.ri-vidicon-2-fill:before {
  content: "\f285";
}

.ri-vidicon-2-line:before {
  content: "\f286";
}

.ri-vidicon-fill:before {
  content: "\f287";
}

.ri-vidicon-line:before {
  content: "\f288";
}

.ri-vimeo-fill:before {
  content: "\f289";
}

.ri-vimeo-line:before {
  content: "\f28a";
}

.ri-vip-crown-2-fill:before {
  content: "\f28b";
}

.ri-vip-crown-2-line:before {
  content: "\f28c";
}

.ri-vip-crown-fill:before {
  content: "\f28d";
}

.ri-vip-crown-line:before {
  content: "\f28e";
}

.ri-vip-diamond-fill:before {
  content: "\f28f";
}

.ri-vip-diamond-line:before {
  content: "\f290";
}

.ri-vip-fill:before {
  content: "\f291";
}

.ri-vip-line:before {
  content: "\f292";
}

.ri-virus-fill:before {
  content: "\f293";
}

.ri-virus-line:before {
  content: "\f294";
}

.ri-visa-fill:before {
  content: "\f295";
}

.ri-visa-line:before {
  content: "\f296";
}

.ri-voice-recognition-fill:before {
  content: "\f297";
}

.ri-voice-recognition-line:before {
  content: "\f298";
}

.ri-voiceprint-fill:before {
  content: "\f299";
}

.ri-voiceprint-line:before {
  content: "\f29a";
}

.ri-volume-down-fill:before {
  content: "\f29b";
}

.ri-volume-down-line:before {
  content: "\f29c";
}

.ri-volume-mute-fill:before {
  content: "\f29d";
}

.ri-volume-mute-line:before {
  content: "\f29e";
}

.ri-volume-off-vibrate-fill:before {
  content: "\f29f";
}

.ri-volume-off-vibrate-line:before {
  content: "\f2a0";
}

.ri-volume-up-fill:before {
  content: "\f2a1";
}

.ri-volume-up-line:before {
  content: "\f2a2";
}

.ri-volume-vibrate-fill:before {
  content: "\f2a3";
}

.ri-volume-vibrate-line:before {
  content: "\f2a4";
}

.ri-vuejs-fill:before {
  content: "\f2a5";
}

.ri-vuejs-line:before {
  content: "\f2a6";
}

.ri-walk-fill:before {
  content: "\f2a7";
}

.ri-walk-line:before {
  content: "\f2a8";
}

.ri-wallet-2-fill:before {
  content: "\f2a9";
}

.ri-wallet-2-line:before {
  content: "\f2aa";
}

.ri-wallet-3-fill:before {
  content: "\f2ab";
}

.ri-wallet-3-line:before {
  content: "\f2ac";
}

.ri-wallet-fill:before {
  content: "\f2ad";
}

.ri-wallet-line:before {
  content: "\f2ae";
}

.ri-water-flash-fill:before {
  content: "\f2af";
}

.ri-water-flash-line:before {
  content: "\f2b0";
}

.ri-webcam-fill:before {
  content: "\f2b1";
}

.ri-webcam-line:before {
  content: "\f2b2";
}

.ri-wechat-2-fill:before {
  content: "\f2b3";
}

.ri-wechat-2-line:before {
  content: "\f2b4";
}

.ri-wechat-fill:before {
  content: "\f2b5";
}

.ri-wechat-line:before {
  content: "\f2b6";
}

.ri-wechat-pay-fill:before {
  content: "\f2b7";
}

.ri-wechat-pay-line:before {
  content: "\f2b8";
}

.ri-weibo-fill:before {
  content: "\f2b9";
}

.ri-weibo-line:before {
  content: "\f2ba";
}

.ri-whatsapp-fill:before {
  content: "\f2bb";
}

.ri-whatsapp-line:before {
  content: "\f2bc";
}

.ri-wheelchair-fill:before {
  content: "\f2bd";
}

.ri-wheelchair-line:before {
  content: "\f2be";
}

.ri-wifi-fill:before {
  content: "\f2bf";
}

.ri-wifi-line:before {
  content: "\f2c0";
}

.ri-wifi-off-fill:before {
  content: "\f2c1";
}

.ri-wifi-off-line:before {
  content: "\f2c2";
}

.ri-window-2-fill:before {
  content: "\f2c3";
}

.ri-window-2-line:before {
  content: "\f2c4";
}

.ri-window-fill:before {
  content: "\f2c5";
}

.ri-window-line:before {
  content: "\f2c6";
}

.ri-windows-fill:before {
  content: "\f2c7";
}

.ri-windows-line:before {
  content: "\f2c8";
}

.ri-windy-fill:before {
  content: "\f2c9";
}

.ri-windy-line:before {
  content: "\f2ca";
}

.ri-wireless-charging-fill:before {
  content: "\f2cb";
}

.ri-wireless-charging-line:before {
  content: "\f2cc";
}

.ri-women-fill:before {
  content: "\f2cd";
}

.ri-women-line:before {
  content: "\f2ce";
}

.ri-wubi-input:before {
  content: "\f2cf";
}

.ri-xbox-fill:before {
  content: "\f2d0";
}

.ri-xbox-line:before {
  content: "\f2d1";
}

.ri-xing-fill:before {
  content: "\f2d2";
}

.ri-xing-line:before {
  content: "\f2d3";
}

.ri-youtube-fill:before {
  content: "\f2d4";
}

.ri-youtube-line:before {
  content: "\f2d5";
}

.ri-zcool-fill:before {
  content: "\f2d6";
}

.ri-zcool-line:before {
  content: "\f2d7";
}

.ri-zhihu-fill:before {
  content: "\f2d8";
}

.ri-zhihu-line:before {
  content: "\f2d9";
}

.ri-zoom-in-fill:before {
  content: "\f2da";
}

.ri-zoom-in-line:before {
  content: "\f2db";
}

.ri-zoom-out-fill:before {
  content: "\f2dc";
}

.ri-zoom-out-line:before {
  content: "\f2dd";
}

.ri-zzz-fill:before {
  content: "\f2de";
}

.ri-zzz-line:before {
  content: "\f2df";
}

.ri-arrow-down-double-fill:before {
  content: "\f2e0";
}

.ri-arrow-down-double-line:before {
  content: "\f2e1";
}

.ri-arrow-left-double-fill:before {
  content: "\f2e2";
}

.ri-arrow-left-double-line:before {
  content: "\f2e3";
}

.ri-arrow-right-double-fill:before {
  content: "\f2e4";
}

.ri-arrow-right-double-line:before {
  content: "\f2e5";
}

.ri-arrow-turn-back-fill:before {
  content: "\f2e6";
}

.ri-arrow-turn-back-line:before {
  content: "\f2e7";
}

.ri-arrow-turn-forward-fill:before {
  content: "\f2e8";
}

.ri-arrow-turn-forward-line:before {
  content: "\f2e9";
}

.ri-arrow-up-double-fill:before {
  content: "\f2ea";
}

.ri-arrow-up-double-line:before {
  content: "\f2eb";
}

.ri-bard-fill:before {
  content: "\f2ec";
}

.ri-bard-line:before {
  content: "\f2ed";
}

.ri-bootstrap-fill:before {
  content: "\f2ee";
}

.ri-bootstrap-line:before {
  content: "\f2ef";
}

.ri-box-1-fill:before {
  content: "\f2f0";
}

.ri-box-1-line:before {
  content: "\f2f1";
}

.ri-box-2-fill:before {
  content: "\f2f2";
}

.ri-box-2-line:before {
  content: "\f2f3";
}

.ri-box-3-fill:before {
  content: "\f2f4";
}

.ri-box-3-line:before {
  content: "\f2f5";
}

.ri-brain-fill:before {
  content: "\f2f6";
}

.ri-brain-line:before {
  content: "\f2f7";
}

.ri-candle-fill:before {
  content: "\f2f8";
}

.ri-candle-line:before {
  content: "\f2f9";
}

.ri-cash-fill:before {
  content: "\f2fa";
}

.ri-cash-line:before {
  content: "\f2fb";
}

.ri-contract-left-fill:before {
  content: "\f2fc";
}

.ri-contract-left-line:before {
  content: "\f2fd";
}

.ri-contract-left-right-fill:before {
  content: "\f2fe";
}

.ri-contract-left-right-line:before {
  content: "\f2ff";
}

.ri-contract-right-fill:before {
  content: "\f300";
}

.ri-contract-right-line:before {
  content: "\f301";
}

.ri-contract-up-down-fill:before {
  content: "\f302";
}

.ri-contract-up-down-line:before {
  content: "\f303";
}

.ri-copilot-fill:before {
  content: "\f304";
}

.ri-copilot-line:before {
  content: "\f305";
}

.ri-corner-down-left-fill:before {
  content: "\f306";
}

.ri-corner-down-left-line:before {
  content: "\f307";
}

.ri-corner-down-right-fill:before {
  content: "\f308";
}

.ri-corner-down-right-line:before {
  content: "\f309";
}

.ri-corner-left-down-fill:before {
  content: "\f30a";
}

.ri-corner-left-down-line:before {
  content: "\f30b";
}

.ri-corner-left-up-fill:before {
  content: "\f30c";
}

.ri-corner-left-up-line:before {
  content: "\f30d";
}

.ri-corner-right-down-fill:before {
  content: "\f30e";
}

.ri-corner-right-down-line:before {
  content: "\f30f";
}

.ri-corner-right-up-fill:before {
  content: "\f310";
}

.ri-corner-right-up-line:before {
  content: "\f311";
}

.ri-corner-up-left-double-fill:before {
  content: "\f312";
}

.ri-corner-up-left-double-line:before {
  content: "\f313";
}

.ri-corner-up-left-fill:before {
  content: "\f314";
}

.ri-corner-up-left-line:before {
  content: "\f315";
}

.ri-corner-up-right-double-fill:before {
  content: "\f316";
}

.ri-corner-up-right-double-line:before {
  content: "\f317";
}

.ri-corner-up-right-fill:before {
  content: "\f318";
}

.ri-corner-up-right-line:before {
  content: "\f319";
}

.ri-cross-fill:before {
  content: "\f31a";
}

.ri-cross-line:before {
  content: "\f31b";
}

.ri-edge-new-fill:before {
  content: "\f31c";
}

.ri-edge-new-line:before {
  content: "\f31d";
}

.ri-equal-fill:before {
  content: "\f31e";
}

.ri-equal-line:before {
  content: "\f31f";
}

.ri-expand-left-fill:before {
  content: "\f320";
}

.ri-expand-left-line:before {
  content: "\f321";
}

.ri-expand-left-right-fill:before {
  content: "\f322";
}

.ri-expand-left-right-line:before {
  content: "\f323";
}

.ri-expand-right-fill:before {
  content: "\f324";
}

.ri-expand-right-line:before {
  content: "\f325";
}

.ri-expand-up-down-fill:before {
  content: "\f326";
}

.ri-expand-up-down-line:before {
  content: "\f327";
}

.ri-flickr-fill:before {
  content: "\f328";
}

.ri-flickr-line:before {
  content: "\f329";
}

.ri-forward-10-fill:before {
  content: "\f32a";
}

.ri-forward-10-line:before {
  content: "\f32b";
}

.ri-forward-15-fill:before {
  content: "\f32c";
}

.ri-forward-15-line:before {
  content: "\f32d";
}

.ri-forward-30-fill:before {
  content: "\f32e";
}

.ri-forward-30-line:before {
  content: "\f32f";
}

.ri-forward-5-fill:before {
  content: "\f330";
}

.ri-forward-5-line:before {
  content: "\f331";
}

.ri-graduation-cap-fill:before {
  content: "\f332";
}

.ri-graduation-cap-line:before {
  content: "\f333";
}

.ri-home-office-fill:before {
  content: "\f334";
}

.ri-home-office-line:before {
  content: "\f335";
}

.ri-hourglass-2-fill:before {
  content: "\f336";
}

.ri-hourglass-2-line:before {
  content: "\f337";
}

.ri-hourglass-fill:before {
  content: "\f338";
}

.ri-hourglass-line:before {
  content: "\f339";
}

.ri-javascript-fill:before {
  content: "\f33a";
}

.ri-javascript-line:before {
  content: "\f33b";
}

.ri-loop-left-fill:before {
  content: "\f33c";
}

.ri-loop-left-line:before {
  content: "\f33d";
}

.ri-loop-right-fill:before {
  content: "\f33e";
}

.ri-loop-right-line:before {
  content: "\f33f";
}

.ri-memories-fill:before {
  content: "\f340";
}

.ri-memories-line:before {
  content: "\f341";
}

.ri-meta-fill:before {
  content: "\f342";
}

.ri-meta-line:before {
  content: "\f343";
}

.ri-microsoft-loop-fill:before {
  content: "\f344";
}

.ri-microsoft-loop-line:before {
  content: "\f345";
}

.ri-nft-fill:before {
  content: "\f346";
}

.ri-nft-line:before {
  content: "\f347";
}

.ri-notion-fill:before {
  content: "\f348";
}

.ri-notion-line:before {
  content: "\f349";
}

.ri-openai-fill:before {
  content: "\f34a";
}

.ri-openai-line:before {
  content: "\f34b";
}

.ri-overline:before {
  content: "\f34c";
}

.ri-p2p-fill:before {
  content: "\f34d";
}

.ri-p2p-line:before {
  content: "\f34e";
}

.ri-presentation-fill:before {
  content: "\f34f";
}

.ri-presentation-line:before {
  content: "\f350";
}

.ri-replay-10-fill:before {
  content: "\f351";
}

.ri-replay-10-line:before {
  content: "\f352";
}

.ri-replay-15-fill:before {
  content: "\f353";
}

.ri-replay-15-line:before {
  content: "\f354";
}

.ri-replay-30-fill:before {
  content: "\f355";
}

.ri-replay-30-line:before {
  content: "\f356";
}

.ri-replay-5-fill:before {
  content: "\f357";
}

.ri-replay-5-line:before {
  content: "\f358";
}

.ri-school-fill:before {
  content: "\f359";
}

.ri-school-line:before {
  content: "\f35a";
}

.ri-shining-2-fill:before {
  content: "\f35b";
}

.ri-shining-2-line:before {
  content: "\f35c";
}

.ri-shining-fill:before {
  content: "\f35d";
}

.ri-shining-line:before {
  content: "\f35e";
}

.ri-sketching:before {
  content: "\f35f";
}

.ri-skip-down-fill:before {
  content: "\f360";
}

.ri-skip-down-line:before {
  content: "\f361";
}

.ri-skip-left-fill:before {
  content: "\f362";
}

.ri-skip-left-line:before {
  content: "\f363";
}

.ri-skip-right-fill:before {
  content: "\f364";
}

.ri-skip-right-line:before {
  content: "\f365";
}

.ri-skip-up-fill:before {
  content: "\f366";
}

.ri-skip-up-line:before {
  content: "\f367";
}

.ri-slow-down-fill:before {
  content: "\f368";
}

.ri-slow-down-line:before {
  content: "\f369";
}

.ri-sparkling-2-fill:before {
  content: "\f36a";
}

.ri-sparkling-2-line:before {
  content: "\f36b";
}

.ri-sparkling-fill:before {
  content: "\f36c";
}

.ri-sparkling-line:before {
  content: "\f36d";
}

.ri-speak-fill:before {
  content: "\f36e";
}

.ri-speak-line:before {
  content: "\f36f";
}

.ri-speed-up-fill:before {
  content: "\f370";
}

.ri-speed-up-line:before {
  content: "\f371";
}

.ri-tiktok-fill:before {
  content: "\f372";
}

.ri-tiktok-line:before {
  content: "\f373";
}

.ri-token-swap-fill:before {
  content: "\f374";
}

.ri-token-swap-line:before {
  content: "\f375";
}

.ri-unpin-fill:before {
  content: "\f376";
}

.ri-unpin-line:before {
  content: "\f377";
}

.ri-wechat-channels-fill:before {
  content: "\f378";
}

.ri-wechat-channels-line:before {
  content: "\f379";
}

.ri-wordpress-fill:before {
  content: "\f37a";
}

.ri-wordpress-line:before {
  content: "\f37b";
}

.ri-blender-fill:before {
  content: "\f37c";
}

.ri-blender-line:before {
  content: "\f37d";
}

.ri-emoji-sticker-fill:before {
  content: "\f37e";
}

.ri-emoji-sticker-line:before {
  content: "\f37f";
}

.ri-git-close-pull-request-fill:before {
  content: "\f380";
}

.ri-git-close-pull-request-line:before {
  content: "\f381";
}

.ri-instance-fill:before {
  content: "\f382";
}

.ri-instance-line:before {
  content: "\f383";
}

.ri-megaphone-fill:before {
  content: "\f384";
}

.ri-megaphone-line:before {
  content: "\f385";
}

.ri-pass-expired-fill:before {
  content: "\f386";
}

.ri-pass-expired-line:before {
  content: "\f387";
}

.ri-pass-pending-fill:before {
  content: "\f388";
}

.ri-pass-pending-line:before {
  content: "\f389";
}

.ri-pass-valid-fill:before {
  content: "\f38a";
}

.ri-pass-valid-line:before {
  content: "\f38b";
}

.ri-ai-generate:before {
  content: "\f38c";
}

.ri-calendar-close-fill:before {
  content: "\f38d";
}

.ri-calendar-close-line:before {
  content: "\f38e";
}

.ri-draggable:before {
  content: "\f38f";
}

.ri-font-family:before {
  content: "\f390";
}

.ri-font-mono:before {
  content: "\f391";
}

.ri-font-sans-serif:before {
  content: "\f392";
}

.ri-font-sans:before {
  content: "\f393";
}

.ri-hard-drive-3-fill:before {
  content: "\f394";
}

.ri-hard-drive-3-line:before {
  content: "\f395";
}

.ri-kick-fill:before {
  content: "\f396";
}

.ri-kick-line:before {
  content: "\f397";
}

.ri-list-check-3:before {
  content: "\f398";
}

.ri-list-indefinite:before {
  content: "\f399";
}

.ri-list-ordered-2:before {
  content: "\f39a";
}

.ri-list-radio:before {
  content: "\f39b";
}

.ri-openbase-fill:before {
  content: "\f39c";
}

.ri-openbase-line:before {
  content: "\f39d";
}

.ri-planet-fill:before {
  content: "\f39e";
}

.ri-planet-line:before {
  content: "\f39f";
}

.ri-prohibited-fill:before {
  content: "\f3a0";
}

.ri-prohibited-line:before {
  content: "\f3a1";
}

.ri-quote-text:before {
  content: "\f3a2";
}

.ri-seo-fill:before {
  content: "\f3a3";
}

.ri-seo-line:before {
  content: "\f3a4";
}

.ri-slash-commands:before {
  content: "\f3a5";
}

.ri-archive-2-fill:before {
  content: "\f3a6";
}

.ri-archive-2-line:before {
  content: "\f3a7";
}

.ri-inbox-2-fill:before {
  content: "\f3a8";
}

.ri-inbox-2-line:before {
  content: "\f3a9";
}

.ri-shake-hands-fill:before {
  content: "\f3aa";
}

.ri-shake-hands-line:before {
  content: "\f3ab";
}

.ri-supabase-fill:before {
  content: "\f3ac";
}

.ri-supabase-line:before {
  content: "\f3ad";
}

.ri-water-percent-fill:before {
  content: "\f3ae";
}

.ri-water-percent-line:before {
  content: "\f3af";
}

.ri-yuque-fill:before {
  content: "\f3b0";
}

.ri-yuque-line:before {
  content: "\f3b1";
}

.ri-crosshair-2-fill:before {
  content: "\f3b2";
}

.ri-crosshair-2-line:before {
  content: "\f3b3";
}

.ri-crosshair-fill:before {
  content: "\f3b4";
}

.ri-crosshair-line:before {
  content: "\f3b5";
}

.ri-file-close-fill:before {
  content: "\f3b6";
}

.ri-file-close-line:before {
  content: "\f3b7";
}

.ri-infinity-fill:before {
  content: "\f3b8";
}

.ri-infinity-line:before {
  content: "\f3b9";
}

.ri-rfid-fill:before {
  content: "\f3ba";
}

.ri-rfid-line:before {
  content: "\f3bb";
}

.ri-slash-commands-2:before {
  content: "\f3bc";
}

.ri-user-forbid-fill:before {
  content: "\f3bd";
}

.ri-user-forbid-line:before {
  content: "\f3be";
}

.ri-beer-fill:before {
  content: "\f3bf";
}

.ri-beer-line:before {
  content: "\f3c0";
}

.ri-circle-fill:before {
  content: "\f3c1";
}

.ri-circle-line:before {
  content: "\f3c2";
}

.ri-dropdown-list:before {
  content: "\f3c3";
}

.ri-file-image-fill:before {
  content: "\f3c4";
}

.ri-file-image-line:before {
  content: "\f3c5";
}

.ri-file-pdf-2-fill:before {
  content: "\f3c6";
}

.ri-file-pdf-2-line:before {
  content: "\f3c7";
}

.ri-file-video-fill:before {
  content: "\f3c8";
}

.ri-file-video-line:before {
  content: "\f3c9";
}

.ri-folder-image-fill:before {
  content: "\f3ca";
}

.ri-folder-image-line:before {
  content: "\f3cb";
}

.ri-folder-video-fill:before {
  content: "\f3cc";
}

.ri-folder-video-line:before {
  content: "\f3cd";
}

.ri-hexagon-fill:before {
  content: "\f3ce";
}

.ri-hexagon-line:before {
  content: "\f3cf";
}

.ri-menu-search-fill:before {
  content: "\f3d0";
}

.ri-menu-search-line:before {
  content: "\f3d1";
}

.ri-octagon-fill:before {
  content: "\f3d2";
}

.ri-octagon-line:before {
  content: "\f3d3";
}

.ri-pentagon-fill:before {
  content: "\f3d4";
}

.ri-pentagon-line:before {
  content: "\f3d5";
}

.ri-rectangle-fill:before {
  content: "\f3d6";
}

.ri-rectangle-line:before {
  content: "\f3d7";
}

.ri-robot-2-fill:before {
  content: "\f3d8";
}

.ri-robot-2-line:before {
  content: "\f3d9";
}

.ri-shapes-fill:before {
  content: "\f3da";
}

.ri-shapes-line:before {
  content: "\f3db";
}

.ri-square-fill:before {
  content: "\f3dc";
}

.ri-square-line:before {
  content: "\f3dd";
}

.ri-tent-fill:before {
  content: "\f3de";
}

.ri-tent-line:before {
  content: "\f3df";
}

.ri-threads-fill:before {
  content: "\f3e0";
}

.ri-threads-line:before {
  content: "\f3e1";
}

.ri-tree-fill:before {
  content: "\f3e2";
}

.ri-tree-line:before {
  content: "\f3e3";
}

.ri-triangle-fill:before {
  content: "\f3e4";
}

.ri-triangle-line:before {
  content: "\f3e5";
}

.ri-twitter-x-fill:before {
  content: "\f3e6";
}

.ri-twitter-x-line:before {
  content: "\f3e7";
}

.ri-verified-badge-fill:before {
  content: "\f3e8";
}

.ri-verified-badge-line:before {
  content: "\f3e9";
}

.ri-armchair-fill:before {
  content: "\f3ea";
}

.ri-armchair-line:before {
  content: "\f3eb";
}

.ri-bnb-fill:before {
  content: "\f3ec";
}

.ri-bnb-line:before {
  content: "\f3ed";
}

.ri-bread-fill:before {
  content: "\f3ee";
}

.ri-bread-line:before {
  content: "\f3ef";
}

.ri-btc-fill:before {
  content: "\f3f0";
}

.ri-btc-line:before {
  content: "\f3f1";
}

.ri-calendar-schedule-fill:before {
  content: "\f3f2";
}

.ri-calendar-schedule-line:before {
  content: "\f3f3";
}

.ri-dice-1-fill:before {
  content: "\f3f4";
}

.ri-dice-1-line:before {
  content: "\f3f5";
}

.ri-dice-2-fill:before {
  content: "\f3f6";
}

.ri-dice-2-line:before {
  content: "\f3f7";
}

.ri-dice-3-fill:before {
  content: "\f3f8";
}

.ri-dice-3-line:before {
  content: "\f3f9";
}

.ri-dice-4-fill:before {
  content: "\f3fa";
}

.ri-dice-4-line:before {
  content: "\f3fb";
}

.ri-dice-5-fill:before {
  content: "\f3fc";
}

.ri-dice-5-line:before {
  content: "\f3fd";
}

.ri-dice-6-fill:before {
  content: "\f3fe";
}

.ri-dice-6-line:before {
  content: "\f3ff";
}

.ri-dice-fill:before {
  content: "\f400";
}

.ri-dice-line:before {
  content: "\f401";
}

.ri-drinks-fill:before {
  content: "\f402";
}

.ri-drinks-line:before {
  content: "\f403";
}

.ri-equalizer-2-fill:before {
  content: "\f404";
}

.ri-equalizer-2-line:before {
  content: "\f405";
}

.ri-equalizer-3-fill:before {
  content: "\f406";
}

.ri-equalizer-3-line:before {
  content: "\f407";
}

.ri-eth-fill:before {
  content: "\f408";
}

.ri-eth-line:before {
  content: "\f409";
}

.ri-flower-fill:before {
  content: "\f40a";
}

.ri-flower-line:before {
  content: "\f40b";
}

.ri-glasses-2-fill:before {
  content: "\f40c";
}

.ri-glasses-2-line:before {
  content: "\f40d";
}

.ri-glasses-fill:before {
  content: "\f40e";
}

.ri-glasses-line:before {
  content: "\f40f";
}

.ri-goggles-fill:before {
  content: "\f410";
}

.ri-goggles-line:before {
  content: "\f411";
}

.ri-image-circle-fill:before {
  content: "\f412";
}

.ri-image-circle-line:before {
  content: "\f413";
}

.ri-info-i:before {
  content: "\f414";
}

.ri-money-rupee-circle-fill:before {
  content: "\f415";
}

.ri-money-rupee-circle-line:before {
  content: "\f416";
}

.ri-news-fill:before {
  content: "\f417";
}

.ri-news-line:before {
  content: "\f418";
}

.ri-robot-3-fill:before {
  content: "\f419";
}

.ri-robot-3-line:before {
  content: "\f41a";
}

.ri-share-2-fill:before {
  content: "\f41b";
}

.ri-share-2-line:before {
  content: "\f41c";
}

.ri-sofa-fill:before {
  content: "\f41d";
}

.ri-sofa-line:before {
  content: "\f41e";
}

.ri-svelte-fill:before {
  content: "\f41f";
}

.ri-svelte-line:before {
  content: "\f420";
}

.ri-vk-fill:before {
  content: "\f421";
}

.ri-vk-line:before {
  content: "\f422";
}

.ri-xrp-fill:before {
  content: "\f423";
}

.ri-xrp-line:before {
  content: "\f424";
}

.ri-xtz-fill:before {
  content: "\f425";
}

.ri-xtz-line:before {
  content: "\f426";
}

.ri-archive-stack-fill:before {
  content: "\f427";
}

.ri-archive-stack-line:before {
  content: "\f428";
}

.ri-bowl-fill:before {
  content: "\f429";
}

.ri-bowl-line:before {
  content: "\f42a";
}

.ri-calendar-view:before {
  content: "\f42b";
}

.ri-carousel-view:before {
  content: "\f42c";
}

.ri-code-block:before {
  content: "\f42d";
}

.ri-color-filter-fill:before {
  content: "\f42e";
}

.ri-color-filter-line:before {
  content: "\f42f";
}

.ri-contacts-book-3-fill:before {
  content: "\f430";
}

.ri-contacts-book-3-line:before {
  content: "\f431";
}

.ri-contract-fill:before {
  content: "\f432";
}

.ri-contract-line:before {
  content: "\f433";
}

.ri-drinks-2-fill:before {
  content: "\f434";
}

.ri-drinks-2-line:before {
  content: "\f435";
}

.ri-export-fill:before {
  content: "\f436";
}

.ri-export-line:before {
  content: "\f437";
}

.ri-file-check-fill:before {
  content: "\f438";
}

.ri-file-check-line:before {
  content: "\f439";
}

.ri-focus-mode:before {
  content: "\f43a";
}

.ri-folder-6-fill:before {
  content: "\f43b";
}

.ri-folder-6-line:before {
  content: "\f43c";
}

.ri-folder-check-fill:before {
  content: "\f43d";
}

.ri-folder-check-line:before {
  content: "\f43e";
}

.ri-folder-close-fill:before {
  content: "\f43f";
}

.ri-folder-close-line:before {
  content: "\f440";
}

.ri-folder-cloud-fill:before {
  content: "\f441";
}

.ri-folder-cloud-line:before {
  content: "\f442";
}

.ri-gallery-view-2:before {
  content: "\f443";
}

.ri-gallery-view:before {
  content: "\f444";
}

.ri-hand:before {
  content: "\f445";
}

.ri-import-fill:before {
  content: "\f446";
}

.ri-import-line:before {
  content: "\f447";
}

.ri-information-2-fill:before {
  content: "\f448";
}

.ri-information-2-line:before {
  content: "\f449";
}

.ri-kanban-view-2:before {
  content: "\f44a";
}

.ri-kanban-view:before {
  content: "\f44b";
}

.ri-list-view:before {
  content: "\f44c";
}

.ri-lock-star-fill:before {
  content: "\f44d";
}

.ri-lock-star-line:before {
  content: "\f44e";
}

.ri-puzzle-2-fill:before {
  content: "\f44f";
}

.ri-puzzle-2-line:before {
  content: "\f450";
}

.ri-puzzle-fill:before {
  content: "\f451";
}

.ri-puzzle-line:before {
  content: "\f452";
}

.ri-ram-2-fill:before {
  content: "\f453";
}

.ri-ram-2-line:before {
  content: "\f454";
}

.ri-ram-fill:before {
  content: "\f455";
}

.ri-ram-line:before {
  content: "\f456";
}

.ri-receipt-fill:before {
  content: "\f457";
}

.ri-receipt-line:before {
  content: "\f458";
}

.ri-shadow-fill:before {
  content: "\f459";
}

.ri-shadow-line:before {
  content: "\f45a";
}

.ri-sidebar-fold-fill:before {
  content: "\f45b";
}

.ri-sidebar-fold-line:before {
  content: "\f45c";
}

.ri-sidebar-unfold-fill:before {
  content: "\f45d";
}

.ri-sidebar-unfold-line:before {
  content: "\f45e";
}

.ri-slideshow-view:before {
  content: "\f45f";
}

.ri-sort-alphabet-asc:before {
  content: "\f460";
}

.ri-sort-alphabet-desc:before {
  content: "\f461";
}

.ri-sort-number-asc:before {
  content: "\f462";
}

.ri-sort-number-desc:before {
  content: "\f463";
}

.ri-stacked-view:before {
  content: "\f464";
}

.ri-sticky-note-add-fill:before {
  content: "\f465";
}

.ri-sticky-note-add-line:before {
  content: "\f466";
}

.ri-swap-2-fill:before {
  content: "\f467";
}

.ri-swap-2-line:before {
  content: "\f468";
}

.ri-swap-3-fill:before {
  content: "\f469";
}

.ri-swap-3-line:before {
  content: "\f46a";
}

.ri-table-3:before {
  content: "\f46b";
}

.ri-table-view:before {
  content: "\f46c";
}

.ri-text-block:before {
  content: "\f46d";
}

.ri-text-snippet:before {
  content: "\f46e";
}

.ri-timeline-view:before {
  content: "\f46f";
}

.ri-blogger-fill:before {
  content: "\f470";
}

.ri-blogger-line:before {
  content: "\f471";
}

.ri-chat-thread-fill:before {
  content: "\f472";
}

.ri-chat-thread-line:before {
  content: "\f473";
}

.ri-discount-percent-fill:before {
  content: "\f474";
}

.ri-discount-percent-line:before {
  content: "\f475";
}

.ri-exchange-2-fill:before {
  content: "\f476";
}

.ri-exchange-2-line:before {
  content: "\f477";
}

.ri-git-fork-fill:before {
  content: "\f478";
}

.ri-git-fork-line:before {
  content: "\f479";
}

.ri-input-field:before {
  content: "\f47a";
}

.ri-progress-1-fill:before {
  content: "\f47b";
}

.ri-progress-1-line:before {
  content: "\f47c";
}

.ri-progress-2-fill:before {
  content: "\f47d";
}

.ri-progress-2-line:before {
  content: "\f47e";
}

.ri-progress-3-fill:before {
  content: "\f47f";
}

.ri-progress-3-line:before {
  content: "\f480";
}

.ri-progress-4-fill:before {
  content: "\f481";
}

.ri-progress-4-line:before {
  content: "\f482";
}

.ri-progress-5-fill:before {
  content: "\f483";
}

.ri-progress-5-line:before {
  content: "\f484";
}

.ri-progress-6-fill:before {
  content: "\f485";
}

.ri-progress-6-line:before {
  content: "\f486";
}

.ri-progress-7-fill:before {
  content: "\f487";
}

.ri-progress-7-line:before {
  content: "\f488";
}

.ri-progress-8-fill:before {
  content: "\f489";
}

.ri-progress-8-line:before {
  content: "\f48a";
}

.ri-remix-run-fill:before {
  content: "\f48b";
}

.ri-remix-run-line:before {
  content: "\f48c";
}

.ri-signpost-fill:before {
  content: "\f48d";
}

.ri-signpost-line:before {
  content: "\f48e";
}

.ri-time-zone-fill:before {
  content: "\f48f";
}

.ri-time-zone-line:before {
  content: "\f490";
}

.ri-arrow-down-wide-fill:before {
  content: "\f491";
}

.ri-arrow-down-wide-line:before {
  content: "\f492";
}

.ri-arrow-left-wide-fill:before {
  content: "\f493";
}

.ri-arrow-left-wide-line:before {
  content: "\f494";
}

.ri-arrow-right-wide-fill:before {
  content: "\f495";
}

.ri-arrow-right-wide-line:before {
  content: "\f496";
}

.ri-arrow-up-wide-fill:before {
  content: "\f497";
}

.ri-arrow-up-wide-line:before {
  content: "\f498";
}

.ri-bluesky-fill:before {
  content: "\f499";
}

.ri-bluesky-line:before {
  content: "\f49a";
}

.ri-expand-height-fill:before {
  content: "\f49b";
}

.ri-expand-height-line:before {
  content: "\f49c";
}

.ri-expand-width-fill:before {
  content: "\f49d";
}

.ri-expand-width-line:before {
  content: "\f49e";
}

.ri-forward-end-fill:before {
  content: "\f49f";
}

.ri-forward-end-line:before {
  content: "\f4a0";
}

.ri-forward-end-mini-fill:before {
  content: "\f4a1";
}

.ri-forward-end-mini-line:before {
  content: "\f4a2";
}

.ri-friendica-fill:before {
  content: "\f4a3";
}

.ri-friendica-line:before {
  content: "\f4a4";
}

.ri-git-pr-draft-fill:before {
  content: "\f4a5";
}

.ri-git-pr-draft-line:before {
  content: "\f4a6";
}

.ri-play-reverse-fill:before {
  content: "\f4a7";
}

.ri-play-reverse-line:before {
  content: "\f4a8";
}

.ri-play-reverse-mini-fill:before {
  content: "\f4a9";
}

.ri-play-reverse-mini-line:before {
  content: "\f4aa";
}

.ri-rewind-start-fill:before {
  content: "\f4ab";
}

.ri-rewind-start-line:before {
  content: "\f4ac";
}

.ri-rewind-start-mini-fill:before {
  content: "\f4ad";
}

.ri-rewind-start-mini-line:before {
  content: "\f4ae";
}

.ri-scroll-to-bottom-fill:before {
  content: "\f4af";
}

.ri-scroll-to-bottom-line:before {
  content: "\f4b0";
}

.ri-add-large-fill:before {
  content: "\f4b1";
}

.ri-add-large-line:before {
  content: "\f4b2";
}

.ri-aed-electrodes-fill:before {
  content: "\f4b3";
}

.ri-aed-electrodes-line:before {
  content: "\f4b4";
}

.ri-aed-fill:before {
  content: "\f4b5";
}

.ri-aed-line:before {
  content: "\f4b6";
}

.ri-alibaba-cloud-fill:before {
  content: "\f4b7";
}

.ri-alibaba-cloud-line:before {
  content: "\f4b8";
}

.ri-align-item-bottom-fill:before {
  content: "\f4b9";
}

.ri-align-item-bottom-line:before {
  content: "\f4ba";
}

.ri-align-item-horizontal-center-fill:before {
  content: "\f4bb";
}

.ri-align-item-horizontal-center-line:before {
  content: "\f4bc";
}

.ri-align-item-left-fill:before {
  content: "\f4bd";
}

.ri-align-item-left-line:before {
  content: "\f4be";
}

.ri-align-item-right-fill:before {
  content: "\f4bf";
}

.ri-align-item-right-line:before {
  content: "\f4c0";
}

.ri-align-item-top-fill:before {
  content: "\f4c1";
}

.ri-align-item-top-line:before {
  content: "\f4c2";
}

.ri-align-item-vertical-center-fill:before {
  content: "\f4c3";
}

.ri-align-item-vertical-center-line:before {
  content: "\f4c4";
}

.ri-apps-2-add-fill:before {
  content: "\f4c5";
}

.ri-apps-2-add-line:before {
  content: "\f4c6";
}

.ri-close-large-fill:before {
  content: "\f4c7";
}

.ri-close-large-line:before {
  content: "\f4c8";
}

.ri-collapse-diagonal-2-fill:before {
  content: "\f4c9";
}

.ri-collapse-diagonal-2-line:before {
  content: "\f4ca";
}

.ri-collapse-diagonal-fill:before {
  content: "\f4cb";
}

.ri-collapse-diagonal-line:before {
  content: "\f4cc";
}

.ri-dashboard-horizontal-fill:before {
  content: "\f4cd";
}

.ri-dashboard-horizontal-line:before {
  content: "\f4ce";
}

.ri-expand-diagonal-2-fill:before {
  content: "\f4cf";
}

.ri-expand-diagonal-2-line:before {
  content: "\f4d0";
}

.ri-expand-diagonal-fill:before {
  content: "\f4d1";
}

.ri-expand-diagonal-line:before {
  content: "\f4d2";
}

.ri-firebase-fill:before {
  content: "\f4d3";
}

.ri-firebase-line:before {
  content: "\f4d4";
}

.ri-flip-horizontal-2-fill:before {
  content: "\f4d5";
}

.ri-flip-horizontal-2-line:before {
  content: "\f4d6";
}

.ri-flip-horizontal-fill:before {
  content: "\f4d7";
}

.ri-flip-horizontal-line:before {
  content: "\f4d8";
}

.ri-flip-vertical-2-fill:before {
  content: "\f4d9";
}

.ri-flip-vertical-2-line:before {
  content: "\f4da";
}

.ri-flip-vertical-fill:before {
  content: "\f4db";
}

.ri-flip-vertical-line:before {
  content: "\f4dc";
}

.ri-formula:before {
  content: "\f4dd";
}

.ri-function-add-fill:before {
  content: "\f4de";
}

.ri-function-add-line:before {
  content: "\f4df";
}

.ri-goblet-2-fill:before {
  content: "\f4e0";
}

.ri-goblet-2-line:before {
  content: "\f4e1";
}

.ri-golf-ball-fill:before {
  content: "\f4e2";
}

.ri-golf-ball-line:before {
  content: "\f4e3";
}

.ri-group-3-fill:before {
  content: "\f4e4";
}

.ri-group-3-line:before {
  content: "\f4e5";
}

.ri-heart-add-2-fill:before {
  content: "\f4e6";
}

.ri-heart-add-2-line:before {
  content: "\f4e7";
}

.ri-id-card-fill:before {
  content: "\f4e8";
}

.ri-id-card-line:before {
  content: "\f4e9";
}

.ri-information-off-fill:before {
  content: "\f4ea";
}

.ri-information-off-line:before {
  content: "\f4eb";
}

.ri-java-fill:before {
  content: "\f4ec";
}

.ri-java-line:before {
  content: "\f4ed";
}

.ri-layout-grid-2-fill:before {
  content: "\f4ee";
}

.ri-layout-grid-2-line:before {
  content: "\f4ef";
}

.ri-layout-horizontal-fill:before {
  content: "\f4f0";
}

.ri-layout-horizontal-line:before {
  content: "\f4f1";
}

.ri-layout-vertical-fill:before {
  content: "\f4f2";
}

.ri-layout-vertical-line:before {
  content: "\f4f3";
}

.ri-menu-fold-2-fill:before {
  content: "\f4f4";
}

.ri-menu-fold-2-line:before {
  content: "\f4f5";
}

.ri-menu-fold-3-fill:before {
  content: "\f4f6";
}

.ri-menu-fold-3-line:before {
  content: "\f4f7";
}

.ri-menu-fold-4-fill:before {
  content: "\f4f8";
}

.ri-menu-fold-4-line:before {
  content: "\f4f9";
}

.ri-menu-unfold-2-fill:before {
  content: "\f4fa";
}

.ri-menu-unfold-2-line:before {
  content: "\f4fb";
}

.ri-menu-unfold-3-fill:before {
  content: "\f4fc";
}

.ri-menu-unfold-3-line:before {
  content: "\f4fd";
}

.ri-menu-unfold-4-fill:before {
  content: "\f4fe";
}

.ri-menu-unfold-4-line:before {
  content: "\f4ff";
}

.ri-mobile-download-fill:before {
  content: "\f500";
}

.ri-mobile-download-line:before {
  content: "\f501";
}

.ri-nextjs-fill:before {
  content: "\f502";
}

.ri-nextjs-line:before {
  content: "\f503";
}

.ri-nodejs-fill:before {
  content: "\f504";
}

.ri-nodejs-line:before {
  content: "\f505";
}

.ri-pause-large-fill:before {
  content: "\f506";
}

.ri-pause-large-line:before {
  content: "\f507";
}

.ri-play-large-fill:before {
  content: "\f508";
}

.ri-play-large-line:before {
  content: "\f509";
}

.ri-play-reverse-large-fill:before {
  content: "\f50a";
}

.ri-play-reverse-large-line:before {
  content: "\f50b";
}

.ri-police-badge-fill:before {
  content: "\f50c";
}

.ri-police-badge-line:before {
  content: "\f50d";
}

.ri-prohibited-2-fill:before {
  content: "\f50e";
}

.ri-prohibited-2-line:before {
  content: "\f50f";
}

.ri-shopping-bag-4-fill:before {
  content: "\f510";
}

.ri-shopping-bag-4-line:before {
  content: "\f511";
}

.ri-snowflake-fill:before {
  content: "\f512";
}

.ri-snowflake-line:before {
  content: "\f513";
}

.ri-square-root:before {
  content: "\f514";
}

.ri-stop-large-fill:before {
  content: "\f515";
}

.ri-stop-large-line:before {
  content: "\f516";
}

.ri-tailwind-css-fill:before {
  content: "\f517";
}

.ri-tailwind-css-line:before {
  content: "\f518";
}

.ri-tooth-fill:before {
  content: "\f519";
}

.ri-tooth-line:before {
  content: "\f51a";
}

.ri-video-off-fill:before {
  content: "\f51b";
}

.ri-video-off-line:before {
  content: "\f51c";
}

.ri-video-on-fill:before {
  content: "\f51d";
}

.ri-video-on-line:before {
  content: "\f51e";
}

.ri-webhook-fill:before {
  content: "\f51f";
}

.ri-webhook-line:before {
  content: "\f520";
}

.ri-weight-fill:before {
  content: "\f521";
}

.ri-weight-line:before {
  content: "\f522";
}

.ri-book-shelf-fill:before {
  content: "\f523";
}

.ri-book-shelf-line:before {
  content: "\f524";
}

.ri-brain-2-fill:before {
  content: "\f525";
}

.ri-brain-2-line:before {
  content: "\f526";
}

.ri-chat-search-fill:before {
  content: "\f527";
}

.ri-chat-search-line:before {
  content: "\f528";
}

.ri-chat-unread-fill:before {
  content: "\f529";
}

.ri-chat-unread-line:before {
  content: "\f52a";
}

.ri-collapse-horizontal-fill:before {
  content: "\f52b";
}

.ri-collapse-horizontal-line:before {
  content: "\f52c";
}

.ri-collapse-vertical-fill:before {
  content: "\f52d";
}

.ri-collapse-vertical-line:before {
  content: "\f52e";
}

.ri-dna-fill:before {
  content: "\f52f";
}

.ri-dna-line:before {
  content: "\f530";
}

.ri-dropper-fill:before {
  content: "\f531";
}

.ri-dropper-line:before {
  content: "\f532";
}

.ri-expand-diagonal-s-2-fill:before {
  content: "\f533";
}

.ri-expand-diagonal-s-2-line:before {
  content: "\f534";
}

.ri-expand-diagonal-s-fill:before {
  content: "\f535";
}

.ri-expand-diagonal-s-line:before {
  content: "\f536";
}

.ri-expand-horizontal-fill:before {
  content: "\f537";
}

.ri-expand-horizontal-line:before {
  content: "\f538";
}

.ri-expand-horizontal-s-fill:before {
  content: "\f539";
}

.ri-expand-horizontal-s-line:before {
  content: "\f53a";
}

.ri-expand-vertical-fill:before {
  content: "\f53b";
}

.ri-expand-vertical-line:before {
  content: "\f53c";
}

.ri-expand-vertical-s-fill:before {
  content: "\f53d";
}

.ri-expand-vertical-s-line:before {
  content: "\f53e";
}

.ri-gemini-fill:before {
  content: "\f53f";
}

.ri-gemini-line:before {
  content: "\f540";
}

.ri-reset-left-fill:before {
  content: "\f541";
}

.ri-reset-left-line:before {
  content: "\f542";
}

.ri-reset-right-fill:before {
  content: "\f543";
}

.ri-reset-right-line:before {
  content: "\f544";
}

.ri-stairs-fill:before {
  content: "\f545";
}

.ri-stairs-line:before {
  content: "\f546";
}

.ri-telegram-2-fill:before {
  content: "\f547";
}

.ri-telegram-2-line:before {
  content: "\f548";
}

.ri-triangular-flag-fill:before {
  content: "\f549";
}

.ri-triangular-flag-line:before {
  content: "\f54a";
}

.ri-user-minus-fill:before {
  content: "\f54b";
}

.ri-user-minus-line:before {
  content: "\f54c";
}

.ri-account-box-2-fill:before {
  content: "\f54d";
}

.ri-account-box-2-line:before {
  content: "\f54e";
}

.ri-account-circle-2-fill:before {
  content: "\f54f";
}

.ri-account-circle-2-line:before {
  content: "\f550";
}

.ri-alarm-snooze-fill:before {
  content: "\f551";
}

.ri-alarm-snooze-line:before {
  content: "\f552";
}

.ri-arrow-down-box-fill:before {
  content: "\f553";
}

.ri-arrow-down-box-line:before {
  content: "\f554";
}

.ri-arrow-left-box-fill:before {
  content: "\f555";
}

.ri-arrow-left-box-line:before {
  content: "\f556";
}

.ri-arrow-left-down-box-fill:before {
  content: "\f557";
}

.ri-arrow-left-down-box-line:before {
  content: "\f558";
}

.ri-arrow-left-up-box-fill:before {
  content: "\f559";
}

.ri-arrow-left-up-box-line:before {
  content: "\f55a";
}

.ri-arrow-right-box-fill:before {
  content: "\f55b";
}

.ri-arrow-right-box-line:before {
  content: "\f55c";
}

.ri-arrow-right-down-box-fill:before {
  content: "\f55d";
}

.ri-arrow-right-down-box-line:before {
  content: "\f55e";
}

.ri-arrow-right-up-box-fill:before {
  content: "\f55f";
}

.ri-arrow-right-up-box-line:before {
  content: "\f560";
}

.ri-arrow-up-box-fill:before {
  content: "\f561";
}

.ri-arrow-up-box-line:before {
  content: "\f562";
}

.ri-bar-chart-box-ai-fill:before {
  content: "\f563";
}

.ri-bar-chart-box-ai-line:before {
  content: "\f564";
}

.ri-brush-ai-fill:before {
  content: "\f565";
}

.ri-brush-ai-line:before {
  content: "\f566";
}

.ri-camera-ai-fill:before {
  content: "\f567";
}

.ri-camera-ai-line:before {
  content: "\f568";
}

.ri-chat-ai-fill:before {
  content: "\f569";
}

.ri-chat-ai-line:before {
  content: "\f56a";
}

.ri-chat-smile-ai-fill:before {
  content: "\f56b";
}

.ri-chat-smile-ai-line:before {
  content: "\f56c";
}

.ri-chat-voice-ai-fill:before {
  content: "\f56d";
}

.ri-chat-voice-ai-line:before {
  content: "\f56e";
}

.ri-code-ai-fill:before {
  content: "\f56f";
}

.ri-code-ai-line:before {
  content: "\f570";
}

.ri-color-filter-ai-fill:before {
  content: "\f571";
}

.ri-color-filter-ai-line:before {
  content: "\f572";
}

.ri-custom-size:before {
  content: "\f573";
}

.ri-fediverse-fill:before {
  content: "\f574";
}

.ri-fediverse-line:before {
  content: "\f575";
}

.ri-flag-off-fill:before {
  content: "\f576";
}

.ri-flag-off-line:before {
  content: "\f577";
}

.ri-home-9-fill:before {
  content: "\f578";
}

.ri-home-9-line:before {
  content: "\f579";
}

.ri-image-ai-fill:before {
  content: "\f57a";
}

.ri-image-ai-line:before {
  content: "\f57b";
}

.ri-image-circle-ai-fill:before {
  content: "\f57c";
}

.ri-image-circle-ai-line:before {
  content: "\f57d";
}

.ri-info-card-fill:before {
  content: "\f57e";
}

.ri-info-card-line:before {
  content: "\f57f";
}

.ri-landscape-ai-fill:before {
  content: "\f580";
}

.ri-landscape-ai-line:before {
  content: "\f581";
}

.ri-letter-spacing-2:before {
  content: "\f582";
}

.ri-line-height-2:before {
  content: "\f583";
}

.ri-mail-ai-fill:before {
  content: "\f584";
}

.ri-mail-ai-line:before {
  content: "\f585";
}

.ri-mic-2-ai-fill:before {
  content: "\f586";
}

.ri-mic-2-ai-line:before {
  content: "\f587";
}

.ri-mic-ai-fill:before {
  content: "\f588";
}

.ri-mic-ai-line:before {
  content: "\f589";
}

.ri-movie-ai-fill:before {
  content: "\f58a";
}

.ri-movie-ai-line:before {
  content: "\f58b";
}

.ri-music-ai-fill:before {
  content: "\f58c";
}

.ri-music-ai-line:before {
  content: "\f58d";
}

.ri-notification-snooze-fill:before {
  content: "\f58e";
}

.ri-notification-snooze-line:before {
  content: "\f58f";
}

.ri-php-fill:before {
  content: "\f590";
}

.ri-php-line:before {
  content: "\f591";
}

.ri-pix-fill:before {
  content: "\f592";
}

.ri-pix-line:before {
  content: "\f593";
}

.ri-pulse-ai-fill:before {
  content: "\f594";
}

.ri-pulse-ai-line:before {
  content: "\f595";
}

.ri-quill-pen-ai-fill:before {
  content: "\f596";
}

.ri-quill-pen-ai-line:before {
  content: "\f597";
}

.ri-speak-ai-fill:before {
  content: "\f598";
}

.ri-speak-ai-line:before {
  content: "\f599";
}

.ri-star-off-fill:before {
  content: "\f59a";
}

.ri-star-off-line:before {
  content: "\f59b";
}

.ri-translate-ai-2:before {
  content: "\f59c";
}

.ri-translate-ai:before {
  content: "\f59d";
}

.ri-user-community-fill:before {
  content: "\f59e";
}

.ri-user-community-line:before {
  content: "\f59f";
}

.ri-vercel-fill:before {
  content: "\f5a0";
}

.ri-vercel-line:before {
  content: "\f5a1";
}

.ri-video-ai-fill:before {
  content: "\f5a2";
}

.ri-video-ai-line:before {
  content: "\f5a3";
}

.ri-video-on-ai-fill:before {
  content: "\f5a4";
}

.ri-video-on-ai-line:before {
  content: "\f5a5";
}

.ri-voice-ai-fill:before {
  content: "\f5a6";
}

.ri-voice-ai-line:before {
  content: "\f5a7";
}

.ri-ai-generate-2:before {
  content: "\f5a8";
}

.ri-ai-generate-text:before {
  content: "\f5a9";
}

.ri-anthropic-fill:before {
  content: "\f5aa";
}

.ri-anthropic-line:before {
  content: "\f5ab";
}

.ri-apps-2-ai-fill:before {
  content: "\f5ac";
}

.ri-apps-2-ai-line:before {
  content: "\f5ad";
}

.ri-camera-lens-ai-fill:before {
  content: "\f5ae";
}

.ri-camera-lens-ai-line:before {
  content: "\f5af";
}

.ri-clapperboard-ai-fill:before {
  content: "\f5b0";
}

.ri-clapperboard-ai-line:before {
  content: "\f5b1";
}

.ri-claude-fill:before {
  content: "\f5b2";
}

.ri-claude-line:before {
  content: "\f5b3";
}

.ri-closed-captioning-ai-fill:before {
  content: "\f5b4";
}

.ri-closed-captioning-ai-line:before {
  content: "\f5b5";
}

.ri-dvd-ai-fill:before {
  content: "\f5b6";
}

.ri-dvd-ai-line:before {
  content: "\f5b7";
}

.ri-film-ai-fill:before {
  content: "\f5b8";
}

.ri-film-ai-line:before {
  content: "\f5b9";
}

.ri-font-size-ai:before {
  content: "\f5ba";
}

.ri-mixtral-fill:before {
  content: "\f5bb";
}

.ri-mixtral-line:before {
  content: "\f5bc";
}

.ri-movie-2-ai-fill:before {
  content: "\f5bd";
}

.ri-movie-2-ai-line:before {
  content: "\f5be";
}

.ri-mv-ai-fill:before {
  content: "\f5bf";
}

.ri-mv-ai-line:before {
  content: "\f5c0";
}

.ri-perplexity-fill:before {
  content: "\f5c1";
}

.ri-perplexity-line:before {
  content: "\f5c2";
}

.ri-poker-clubs-fill:before {
  content: "\f5c3";
}

.ri-poker-clubs-line:before {
  content: "\f5c4";
}

.ri-poker-diamonds-fill:before {
  content: "\f5c5";
}

.ri-poker-diamonds-line:before {
  content: "\f5c6";
}

.ri-poker-hearts-fill:before {
  content: "\f5c7";
}

.ri-poker-hearts-line:before {
  content: "\f5c8";
}

.ri-poker-spades-fill:before {
  content: "\f5c9";
}

.ri-poker-spades-line:before {
  content: "\f5ca";
}

.ri-safe-3-fill:before {
  content: "\f5cb";
}

.ri-safe-3-line:before {
  content: "\f5cc";
}

.ri-accessibility-fill:before {
  content: "\f5cd";
}

.ri-accessibility-line:before {
  content: "\f5ce";
}

.ri-alarm-add-fill:before {
  content: "\f5cf";
}

.ri-alarm-add-line:before {
  content: "\f5d0";
}

.ri-arrow-down-long-fill:before {
  content: "\f5d1";
}

.ri-arrow-down-long-line:before {
  content: "\f5d2";
}

.ri-arrow-left-down-long-fill:before {
  content: "\f5d3";
}

.ri-arrow-left-down-long-line:before {
  content: "\f5d4";
}

.ri-arrow-left-long-fill:before {
  content: "\f5d5";
}

.ri-arrow-left-long-line:before {
  content: "\f5d6";
}

.ri-arrow-left-up-long-fill:before {
  content: "\f5d7";
}

.ri-arrow-left-up-long-line:before {
  content: "\f5d8";
}

.ri-arrow-right-down-long-fill:before {
  content: "\f5d9";
}

.ri-arrow-right-down-long-line:before {
  content: "\f5da";
}

.ri-arrow-right-long-fill:before {
  content: "\f5db";
}

.ri-arrow-right-long-line:before {
  content: "\f5dc";
}

.ri-arrow-right-up-long-fill:before {
  content: "\f5dd";
}

.ri-arrow-right-up-long-line:before {
  content: "\f5de";
}

.ri-arrow-up-long-fill:before {
  content: "\f5df";
}

.ri-arrow-up-long-line:before {
  content: "\f5e0";
}

.ri-chess-fill:before {
  content: "\f5e1";
}

.ri-chess-line:before {
  content: "\f5e2";
}

.ri-diamond-fill:before {
  content: "\f5e3";
}

.ri-diamond-line:before {
  content: "\f5e4";
}

.ri-diamond-ring-fill:before {
  content: "\f5e5";
}

.ri-diamond-ring-line:before {
  content: "\f5e6";
}

.ri-figma-fill:before {
  content: "\f5e7";
}

.ri-figma-line:before {
  content: "\f5e8";
}

.ri-firefox-browser-fill:before {
  content: "\f5e9";
}

.ri-firefox-browser-line:before {
  content: "\f5ea";
}

.ri-jewelry-fill:before {
  content: "\f5eb";
}

.ri-jewelry-line:before {
  content: "\f5ec";
}

.ri-multi-image-fill:before {
  content: "\f5ed";
}

.ri-multi-image-line:before {
  content: "\f5ee";
}

.ri-no-credit-card-fill:before {
  content: "\f5ef";
}

.ri-no-credit-card-line:before {
  content: "\f5f0";
}

.ri-service-bell-fill:before {
  content: "\f5f1";
}

.ri-service-bell-line:before {
  content: "\f5f2";
}

/* __selection__ */
*::selection {
  color: #110F48;
  background-color: #ffb700;
}

/* __body__ */
body {
  margin: 0;
  padding: 0;
}
body * {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-family: "ISansX", "bakh", sans-serif;
  box-sizing: border-box;
}
body *::after, body *::before {
  box-sizing: border-box;
}
body * {
  scroll-behavior: smooth;
}
body *[hidden] {
  display: none !important;
}
body label, body p, body h2, body h3, body h4 {
  margin: 0;
}
body img.broken {
  position: relative;
  overflow: hidden;
}
body img.broken:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/imagebroken.png") no-repeat;
  background-size: cover;
  z-index: 1;
}
body a {
  text-decoration: none;
}
body ul {
  list-style: none;
  padding: 0;
}
body label {
  user-select: none;
}
body {
  /* Small devices */
  font-size: 14px;
  /* Tablets */
}
@media (min-width: 600px) {
  body {
    font-size: 16px;
  }
}
body {
  /* Laptops */
}
@media (min-width: 900px) {
  body {
    font-size: 18px;
  }
}
body {
  /* Desktops */
}
@media (min-width: 1200px) {
  body {
    font-size: 20px;
  }
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}
:root {
  /* CSS HSL */
  --black: hsla(0, 0%, 0%, 1);
  --rich-black: hsla(220, 51%, 8%, 1);
  --oxford-blue: hsla(221, 51%, 12%, 1);
  --oxford-blue-2: hsla(221, 51%, 16%, 1);
  --oxford-blue-3: hsl(222, 37%, 30%);
  --orange-web: hsla(37, 98%, 53%, 1);
  --sunset: hsla(37, 81%, 71%, 1);
  --platinum: hsla(0, 0%, 90%, 1);
  --white-smoke: hsla(0, 0%, 95%, 1);
  --white: hsla(0, 0%, 100%, 1);
  --background-image: linear-gradient(to left bottom, #ffefd6, #ffefe2, #fff1f0, #fff5fa, #fffaff, #fffbff, #fffdff, #fffeff, #fffdfe, #fffcfc, #fffbf9, #fffbf6);
  --background-color: #f5f7fc;
  --text-color-6: var(--rich-black);
  --background-text-wrapper: #f3f0ff;
  --text-color: #1f2327;
  --text-color-1: #9f9f9f;
  --text-color-2: #282828;
  --text-color-3: #c8c8c8;
  --text-color-4: #565564;
  --text-color-5: #777;
  --text-disable-color: #b5b5b5;
  --text-disable-second-color: #b5b5b5;
  --title-color-1: hsla(242, 66%, 17%,1);
  --title-color-2: #2F1C6A;
  --title-color-3: #20123a;
  --title-color-4: #36344D;
  --input-field-background: var(--background-color);
  --input-field-border-color: hsl(0, 0.5%, 60%);
  --input-field-border-hover-color: hsla(242, 66%, 17%,1);
  --input-field-label-color: #14141c80;
  --input-field-disable-background-color: #f4f4f4c9;
  --switch-background: #c8ccd4;
  --switch-toggle-background: #fff;
  --switch-box-shadow: 0 2px 6px rgba(154, 153, 153, 0.75);
  --switch-toggle-stroke: #c8ccd4;
  --switch-checked-color: #18cda6;
  --switch-text-color: hsla(240, 10%, 60%,1);
  --checkbox-active: #18cda6;
  --checkbox-active-inner: #fff;
  --checkbox-focus: 2px hsla(242, 66%, 17%,1);
  --checkbox-border: #BBC1E1;
  --checkbox-border-hover: #18cda6;
  --checkbox-background: #fff;
  --checkbox-disabled: #F6F8FF;
  --checkbox-disabled-inner: #E1E6F9;
  --checkbox-text-color: hsla(240, 10%, 60%,1);
  --success-color: #03a65a;
  --success-color-2: #18cda6;
  --success-color-light: #d7faea;
  --success-color-dark: #005e38;
  --warm-success-border: 1px solid var(--success-color-2);
  --error-color: #ef0c41;
  --error-color-light: #ffe8d9;
  --error-color-light-2: #FFF5F3;
  --error-color-dark: #a40139;
  --warm-error-border: 1px solid var(--error-color);
  --warning-color-light: #fdebdc;
  --warning-color: #fc8621;
  --warning-color-dark: #c24914;
  --info-color: #187fa4;
  --info-color-dark: #005987;
  --info-color-light: #e7f7fd;
  --gray-color: #5b797e;
  --gray-color-dark: #43636a;
  --gray-color-light: #f0f4f5;
  --purple-color: #4800ff;
  --purple-color-dark: #2f0080;
  --purple-color-light: #cac3fd;
  --warm-info-background: #f2f4fc;
  --warm-info-border: 1px solid #e4ffed;
  --warm-info-text-color: #222222;
  --warm-info-color: #4371f9;
  --warm-warning-background: #faefe6;
  --warm-warning-border: 1px solid #fae6de;
  --warm-warning-text-color: #a65a00;
  --warm-warning-color: #f98f43;
  --backdrop-alpha: .35;
  --backdrop-opacity: .8;
  --divider-color-1: #49494978;
  --divider-color-2: #b7b7b770;
  --divider-color-3: #e1e6f0;
  --divider-color-4: #eaeaea;
  --button-confirm-background: linear-gradient(to left, #4800ff, #4800ff, #4800ff, #4800ff, #4800ff, #4a00ff, #4c00ff, #4e00ff, #5200ff, #5600ff, #5a00ff, #5e00ff);
  --button-confirm-background-hover: linear-gradient(to right, #5e00ff, #6003ff, #6206ff, #640aff, #660dff, #6810ff, #6913fe, #6b16fe, #6d1afd, #6f1dfd, #7020fc, #7223fb);
  --button-confirm-color: white;
  --button-confirm-border-color: #2f0080;
  --context-menu-background: #FFF;
  --context-menu-box-shadow:
          1.1px 1.8px 3.1px rgba(0, 0, 0, 0.01),
          2.5px 4.3px 7.2px rgba(0, 0, 0, 0.015),
          4.5px 7.6px 12.9px rgba(0, 0, 0, 0.018),
          7.5px 12.7px 21.4px rgba(0, 0, 0, 0.022),
          12.4px 20.9px 35.2px rgba(0, 0, 0, 0.025),
          21.7px 36.5px 61.5px rgba(0, 0, 0, 0.03),
          47px 79px 133px rgba(0, 0, 0, 0.04);
  --context-menu-box-shadow-2: 1.1px 1.8px 3.1px rgba(0, 0, 0, 0.01),
  2.5px 4.3px 7.2px rgba(0, 0, 0, 0.015),
  4.5px 7.6px 12.9px rgba(0, 0, 0, 0.018),
  7.5px 12.7px 21.4px rgba(0, 0, 0, 0.022),
  12.4px 20.9px 35.2px rgba(0, 0, 0, 0.025),
  21.7px 36.5px 61.5px rgba(0, 0, 0, 0.03),
  47px 79px 133px rgba(0, 0, 0, 0.04) ;
  --context-menu-hover-background: rgb(245,245,250);
  --context-menu-active-background: #f0f0f0;
  --menu-more-hover-background: rgb(245,245,250);
  --menu-more-active-background: #f0f0f0;
  --list-item-block-background: #fff;
  --list-item-block-shadow: -10px 1.4px 2.2px rgba(0,0,0,0),-10px 3.3px 5.3px rgba(0,0,0,0),-10px 6.3px 10px rgba(0,0,0,0),-10px 11.2px 17.9px rgba(0,0,0,0),-10px 20.9px 33.4px rgba(0,0,0,0),-10px 50px 80px rgba(0,0,0,0);
  --list-item-block-hover-shadow:
          -10px 1.4px 2.2px rgba(0, 0, 0, 0.02),
          -10px 3.3px 5.3px rgba(0, 0, 0, 0.028),
          -10px 6.3px 10px rgba(0, 0, 0, 0.035),
          -10px 11.2px 17.9px rgba(0, 0, 0, 0.042),
          -10px 20.9px 33.4px rgba(0, 0, 0, 0.05),
          -10px 50px 80px rgba(0, 0, 0, 0.07);
  --list-item-block-border: 1px solid rgba(32,26,230,.4);
  --list-item-block-hover-border: 1px solid hsla(242,100%,10%,0.4);
  --list-item-block-dot-color: rgba(153,153,153,.4);
  --input-disable-background: #f8f8f8;
  --input-disable-color: #a0a0a2;
  --input-disable-border: 1px solid #a0a0a2;
  --dialog-background: white;
  --dialog-box-shadow: 0 0.4px 59px rgba(0, 0, 0, 0.026),
  0 0.9px 103.9px rgba(0, 0, 0, 0.034),
  0 1.6px 136.5px rgba(0, 0, 0, 0.038),
  0 2.7px 160.1px rgba(0, 0, 0, 0.041),
  0 4.5px 180.7px rgba(0, 0, 0, 0.044),
  0 7.9px 213.4px rgba(0, 0, 0, 0.05),
  0 17px 339px rgba(0, 0, 0, 0.07);
  --dialog-border: 1px solid #00000047;
  --table-background: rgba(255, 255, 255);
  --table-thead-background: #f1f1f1;
  --table-tr-background-odd: #fff7f2;
  --table-tr-background-hover: rgb(248, 248, 248);
  --table-tr-background-small-hover: #fdfbf9;
  --table-box-shadow: #e6e6e6;
  --z-index-dialog: 3000;
  --z-index-alert: 3100;
  --z-index-toast: 3200;
  --z-index-snackbar: 3300;
  --z-index-drop-down: 4000;
  --color-primary-50: #e3f6ff;
  --color-primary-100: #c5ebff;
  --color-primary-200: #9fdfff;
  --color-primary-300: #6acaff;
  --color-primary-400: #33b3f5; /* رنگ اصلی در حالت روشن */
  --color-primary-500: #008dcd; /* رنگ هاور / پایه برند */
  --color-primary-600: #0073a6; /* رنگ اصلی در حالت تاریک */
  --color-primary-700: #005a80;
  --color-primary-800: #00405a;
  --color-primary-900: #002b3d;
  --color-primary-950: #001722;
  --color-danger-500: #f43f5e;
  --color-danger-600: #e11d48;
  --color-success-500: #10b981;
  --color-success-600: #059669;
  --color-warning-50: #fff8e5;
  --color-warning-100: #ffefc2;
  --color-warning-200: #ffde85;
  --color-warning-300: #ffcc47;
  --color-warning-400: #f0b31a;
  --color-warning-500: #c48f05; /* پایه */
  --color-warning-600: #926c00; /* اصلی هشدار */
  --color-warning-700: #725300;
  --color-warning-800: #523b00;
  --color-warning-900: #362600;
  --color-warning-950: #1b1300;
  --color-info-50: #f4efff;
  --color-info-100: #e4d9ff;
  --color-info-200: #c9b4ff;
  --color-info-300: #aa8cff;
  --color-info-400: #956be8;
  --color-info-500: #845ec2; /* پایه */
  --color-info-600: #6a49a0;
  --color-info-700: #52357c;
  --color-info-800: #392357;
  --color-info-900: #25163a;
  --color-info-950: #140a20;
}

[backdrop=solid-black]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #dddde6 none repeat scroll 0 0;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: all;
  backdrop-filter: blur(6px);
  background-color: rgba(96, 96, 96, 0.35);
}

[backdrop=solid-blue]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #dddde6 none repeat scroll 0 0;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: all;
  backdrop-filter: blur(6px);
  background-color: rgba(136, 178, 215, 0.35);
}

[backdrop=solid-purple]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #dddde6 none repeat scroll 0 0;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: all;
  backdrop-filter: blur(6px);
  background-color: rgba(176, 136, 215, 0.35);
}

[backdrop=gradient-yellow]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #dddde6 none repeat scroll 0 0;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: all;
  backdrop-filter: blur(6px);
  background-color: rgba(215, 192, 136, 0.35);
}

[backdrop=none]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #dddde6 none repeat scroll 0 0;
  top: 0;
  right: 0;
  user-select: none;
  pointer-events: all;
  backdrop-filter: blur(6px);
  pointer-events: none !important;
  opacity: 0 !important;
}

.pos-end,
[data-pos=end] {
  justify-content: flex-end;
  align-items: flex-end;
}

.pos-start,
[data-pos=start] {
  justify-content: flex-start;
  align-items: flex-start;
}

.pos-center,
[data-pos=center] {
  justify-content: center;
  align-items: center;
}

.pos-end-start,
[data-pos=end-start] {
  justify-content: flex-start;
  align-items: flex-end;
}

.pos-end-center,
[data-pos=end-center] {
  justify-content: center;
  align-items: flex-end;
}

.pos-start-end,
[data-pos=start-end] {
  justify-content: flex-start;
  align-items: flex-end;
}

.pos-start-center,
[data-pos=start-center] {
  justify-content: flex-start;
  align-items: center;
}

.blur-backdrop > *:not(.no-blur) {
  filter: blur(5px) !important;
}

.backdrop-dialog {
  backdrop-filter: blur(5px);
}

.wd-p1-1,
.wd-100 {
  width: calc(100% - 10px) !important;
}

.wd-p1-2,
.wd-50 {
  width: calc(50% - 10px) !important;
}

.wd-p1-4,
.wd-25 {
  width: calc(25% - 10px) !important;
}

.wd-p1-3,
.wd-30 {
  width: calc(30% - 10px) !important;
}

.wd-p1-5 {
  width: calc(20% - 10px) !important;
}

.hide-element {
  display: none !important;
}

.qwen-shadow {
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255, 255, 255, var(--tw-bg-opacity, 1));
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

@keyframes modal-fade-out {
  0% {
    transform: translateZ(0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
@keyframes modal-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
.anim-fade-enter {
  animation: modal-fade-in 0.3s;
}

.anim-fade-leave {
  animation: modal-fade-out 0.3s;
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  animation-duration: 1s;
}

.scale-in-ver-top {
  -webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 300ms both;
  animation: scale-in-ver-top 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 300ms both;
}

@-webkit-keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-top {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
.scale-in-ver-bottom {
  -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both;
  animation: scale-in-ver-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both;
}

@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
.scale-out-ver-bottom {
  -webkit-animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms both;
  animation: scale-out-ver-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms both;
}

@-webkit-keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-out-ver-bottom {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    opacity: 1;
  }
}
.scale-out-ver-top {
  -webkit-animation: scale-out-ver-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms both;
  animation: scale-out-ver-top 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 300ms both;
}

@-webkit-keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes scale-out-ver-top {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
.tilt-in-top-2 {
  -webkit-animation: tilt-in-top-2 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-top-2 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.tilt-in-bottom-2 {
  -webkit-animation: tilt-in-bottom-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: tilt-in-bottom-2 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
    transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.flip-out-hor-top {
  -webkit-animation: flip-out-hor-top 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: flip-out-hor-top 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes flip-out-hor-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    opacity: 0;
  }
}
@keyframes flip-out-hor-top {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    opacity: 0;
  }
}
.flip-out-hor-bottom {
  -webkit-animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: flip-out-hor-bottom 0.45s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}

@-webkit-keyframes flip-out-hor-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
  }
}
@keyframes flip-out-hor-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    opacity: 0;
  }
}
.flip-in-hor-bottom {
  -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
    transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
.flip-in-hor-top {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: flip-in-hor-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }
}
.fade-in-tl {
  -webkit-animation: fade-in-tl 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-tl 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-tl {
  0% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-fwd {
  -webkit-animation: fade-in-fwd 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-fwd 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
    transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.fade-out-tr {
  -webkit-animation: fade-out-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fade-out-tr 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes fade-out-tr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
}
@keyframes fade-out-tr {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px) translateY(-50px);
    transform: translateX(50px) translateY(-50px);
    opacity: 0;
  }
}
.fade-out-tl {
  -webkit-animation: fade-out-tl 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fade-out-tl 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes fade-out-tl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
}
@keyframes fade-out-tl {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px) translateY(-50px);
    transform: translateX(-50px) translateY(-50px);
    opacity: 0;
  }
}
.fade-out-left {
  -webkit-animation: fade-out-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fade-out-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
}
.swing-in-bottom-fwd {
  -webkit-animation: swing-in-bottom-fwd 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-bottom-fwd 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
    transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    opacity: 1;
  }
}
.swing-in-top-bck {
  -webkit-animation: swing-in-top-bck 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-bck 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}

@-webkit-keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
    transform: rotateX(70deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
.swing-out-top-bck {
  -webkit-animation: swing-out-top-bck 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
  animation: swing-out-top-bck 0.35s cubic-bezier(0.6, -0.28, 0.735, 0.045) both;
}

@-webkit-keyframes swing-out-top-bck {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
@keyframes swing-out-top-bck {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
}
lazy-main {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  position: fixed;
  display: flex;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 2000;
  user-select: none;
  pointer-events: none;
  font-family: "ISansX", sans-serif;
}
lazy-main[back-drop]:before {
  z-index: -1;
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  backdrop-filter: blur(10px);
}
lazy-main[back-drop=none]:before {
  content: none !important;
  backdrop-filter: unset !important;
}
lazy-main[back-drop=blue]:before {
  background-color: rgba(208, 251, 255, 0.4);
}
lazy-main[back-drop=red]:before {
  background-color: rgba(255, 208, 228, 0.4);
}
lazy-main[back-drop=purple]:before {
  background-color: rgba(210, 208, 255, 0.4);
}
lazy-main[back-drop=white]:before {
  background-color: rgba(255, 255, 255, 0.4);
}
lazy-main[back-drop=black]:before {
  background-color: rgba(0, 0, 0, 0.4);
}
lazy-main[back-drop=yellow]:before {
  background-color: rgba(255, 244, 208, 0.4);
}
lazy-main[back-drop=orange]:before {
  background-color: rgba(255, 217, 208, 0.4);
}

lazy-input-wrapper {
  position: relative;
  width: max-content;
  min-width: 70px;
  height: max-content;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
lazy-input-wrapper.li-green-bg > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  background: var(--color-green-50);
}
lazy-input-wrapper.li-blue-bg > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  background: var(--color-blue-50);
}
lazy-input-wrapper.li-purple-bg > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  background: var(--color-purple-50);
}
lazy-input-wrapper.li-red-bg > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  background: var(--color-red-50);
}
lazy-input-wrapper.li-orange-bg > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  background: var(--color-orange-50);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) {
  min-width: 70px;
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  transition: display 0.3s ease-in, height 0.3s ease-in, padding 0.3s ease-in;
  position: relative;
  border-radius: 10px;
  padding: 5px 10px 3px;
  background: var(--divider-color-3);
  border: 2px solid var(--divider-color-3);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > label {
  font-size: 0.6rem;
  color: var(--input-field-label-color);
  font-weight: 500;
  transition: display 0.3s ease-in, height 0.3s ease-in;
  min-width: max-content;
  display: block;
  border-radius: 4px;
  background: transparent;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 0 0 2px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > input, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > input {
  min-width: 50px;
  border: none;
  flex-grow: 1;
  padding: 2px;
  outline: none;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  max-width: 100%;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > input:focus ~ div, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > input:active ~ div, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > input:focus ~ div, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > input:active ~ div {
  border: 1px solid var(--input-field-border-hover-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > i, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > i, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > span, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > span {
  font-size: 1.1rem;
  color: var(--text-color-1);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > i.loader, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > i.loader {
  display: none;
  animation: rotate 1s infinite linear;
  border: 2px solid var(--color-primary-50);
  border-left-color: var(--color-primary-50);
  border-top-color: var(--color-primary-200);
  border-right-color: var(--color-primary-500);
  border-radius: 100px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > form > i, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit) > div > i {
  user-select: none;
  pointer-events: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover {
  border: 2px solid var(--input-field-border-hover-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused > div > p, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused > div > span, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused > label, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused > div > i:not(i.loader), lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active > div > p, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active > div > span, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active > label, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active > div > i:not(i.loader), lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover > div > p, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover > div > span, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover > label, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover > div > i:not(i.loader) {
  color: var(--text-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).focused input.otp-input, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit).active input.otp-input, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit):hover input.otp-input {
  background: var(--divider-color-3) !important;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[disabled] {
  pointer-events: none;
  user-select: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[disabled] * {
  color: var(--text-disable-color) !important;
  border-color: var(--text-disable-color) !important;
  pointer-events: none;
  user-select: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=password] span.show-hide:hover {
  transition: 500ms ease-in-out;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=file] input[type=file] {
  display: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=file] i {
  user-select: none;
  pointer-events: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=file] p.file-name {
  max-width: 100%;
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 2px;
  user-select: none;
  pointer-events: none;
  flex-grow: 1;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--text-color-1);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=file] p.file-name.selected {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=file] span.remove-file {
  cursor: pointer;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] {
  background: #f8f9fb;
  border: none;
  cursor: pointer;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] label {
  flex-grow: 1;
  background: #f8f9fb;
  top: -10px;
  padding: 0 8px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] label:after {
  content: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] span.clear-select {
  display: none;
  font-size: 0.8rem;
  color: var(--text-color-4);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] span.clear-select:hover {
  color: var(--error-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select].selected-item span.clear-select {
  display: block;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select].selected-item input {
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] input {
  cursor: pointer;
  font-size: 0.7rem;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] input::placeholder {
  font-size: 0.7rem;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] i[class*=ri-arrow-] {
  font-size: 1.2rem;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] *:not(span.clear-select) {
  pointer-events: none;
  user-select: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=select] input {
  font-size: 0.9rem;
  font-weight: 500;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=textarea] textarea {
  width: 100%;
  border: none;
  flex-grow: 1;
  padding: 2px;
  outline: none;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  max-width: calc(100% - 4px);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=textarea] textarea:focus ~ .input-field, lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=textarea] textarea:active ~ .input-field {
  border: 1px solid var(--input-field-border-hover-color);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=textarea] textarea {
  min-height: 40px;
  position: relative;
  height: 42px;
  resize: vertical;
  text-align: start;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=otp] > div {
  padding: 10px;
  direction: ltr;
  gap: 15px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=otp] input {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 5px 8px;
  line-height: 1;
  background: var(--divider-color-4);
  font-size: 1.1rem;
  border-radius: 5px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] {
  background: #f8f9fb;
  border: none;
  cursor: pointer;
  padding: 5px 5px 3px 8px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] label {
  flex-grow: 1;
  background: #f8f9fb;
  top: -10px;
  padding: 0 5px;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] label:after {
  content: none;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] > div {
  padding: 0;
  gap: 0;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] > div i[class*=ri-arrow-] {
  font-size: 1.2rem;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] > div select {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  max-width: 100%;
  width: max-content;
  flex-grow: 1;
  padding: 5px 5px 5px 0;
  cursor: pointer;
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] > div select option.option-placeholder {
  color: var(--text-color-1);
}
lazy-input-wrapper > div:nth-child(1):not(.switch-button, .checkbox-wrapper, .radio-wrapper, button.lazy-submit)[type=pure-select] > div select option {
  font-size: 1rem;
  font-weight: 400;
  color: var(--text-color-2);
  margin: 0;
  padding-right: 10px;
}
lazy-input-wrapper > div.input-message {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  gap: 6px;
}
lazy-input-wrapper > div.input-message i {
  font-size: 0.9rem;
  color: var(--text-color-1);
}
lazy-input-wrapper > div.input-message p {
  margin: 0;
  color: var(--text-color-1);
  font-size: 0.8rem;
  font-weight: 400;
}
lazy-input-wrapper > div.input-message[type=error] p, lazy-input-wrapper > div.input-message[type=error] i {
  color: var(--error-color);
}
lazy-input-wrapper > div.input-message[type=warning] p, lazy-input-wrapper > div.input-message[type=warning] i {
  color: var(--warning-color);
}
lazy-input-wrapper > div.input-message[type=success] p, lazy-input-wrapper > div.input-message[type=success] i {
  color: var(--success-color-2);
}
lazy-input-wrapper > div.input-message[hidden] {
  display: none !important;
}
lazy-input-wrapper > div.tags-wrapper {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 5px;
  flex-wrap: wrap;
}
lazy-input-wrapper > div.tags-wrapper > span {
  min-width: max-content;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  background: var(--info-color-light);
  padding: 6px 5px;
  font-size: 0.8rem;
  font-weight: 400;
  border-radius: 6px;
  color: var(--info-color);
}
lazy-input-wrapper > div.tags-wrapper > span:hover {
  background: var(--info-color-dark);
  color: var(--info-color-light);
}
lazy-input-wrapper > div.tags-wrapper > span i {
  user-select: none;
  pointer-events: none;
}
lazy-input-wrapper div.switch-button {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0 0 15px;
  gap: 10px;
}
lazy-input-wrapper div.switch-button button[role=switch] {
  direction: ltr;
  min-width: 48px;
  min-height: 26px;
  width: 48px;
  height: 26px;
  padding: 4px;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 24px;
  border: solid 2px var(--text-color-1);
  transition: border-color 200ms, background-color 200ms;
  cursor: pointer;
}
lazy-input-wrapper div.switch-button button[role=switch]:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  background-color: var(--text-color-1);
  transition: width 200ms, height 200ms, transform 200ms, background-color 200ms;
}
lazy-input-wrapper div.switch-button button[role=switch].on {
  border-color: var(--text-color);
  background-color: var(--background-color);
}
lazy-input-wrapper div.switch-button button[role=switch].on + label {
  color: var(--text-color);
  font-weight: 900;
}
lazy-input-wrapper div.switch-button button[role=switch].on:before {
  background-color: var(--text-color);
  width: 20px;
  height: 20px;
  transform: translateX(18px);
}
lazy-input-wrapper div.switch-button button[role=switch][disabled] {
  cursor: not-allowed;
  background: var(--input-disable-background) !important;
  color: var(--input-disable-color) !important;
  border: var(--input-disable-border) !important;
  pointer-events: none;
}
lazy-input-wrapper div.switch-button > label {
  font-size: 0.8rem;
  color: var(--checkbox-text-color);
  font-weight: 400;
  margin: 0;
}
lazy-input-wrapper div.checkbox-wrapper {
  direction: rtl;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
  gap: 10px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  lazy-input-wrapper div.checkbox-wrapper > label {
    font-size: 0.8rem;
    color: var(--checkbox-text-color);
    font-weight: 400;
    margin: 0;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--checkbox-border));
    background: var(--b, var(--checkbox-background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 300ms) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:checked {
    --b: var(--text-color);
    --bc: var(--text-color);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:checked + label {
    color: var(--text-color);
    font-weight: 900;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:disabled {
    --b: var(--checkbox-disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:disabled:checked {
    --b: var(--checkbox-disabled-inner);
    --bc: var(--checkbox-border);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:disabled + label {
    cursor: not-allowed;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:hover:not(:checked):not(:disabled) {
    --bc: var(--text-color);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:focus {
    box-shadow: 0 0 0 var(--checkbox-focus);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch) {
    width: 21px;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch):after {
    opacity: var(--o, 0);
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch):checked {
    --o: 1;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox] + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch) {
    border-radius: 7px;
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--checkbox-active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  lazy-input-wrapper div.checkbox-wrapper > input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
}
lazy-input-wrapper div.radio-wrapper {
  direction: rtl;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0;
  gap: 10px;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  lazy-input-wrapper div.radio-wrapper > label {
    font-size: 0.8rem;
    color: var(--checkbox-text-color);
    font-weight: 400;
    margin: 0;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    width: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--checkbox-border));
    background: var(--b, var(--checkbox-background));
    border-radius: 50%;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--checkbox-active-inner);
    transform: translate(-50%, -50%) scale(var(--s, 0));
    opacity: var(--o, 0);
    transition: transform var(--d-t, 300ms) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:checked {
    --b: var(--text-color);
    --bc: var(--text-color);
    --d-o: .3s;
    --d-t: .3s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    --s: 1;
    --o: 1;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:checked + label {
    color: var(--text-color);
    font-weight: 900;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:disabled {
    --b: var(--checkbox-disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:disabled:checked {
    --b: var(--checkbox-disabled-inner);
    --bc: var(--checkbox-border);
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--text-color);
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio]:focus {
    box-shadow: 0 0 0 var(--checkbox-focus);
  }
  lazy-input-wrapper div.radio-wrapper > input[type=radio] + label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 4px;
  }
}
lazy-input-wrapper[hidden] {
  display: none !important;
}
lazy-input-wrapper.field-valid > div:nth-child(1):not(.switch-button, .checkbox-wrapper, button.lazy-submit) {
  background: white;
  border: 2px solid var(--success-color-2);
}
lazy-input-wrapper.field-invalid > div:nth-child(1):not(.switch-button, .checkbox-wrapper, button.lazy-submit) {
  background: white;
  border: 2px solid var(--error-color);
}
lazy-input-wrapper.field-focus {
  border-color: #6d4aff;
  background-color: white;
  color: #0c0c14;
  box-shadow: 0 0 0 0.1875rem rgba(109, 74, 255, 0.2);
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  lazy-input-wrapper input[type=radio] {
    --active: var(--text-color);
    --active-inner: #fff;
    --focus: 2px var(--jsd-success-color-dark);
    --border: #BBC1E1;
    --border-hover: var(--text-color);
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  lazy-input-wrapper input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
  }
  lazy-input-wrapper input[type=radio]:after {
    transition: transform var(--d-t) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  lazy-input-wrapper input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  lazy-input-wrapper input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  lazy-input-wrapper input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  lazy-input-wrapper input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  lazy-input-wrapper input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  lazy-input-wrapper input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  lazy-input-wrapper input[type=radio]:not(.switch) {
    width: 21px;
  }
  lazy-input-wrapper input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }
  lazy-input-wrapper input[type=radio]:not(.switch):checked {
    --o: 1;
  }
  lazy-input-wrapper input[type=radio] + label {
    user-select: none;
    color: var(--title-color-3);
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
  lazy-input-wrapper input[type=radio] {
    border-radius: 50%;
  }
  lazy-input-wrapper input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  lazy-input-wrapper input[type=radio]:checked {
    --s: .5;
  }
}
lazy-input-wrapper[disabled] {
  pointer-events: none;
  user-select: none;
}
lazy-input-wrapper[disabled] * {
  color: var(--text-disable-color) !important;
  border-color: var(--text-disable-color) !important;
  pointer-events: none;
  user-select: none;
}
lazy-input-wrapper[require] label {
  flex-grow: unset !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-direction: row-reverse;
}
lazy-input-wrapper[require] label:before {
  content: "*";
  font-size: 0.7rem;
  color: var(--error-color) !important;
}
lazy-input-wrapper.loading-mode i.loader {
  display: inline-block !important;
}
lazy-input-wrapper button.arrow-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 2px 10px 2px 8px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(37, 117, 252, 0.3);
  transition: all 0.3s ease;
  outline: none;
  position: relative;
  overflow: hidden;
}
lazy-input-wrapper button.arrow-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 18px rgba(37, 117, 252, 0.4);
  scale: 1.03;
}
lazy-input-wrapper button.arrow-button:active {
  transform: translateY(-2px);
  scale: 1;
}
lazy-input-wrapper button.arrow-button::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  transform: translateX(-3px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
lazy-input-wrapper button.arrow-button:hover::after {
  opacity: 1;
}
lazy-input-wrapper button.arrow-button i {
  font-size: 1rem;
  transition: transform 0.3s ease;
}
lazy-input-wrapper button.arrow-button:hover i {
  transform: translateX(-3px);
}
lazy-input-wrapper button.arrow-button span.button-text {
  letter-spacing: 0.3px;
}

lazy-wrapper {
  position: relative;
  width: max-content;
  min-width: 100px;
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px 5px 0;
  gap: 10px 8px;
}
@media (max-width: 500px) {
  lazy-wrapper {
    flex-wrap: nowrap;
    gap: 10px 5px;
  }
  lazy-wrapper button:nth-child(1), lazy-wrapper button:nth-child(2) {
    flex-grow: 1;
  }
}
lazy-wrapper:has(> div.data-table) {
  width: 100% !important;
  padding: 5px 0 !important;
}

div.input-borderless {
  width: max-content;
  min-width: 40px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.input-borderless input {
  border: none;
  flex-grow: 1;
  padding: 2px;
  outline: none;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  max-width: 100%;
}
div.input-borderless input:focus ~ .input-borderless, div.input-borderless input:active ~ .input-borderless {
  border: 1px solid var(--input-field-border-hover-color);
}
div.input-borderless > i {
  font-size: 1.1rem;
  color: var(--text-color-1);
}
div.input-borderless {
  border-bottom: 1px solid var(--divider-color-2);
}
div.input-borderless.focused, div.input-borderless.active, div.input-borderless:hover {
  border-bottom: 1px solid var(--input-field-border-hover-color);
}
div.input-borderless.focused i:not(i.loader), div.input-borderless.active i:not(i.loader), div.input-borderless:hover i:not(i.loader) {
  color: var(--text-color);
}
div.input-borderless.glass-border {
  border: 1px solid var(--divider-color-2);
  border-radius: 8px;
}
div.input-borderless.glass-border.focused, div.input-borderless.glass-border.active, div.input-borderless.glass-border:hover {
  border: 1px solid var(--input-field-border-hover-color);
}
div.input-borderless.glass-border.focused i:not(i.loader), div.input-borderless.glass-border.active i:not(i.loader), div.input-borderless.glass-border:hover i:not(i.loader) {
  color: var(--text-color);
}

[disabled]:not(.loading-mode) {
  pointer-events: none;
  user-select: none;
}
[disabled]:not(.loading-mode) *:not(.loading-mode) {
  color: var(--text-disable-color) !important;
  border-color: var(--text-disable-color) !important;
  pointer-events: none;
  user-select: none;
}

lazy-wrapper[lazy=snackbar] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw !important;
  height: max-content;
  margin: auto;
  padding: 10px 20px;
  gap: 20px;
  box-shadow: 0 -15px 35px #e1e0e0;
  transition: top 0.3s ease-out 0.5s, bottom 0.3s ease-out 0.5s;
  z-index: var(--z-index-snackbar);
}
@media (max-width: 500px) {
  lazy-wrapper[lazy=snackbar] {
    display: grid;
    grid-auto-columns: auto 2fr max-content auto;
    grid-template-areas: "icon    title   action  close" "message message message message";
    padding: 0 10px 15px;
    gap: 5px 10px;
  }
  lazy-wrapper[lazy=snackbar] p.snackbar-message {
    text-align: center;
  }
  lazy-wrapper[lazy=snackbar][timeout] {
    padding-bottom: 30px !important;
  }
}
lazy-wrapper[lazy=snackbar][pos=bottom] {
  bottom: 0;
  top: unset;
  box-shadow: 0 -15px 35px #e1e0e0;
}
lazy-wrapper[lazy=snackbar][pos=top] {
  bottom: unset;
  top: 0;
  box-shadow: 0 15px 35px #e1e0e0;
}
lazy-wrapper[lazy=snackbar][type=error] {
  background: linear-gradient(to left, #fd2a5b, #ff003b);
  color: var(--error-color-light) !important;
}
lazy-wrapper[lazy=snackbar][type=error] h2.snackbar-title {
  color: white;
}
lazy-wrapper[lazy=snackbar][type=error] .snackbar-message {
  color: var(--error-color-light) !important;
}
lazy-wrapper[lazy=snackbar][type=success] {
  background: var(--success-color-light);
  color: var(--success-color);
}
lazy-wrapper[lazy=snackbar][type=success] h2.snackbar-title {
  color: var(--success-color-dark);
}
lazy-wrapper[lazy=snackbar][type=success] .snackbar-message {
  color: var(--success-color) !important;
}
lazy-wrapper[lazy=snackbar][type=warning] {
  background: var(--warning-color-light);
  color: var(--warning-color);
}
lazy-wrapper[lazy=snackbar][type=warning] h2.snackbar-title {
  color: var(--warning-color-dark);
}
lazy-wrapper[lazy=snackbar][type=warning] .snackbar-message {
  color: var(--warning-color) !important;
}
lazy-wrapper[lazy=snackbar][type=info] {
  background: var(--info-color-light);
  color: var(--info-color);
}
lazy-wrapper[lazy=snackbar][type=info] h2.snackbar-title {
  color: var(--info-color-dark);
}
lazy-wrapper[lazy=snackbar][type=info] .snackbar-message {
  color: var(--info-color) !important;
}
lazy-wrapper[lazy=snackbar][type=gray] {
  background: var(--gray-color-light);
  color: var(--gray-color);
}
lazy-wrapper[lazy=snackbar][type=gray] h2.snackbar-title {
  color: var(--gray-color-dark);
}
lazy-wrapper[lazy=snackbar][type=gray] .snackbar-message {
  color: var(--gray-color) !important;
}
lazy-wrapper[lazy=snackbar][type=purple] {
  background: var(--purple-color-light);
  color: var(--purple-color);
}
lazy-wrapper[lazy=snackbar][type=purple] h2.snackbar-title {
  color: var(--purple-color-dark);
}
lazy-wrapper[lazy=snackbar][type=purple] .snackbar-message {
  color: var(--purple-color) !important;
}
lazy-wrapper[lazy=snackbar] i.snackbar-icon {
  font-size: 1.5rem;
  grid-area: icon;
}
lazy-wrapper[lazy=snackbar] h2.snackbar-title {
  min-width: max-content;
  font-weight: 900;
  font-size: 1.1rem;
  grid-area: title;
}
lazy-wrapper[lazy=snackbar] p.snackbar-message {
  font-weight: 500;
  font-size: 1rem;
  flex-grow: 1;
  grid-area: message;
}
lazy-wrapper[lazy=snackbar] span.snackbar-close {
  grid-area: close;
  font-size: 1.3rem;
  color: var(--text-color-1);
}
lazy-wrapper[lazy=snackbar] span.snackbar-close:hover {
  color: var(--error-color);
}
lazy-wrapper[lazy=snackbar] button.snackbar-action {
  grid-area: action;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 8px;
}
lazy-wrapper[lazy=snackbar][timeout] {
  padding-bottom: 15px;
}
lazy-wrapper[lazy=snackbar] span.lazy-timeout {
  background-color: var(--divider-color-3);
  width: 105px;
  height: 6px;
  border-radius: 100px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
}
@keyframes scale-out-horizontal {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
lazy-wrapper[lazy=snackbar] span.lazy-timeout:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100px;
  margin: auto;
  z-index: 0;
  transition: transform ease-in-out;
  background-image: linear-gradient(to right bottom, #8500ff, #7b00ff, #7100ff, #6500ff, #5800ff, #a300e4, #ca00cb, #e200b6, #ff298e, #ff5a6f, #ff855d, #fba95f);
  animation: ease-in-out scale-out-horizontal forwards;
  animation-delay: 300ms;
  animation-duration: inherit;
}

lazy-wrapper[lazy=toast] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 95vw !important;
  width: max-content;
  height: max-content;
  margin: auto;
  padding: 10px 20px 10px 15px;
  gap: 20px;
  background: #000;
  color: white;
  border-radius: 10px;
  box-shadow: 0 -15px 35px #e1e0e0;
  transition: top 0.3s ease-out 0.5s, bottom 0.3s ease-out 0.5s;
  z-index: var(--z-index-toast);
}
lazy-wrapper[lazy=toast][pos=bottom] {
  bottom: 20px;
  top: unset;
  box-shadow: 0 -15px 35px #e1e0e0;
}
lazy-wrapper[lazy=toast][pos=bottom-left] {
  bottom: 20px;
  top: unset;
  box-shadow: 0 -15px 35px #e1e0e0;
  margin-left: 20px;
}
lazy-wrapper[lazy=toast][pos=bottom-right] {
  bottom: 20px;
  top: unset;
  box-shadow: 0 -15px 35px #e1e0e0;
  margin-right: 20px;
}
lazy-wrapper[lazy=toast][pos=top-left] {
  bottom: unset;
  top: 20px;
  box-shadow: 0 15px 35px #e1e0e0;
  margin-left: 20px;
}
lazy-wrapper[lazy=toast][pos=top-right] {
  bottom: unset;
  top: 20px;
  box-shadow: 0 15px 35px #e1e0e0;
  margin-right: 20px;
}
lazy-wrapper[lazy=toast][pos=top] {
  bottom: unset;
  top: 20px;
  box-shadow: 0 15px 35px #e1e0e0;
}
lazy-wrapper[lazy=toast][type=error] {
  background: linear-gradient(to right, #F6743E, #D42525);
  color: white;
}
lazy-wrapper[lazy=toast][type=error] span.toast-close {
  color: #000;
}
lazy-wrapper[lazy=toast][type=success] {
  background: linear-gradient(to right, #32BB71, #2A9D8F);
  color: white;
}
lazy-wrapper[lazy=toast][type=success] span.toast-close {
  color: #000;
}
lazy-wrapper[lazy=toast][type=warning] {
  background: linear-gradient(to right, #F8B806, #FF8C04);
  color: white;
}
lazy-wrapper[lazy=toast][type=warning] span.toast-close {
  color: #000;
}
lazy-wrapper[lazy=toast][type=info] {
  background: linear-gradient(to right, #2D82B2, #329ABB);
  color: white;
}
lazy-wrapper[lazy=toast][type=info] span.toast-close {
  color: #000;
}
lazy-wrapper[lazy=toast] h3.toast-message {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
  flex-grow: 1;
}
lazy-wrapper[lazy=toast] span.toast-close {
  grid-area: close;
  font-size: 1.3rem;
  color: var(--text-color-1);
}
lazy-wrapper[lazy=toast] span.toast-close:hover {
  color: var(--error-color);
}

lazy-wrapper[lazy=alert] button {
  flex-grow: 1;
}

lazy-area[lazy=dialog] button.lazy-dialog-main-button,
lazy-wrapper[lazy=alert] button.alert-main-button {
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button i[class*=ri-],
lazy-wrapper[lazy=alert] button.alert-main-button i[class*=ri-] {
  font-size: 1.2rem;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button:focus-visible, lazy-area[lazy=dialog] button.lazy-dialog-main-button:active,
lazy-wrapper[lazy=alert] button.alert-main-button:focus-visible,
lazy-wrapper[lazy=alert] button.alert-main-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button[disabled],
lazy-wrapper[lazy=alert] button.alert-main-button[disabled] {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-main-button span:not(.spinner) {
  line-height: 2;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button *,
lazy-wrapper[lazy=alert] button.alert-main-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  lazy-area[lazy=dialog] button.lazy-dialog-main-button,
  lazy-wrapper[lazy=alert] button.alert-main-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button,
lazy-wrapper[lazy=alert] button.alert-main-button {
  height: 48px;
  background: var(--button-confirm-background);
  color: var(--button-confirm-color);
  border: 1.5px solid var(--button-confirm-border-color);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 5px;
  padding: 0 15px;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-main-button span:not(.spinner) {
  line-height: 1;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button span.spinner,
lazy-wrapper[lazy=alert] button.alert-main-button span.spinner {
  display: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button.loading-mode,
lazy-wrapper[lazy=alert] button.alert-main-button.loading-mode {
  pointer-events: none;
  user-select: none;
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid transparent !important;
  background-color: transparent !important;
  overflow: hidden;
  cursor: pointer;
  min-width: 45px !important;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button.loading-mode *:not(span.spinner),
lazy-wrapper[lazy=alert] button.alert-main-button.loading-mode *:not(span.spinner) {
  display: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button.loading-mode span.spinner,
lazy-wrapper[lazy=alert] button.alert-main-button.loading-mode span.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid var(--primary-lighter-color) !important;
  border-top-color: var(--primary-dark-color) !important;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button:hover,
lazy-wrapper[lazy=alert] button.alert-main-button:hover {
  background: var(--button-confirm-background-hover);
  border-color: var(--button-confirm-background);
}
lazy-area[lazy=dialog] button.lazy-dialog-main-button:active,
lazy-wrapper[lazy=alert] button.alert-main-button:active {
  background: var(--button-confirm-background-hover);
  border-color: var(--button-confirm-background);
}

lazy-area[lazy=dialog] button.lazy-dialog-button,
lazy-wrapper[lazy=alert] button.alert-secondary-button {
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
lazy-area[lazy=dialog] button.lazy-dialog-button i[class*=ri-],
lazy-wrapper[lazy=alert] button.alert-secondary-button i[class*=ri-] {
  font-size: 1.2rem;
}
lazy-area[lazy=dialog] button.lazy-dialog-button:focus-visible, lazy-area[lazy=dialog] button.lazy-dialog-button:active,
lazy-wrapper[lazy=alert] button.alert-secondary-button:focus-visible,
lazy-wrapper[lazy=alert] button.alert-secondary-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
lazy-area[lazy=dialog] button.lazy-dialog-button[disabled],
lazy-wrapper[lazy=alert] button.alert-secondary-button[disabled] {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-secondary-button span:not(.spinner) {
  line-height: 2;
}
lazy-area[lazy=dialog] button.lazy-dialog-button *,
lazy-wrapper[lazy=alert] button.alert-secondary-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  lazy-area[lazy=dialog] button.lazy-dialog-button,
  lazy-wrapper[lazy=alert] button.alert-secondary-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
lazy-area[lazy=dialog] button.lazy-dialog-button,
lazy-wrapper[lazy=alert] button.alert-secondary-button {
  height: 48px;
  background: white;
  color: var(--text-color-2);
  border: 1.5px solid var(--text-color-1);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 5px;
  padding: 0 15px;
}
lazy-area[lazy=dialog] button.lazy-dialog-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-secondary-button span:not(.spinner) {
  line-height: 1;
}
lazy-area[lazy=dialog] button.lazy-dialog-button span.spinner,
lazy-wrapper[lazy=alert] button.alert-secondary-button span.spinner {
  display: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-button.loading-mode,
lazy-wrapper[lazy=alert] button.alert-secondary-button.loading-mode {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
lazy-area[lazy=dialog] button.lazy-dialog-button.loading-mode i, lazy-area[lazy=dialog] button.lazy-dialog-button.loading-mode span.button-text,
lazy-wrapper[lazy=alert] button.alert-secondary-button.loading-mode i,
lazy-wrapper[lazy=alert] button.alert-secondary-button.loading-mode span.button-text {
  display: none;
}
lazy-area[lazy=dialog] button.lazy-dialog-button.loading-mode span.spinner,
lazy-wrapper[lazy=alert] button.alert-secondary-button.loading-mode span.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid var(--primary-lighter-color);
  border-top-color: var(--primary-dark-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
lazy-area[lazy=dialog] button.lazy-dialog-button:hover,
lazy-wrapper[lazy=alert] button.alert-secondary-button:hover {
  background: var(--text-color-4);
  color: white;
  border-color: var(--text-color-2);
}
lazy-area[lazy=dialog] button.lazy-dialog-button:active,
lazy-wrapper[lazy=alert] button.alert-secondary-button:active {
  background: var(--text-color-4);
  color: white;
  border-color: var(--text-color-2);
}

lazy-area[lazy=dialog] button.lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button.alert-deny-button {
  height: 48px !important;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 5px !important;
  padding: 0 15px !important;
}
lazy-area[lazy=dialog] button.lazy-dialog-deny-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-deny-button span:not(.spinner) {
  line-height: 1 !important;
}
lazy-area[lazy=dialog] button.lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button.alert-deny-button {
  background: var(--error-color-dark) !important;
}
lazy-area[lazy=dialog] button.lazy-dialog-deny-button:hover,
lazy-wrapper[lazy=alert] button.alert-deny-button:hover {
  background: var(--error-color) !important;
  color: white !important;
}

lazy-wrapper[lazy=alert] {
  z-index: var(--z-index-alert);
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper {
  position: relative;
  z-index: 1;
  width: max-content;
  min-width: 500px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  height: max-content;
  padding: 20px;
  border-radius: 15px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  box-shadow: 0 0.4px 59px rgba(0, 0, 0, 0.026), 0 0.9px 103.9px rgba(0, 0, 0, 0.034), 0 1.6px 136.5px rgba(0, 0, 0, 0.038), 0 2.7px 160.1px rgba(0, 0, 0, 0.041), 0 4.5px 180.7px rgba(0, 0, 0, 0.044), 0 7.9px 213.4px rgba(0, 0, 0, 0.05), 0 17px 339px rgba(0, 0, 0, 0.07);
}
@media (max-width: 500px) {
  lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper {
    min-width: 360px;
  }
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-close {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 1.2rem;
  transition: all 100ms ease-in-out;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-close:hover {
  color: var(--error-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-close:active, lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-close:focus {
  transform: scale(0.9);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-draggable {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: default;
  font-size: 1.2rem;
  color: #CBCBCB;
  height: max-content;
  text-align: start;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-draggable:hover {
  color: #36344D;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-draggable:focus {
  outline: 2px solid rgba(255, 0, 96, 0.42);
}
@media only screen and (max-width: 500px) {
  lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > span.alert-draggable {
    display: none;
  }
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper {
  width: 100%;
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 10px 10px;
  gap: 10px;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper img {
  max-width: 200px;
  height: auto;
  object-fit: cover;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper span.alert-icon {
  color: var(--error-color-dark);
  width: 75px;
  height: 75px;
  font-size: 1.8rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper span.alert-icon i[class*=ri-] {
  font-size: inherit;
  color: inherit;
  z-index: 1;
  padding: 0 0 4px 3px;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper span.alert-icon:before {
  margin: auto;
  content: "";
  position: absolute;
  inset: 0;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  box-shadow: inset 0 0 50px rgba(251, 177, 177, 0.8117647059);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-icon-wrapper span.alert-icon:after {
  margin: auto;
  content: "";
  position: absolute;
  inset: 0;
  width: 55px;
  height: 55px;
  border-radius: 100%;
  box-shadow: inset 0 0 50px rgba(255, 0, 0, 0.32);
  z-index: -1;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-text {
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-text h2.alert-title {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
  color: var(--title-color-2);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-text p.alert-message {
  font-size: 1rem;
  color: var(--text-color-2);
  font-weight: 400;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  width: 95%;
  border-inline-start: 4px solid var(--error-color-dark);
  height: max-content;
  padding: 10px 15px;
  border-radius: 5px;
  background: var(--error-color-light);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm h3.alert-warm-title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: var(--error-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm p.alert-warm-message {
  font-size: 0.8rem;
  color: var(--error-color);
  font-weight: 400;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=error] {
  border-inline-start: 4px solid var(--error-color-dark);
  background: var(--error-color-light);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=error] h3.alert-warm-title {
  color: var(--error-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=error] p.alert-warm-message {
  color: var(--error-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=success] {
  border-inline-start: 4px solid var(--success-color-dark);
  background: var(--success-color-light);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=success] h3.alert-warm-title {
  color: var(--success-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=success] p.alert-warm-message {
  color: var(--success-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=warning] {
  border-inline-start: 4px solid var(--warning-color-dark);
  background: var(--warning-color-light);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=warning] h3.alert-warm-title {
  color: var(--warning-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=warning] p.alert-warm-message {
  color: var(--warning-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=info] {
  background: var(--info-color-light);
  border-inline-start: 4px solid var(--info-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=info] h3.alert-warm-title {
  color: var(--info-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=info] p.alert-warm-message {
  color: var(--info-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-warm[mode=none] {
  display: none !important;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper > div.alert-buttons {
  width: 100%;
  max-width: 100%;
  overflow: auto;
  display: flex;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper:after {
  border-radius: 15px;
  position: absolute;
  box-shadow: inset 0 0 300px rgba(255, 255, 255, 0.8);
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  left: -20px;
  top: -20px;
  margin: auto;
  z-index: -1;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] div.alert-icon-wrapper span.alert-icon {
  color: var(--error-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] div.alert-icon-wrapper span.alert-icon:before {
  box-shadow: inset 0 0 50px rgba(251, 177, 177, 0.8117647059);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] div.alert-icon-wrapper span.alert-icon:after {
  box-shadow: inset 0 0 50px rgba(255, 0, 0, 0.32);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] > div.alert-buttons button.alert-main-button {
  background: var(--error-color);
  border: 1.5px solid var(--error-color-dark);
  color: white;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] > div.alert-buttons button.alert-main-button:hover {
  color: var(--error-color);
  background: var(--error-color-light);
  border: 1.5px solid var(--error-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=error] > div.alert-buttons button.alert-main-button:active {
  color: var(--error-color);
  background: var(--error-color-light);
  border: 1.5px solid var(--error-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] div.alert-icon-wrapper span.alert-icon {
  color: var(--success-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] div.alert-icon-wrapper span.alert-icon:before {
  box-shadow: inset 0 0 50px rgba(0, 255, 157, 0.3);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] div.alert-icon-wrapper span.alert-icon:after {
  box-shadow: inset 0 0 50px rgba(0, 255, 157, 0.6);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] > div.alert-buttons button.alert-main-button {
  background: var(--success-color);
  border: 1.5px solid var(--success-color-dark);
  color: white;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] > div.alert-buttons button.alert-main-button:hover {
  color: var(--success-color);
  background: var(--success-color-light);
  border: 1.5px solid var(--success-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=success] > div.alert-buttons button.alert-main-button:active {
  color: var(--success-color);
  background: var(--success-color-light);
  border: 1.5px solid var(--success-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] div.alert-icon-wrapper span.alert-icon {
  color: var(--warning-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] div.alert-icon-wrapper span.alert-icon:before {
  box-shadow: inset 0 0 50px rgba(255, 77, 0, 0.3);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] div.alert-icon-wrapper span.alert-icon:after {
  box-shadow: inset 0 0 50px rgba(255, 77, 0, 0.6);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] > div.alert-buttons button.alert-main-button {
  background: var(--warning-color);
  border: 1.5px solid var(--warning-color-dark);
  color: white;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] > div.alert-buttons button.alert-main-button:hover {
  color: var(--warning-color);
  background: var(--warning-color-light);
  border: 1.5px solid var(--warning-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=warning] > div.alert-buttons button.alert-main-button:active {
  color: var(--warning-color);
  background: var(--warning-color-light);
  border: 1.5px solid var(--warning-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] div.alert-icon-wrapper span.alert-icon {
  color: var(--info-color-dark);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] div.alert-icon-wrapper span.alert-icon:before {
  box-shadow: inset 0 0 50px rgba(0, 149, 255, 0.3);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] div.alert-icon-wrapper span.alert-icon:after {
  box-shadow: inset 0 0 50px rgba(0, 149, 255, 0.6);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] > div.alert-buttons button.alert-main-button {
  background: var(--info-color);
  border: 1.5px solid var(--info-color-dark);
  color: white;
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] > div.alert-buttons button.alert-main-button:hover {
  color: var(--info-color);
  background: var(--info-color-light);
  border: 1.5px solid var(--info-color);
}
lazy-wrapper[lazy=alert] > div.lazy-alert-wrapper[mode=info] > div.alert-buttons button.alert-main-button:active {
  color: var(--info-color);
  background: var(--info-color-light);
  border: 1.5px solid var(--info-color);
}

lazy-area[lazy=dialog] {
  z-index: var(--z-index-dialog);
  position: fixed;
  width: 100vw;
  height: 100vh;
  inset: 0;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 500px) {
  lazy-area[lazy=dialog] {
    max-height: 100dvh;
    height: 100dvh;
    align-items: unset;
  }
}
lazy-area[lazy=dialog] > lazy-container {
  position: relative;
  z-index: 1;
  min-width: 450px;
  min-height: max-content;
  max-width: 98vw;
  max-height: 98vh;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "caption" "content";
  grid-template-rows: auto 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  box-shadow: 0 0.4px 59px rgba(0, 0, 0, 0.026), 0 0.9px 103.9px rgba(0, 0, 0, 0.034), 0 1.6px 136.5px rgba(0, 0, 0, 0.038), 0 2.7px 160.1px rgba(0, 0, 0, 0.041), 0 4.5px 180.7px rgba(0, 0, 0, 0.044), 0 7.9px 213.4px rgba(0, 0, 0, 0.05), 0 17px 339px rgba(0, 0, 0, 0.07);
  padding: 0;
  border-radius: 15px;
  background-color: white;
}
lazy-area[lazy=dialog] > lazy-container[fullscreen] {
  min-width: 100vw !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  height: 100vh !important;
  border-radius: 0 !important;
}
lazy-area[lazy=dialog] > lazy-container[fullscreen] span.lazy-dialog-full:before {
  content: "\ed9a" !important;
}
@media only screen and (max-width: 500px) {
  lazy-area[lazy=dialog] > lazy-container {
    min-width: 100vw;
    max-width: 100vw;
    max-height: 100dvh;
  }
}
@media only screen and (max-width: 600px) {
  lazy-area[lazy=dialog] > lazy-container {
    min-width: 100vw;
    max-width: 100vw;
    max-height: 100dvh;
  }
  lazy-area[lazy=dialog] > lazy-container[navbar] {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto 1fr !important;
    grid-template-areas: "caption" "navbar" "content" !important;
  }
}
lazy-area[lazy=dialog] > lazy-container[navbar] {
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "navbar caption" "navbar content";
}
lazy-area[lazy=dialog] > lazy-container[navbar] > div.lazy-dialog-content {
  padding: 0 10px 0 20px !important;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption {
  grid-area: caption;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 8px 15px 15px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > span.dialog-draggable {
  cursor: move;
  font-size: 1.2rem;
  color: #CBCBCB;
  height: max-content;
  text-align: start;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > span.dialog-draggable:hover {
  color: #36344D;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > span.dialog-draggable:focus {
  outline: 2px solid rgba(255, 0, 96, 0.42);
}
@media only screen and (max-width: 500px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > span.dialog-draggable {
    display: none;
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div {
  display: flex;
  gap: 10px;
  min-width: max-content;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-close {
  color: #CBCBCB;
  font-size: 1.2rem;
  transition: all 100ms ease-in-out;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-close:hover {
  color: var(--error-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-close:active, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-close:focus {
  transform: scale(0.9);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-full {
  color: #CBCBCB;
  font-size: 1.2rem;
  transition: all 100ms ease-in-out;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-full:hover {
  color: var(--title-color-2);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-full:active, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-caption > div span.lazy-dialog-full:focus {
  transform: scale(0.9);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar {
  grid-area: navbar;
  overflow: auto;
  max-height: 100%;
  min-width: 250px;
  padding: 30px 30px 20px 20px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  padding-inline-end: 20px;
  background: #f5f7f9;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul li {
  width: 100%;
  min-width: max-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 10px 15px 10px 25px;
  border-radius: 10px;
  transition: background ease-in-out 150ms;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul li i {
  font-size: 1.3rem;
  user-select: none;
  pointer-events: none;
  color: var(--title-color-2);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul li p {
  font-size: 1rem;
  font-weight: 500;
  color: var(--title-color-2);
  user-select: none;
  pointer-events: none;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul li:hover {
  background: rgba(193, 193, 209, 0.22);
  color: var(--title-color-3);
  font-weight: 500;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul li:active {
  background: var(--menu-more-active-background);
  transform: scale(0.95);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar span.navbar-menu i {
  color: var(--text-color-2);
  font-size: 1.5rem;
}
@media only screen and (min-width: 600px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar span.navbar-menu {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar {
    padding: 0 10px;
    flex-direction: unset;
    justify-content: space-between;
    align-items: center;
  }
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul {
    display: none;
    padding: 20px;
    position: absolute;
    top: 104px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100vh - 120px);
    background: white;
    z-index: 10;
    box-shadow: 0 5.2px 8.7px -63px rgba(0, 0, 0, 0.02), 0 12.4px 20.9px -63px rgba(0, 0, 0, 0.028), 0 23.4px 39.3px -63px rgba(0, 0, 0, 0.035), 0 41.8px 70.1px -63px rgba(0, 0, 0, 0.042), 0 78.1px 131.2px -63px rgba(0, 0, 0, 0.05), 0 187px 314px -63px rgba(0, 0, 0, 0.07);
  }
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-navbar ul:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background: #dddde6 none repeat scroll 0 0;
    background-color: rgb(221, 221, 230);
    top: 100%;
    right: 0;
    user-select: none;
    pointer-events: all;
    backdrop-filter: blur(6px);
    background-color: rgba(176, 136, 215, 0.35);
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content {
  position: relative;
  overflow: auto;
  max-height: 100%;
  grid-area: content;
  padding: 0 30px 0;
  min-width: 350px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > *:not(.lazy-content-title) {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
@media only screen and (max-width: 600px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content {
    align-items: center;
    padding: 30px 15px 20px;
  }
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > div:not(.lazy-content-title) {
    padding-right: 0 !important;
  }
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group {
    padding: 10px 0 !important;
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-content-title > i {
  font-size: 1.4rem;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-content-title {
  padding-bottom: 20px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-header {
  width: 100%;
  padding: 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-header h4 {
  font-size: 1.1rem;
  font-weight: 600;
  user-select: none;
  pointer-events: none;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text {
  max-width: 100%;
  width: 100%;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text p {
  white-space: pre-line;
  text-align: justify;
  width: 100%; /* adjust the width as needed */
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 2;
  color: var(--text-color-2);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text-button {
  width: 100%;
  display: flex;
  padding: 10px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text-button p {
  text-align: justify;
  width: 100%; /* adjust the width as needed */
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 2;
  color: var(--text-color-2);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-dialog-text-button button {
  width: max-content;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-input-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 0;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-input-button-wrapper button {
  padding: 8px 6px !important;
  border: none !important;
  height: max-content !important;
}
@media only screen and (max-width: 400px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-input-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 401px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-input-wrapper {
    width: max-content;
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-inputs-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px !important;
  gap: 10px;
  flex-wrap: wrap;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content div.lazy-inputs-group > * {
  flex-grow: 1;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px 0;
  flex-direction: column;
  border-radius: 8px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group > div.lazy-group-title {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group > div.lazy-group-title h3 {
  color: var(--text-color-2);
  font-size: 1.1rem;
  font-weight: 600;
  user-select: none;
  pointer-events: none;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group > div.lazy-group-title p {
  text-align: justify;
  width: 100%; /* adjust the width as needed */
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 2;
  color: var(--text-color-2);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group div.lazy-group-body {
  width: 100%;
  padding: 5px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=checkbox] div.lazy-group-body > lazy-input-wrapper, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=radio] div.lazy-group-body > lazy-input-wrapper {
  padding: 10px 10px 10px 30px;
  width: max-content;
  border-radius: 2px;
}
@media only screen and (max-width: 400px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=checkbox] div.lazy-group-body > lazy-input-wrapper, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=radio] div.lazy-group-body > lazy-input-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 401px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=checkbox] div.lazy-group-body > lazy-input-wrapper, lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-group[type=radio] div.lazy-group-body > lazy-input-wrapper {
    width: max-content;
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] {
  width: 100%;
  padding: 0 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div {
  width: 100%;
  border-radius: 8px;
  padding: 10px 15px;
  background: var(--warm-info-background);
  border: var(--warm-info-border);
  color: var(--warm-info-text-color);
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div i {
  font-size: 1.2rem;
  color: var(--warm-info-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div p {
  color: inherit;
  text-align: justify;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 2;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=warning] {
  background: var(--warm-warning-background);
  border: var(--warm-warning-border);
  color: var(--warm-warning-text-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=warning] i {
  color: var(--warm-warning-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=success] {
  background: var(--success-color-light);
  border: var(--warm-success-border);
  color: var(--success-color-dark);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=success] i {
  color: var(--success-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=error] {
  background: var(--error-color-light-2);
  border: var(--warm-error-border);
  color: var(--error-color-dark);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=warm] > div[mode=error] i {
  color: var(--error-color);
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > div.lazy-dialog-gap {
  width: 100%;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > hr.lazy-dialog-divider {
  min-width: 100% !important;
  color: transparent;
  border-bottom: 2px dotted #bfbfbf;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=img] {
  width: 100%;
  height: max-content;
  padding: 5px 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=img] img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=buttons] {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=buttons] button {
  height: 48px;
}
@media only screen and (max-width: 400px) {
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=buttons] {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content lazy-wrapper[type=buttons] button {
    flex-grow: 1;
  }
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > div.lazy-dialog-buttons-wrapper {
  z-index: 1;
  background: white;
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 10px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > div.lazy-dialog-buttons-wrapper button:not(:first-child) {
  height: 48px;
  flex-grow: 1;
}
lazy-area[lazy=dialog] > lazy-container > div.lazy-dialog-content > div.lazy-dialog-buttons-wrapper {
  border-top: 1px solid var(--divider-color-2);
}
lazy-area[lazy=dialog] > lazy-container div.lazy-dialog-title {
  padding: 10px 0;
  flex-grow: 1;
}
lazy-area[lazy=dialog] > lazy-container div.lazy-dialog-title, lazy-area[lazy=dialog] > lazy-container div.lazy-content-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
lazy-area[lazy=dialog] > lazy-container div.lazy-dialog-title > i, lazy-area[lazy=dialog] > lazy-container div.lazy-content-title > i {
  font-size: 1.5rem;
}
lazy-area[lazy=dialog] > lazy-container div.lazy-dialog-title h2, lazy-area[lazy=dialog] > lazy-container div.lazy-content-title h2 {
  font-size: 1.2rem;
  font-weight: 900;
  user-select: none;
  pointer-events: none;
  color: var(--title-color-1);
}
lazy-area[lazy=dialog] > lazy-container div.lazy-dialog-title h3, lazy-area[lazy=dialog] > lazy-container div.lazy-content-title h3 {
  font-size: 1.1rem;
  font-weight: 700;
  user-select: none;
  pointer-events: none;
}
lazy-area[lazy=dialog] > lazy-container > span.lazy-resize {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 0.9rem;
  color: var(--text-color-1);
  cursor: se-resize;
}
lazy-area[lazy=dialog] > lazy-container > span.lazy-resize i {
  font-size: inherit;
  color: inherit;
}
lazy-area[lazy=dialog] > lazy-container > span.lazy-resize:hover {
  color: var(--text-color-2);
}
lazy-area[lazy=dialog][pos=center-max] > lazy-container {
  height: 100vh !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
}
lazy-area[lazy=dialog][pos=start-max], lazy-area[lazy=dialog][pos=start] {
  justify-content: flex-start;
}
lazy-area[lazy=dialog][pos=end-max] > lazy-container, lazy-area[lazy=dialog][pos=start-max] > lazy-container {
  height: 100vh !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
}
lazy-area[lazy=dialog][pos=end-max], lazy-area[lazy=dialog][pos=end] {
  justify-content: flex-end;
}
lazy-area[lazy=dialog][data-blur]:after {
  z-index: 0;
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(5px);
  inset: 0;
}

.lazy-drag-on {
  position: absolute !important;
}

.lazy-dialog-draggable,
.lazy-drag-cursor span.alert-draggable {
  cursor: move !important;
}

span.lazy-dialog-draggable {
  height: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

button.lazy-submit-button {
  min-width: 130px;
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
button.lazy-submit-button i[class*=ri-] {
  font-size: 1.2rem;
}
button.lazy-submit-button:focus-visible, button.lazy-submit-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
button.lazy-submit-button[disabled] {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
button.lazy-submit-button span:not(.spinner) {
  line-height: 2;
}
button.lazy-submit-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  button.lazy-submit-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
button.lazy-submit-button {
  background: var(--title-color-2);
  color: white;
  border: 1.5px solid var(--title-color-2);
  font-size: 1rem;
  font-weight: 600;
}
button.lazy-submit-button span.spinner {
  display: none;
}
button.lazy-submit-button.loading-mode {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
button.lazy-submit-button.loading-mode i, button.lazy-submit-button.loading-mode span.button-text {
  display: none;
}
button.lazy-submit-button.loading-mode span.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid var(--primary-lighter-color);
  border-top-color: var(--primary-dark-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
button.lazy-submit-button:hover {
  background: var(--text-color-4);
  border-color: var(--text-color-2);
}
button.lazy-submit-button:active {
  background: var(--text-color-4);
  border-color: var(--text-color-2);
}

button.lazy-cancel-button, lazy-area[lazy=dialog] button.lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button.alert-deny-button {
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
button.lazy-cancel-button i[class*=ri-], lazy-area[lazy=dialog] button.lazy-dialog-deny-button i[class*=ri-],
lazy-wrapper[lazy=alert] button.alert-deny-button i[class*=ri-] {
  font-size: 1.2rem;
}
button.lazy-cancel-button:focus-visible, lazy-area[lazy=dialog] button.lazy-dialog-deny-button:focus-visible,
lazy-wrapper[lazy=alert] button.alert-deny-button:focus-visible, button.lazy-cancel-button:active, lazy-area[lazy=dialog] button.lazy-dialog-deny-button:active,
lazy-wrapper[lazy=alert] button.alert-deny-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
button.lazy-cancel-button[disabled], lazy-area[lazy=dialog] button[disabled].lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button[disabled].alert-deny-button {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
button.lazy-cancel-button span:not(.spinner), lazy-area[lazy=dialog] button.lazy-dialog-deny-button span:not(.spinner),
lazy-wrapper[lazy=alert] button.alert-deny-button span:not(.spinner) {
  line-height: 2;
}
button.lazy-cancel-button *, lazy-area[lazy=dialog] button.lazy-dialog-deny-button *,
lazy-wrapper[lazy=alert] button.alert-deny-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  button.lazy-cancel-button, lazy-area[lazy=dialog] button.lazy-dialog-deny-button,
  lazy-wrapper[lazy=alert] button.alert-deny-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
button.lazy-cancel-button, lazy-area[lazy=dialog] button.lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button.alert-deny-button {
  background: var(--error-color);
  color: white;
  border: 1px solid var(--error-color-dark);
  font-size: 1rem;
  font-weight: 600;
}
button.lazy-cancel-button span.spinner, lazy-area[lazy=dialog] button.lazy-dialog-deny-button span.spinner,
lazy-wrapper[lazy=alert] button.alert-deny-button span.spinner {
  display: none;
}
button.lazy-cancel-button.loading-mode, lazy-area[lazy=dialog] button.loading-mode.lazy-dialog-deny-button,
lazy-wrapper[lazy=alert] button.loading-mode.alert-deny-button {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
button.lazy-cancel-button.loading-mode i, lazy-area[lazy=dialog] button.loading-mode.lazy-dialog-deny-button i,
lazy-wrapper[lazy=alert] button.loading-mode.alert-deny-button i, button.lazy-cancel-button.loading-mode span.button-text, lazy-area[lazy=dialog] button.loading-mode.lazy-dialog-deny-button span.button-text,
lazy-wrapper[lazy=alert] button.loading-mode.alert-deny-button span.button-text {
  display: none;
}
button.lazy-cancel-button.loading-mode span.spinner, lazy-area[lazy=dialog] button.loading-mode.lazy-dialog-deny-button span.spinner,
lazy-wrapper[lazy=alert] button.loading-mode.alert-deny-button span.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid var(--error-color-light);
  border-top-color: var(--error-color-dark);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
button.lazy-cancel-button:active, lazy-area[lazy=dialog] button.lazy-dialog-deny-button:active,
lazy-wrapper[lazy=alert] button.alert-deny-button:active, button.lazy-cancel-button:hover, lazy-area[lazy=dialog] button.lazy-dialog-deny-button:hover,
lazy-wrapper[lazy=alert] button.alert-deny-button:hover {
  background: var(--error-color-light);
  color: var(--error-color);
  border-color: var(--error-color);
}

button.lazy-button {
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
button.lazy-button i[class*=ri-] {
  font-size: 1.2rem;
}
button.lazy-button:focus-visible, button.lazy-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
button.lazy-button[disabled] {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
button.lazy-button span:not(.spinner) {
  line-height: 2;
}
button.lazy-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  button.lazy-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
button.lazy-button {
  background: transparent;
  color: var(--text-color-2);
  border: 1px solid var(--text-color-3);
  font-size: 1rem;
  font-weight: 600;
}
button.lazy-button span.spinner {
  display: none;
}
button.lazy-button.loading-mode {
  pointer-events: none;
  position: relative;
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
button.lazy-button.loading-mode i, button.lazy-button.loading-mode span.button-text {
  display: none;
}
button.lazy-button.loading-mode span.spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid #9b9b9b;
  border-top-color: var(--rich-black);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
button.lazy-button:active, button.lazy-button:hover {
  font-weight: 600;
  background: transparent;
  color: var(--title-color-1);
  border-color: var(--title-color-1);
}
button.lazy-button:hover {
  border-color: var(--background-text-wrapper);
  background-color: var(--background-text-wrapper);
  box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.2);
  color: var(--text-color);
}

button.lazy-text-button {
  cursor: default;
  min-width: max-content;
  width: max-content;
  height: max-content;
  outline: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  border-radius: 99999999px;
  transition: background-color 150ms cubic-bezier(0, 0, 0.58, 1), border 150ms cubic-bezier(0, 0, 0.58, 1), color 150ms cubic-bezier(0, 0, 0.58, 1), transform 150ms cubic-bezier(0, 0, 0.58, 1);
  font-size: 1rem;
  padding: 10px 24px 10px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
button.lazy-text-button i[class*=ri-] {
  font-size: 1.2rem;
}
button.lazy-text-button:focus-visible, button.lazy-text-button:active {
  transform: scale(0.98);
  box-shadow: 5px 5px 5px rgba(223, 223, 223, 0.65);
}
button.lazy-text-button[disabled] {
  background: var(--divider-color-3);
  color: var(--divider-color-1);
  border-color: var(--divider-color-1);
  pointer-events: none;
  user-select: none;
}
button.lazy-text-button span:not(.spinner) {
  line-height: 2;
}
button.lazy-text-button * {
  pointer-events: none;
  user-select: none;
}
@media (max-width: 500px) {
  button.lazy-text-button {
    gap: 4px;
    padding: 8px 14px 8px 18px;
  }
}
button.lazy-text-button {
  padding: 5px 10px;
  position: relative;
  background: transparent;
  color: var(--title-color-1);
  border: none;
  font-size: 1rem;
  font-weight: 700;
  gap: 5px;
}
button.lazy-text-button i[class*=ri-] {
  font-size: 1.1rem !important;
}
button.lazy-text-button span.spinner {
  display: none;
}
button.lazy-text-button.loading-mode {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid transparent;
  background-color: transparent;
  overflow: hidden;
  cursor: pointer;
}
button.lazy-text-button.loading-mode i, button.lazy-text-button.loading-mode span.button-text {
  display: none;
}
button.lazy-text-button.loading-mode span.spinner {
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  border: 4px solid var(--text-color-2);
  border-top-color: var(--secondary-color);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
button.lazy-text-button.span.button-text {
  font-size: 0.9rem;
  font-weight: 600;
  font-family: "ISansX", "bakh", sans-serif;
}
button.lazy-text-button:active, button.lazy-text-button:hover {
  font-weight: 600;
  color: var(--text-color-2);
}
button.lazy-text-button:hover {
  background: var(--background-text-wrapper);
  color: var(--text-color-2);
}

button.modern-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  font-size: 0.95rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
  border: none;
  border-radius: 14px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(37, 117, 252, 0.35);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  min-width: 170px;
  height: 48px;
  /* ========= Hover ========= */
}
button.modern-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(37, 117, 252, 0.45);
}
button.modern-btn:active {
  transform: scale(0.98);
}
button.modern-btn {
  /* ========= Text ========= */
}
button.modern-btn span.button-text {
  transition: all 0.35s ease;
  white-space: nowrap;
}
button.modern-btn {
  /* ========= Icon ========= */
}
button.modern-btn i {
  transition: all 0.35s ease;
}
button.modern-btn {
  /* ========= Loader ========= */
}
button.modern-btn span.loading {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.25);
  border-top-color: #fff;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.4s ease;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
button.modern-btn {
  /* =======================================
     🔥 حالت LOADING حرفه‌ای
  ======================================= */
}
button.modern-btn.submit-loading {
  pointer-events: none;
  cursor: wait;
  /* تبدیل به pill */
  width: 56px;
  min-width: 56px;
  border-radius: 50px;
  padding: 0;
  /* تغییر گرادینت نرم */
  background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
  box-shadow: 0 6px 25px rgba(30, 64, 175, 0.5);
  /* متن محو و بالا بره */
}
button.modern-btn.submit-loading span.button-text {
  opacity: 0;
  transform: translateY(-10px);
}
button.modern-btn.submit-loading {
  /* آیکن محو */
}
button.modern-btn.submit-loading i {
  opacity: 0;
  transform: scale(0.5) rotate(90deg);
}
button.modern-btn.submit-loading {
  /* loader ظاهر شود */
}
button.modern-btn.submit-loading span.loading {
  opacity: 1;
  transform: scale(1);
}

button.modern-btn-scroll {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  min-width: 190px;
  height: 52px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #fff;
  border: none;
  border-radius: 16px;
  cursor: pointer;
  overflow: hidden;
  background: linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.35);
  transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.5s cubic-bezier(0.65, 0.05, 0.36, 1), width 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
  /* Glow Layer */
}
button.modern-btn-scroll::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.25), transparent 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
button.modern-btn-scroll:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.45);
}
button.modern-btn-scroll:hover::before {
  opacity: 1;
}
button.modern-btn-scroll:active {
  transform: scale(0.97);
}
button.modern-btn-scroll {
  /* ==============================
     حفظ کامل ساختار button-text-container
  ============================== */
}
button.modern-btn-scroll div.button-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  min-width: max-content;
  position: relative;
  z-index: 2;
}
button.modern-btn-scroll div.button-text-container span.button-text {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.35s ease;
}
button.modern-btn-scroll div.button-text-container span.button-text.error {
  color: #ffb4b4;
}
button.modern-btn-scroll div.button-text-container span.button-text.active {
  z-index: 1;
  top: 50%;
  opacity: 1;
  transform: translateY(-50%);
}
button.modern-btn-scroll {
  /* ========= Modern Loader ========= */
}
button.modern-btn-scroll span.loading {
  z-index: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #fff;
  opacity: 0;
  transform: scale(0.4) rotate(0deg);
  transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  animation: spin 1s linear infinite;
}
@keyframes spin {
  to {
    transform: scale(1) rotate(360deg);
  }
}
button.modern-btn-scroll {
  /* =======================================
     🔥 حالت LOADING کاملاً جدید
     بدون تغییر ساختار text-container
  ======================================= */
}
button.modern-btn-scroll.submit-loading {
  pointer-events: none;
  cursor: wait;
  border-radius: 120px;
  padding-left: 0;
  padding-right: 0;
  background: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);
  box-shadow: 0 15px 45px rgba(14, 165, 233, 0.55);
  /* subtle breathing animation */
  animation: breathing 2s ease-in-out infinite;
}
button.modern-btn-scroll.submit-loading span.loading {
  opacity: 0.5;
  transform: scale(1);
}
@keyframes breathing {
  0% {
    box-shadow: 0 15px 45px rgba(30, 58, 138, 0.45);
  }
  50% {
    box-shadow: 0 20px 55px rgba(30, 58, 138, 0.65);
  }
  100% {
    box-shadow: 0 15px 45px rgba(30, 58, 138, 0.45);
  }
}

a.modern-btn-default,
button.modern-btn-default {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #333; /* رنگ متن تیره برای خوانایی روی سفید */
  background-color: #ffffff;
  border: 2px solid #e0e0e0; /* border ظریف خاکستری */
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  outline: none;
  position: relative;
  letter-spacing: -0.2px;
  overflow: hidden;
}
a.modern-btn-default:hover,
button.modern-btn-default:hover {
  border-color: #2575fc;
  box-shadow: 0 6px 18px rgba(37, 117, 252, 0.15);
  transform: translateY(-2px);
  scale: 1.02;
  color: #2575fc;
}
a.modern-btn-default:active,
button.modern-btn-default:active {
  transform: translateY(0);
  scale: 1;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
a.modern-btn-default::after,
button.modern-btn-default::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: rotate(45deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
a.modern-btn-default:hover::after,
button.modern-btn-default:hover::after {
  opacity: 1;
}
a.modern-btn-default i,
button.modern-btn-default i {
  font-size: 18px;
  color: #555;
  transition: all 0.3s ease;
}
a.modern-btn-default:hover i,
button.modern-btn-default:hover i {
  transform: rotate(90deg);
  color: #2575fc;
}
a.modern-btn-default .button-text,
button.modern-btn-default .button-text {
  transition: color 0.3s ease;
}

button.modern-btn-cancel {
  justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #d32f2f; /* قرمز ملایم */
  background-color: #fff5f5; /* پس‌زمینه قرمز خیلی روشن */
  border: 2px solid #f0caca; /* border قرمز روشن */
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.07);
  transition: all 0.3s ease;
  outline: none;
  position: relative;
  letter-spacing: -0.2px;
  overflow: hidden;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
button.modern-btn-cancel:hover {
  border-color: #d32f2f;
  box-shadow: 0 6px 18px rgba(211, 47, 47, 0.18);
  transform: translateY(-1px) scale(1.025);
  color: #fff;
  background: #d32f2f;
}
button.modern-btn-cancel:active {
  transform: translateY(0) scale(1);
  box-shadow: 0 2px 8px rgba(211, 47, 47, 0.1);
}
button.modern-btn-cancel::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(211, 47, 47, 0.12), transparent);
  transform: rotate(45deg);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}
button.modern-btn-cancel:hover::after {
  opacity: 1;
}
button.modern-btn-cancel i.btn-icn {
  font-size: 18px;
  color: #d32f2f;
  transition: all 0.3s ease;
}
button.modern-btn-cancel:hover i.btn-icn {
  color: #fff;
  transform: rotate(-90deg);
}
button.modern-btn-cancel .button-text {
  transition: color 0.3s ease;
}
button.modern-btn-cancel span.loading {
  display: none;
  animation: spin 1s linear infinite;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 3px solid var(--color-primary-100);
  border-bottom-color: var(--color-info-700);
}
button.modern-btn-cancel[submit-loading] {
  width: max-content;
  gap: 15px;
}
button.modern-btn-cancel[submit-loading] i {
  display: none;
}
button.modern-btn-cancel[submit-loading] span.loading {
  display: block;
}

div.dropDown-menu {
  display: block;
  z-index: 1;
  width: max-content;
  min-width: 150px;
  height: max-content;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--context-menu-background);
  box-shadow: var(--context-menu-box-shadow-2);
  padding: 8px;
  border-radius: 8px;
  overflow: auto;
}
div.dropDown-menu ul {
  min-width: max-content;
  min-height: max-content;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
div.dropDown-menu ul li {
  z-index: var(--z-index-drop-down);
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  transition: background ease-in-out 150ms;
  height: max-content;
  cursor: pointer;
}
div.dropDown-menu ul li:not(.ser-item-desc) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--text-color-3);
  font-size: 1rem;
  font-weight: 400;
}
div.dropDown-menu ul li:not(.ser-item-desc) p {
  user-select: none;
  pointer-events: none;
  font-size: inherit;
  font-weight: inherit;
  color: var(--text-color-2);
  margin: 0;
  padding-right: 10px;
}
div.dropDown-menu ul li.ser-item-desc {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon title" "icon desc";
  gap: 10px;
}
div.dropDown-menu ul li.ser-item-desc h2 {
  grid-area: title;
  min-width: max-content;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  color: var(--title-color-3);
}
div.dropDown-menu ul li.ser-item-desc span {
  grid-area: icon;
  font-size: 1.4rem;
  color: var(--title-color-3);
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc {
  grid-area: desc;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p {
  min-width: max-content;
  margin: 0;
  color: var(--text-color-2);
  font-size: 0.8rem;
  font-weight: 300;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p span {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p span:nth-child(1) {
  color: var(--text-color-2);
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p span:nth-child(2) {
  color: inherit;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p.desc-success {
  color: var(--success-color-2) !important;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p.desc-error {
  color: var(--error-color) !important;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p.desc-warning {
  color: var(--warning-color) !important;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p.desc-info {
  color: var(--info-color) !important;
}
div.dropDown-menu ul li.ser-item-desc div.ser-desc p:not(:last-child):before {
  font-family: "ricon", serif !important;
  font-size: 1.6rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
  transition: color 0.3s ease-in-out;
  content: "\f3c1";
  font-size: 0.4rem;
  color: var(--divider-color-3);
  margin: 0 12px;
}
div.dropDown-menu ul li:disabled * {
  color: rgba(229, 229, 229, 0.76) !important;
  pointer-events: none;
}
div.dropDown-menu ul li:hover {
  background: rgb(245, 245, 250);
  color: var(--title-color-3);
  font-weight: 500;
}
div.dropDown-menu ul li:hover p {
  color: inherit;
}
div.dropDown-menu ul li:active {
  background: var(--menu-more-active-background);
  transform: scale(0.95);
}
div.dropDown-menu.menu-more-customer {
  transform: translateY(-30px);
}
div.dropDown-menu.menu-more-customer li {
  min-width: 200px;
}
div.dropDown-menu.search-mode, div.dropDown-menu.select-options {
  z-index: 100;
  display: none;
  position: absolute;
  pointer-events: all;
  overflow: auto;
}
div.dropDown-menu.search-mode[hide-able], div.dropDown-menu.select-options[hide-able] {
  display: block;
}
div.dropDown-menu.relative-mode {
  position: relative;
  inset: 0 !important;
  top: unset !important;
  left: unset !important;
  overflow: unset !important;
  box-shadow: none;
  height: max-content !important;
  max-height: max-content !important;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-blue-100);
}
div.dropDown-menu.relative-mode ul li:not(:last-child) {
  border-bottom: 1px solid var(--color-blue-100);
}

@media only screen and (max-width: 600px) {
  div.select-input-dropdown:after {
    content: "";
    backdrop-filter: blur(2px);
    width: 100vw;
    height: 100dvh;
    position: fixed;
    inset: 0 !important;
    margin: auto;
    z-index: 0;
  }
  div.select-input-dropdown {
    inset: 0 !important;
    margin: auto;
    max-width: 99wv;
    max-height: 98dvh;
    overflow: auto;
  }
  div.select-input-dropdown ul {
    z-index: 1;
  }
}

span[status-type] {
  min-width: max-content;
  width: max-content;
  user-select: none;
  text-align: center;
  background: var(--text-color-1);
  padding: 3px 8px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 6px;
  color: var(--text-color);
  border: 1px solid var(--text-color-3);
}
span[status-type] i {
  user-select: none;
  pointer-events: none;
  color: inherit;
}
span[status-type][status-type=error] {
  border: 1px solid #fdd4dc;
  background: #fce5ea;
  color: #af0b50;
}
span[status-type][status-type=warning] {
  border: 1px solid var(--warning-color);
  background: var(--warning-color-light);
  color: var(--warning-color);
}
span[status-type][status-type=success] {
  border: 1px solid #a5efdf;
  background: #ccfbf1;
  color: #16786f;
}
span[status-type][status-type=info] {
  border: 1px solid var(--info-color);
  background: var(--info-color-light);
  color: var(--info-color);
}
span[status-type][status-type=yellow] {
  border: 1px solid #f2eaa6;
  background: #fdf7c2;
  color: #a5671e;
}
span[status-type][status-type=purple] {
  border: 1px solid #f6d5ff;
  background: #f9e7ff;
  color: #9e1bac;
}
span[status-type][status-type=gray] {
  border: 1px solid var(--gray-color-dark);
  background: var(--gray-color-light);
  color: var(--gray-color);
}

span[status-dot] {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: max-content;
  width: max-content;
  gap: 5px;
  user-select: none;
  text-align: center;
  background: transparent;
  padding: 3px 8px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 6px;
  color: var(--text-color);
  border: 1px solid var(--text-color-3);
}
span[status-dot]:before {
  content: "";
  background: var(--divider-color-2);
  width: 8px;
  height: 8px;
  border-radius: 66px;
}
span[status-dot][status-dot=error]:before {
  background: #af0b50;
}
span[status-dot][status-dot=warning]:before {
  background: var(--warning-color);
}
span[status-dot][status-dot=success]:before {
  background: #16786f;
}
span[status-dot][status-dot=info]:before {
  background: var(--info-color);
}
span[status-dot][status-dot=yellow]:before {
  background: #a5671e;
}
span[status-dot][status-dot=purple]:before {
  background: #9e1bac;
}

span[button-icon] {
  font-size: 1rem;
  background: transparent;
  display: flex;
  border-radius: 4px;
  transition: background ease-in-out 150ms;
  padding: 4px 6px;
  cursor: pointer;
}
span[button-icon][button-icon=delete] {
  color: var(--error-color);
}
span[button-icon][button-icon=edit] {
  color: var(--info-color);
}
span[button-icon][button-icon=def] {
  color: var(--gray-color);
}
span[button-icon] i {
  font-size: 1.25rem;
  color: inherit;
}
span[button-icon]:hover {
  color: var(--text-color);
  background: var(--background-text-wrapper);
  border-radius: 4px;
}

div.data-table {
  width: 100%;
  height: max-content;
  min-width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
}
@media only screen and (max-width: 500px) {
  div.data-table {
    padding: 5px 10px 20px;
  }
}
div.data-table > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  background: white;
}
@media only screen and (max-width: 500px) {
  div.data-table > div {
    padding: 10px 0;
  }
}
div.data-table div.table-toolbar {
  min-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: flex-end;
}
div.data-table div.table-toolbar ul {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--text-color-4);
}
div.data-table div.table-toolbar ul li {
  font-size: 1rem;
  background: transparent;
  display: flex;
  transition: background ease-in-out 150ms;
  cursor: pointer;
}
div.data-table div.table-toolbar ul li > a > i, div.data-table div.table-toolbar ul li > i {
  padding: 4px 6px;
  border-radius: 4px;
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}
div.data-table div.table-toolbar ul li:hover > a > i, div.data-table div.table-toolbar ul li:hover > i {
  transform: rotate(90deg);
  color: var(--text-color);
}
div.data-table div.table-toolbar ul li:hover {
  background: var(--background-text-wrapper);
}
@media only screen and (max-width: 500px) {
  div.data-table div.table-toolbar {
    align-self: self-start;
  }
}
div.data-table div.table-header {
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 20px;
}
@media only screen and (max-width: 500px) {
  div.data-table div.table-header {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 500px) {
  div.data-table div.table-header div.header-title {
    flex-direction: column;
  }
  div.data-table div.table-header div.header-title div.table-toolbar {
    align-self: unset !important;
  }
}
div.data-table div.table-header div.header-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
div.data-table div.table-header div.header-title h2 {
  min-width: max-content;
  flex-grow: 1;
  font-size: 1.5rem;
  font-weight: 900;
  font-family: "ISansX", sans-serif;
  color: var(--title-color-2);
}
div.data-table div.table-header div.header-message {
  width: 100%;
}
div.data-table div.table-header div.header-message > div, div.data-table div.table-header div.header-message p {
  text-align: justify;
  font-size: 1rem;
  margin: 0;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 400;
  color: var(--text-color-4);
}
div.data-table div.table-tabs {
  color: var(--text-color-5);
  margin: 0;
  padding: 10px 25px 0;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  overflow: auto;
}
@media only screen and (max-width: 600px) {
  div.data-table div.table-tabs {
    justify-content: unset;
  }
}
div.data-table div.table-tabs > ul {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: unset;
  gap: 10px;
  color: inherit;
  margin: 0;
  padding-bottom: 8px;
}
div.data-table div.table-tabs > ul li {
  min-width: max-content;
  font-size: 1rem;
  background: transparent;
  display: flex;
  transition: background ease-in 80ms, padding ease-in 100ms, trasform ease-in 150ms;
  padding: 4px 4px 0;
  cursor: pointer;
  margin: 0;
  user-select: none;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 400;
  position: relative;
  border: 1px solid transparent;
}
div.data-table div.table-tabs > ul li * {
  user-select: none;
  pointer-events: none;
}
div.data-table div.table-tabs > ul li:hover {
  color: var(--text-color);
  padding: 4px 15px;
  transform: scale(1.1);
}
div.data-table div.table-tabs > ul li.tab-active {
  color: var(--text-color);
  padding: 5px 20px;
  font-weight: 500;
  pointer-events: none;
}
div.data-table div.table-tabs > ul li.tab-active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--primary-dark-color);
  bottom: -9px;
  left: 0;
  right: 0;
}
div.data-table div.table-result {
  border-top: 1px solid var(--divider-color-2);
  padding: 5px 15px;
  margin-top: -3px;
}
div.data-table div.table-result > ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  color: inherit;
  margin: 0;
  flex-grow: 1;
  padding: 10px 0 0;
}
div.data-table div.table-result > ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: max-content;
  font-size: 0.9rem;
  color: var(--text-color);
  gap: 8px;
  margin: 0;
  user-select: none;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 600;
}
div.data-table div.table-result > ul li p:nth-child(1) {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--text-color-1);
}
div.data-table div.table-result > ul li * {
  user-select: none;
  pointer-events: none;
}
div.data-table div.table-result > ul li:not(li:last-child):after {
  content: "";
  background: var(--divider-color-2);
  width: 6px;
  height: 6px;
  border-radius: 16px;
}
div.data-table div.table-result > div.table-toolbar li {
  padding: 4px 6px 0;
}
div.data-table div.lazy-table-wrapper {
  width: calc(100% - 20px);
  background: var(--table-background);
  border-radius: 10px;
  padding: 0;
}
@media (max-width: 600px) {
  div.data-table div.lazy-table-wrapper {
    width: 100%;
    box-shadow: none;
    overflow: unset;
  }
}
div.data-table div.lazy-table {
  margin: 20px auto auto auto;
  overflow: hidden;
  backdrop-filter: blur(10px);
}
@media (max-width: 600px) {
  div.data-table div.lazy-table {
    width: 100%;
    box-shadow: none;
    overflow: unset;
  }
}
div.data-table div.lazy-table table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  display: table;
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table {
    display: block;
    box-shadow: none;
  }
}
div.data-table div.lazy-table table tr {
  width: 100%;
}
div.data-table div.lazy-table table tr td, div.data-table div.lazy-table table tr th {
  white-space: pre-line;
  text-align: center;
  padding: 14px 5px;
}
div.data-table div.lazy-table table tr th {
  font-size: 0.8rem;
  color: var(--text-color-4);
  font-weight: 600;
  user-select: none;
}
div.data-table div.lazy-table table tr td {
  font-size: 0.9rem;
  color: var(--text-color-2);
  font-weight: 500;
  user-select: none;
  position: relative;
}
div.data-table div.lazy-table table tr td.bold {
  color: var(--text-color);
  font-size: 1rem;
  font-weight: 700;
}
div.data-table div.lazy-table table tr td > div.td-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
div.data-table div.lazy-table table tr.lazy-new-item {
  background-image: linear-gradient(to right, #fff, #fdfeff, #f7feff, #f1ffff, #ecfffe, #e9fffb, #e7fff7, #e6fff2, #e2fff0, #dfffee, #dbffec, #d8ffea);
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tr.lazy-separator {
    width: 100%;
    display: block;
  }
}
div.data-table div.lazy-table table tr.lazy-separator td div {
  background: var(--divider-color-4);
  border-radius: 25px;
  width: max-content;
  padding: 5px 10px;
  margin: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tr.lazy-separator td div {
    width: 100%;
    display: block;
  }
}
div.data-table div.lazy-table table tr.lazy-separator td div p {
  margin: 0 5px;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--text-color-2);
}
div.data-table div.lazy-table table tr.lazy-separator td div span {
  width: 30px;
  flex-grow: 1;
  height: 1px;
  border-top: 1px solid var(--text-color-3);
}
div.data-table div.lazy-table table thead tr {
  border-bottom: 1px dashed var(--divider-color-2);
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table thead {
    display: none;
  }
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tbody {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
  }
}
div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) {
  border-top: 1px solid var(--divider-color-3);
  border-bottom: 1px solid var(--divider-color-3);
}
div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator):first-child {
  border-top: none;
}
div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator):hover {
  background-color: var(--table-tr-background-hover);
  box-shadow: inset 0 10px 30px rgba(163, 163, 163, 0.2);
  color: var(--text-color);
}
div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator):active {
  background: var(--table-tr-background-hover);
  transform: scale(0.999);
}
div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) {
  margin-top: -1px;
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) {
    background: white;
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 10px 15px;
    border: 1px solid var(--divider-color-3);
  }
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator):hover {
    background: var(--table-tr-background-small-hover);
  }
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator):hover td {
    background: var(--table-tr-background-small-hover);
  }
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) td {
    min-width: 100%;
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2px;
    padding: 5px;
    text-align: right;
  }
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) td:nth-child(2n) {
    background: var(--table-tr-background-small-hover);
  }
  div.data-table div.lazy-table table tbody tr:not(.get-more, .lazy-separator) td::before {
    content: attr(data-label);
    width: max-content;
    color: var(--text-color-4);
    font-weight: 600;
    user-select: none;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
  }
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tbody tr.get-more {
    width: 100%;
    display: block;
  }
}
div.data-table div.lazy-table table tbody tr.get-more td {
  padding: 30px 0;
}
@media (max-width: 600px) {
  div.data-table div.lazy-table table tbody tr.get-more td {
    width: 100%;
    display: block;
  }
}
div.data-table div.lazy-table table tbody tr.get-more td button {
  margin: auto;
}
div.data-table div.lazy-table table tbody tr.get-more td.new-loaded {
  padding: 10px 0;
}
div.data-table div.lazy-table table tbody tr.get-more td.new-loaded p {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-color-1);
  font-weight: 400;
  user-select: none;
}
div.data-table div.lazy-table table tbody tr.get-more td.new-loaded button {
  display: none;
}
div.data-table div.lazy-table table tbody > td.details-wrapper {
  transition: ease-in 150ms;
  width: 100%;
  height: max-content;
  display: table-cell;
  padding: 10px 0;
}
div.data-table div.lazy-table table tbody > td.details-wrapper div, div.data-table div.lazy-table table tbody > td.details-wrapper p {
  white-space: pre-line;
  width: 100%;
  text-align: justify;
  margin: 0;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--text-color-2);
  background: var(--divider-color-4);
  border-radius: 15px;
  padding: 20px;
}
div.data-table .table-functions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
div.data-table .table-functions span {
  color: var(--text-color-1);
}
div.data-table .table-functions span i {
  color: inherit;
  user-select: none;
  pointer-events: none;
}
div.data-table .table-functions span:hover {
  color: var(--title-color-2);
}
div.data-table .table-functions span:hover i[class=ri-delete-bin-line] {
  color: var(--error-color);
}
div.data-table .table-functions span:hover i[class=ri-edit-line] {
  color: var(--gray-color);
}

table.thead-sticky {
  transition: display 0.2s ease-in-out;
}
@media (max-width: 600px) {
  table.thead-sticky {
    display: none !important;
  }
}
table.thead-sticky {
  width: calc(100% - 20px);
  margin: auto;
  max-width: 100%;
  border-collapse: collapse;
  display: table;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.99;
}
table.thead-sticky thead tr {
  box-shadow: 0 5px 10px #f7f4f4;
  width: 100%;
}
table.thead-sticky thead tr th {
  background: var(--title-color-2);
  color: white;
}
table.thead-sticky thead tr th:first-child {
  border-radius: 0 10px 0 0;
}
table.thead-sticky thead tr th:last-child {
  border-radius: 10px 0 0 0;
}
table.thead-sticky thead tr th {
  text-align: center;
  padding: 14px 5px;
  font-size: 0.8rem;
  font-weight: 600;
  user-select: none;
}

div.loading-gradient {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 4px;
  background: linear-gradient(to right, #9000ff, #8900ff, #8100ff, #7900ff, #7000ff, #bc00e2, #e500c6, #ff00af, #ff2a7f, #ff6651, #ff9a24, #ffc700);
  background-size: 200% 100%;
  animation: loading 4s infinite alternate-reverse;
}
div.loading-gradient::before {
  content: ""; /* Required for pseudo-elements */
  position: absolute; /* Position absolutely within the loading bar */
  top: 0;
  left: 0;
  width: 200%; /* Make it wide enough to create multiple stripes */
  height: 100%; /* Full height of the loading bar */
  background: repeating-linear-gradient(85deg, transparent, transparent 12px, rgba(255, 255, 255, 0.5) 6px, rgba(255, 255, 255, 0.5) 15px);
  transform: skewX(-20deg); /* Skew the stripes to make them italicized */
  animation: slide 30s infinite linear; /* Slide the stripes */
}

@keyframes slide {
  0% {
    transform: translateX(-50%) skewX(-20deg); /* Start off-screen */
  }
  100% {
    transform: translateX(0%) skewX(-20deg); /* Move across the screen */
  }
}
@keyframes loading {
  0% {
    background-position: 0 50%; /* Start position of the gradient */
  }
  100% {
    background-position: 100% 50%; /* End position of the gradient */
  }
}
div.divider-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  flex-wrap: nowrap;
}
div.divider-text p {
  min-width: max-content;
  flex-grow: 1;
  color: var(--text-color-1);
  font-weight: 500;
  font-size: 0.7rem;
  margin: 0;
}
div.divider-text hr {
  color: var(--color-gray-400);
}

div.heading-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  padding: 25px 0;
}
div.heading-title h2 {
  min-width: max-content;
  flex-grow: 1;
  color: var(--title-color-2);
  font-weight: 700;
  font-size: 1rem;
  margin: 0;
}
div.heading-title hr {
  color: var(--divider-color-1);
  background: var(--divider-color-1);
}

div.lazy-error-warm {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  border-radius: 6px;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(248, 215, 218, 0.5);
}
div.lazy-error-warm p {
  flex: 1;
  font-size: 0.8rem;
  text-align: center;
  color: #842029;
}

div.lazy-success-warm {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: var(--success-color-light);
  border: 1px solid var(--success-color);
  border-radius: 6px;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(215, 248, 222, 0.5);
}
div.lazy-success-warm p {
  font-size: 0.8rem;
  text-align: center;
  color: var(--success-color);
}

div.lazy-error-warm-fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
  border-radius: 6px;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(248, 215, 218, 0.5);
  z-index: 1000;
}
div.lazy-error-warm-fixed p {
  flex: 1;
  font-size: 0.8rem;
  text-align: center;
  color: #842029;
}
div.lazy-error-warm-fixed {
  position: fixed;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  max-width: 100vw;
  z-index: 1000;
}
div.lazy-error-warm-fixed p {
  flex: 1;
}
div.lazy-error-warm-fixed span {
  font-size: 1.2rem;
}
div.lazy-error-warm-fixed span:hover {
  color: var(--color-purple-500);
}

div.lazy-success-warm-fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px;
  background-color: var(--success-color-light);
  border: 1px solid var(--success-color);
  border-radius: 6px;
  max-width: 100%;
  box-shadow: 0 2px 8px rgba(215, 248, 222, 0.5);
}
div.lazy-success-warm-fixed p {
  font-size: 0.8rem;
  text-align: center;
  color: var(--success-color);
}
div.lazy-success-warm-fixed {
  position: fixed;
  top: 4px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100vw;
  max-width: 100vw;
  z-index: 1000;
}
div.lazy-success-warm-fixed p {
  flex: 1;
}
div.lazy-success-warm-fixed span {
  font-size: 1.2rem;
}
div.lazy-success-warm-fixed span:hover {
  color: var(--color-purple-500);
}

.ltr input {
  direction: ltr !important;
}

.model-blur {
  position: fixed;
  bottom: 10px;
  left: 5px;
  right: 5px;
  margin: 0 auto;
  width: calc(100% - 10px);
  box-sizing: border-box;
  border-radius: 18px;
  border: 0.5px solid #d8d8d8;
  background-color: rgba(255, 255, 255, 0.7);
  overflow: hidden;
  padding: 21px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px) saturate(5);
  -webkit-backdrop-filter: blur(20px) saturate(5);
  animation: fadeIn 150ms;
  max-height: 90%;
  transition: width 150ms, height 150ms;
}

.simple-button {
  min-height: 42px;
  border-radius: 500px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0.9;
  border: 1px solid var(--primary-color);
  box-sizing: border-box;
  cursor: pointer;
  filter: brightness(100%);
  flex-shrink: 0;
  font-family: inherit;
  text-align: center;
  padding: 6px;
  transition: filter 150ms, background-color 150ms;
}
.simple-button:hover {
  background-color: var(--color-primary-400);
}

button.button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: 1px solid var(--color-primary-100);
  cursor: pointer;
  filter: brightness(100%);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  font-size: 1.5rem;
  color: var(--color-primary-400);
}
button.button-icon iconify-icon {
  font-size: inherit;
}
button.button-icon:hover {
  border-color: var(--color-primary-300);
  color: var(--color-primary-600);
}
button.button-icon:focus {
  border-color: var(--color-primary-500);
}

button.button-toggle-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  border: none;
  cursor: pointer;
  filter: brightness(100%);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  font-size: 1.5rem;
  color: var(--color-primary-400);
}
button.button-toggle-icon iconify-icon {
  font-size: inherit;
}
button.button-toggle-icon:hover {
  color: var(--color-primary-600);
}
button.button-toggle-icon:focus {
  border-color: var(--color-primary-500);
}

.custom-table-thead {
  background-color: var(--color-info-50);
}
.custom-table-thead th {
  color: var(--color-info-700);
}

#power-grid-table-base {
  font-size: 14px;
}

div.lazy-table thead {
  background: transparent !important;
  box-shadow: none !important;
}
div.lazy-table thead th {
  font-size: 0.8rem;
  color: var(--text-color-4) !important;
  font-weight: 600;
  user-select: none;
}
div.lazy-table thead tr {
  border-bottom: 1px dashed var(--divider-color-2);
}
div.lazy-table tbody tr {
  border-top: 1px solid var(--divider-color-3);
  border-bottom: 1px solid var(--divider-color-3);
}
div.lazy-table tbody tr:first-child {
  border-top: none;
}
div.lazy-table tbody tr:hover {
  background-color: var(--table-tr-background-hover);
  box-shadow: inset 0 10px 30px rgba(163, 163, 163, 0.2);
  color: var(--text-color);
}
div.lazy-table tbody tr:active {
  background: var(--table-tr-background-hover);
  transform: scale(0.999);
}
div.lazy-table tbody tr {
  margin-top: -1px;
}
@media (max-width: 600px) {
  div.lazy-table tbody tr {
    background: white;
    width: 100%;
    display: block;
    border-radius: 0;
    padding: 10px 15px;
    border: 1px solid var(--divider-color-3);
  }
  div.lazy-table tbody tr:hover {
    background: var(--table-tr-background-small-hover);
  }
  div.lazy-table tbody tr:hover td {
    background: var(--table-tr-background-small-hover);
  }
}
@media (max-width: 600px) {
  div.lazy-table tbody tr td {
    min-width: 100%;
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2px;
    padding: 5px;
    text-align: right;
  }
  div.lazy-table tbody tr td:nth-child(2n) {
    background: var(--table-tr-background-small-hover);
  }
  div.lazy-table tbody tr td::before {
    content: attr(data-label);
    width: max-content;
    color: var(--text-color-4);
    font-weight: 600;
    user-select: none;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20ch;
  }
}

div.table-functions {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.2rem;
  gap: 8px;
}
div.table-functions a, div.table-functions span {
  color: var(--text-color-1);
}
div.table-functions a i, div.table-functions span i {
  font-size: inherit;
  color: inherit;
  user-select: none;
  pointer-events: none;
}
div.table-functions a:hover, div.table-functions span:hover {
  color: var(--title-color-2);
}
div.table-functions a:hover i[class=ri-delete-bin-line], div.table-functions span:hover i[class=ri-delete-bin-line] {
  color: var(--error-color);
}
div.table-functions a:hover i[class=ri-edit-line], div.table-functions span:hover i[class=ri-edit-line] {
  color: var(--gray-color);
}

.text-style {
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--text-color-2);
}
.text-style.bold {
  font-weight: 600;
  font-size: 1rem;
  color: var(--title-color-2);
}

th.th-table-lw {
  text-align: start;
  font-size: 0.8rem;
  color: var(--text-color-4) !important;
  font-weight: 400;
  user-select: none;
  padding: 10px 15px;
}
th.th-table-lw button {
  color: inherit !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  text-align: inherit !important;
}

td.td-table-lw {
  padding: 10px 15px 10px 8px;
  font-size: 0.9rem;
  color: var(--text-color-2);
  font-weight: 500;
  user-select: none;
  position: relative;
}
td.td-table-lw.font-bold {
  font-weight: 600;
}

select#table-perPage {
  padding: 10px 15px;
}

div.rounded-md.shadow-sm:has(input.search-input-table) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  transition: display 0.3s ease-in, height 0.3s ease-in, padding 0.3s ease-in;
  border-radius: 10px;
  padding: 5px 10px 0;
  background: var(--divider-color-3);
  border: 2px solid var(--divider-color-3);
}
div.rounded-md.shadow-sm:has(input.search-input-table) input {
  border: none;
  flex-grow: 1;
  padding: 2px;
  outline: none;
  background: none;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--text-color);
  max-width: 100%;
}
div.rounded-md.shadow-sm:has(input.search-input-table) input + div div {
  padding: 4px;
}

div.table-toggle-row {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
div.table-toggle-row p {
  font-size: 0.9rem;
  color: var(--text-color-2);
  font-weight: 500;
  user-select: none;
  position: relative;
}

div.popup-summary {
  width: 550px;
  height: max-content;
  margin: auto;
  position: fixed;
  inset: 0;
  overflow: auto;
  z-index: 1000;
}
@media only screen and (max-width: 500px) {
  div.popup-summary {
    width: 100vw;
    min-height: 100vh;
  }
}
div.popup-summary {
  box-sizing: border-box;
  border-radius: 18px;
  border: 0.5px solid #d8d8d8;
  padding: 25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px) saturate(5);
  -webkit-backdrop-filter: blur(20px) saturate(5);
  animation: fadeIn 150ms;
  max-height: 90%;
  transition: width 150ms, height 150ms;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  gap: 15px;
}
div.popup-summary div.summary-title {
  width: 100%;
}
div.popup-summary div.summary-title h2 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--color-primary-500);
}
div.popup-summary div.summary-text {
  line-height: 2rem;
  width: 100%;
  padding: 10px 0;
  text-align: justify;
  font-size: 1rem;
  margin: 0;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 400;
  color: var(--text-color-4);
}
div.popup-summary div.summary-det {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 8px;
  flex-direction: column;
}
div.popup-summary div.summary-det P {
  width: 100%;
  text-align: start;
  font-size: 0.8rem;
  margin: 0;
  font-family: "bakh", "ISansX", sans-serif;
  font-weight: 400;
  color: var(--text-color-4);
}

div.processing-loader {
  display: none;
  backdrop-filter: blur(2px);
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 100;
}
div.processing-loader span.pro-spinner {
  display: block;
  width: 100px;
  height: 100px;
  border: 4px solid #9b9b9b;
  border-top-color: var(--rich-black);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div.processing-loader.show-loader {
  display: flex;
}
div.processing-loader span.close-loader {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 2rem;
  color: var(--text-color-1);
  z-index: 1;
}
div.processing-loader span.close-loader:hover {
  color: var(--error-color);
}

div.livewire-lazy-datatable {
  width: 100%;
  height: max-content;
  background: white;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 15px;
}
div.livewire-lazy-datatable div.datatable-toolbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
div.livewire-lazy-datatable div.datatable-toolbar div.datatable-sort-per {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.livewire-lazy-datatable div.datatable-rows-grid {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 6px;
  border: 1px solid var(--divider-color-2);
  box-shadow: 1px 1px 2px rgba(241, 241, 241, 0.32);
}
div.livewire-lazy-datatable div.datatable-rows-grid > div:not(:last-child) {
  border-bottom: 1px solid rgba(241, 241, 241, 0.32);
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows {
  background: white;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  padding: 10px;
  transition: background-color ease-in-out 200ms;
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows.cursor-pointer {
  cursor: pointer;
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows.copyable span {
  user-select: unset !important;
  pointer-events: unset !important;
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows span.cell-text, div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows span.head-cell-text {
  user-select: none;
  pointer-events: none;
  width: 100%;
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows:not(.table-thead):hover {
  background-color: var(--color-primary-50);
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-rows:not(.table-thead):hover span {
  color: var(--color-primary-700);
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-thead {
  border-radius: 6px 6px 0 0;
  background: var(--gray-color-light);
  padding: 15px 10px;
}
div.livewire-lazy-datatable div.datatable-rows-grid div.table-footer {
  width: 100%;
  padding: 10px;
}
div.livewire-lazy-datatable div.datatable-rows-grid .head-cell-text {
  font-size: 0.8rem;
  color: #29444B;
  font-weight: 500;
}
div.livewire-lazy-datatable div.datatable-rows-grid .cell-text {
  font-size: 0.9rem;
  color: var(--text-color-2);
}
div.livewire-lazy-datatable div.datatable-rows-grid .cell-text-bold {
  font-size: 1rem;
  color: var(--text-color-2);
  font-weight: 500;
}
div.livewire-lazy-datatable div.datatable-rows-grid .truncate {
  overflow: hidden;
  white-space: nowrap;
}

.disable-elements {
  pointer-events: none !important;
  user-select: none !important;
  opacity: 0.9;
}
.disable-elements * {
  pointer-events: none !important;
  user-select: none !important;
  opacity: 0.9;
}

body {
  --tw-bg-opacity: 1 !important;
  direction: rtl;
}
body:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("/assets/svg/pattern-1.svg");
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.01;
  background-size: cover;
}
body {
  width: 100vw;
  height: 100vh;
}
@media (max-width: 599px) {
  body {
    height: 100dvh;
  }
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: radial-gradient(circle at top left, rgba(255, 255, 255, 0.9) 0%, rgba(240, 240, 255, 0.9) 35%, rgba(230, 240, 255, 0.9) 60%, rgb(245, 245, 245) 100%);
}

div.form-wrapper {
  width: 900px;
  max-height: 100vh;
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "form image";
  justify-items: center;
  align-items: center;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.15); /* پس‌زمینه نیمه شفاف */ /* گوشه‌های گرد */
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); /* سایه نرم */
  backdrop-filter: blur(10px); /* بلور پشت المان */
  -webkit-backdrop-filter: blur(10px); /* برای Safari */
  border: 1px solid rgba(255, 255, 255, 0.3); /* بوردر شیشه‌ای */
}
div.form-wrapper div.image-container {
  grid-area: image;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.form-wrapper div.image-container img {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  object-fit: cover;
  border-radius: calc(1rem + 20px);
}
div.form-wrapper div.form-container {
  grid-area: form;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  padding: 10px 20px;
  max-height: 100%;
}
div.form-wrapper div.form-container > div.title-icon {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  padding: 20px 10px 30px;
  gap: 15px;
  align-items: center;
  justify-content: center;
}
div.form-wrapper div.form-container > div.title-icon img {
  width: 60px;
  height: auto;
  object-fit: cover;
}
div.form-wrapper div.form-container > div.title-icon > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: flex-start;
}
div.form-wrapper div.form-container > div.title-icon > div h2 {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 900;
  color: var(--title-color-1);
}
div.form-wrapper div.form-container > div.title-icon > div p {
  color: var(--text-color-1);
  font-weight: 500;
  font-size: 0.9rem;
  margin: 0;
}
div.form-wrapper div.form-container > div.form-input {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
div.form-wrapper div.form-container > div.form-input > div.welcome-text {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}
div.form-wrapper div.form-container > div.form-input > div.welcome-text h3 {
  font-size: 1rem;
  margin: 0;
  font-weight: 700;
  color: var(--title-color-2);
}
div.form-wrapper div.form-container > div.form-input > div.welcome-text p {
  color: var(--text-color-1);
  font-weight: 500;
  font-size: 0.8rem;
  margin: 0;
}
div.form-wrapper div.form-container > div.form-input > form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
@media (max-width: 599px) {
  div.form-wrapper {
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "image" "form";
  }
  div.form-wrapper div.image-container {
    height: 250px;
  }
  div.form-wrapper div.form-container {
    border-radius: 1rem 1rem 0 0;
    padding: 20px 0;
  }
}

div.sign-up {
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
div.sign-up a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
div.sign-up p {
  color: var(--text-color-1);
  font-weight: 500;
  font-size: 0.8rem;
  margin: 0;
}
div.sign-up b {
  color: var(--title-color-2);
  font-weight: bold;
  font-size: 0.9rem;
  margin: 0;
}

div.copy-right {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 10px;
  left: 0;
  right: 0;
  position: fixed;
}
div.copy-right h4 {
  color: var(--text-color-1);
  font-weight: 500;
  font-size: 0.8rem;
}

/*# sourceMappingURL=signup.css.map */