/* input(2898,1035): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
input(15153,21): run-time error CSS1036: Expected expression, found '"'
input(15153,42): Scanner error CSS1002: Unterminated string: "); */
/*
* Remix Icon v4.2.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2024-02-25
*/
@font-face {
  font-family: "remixicon";
  src: url('../assets/fonts/remixicon.eot?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766'); /* IE9*/
  src: url('../assets/fonts/remixicon.eot?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url("../assets/fonts/remixicon.woff2?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766") format("woff2"),
  url("../assets/fonts/remixicon.woff?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766") format("woff"),
  url('../assets/fonts/remixicon.ttf?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../assets/fonts/remixicon.svg?v=2kuAIYUCiVO1rjJnGisLDP6O35M&t=1708865856766#remixicon') format('svg'); /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"], [class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
.ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
.ri-xxs { font-size: .5em; }
.ri-xs { font-size: .75em; }
.ri-sm { font-size: .875em }
.ri-1x { font-size: 1em; }
.ri-2x { font-size: 2em; }
.ri-3x { font-size: 3em; }
.ri-4x { font-size: 4em; }
.ri-5x { font-size: 5em; }
.ri-6x { font-size: 6em; }
.ri-7x { font-size: 7em; }
.ri-8x { font-size: 8em; }
.ri-9x { font-size: 9em; }
.ri-10x { font-size: 10em; }
.ri-fw { text-align: center; width: 1.25em; }

.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"; }


:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.1s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-icon-animations: true;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem;container-name:swal2-popup}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}@container swal2-popup style(--swal2-icon-animations:true){div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:all}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}@container swal2-popup style(--swal2-icon-animations:true){.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}

/** ================================= Table Of Contents =================================== /
1. Abstract Css 
    1.1 Function Css 
    1.2 Variables Css 
    1.3 Mixins Css 


2. Component Css
    2.1 Preloader Css
    2.2 Buttons Css
    2.3 Badge Css
    2.4 Table Css
    2.5 Form Css
    2.6 Card Css
    2.7 Modal Css
    2.8 Accordion Css
    2.9 Nav tabs Css
    2.10 Pagination Css
    2.11 Avatar Css
    2.12 List Style Css
    2.13 Apex Chart Css
    2.14 Progress Bar Css
    2.15 Vector map Css
    2.16 Scroll Css
    2.17 Slider Css
    2.18 Dropdown Css
    2.19 Tooltip.scss Css
    2.20 Image upload Css
    2.21 Calendar Css
    2.22 Auth Css
    2.23 Pricing Css
    2.24 Theme Css
    2.25 Date Picker Css
    2.26 Email Css
    2.27 Faq Css
    2.28 Editor Css
    2.29 Chat Css


3. Layout Css
    3.1 Navbar Css
    3.2 Sidebar Css
    3.3 Breadcrumb Css
    3.4 Dashboard Body Css
    3.5 Footer Css


4. Utilities Css
    4.1 Reset Css
    4.2 Color Css
    4.3 Bg Css
    4.4 Shadow Css
    4.5 Size Css
    4.6 Spacing Css
    4.7 Radius Css
    4.8 Animation Css
    4.9 Typography Css
    4.10 Text Align Css
    4.11 Border Css
    4.12 Hover Css
    4.13 Overlay Css
    4.14 Position Css
/ ================================= Table Of Contents =================================== **/
/* Inter, self-hosted. Replaces an @import of fonts.googleapis.com so the app
   makes no third-party requests at render time and keeps working offline.
   These are the variable woff2 files from @fontsource-variable/inter 5.2.8
   (SIL OFL 1.1 — see ../fonts/inter.LICENSE.txt), which cover the full
   100..900 weight axis the previous Google Fonts URL requested, in one file
   per subset. font-display: swap preserves the original behaviour. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/inter-latin-wght-normal.woff2?v=2kuAIYUCiVO1rjJnGisLDP6O35M") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
                 U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
                 U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("../assets/fonts/inter-latin-ext-wght-normal.woff2?v=2kuAIYUCiVO1rjJnGisLDP6O35M") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
                 U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF,
                 U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
:root {
  --default-font: ;
  --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
  --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
  --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
  --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
  --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
  --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
  --size-2: 0.125rem;
  --size-4: 0.25rem;
  --size-6: 0.375rem;
  --size-8: 0.5rem;
  --size-9: 0.5625rem;
  --size-10: 0.625rem;
  --size-11: 0.6875rem;
  --size-12: 0.75rem;
  --size-13: 0.8125rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-24: 1.5rem;
  --size-28: 1.5rem;
  --size-32: 2rem;
  --size-36: 2rem;
  --size-40: 2.5rem;
  --size-44: 2.75rem;
  --size-48: 3rem;
  --size-50: 3.125rem;
  --size-56: 3.5rem;
  --size-60: 3.75rem;
  --size-64: 4rem;
  --size-72: 4.5rem;
  --size-76: 4.75rem;
  --size-80: 5rem;
  --size-90: 5.625rem;
  --size-110: 6.875rem;
  --size-120: 7.5rem;
  --size-144: 9rem;
  --size-160: 10rem;
  --size-170: 10.625rem;
  --size-190: 11.875rem;
  --size-200: 12.5rem;
  --size-240: 15rem;
  --size-440: 27.5rem;
  --rounded-2: 0.125rem;
  --rounded-4: 0.25rem;
  --rounded-6: 0.375rem;
  --rounded-8: 0.5rem;
  --rounded-9: 0.5625rem;
  --rounded-10: 0.625rem;
  --rounded-11: 0.6875rem;
  --rounded-12: 0.75rem;
  --rounded-13: 0.8125rem;
  --rounded-16: 1rem;
  --rounded-20: 1.25rem;
  --rounded-24: 1.5rem;
  --rounded-28: 1.5rem;
  --rounded-32: 2rem;
  --rounded-36: 2rem;
  --rounded-40: 2.5rem;
  --rounded-44: 2.75rem;
  --rounded-48: 3rem;
  --rounded-50: 3.125rem;
  --rounded-56: 3.5rem;
  --rounded-60: 3.75rem;
  --rounded-64: 4rem;
  --rounded-72: 4.5rem;
  --rounded-76: 4.75rem;
  --rounded-80: 5rem;
  --rounded-90: 5.625rem;
  --rounded-110: 6.875rem;
  --rounded-120: 7.5rem;
  --rounded-144: 9rem;
  --rounded-160: 10rem;
  --rounded-170: 10.625rem;
  --rounded-190: 11.875rem;
  --rounded-200: 12.5rem;
  --rounded-240: 15rem;
  --rounded-440: 27.5rem;
  --shadow-1: 0 4px 60px 0 rgba(4, 6, 15, 0.8);
  --shadow-2: 0 4px 60px 0 rgba(4, 6, 15, 0.5);
  --shadow-3: 0 20px 100px 0 rgba(4, 6, 15, 0.8);
  --shadow-4: 4px 8px 24px 0 rgba(182, 182, 182, 0.2);
  --shadow-5: 4px 12px 32px 0 rgba(0, 169, 158, 0.1);
  --shadow-6: 4px 16px 32px 0 rgba(0, 169, 158, 0.1);
  --font-2xxl: 2rem;
  --font-2xl: 1.75rem;
  --font-xxl: 1.5rem;
  --font-xl: 1.25rem;
  --font-lg: 1.125rem;
  --font-md: 1rem;
  --font-sm: 0.875rem;
  --font-xs: 0.75rem;
  --font-xxs: 0.625rem;
  --primary-50: #E4F1FF;
  --primary-100: #BFDCFF;
  --primary-200: #95C7FF;
  --primary-300: #6BB1FF;
  --primary-400: #519FFF;
  --primary-500: #458EFF;
  --primary-600: #487FFF;
  --primary-700: #486CEA;
  --primary-800: #4759D6;
  --primary-900: #4536B6;
  --neutral-50: #F5F6FA;
  --neutral-100: #F3F4F6;
  --neutral-200: #EBECEF;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  --danger-50: #FEF2F2;
  --danger-100: #FEE2E2;
  --danger-200: #FECACA;
  --danger-300: #FCA5A5;
  --danger-400: #F87171;
  --danger-500: #EF4444;
  --danger-600: #DC2626;
  --danger-700: #B91C1C;
  --danger-800: #991B1B;
  --danger-900: #7F1D1D;
  --success-50: #F0FDF4;
  --success-100: #DCFCE7;
  --success-200: #BBF7D0;
  --success-300: #86EFAC;
  --success-400: #4ADE80;
  --success-500: #22C55E;
  --success-600: #16A34A;
  --success-700: #15803D;
  --success-800: #166534;
  --success-900: #14532D;
  --warning-50: #FEFCE8;
  --warning-100: #FEF9C3;
  --warning-200: #FEF08A;
  --warning-300: #FDE047;
  --warning-400: #FACC15;
  --warning-500: #EAB308;
  --warning-600: #FF9F29;
  --warning-700: #f39016;
  --warning-800: #e58209;
  --warning-900: #d77907;
  --info-50: #EFF6FF;
  --info-100: #DBEAFE;
  --info-200: #BFDBFE;
  --info-300: #93C5FD;
  --info-400: #60A5FA;
  --info-500: #3B82F6;
  --info-600: #2563EB;
  --info-700: #1D4ED8;
  --info-800: #1E40AF;
  --info-900: #1E3A8A;
  --dark-1: #1B2431;
  --dark-2: #273142;
  --dark-3: #323D4E;
  --lilac-50: #f0e1ff;
  --lilac-100: #EBD7FF;
  --lilac-600: #8252E9;
  --lilac-700: #6f37e6;
  --lilac-800: #601eef;
  --light-50: #F5F6FA;
  --light-100: #F3F4F6;
  --light-600: #E4F1FF;
  --light-700: #374151;
  --light-800: #1F2937;
  --success-main: #45B369;
  --success-surface: #DAF0E1;
  --success-border: #B5E1C3;
  --success-hover: #009F5E;
  --success-pressed: #006038;
  --success-focus: rgba(69, 179, 105, 0.1490196078);
  --info-main: #144BD6;
  --info-surface: #E7EEFC;
  --info-border: #AECAFC;
  --info-hover: #0A51CE;
  --info-pressed: #06307C;
  --info-focus: rgba(20, 75, 214, 0.1490196078);
  --warning-main: #FF9F29;
  --warning-surface: #FFF9E2;
  --warning-border: #FFEBA6;
  --warning-hover: #D69705;
  --warning-pressed: #C28800;
  --warning-focus: rgba(255, 192, 45, 0.1490196078);
  --danger-main: #EF4A00;
  --danger-surface: #FCDAE2;
  --danger-border: #F9B5C6;
  --danger-hover: #D53128;
  --danger-pressed: #801D18;
  --danger-focus: rgba(239, 71, 112, 0.1490196078);
  --cyan: #00B8F2;
  --indigo: #7F27FF;
  --purple: #8252E9;
  --red: #E30A0A;
  --yellow: #F4941E;
  --orange: #F86624;
  --pink: #DE3ACE;
  --primary-light: rgba(72, 127, 255, 0.15);
  --yellow-light: rgba(255, 159, 41, 0.15);
  --purple-light: rgba(130, 82, 233, 0.15);
  --pink-light: rgba(250, 54, 230, 0.15);
  --primary-light-white: rgba(72, 127, 255, 0.25);
  --yellow-light-white: rgba(255, 159, 41, 0.25);
  --purple-light-white: rgba(132, 90, 223, 0.25);
  --pink-light-white: rgba(250, 54, 230, 0.25);
  --base: #fff;
  --brand: var(--primary-600);
  --button-secondary: var(--primary-50);
  --black: var(--dark-2);
  --white: var(--base);
  --bg-color: var(--neutral-50);
  --text-primary-light: var(--neutral-900);
  --text-secondary-light: var(--neutral-600);
  --text-secondary-dark: var(--neutral-300);
  --input-form-light: var(--neutral-300);
  --input-form-dark: var(--neutral-500);
  --input-bg: var(--neutral-50);
  --input-stroke: var(--neutral-300);
  --border-color: #d1d5db80;
}

[data-theme=dark] {
  --button-secondary: var(--neutral-300);
  --black: var(--base);
  --white: var(--dark-2);
  --bg-color: var(--dark-1);
  --text-primary-light: var(--base);
  --text-secondary-light: #D1D5DB;
  --text-secondary-dark: var(--dark-2);
  --input-form-light: #6B7280;
  --input-form-dark: #D1D5DB;
  --input-bg: var(--dark-3);
  --input-stroke: #F3F4F6;
  --primary-50: #e4f1ff0f;
  --info-50: #EFF6FF0f;
  --warning-50: #FEFCE80f;
  --success-50: #F0FDF40f;
  --danger-50: #FEF2F20f;
  --lilac-100: #EBD7FF0f;
  --success-100: #DCFCE70f;
  --danger-100: rgba(239, 71, 112, 0.1490196078);
  --border-color: #d1d5db33;
  --neutral-50: #1B2431;
  --neutral-100: #273142;
  --neutral-200: #323D4E;
  --neutral-300: #4B5563;
  --neutral-400: #6B7280;
  --neutral-500: #9CA3AF;
  --neutral-600: #D1D5DB;
  --neutral-700: #EBECEF;
  --neutral-800: #F3F4F6;
  --neutral-900: #F5F6FA;
}

/* === reset css start === */
/* === reset css start === */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  transition: all 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--text-secondary-light);
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
  position: relative;
  line-height: 1.7;
  overflow-x: hidden;
}

body.overlay-active::after {
  width: 100%;
}

body::after {
  position: absolute;
  content: "";
  top: 0;
  inset-inline-start: 0;
  width: 0;
  height: 100%;
  background-color: #000;
  opacity: 0.65;
  transition: all 0.3s;
  z-index: 2;
}

main {
  display: block;
}

footer {
  margin-top: auto;
}

img {
  max-width: 100%;
  height: auto;
  user-select: none;
}

select {
  cursor: pointer;
}

dt {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
  opacity: 0.15;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

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

button {
  cursor: pointer;
}

*:focus {
  outline: none;
}

button {
  border: none;
}

button:focus {
  outline: none;
}

span {
  display: inline-block;
}

a {
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: inherit;
}

a, button {
  cursor: revert;
}

a:hover {
  text-decoration: none;
}

strong {
  font-weight: 700;
}

a:hover {
  color: var(--primary);
}

abbr[title] {
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[type=number] {
  -moz-appearance: textfield;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* === reset css end === */
/* === reset css end === */
/* === color css start === */
.text-primary-50 {
  color: var(--primary-50) !important;
}

.text-primary-100 {
  color: var(--primary-100) !important;
}

.text-primary-200 {
  color: var(--primary-200) !important;
}

.text-primary-300 {
  color: var(--primary-300) !important;
}

.text-primary-400 {
  color: var(--primary-400) !important;
}

.text-primary-500 {
  color: var(--primary-500) !important;
}

.text-primary-600 {
  color: var(--primary-600) !important;
}

.text-primary-700 {
  color: var(--primary-700) !important;
}

.text-primary-800 {
  color: var(--primary-800) !important;
}

.text-primary-900 {
  color: var(--primary-900) !important;
}

.text-neutral-50 {
  color: var(--neutral-50) !important;
}

.text-neutral-100 {
  color: var(--neutral-100) !important;
}

.text-neutral-200 {
  color: var(--neutral-200) !important;
}

.text-neutral-300 {
  color: var(--neutral-300) !important;
}

.text-neutral-400 {
  color: var(--neutral-400) !important;
}

.text-neutral-500 {
  color: var(--neutral-500) !important;
}

.text-neutral-600 {
  color: var(--neutral-600) !important;
}

.text-neutral-700 {
  color: var(--neutral-700) !important;
}

.text-neutral-800 {
  color: var(--neutral-800) !important;
}

.text-neutral-900 {
  color: var(--neutral-900) !important;
}

.text-danger-50 {
  color: var(--danger-50) !important;
}

.text-danger-100 {
  color: var(--danger-100) !important;
}

.text-danger-200 {
  color: var(--danger-200) !important;
}

.text-danger-300 {
  color: var(--danger-300) !important;
}

.text-danger-400 {
  color: var(--danger-400) !important;
}

.text-danger-500 {
  color: var(--danger-500) !important;
}

.text-danger-600 {
  color: var(--danger-600) !important;
}

.text-danger-700 {
  color: var(--danger-700) !important;
}

.text-danger-800 {
  color: var(--danger-800) !important;
}

.text-danger-900 {
  color: var(--danger-900) !important;
}

.text-success-50 {
  color: var(--success-50) !important;
}

.text-success-100 {
  color: var(--success-100) !important;
}

.text-success-200 {
  color: var(--success-200) !important;
}

.text-success-300 {
  color: var(--success-300) !important;
}

.text-success-400 {
  color: var(--success-400) !important;
}

.text-success-500 {
  color: var(--success-500) !important;
}

.text-success-600 {
  color: var(--success-600) !important;
}

.text-success-700 {
  color: var(--success-700) !important;
}

.text-success-800 {
  color: var(--success-800) !important;
}

.text-success-900 {
  color: var(--success-900) !important;
}

.text-warning-50 {
  color: var(--warning-50) !important;
}

.text-warning-100 {
  color: var(--warning-100) !important;
}

.text-warning-200 {
  color: var(--warning-200) !important;
}

.text-warning-300 {
  color: var(--warning-300) !important;
}

.text-warning-400 {
  color: var(--warning-400) !important;
}

.text-warning-500 {
  color: var(--warning-500) !important;
}

.text-warning-600 {
  color: var(--warning-600) !important;
}

.text-warning-700 {
  color: var(--warning-700) !important;
}

.text-warning-800 {
  color: var(--warning-800) !important;
}

.text-warning-900 {
  color: var(--warning-900) !important;
}

.text-info-50 {
  color: var(--info-50) !important;
}

.text-info-100 {
  color: var(--info-100) !important;
}

.text-info-200 {
  color: var(--info-200) !important;
}

.text-info-300 {
  color: var(--info-300) !important;
}

.text-info-400 {
  color: var(--info-400) !important;
}

.text-info-500 {
  color: var(--info-500) !important;
}

.text-info-600 {
  color: var(--info-600) !important;
}

.text-info-700 {
  color: var(--info-700) !important;
}

.text-info-800 {
  color: var(--info-800) !important;
}

.text-info-900 {
  color: var(--info-900) !important;
}

.text-dark-1 {
  color: var(--dark-1) !important;
}

.text-dark-2 {
  color: var(--dark-2) !important;
}

.text-dark-3 {
  color: var(--dark-3) !important;
}

.text-lilac-50 {
  color: var(--lilac-50) !important;
}

.text-lilac-100 {
  color: var(--lilac-100) !important;
}

.text-lilac-600 {
  color: var(--lilac-600) !important;
}

.text-lilac-700 {
  color: var(--lilac-700) !important;
}

.text-lilac-800 {
  color: var(--lilac-800) !important;
}

.text-light-50 {
  color: var(--light-50) !important;
}

.text-light-100 {
  color: var(--light-100) !important;
}

.text-light-600 {
  color: var(--light-600) !important;
}

.text-light-700 {
  color: var(--light-700) !important;
}

.text-light-800 {
  color: var(--light-800) !important;
}

.text-hover-primary-50:hover {
  color: var(--primary-50) !important;
}

.text-hover-primary-100:hover {
  color: var(--primary-100) !important;
}

.text-hover-primary-200:hover {
  color: var(--primary-200) !important;
}

.text-hover-primary-300:hover {
  color: var(--primary-300) !important;
}

.text-hover-primary-400:hover {
  color: var(--primary-400) !important;
}

.text-hover-primary-500:hover {
  color: var(--primary-500) !important;
}

.text-hover-primary-600:hover {
  color: var(--primary-600) !important;
}

.text-hover-primary-700:hover {
  color: var(--primary-700) !important;
}

.text-hover-primary-800:hover {
  color: var(--primary-800) !important;
}

.text-hover-primary-900:hover {
  color: var(--primary-900) !important;
}

.text-hover-neutral-50:hover {
  color: var(--neutral-50) !important;
}

.text-hover-neutral-100:hover {
  color: var(--neutral-100) !important;
}

.text-hover-neutral-200:hover {
  color: var(--neutral-200) !important;
}

.text-hover-neutral-300:hover {
  color: var(--neutral-300) !important;
}

.text-hover-neutral-400:hover {
  color: var(--neutral-400) !important;
}

.text-hover-neutral-500:hover {
  color: var(--neutral-500) !important;
}

.text-hover-neutral-600:hover {
  color: var(--neutral-600) !important;
}

.text-hover-neutral-700:hover {
  color: var(--neutral-700) !important;
}

.text-hover-neutral-800:hover {
  color: var(--neutral-800) !important;
}

.text-hover-neutral-900:hover {
  color: var(--neutral-900) !important;
}

.text-hover-danger-50:hover {
  color: var(--danger-50) !important;
}

.text-hover-danger-100:hover {
  color: var(--danger-100) !important;
}

.text-hover-danger-200:hover {
  color: var(--danger-200) !important;
}

.text-hover-danger-300:hover {
  color: var(--danger-300) !important;
}

.text-hover-danger-400:hover {
  color: var(--danger-400) !important;
}

.text-hover-danger-500:hover {
  color: var(--danger-500) !important;
}

.text-hover-danger-600:hover {
  color: var(--danger-600) !important;
}

.text-hover-danger-700:hover {
  color: var(--danger-700) !important;
}

.text-hover-danger-800:hover {
  color: var(--danger-800) !important;
}

.text-hover-danger-900:hover {
  color: var(--danger-900) !important;
}

.text-hover-success-50:hover {
  color: var(--success-50) !important;
}

.text-hover-success-100:hover {
  color: var(--success-100) !important;
}

.text-hover-success-200:hover {
  color: var(--success-200) !important;
}

.text-hover-success-300:hover {
  color: var(--success-300) !important;
}

.text-hover-success-400:hover {
  color: var(--success-400) !important;
}

.text-hover-success-500:hover {
  color: var(--success-500) !important;
}

.text-hover-success-600:hover {
  color: var(--success-600) !important;
}

.text-hover-success-700:hover {
  color: var(--success-700) !important;
}

.text-hover-success-800:hover {
  color: var(--success-800) !important;
}

.text-hover-success-900:hover {
  color: var(--success-900) !important;
}

.text-hover-warning-50:hover {
  color: var(--warning-50) !important;
}

.text-hover-warning-100:hover {
  color: var(--warning-100) !important;
}

.text-hover-warning-200:hover {
  color: var(--warning-200) !important;
}

.text-hover-warning-300:hover {
  color: var(--warning-300) !important;
}

.text-hover-warning-400:hover {
  color: var(--warning-400) !important;
}

.text-hover-warning-500:hover {
  color: var(--warning-500) !important;
}

.text-hover-warning-600:hover {
  color: var(--warning-600) !important;
}

.text-hover-warning-700:hover {
  color: var(--warning-700) !important;
}

.text-hover-warning-800:hover {
  color: var(--warning-800) !important;
}

.text-hover-warning-900:hover {
  color: var(--warning-900) !important;
}

.text-hover-info-50:hover {
  color: var(--info-50) !important;
}

.text-hover-info-100:hover {
  color: var(--info-100) !important;
}

.text-hover-info-200:hover {
  color: var(--info-200) !important;
}

.text-hover-info-300:hover {
  color: var(--info-300) !important;
}

.text-hover-info-400:hover {
  color: var(--info-400) !important;
}

.text-hover-info-500:hover {
  color: var(--info-500) !important;
}

.text-hover-info-600:hover {
  color: var(--info-600) !important;
}

.text-hover-info-700:hover {
  color: var(--info-700) !important;
}

.text-hover-info-800:hover {
  color: var(--info-800) !important;
}

.text-hover-info-900:hover {
  color: var(--info-900) !important;
}

.text-hover-dark-1:hover {
  color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
  color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
  color: var(--dark-3) !important;
}

.text-hover-lilac-50:hover {
  color: var(--lilac-50) !important;
}

.text-hover-lilac-100:hover {
  color: var(--lilac-100) !important;
}

.text-hover-lilac-600:hover {
  color: var(--lilac-600) !important;
}

.text-hover-lilac-700:hover {
  color: var(--lilac-700) !important;
}

.text-hover-lilac-800:hover {
  color: var(--lilac-800) !important;
}

.text-hover-light-50:hover {
  color: var(--light-50) !important;
}

.text-hover-light-100:hover {
  color: var(--light-100) !important;
}

.text-hover-light-600:hover {
  color: var(--light-600) !important;
}

.text-hover-light-700:hover {
  color: var(--light-700) !important;
}

.text-hover-light-800:hover {
  color: var(--light-800) !important;
}

.text-success-main {
  color: var(--success-main);
}

.text-success-surface {
  color: var(--success-surface);
}

.text-success-border {
  color: var(--success-border);
}

.text-success-hover {
  color: var(--success-hover);
}

.text-success-pressed {
  color: var(--success-pressed);
}

.text-success-focus {
  color: var(--success-focus);
}

.text-info-main {
  color: var(--info-main);
}

.text-info-surface {
  color: var(--info-surface);
}

.text-info-border {
  color: var(--info-border);
}

.text-info-hover {
  color: var(--info-hover);
}

.text-info-pressed {
  color: var(--info-pressed);
}

.text-info-focus {
  color: var(--info-focus);
}

.text-warning-main {
  color: var(--warning-main);
}

.text-warning-surface {
  color: var(--warning-surface);
}

.text-warning-border {
  color: var(--warning-border);
}

.text-warning-hover {
  color: var(--warning-hover);
}

.text-warning-pressed {
  color: var(--warning-pressed);
}

.text-warning-focus {
  color: var(--warning-focus);
}

.text-danger-main {
  color: var(--danger-main);
}

.text-danger-surface {
  color: var(--danger-surface);
}

.text-danger-border {
  color: var(--danger-border);
}

.text-danger-hover {
  color: var(--danger-hover);
}

.text-danger-pressed {
  color: var(--danger-pressed);
}

.text-danger-focus {
  color: var(--danger-focus);
}

.text-cyan {
  color: var(--cyan);
}

.text-indigo {
  color: var(--indigo);
}

.text-purple {
  color: var(--purple);
}

.text-red {
  color: var(--red);
}

.text-yellow {
  color: var(--yellow);
}

.text-orange {
  color: var(--orange);
}

.text-pink {
  color: var(--pink);
}

.text-primary-light {
  color: var(--text-primary-light) !important;
}

.text-secondary-light {
  color: var(--text-secondary-light);
}

.text-secondary-dark {
  color: var(--text-secondary-dark);
}

.text-base {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

.hover-text-primary:hover, .btn.hover-text-primary:hover {
  color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
  color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
  color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
  color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
  color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
  color: var(--base) !important;
}

/* === color css end === */
/* === bg css start === */
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.bg-success-50 {
  background-color: var(--success-50) !important;
}

.bg-success-100 {
  background-color: var(--success-100) !important;
}

.bg-success-200 {
  background-color: var(--success-200) !important;
}

.bg-success-300 {
  background-color: var(--success-300) !important;
}

.bg-success-400 {
  background-color: var(--success-400) !important;
}

.bg-success-500 {
  background-color: var(--success-500) !important;
}

.bg-success-600 {
  background-color: var(--success-600) !important;
}

.bg-success-700 {
  background-color: var(--success-700) !important;
}

.bg-success-800 {
  background-color: var(--success-800) !important;
}

.bg-success-900 {
  background-color: var(--success-900) !important;
}

.bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.bg-info-50 {
  background-color: var(--info-50) !important;
}

.bg-info-100 {
  background-color: var(--info-100) !important;
}

.bg-info-200 {
  background-color: var(--info-200) !important;
}

.bg-info-300 {
  background-color: var(--info-300) !important;
}

.bg-info-400 {
  background-color: var(--info-400) !important;
}

.bg-info-500 {
  background-color: var(--info-500) !important;
}

.bg-info-600 {
  background-color: var(--info-600) !important;
}

.bg-info-700 {
  background-color: var(--info-700) !important;
}

.bg-info-800 {
  background-color: var(--info-800) !important;
}

.bg-info-900 {
  background-color: var(--info-900) !important;
}

.bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.bg-light-50 {
  background-color: var(--light-50) !important;
}

.bg-light-100 {
  background-color: var(--light-100) !important;
}

.bg-light-600 {
  background-color: var(--light-600) !important;
}

.bg-light-700 {
  background-color: var(--light-700) !important;
}

.bg-light-800 {
  background-color: var(--light-800) !important;
}

.bg-success-main {
  background-color: var(--success-main) !important;
}

.bg-success-surface {
  background-color: var(--success-surface) !important;
}

.bg-success-border {
  background-color: var(--success-border) !important;
}

.bg-success-hover {
  background-color: var(--success-hover) !important;
}

.bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.bg-success-focus {
  background-color: var(--success-focus) !important;
}

.bg-info-main {
  background-color: var(--info-main) !important;
}

.bg-info-surface {
  background-color: var(--info-surface) !important;
}

.bg-info-border {
  background-color: var(--info-border) !important;
}

.bg-info-hover {
  background-color: var(--info-hover) !important;
}

.bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.bg-info-focus {
  background-color: var(--info-focus) !important;
}

.bg-warning-main {
  background-color: var(--warning-main) !important;
}

.bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.bg-warning-border {
  background-color: var(--warning-border) !important;
}

.bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.bg-danger-main {
  background-color: var(--danger-main) !important;
}

.bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.bg-danger-border {
  background-color: var(--danger-border) !important;
}

.bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.bg-cyan {
  background-color: var(--cyan) !important;
}

.bg-indigo {
  background-color: var(--indigo) !important;
}

.bg-purple {
  background-color: var(--purple) !important;
}

.bg-red {
  background-color: var(--red) !important;
}

.bg-yellow {
  background-color: var(--yellow) !important;
}

.bg-orange {
  background-color: var(--orange) !important;
}

.bg-pink {
  background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-50:hover {
  background-color: var(--primary-50) !important;
}

.bg-hover-primary-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-100:hover {
  background-color: var(--primary-100) !important;
}

.bg-hover-primary-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-200:hover {
  background-color: var(--primary-200) !important;
}

.bg-hover-primary-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-300:hover {
  background-color: var(--primary-300) !important;
}

.bg-hover-primary-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-400:hover {
  background-color: var(--primary-400) !important;
}

.bg-hover-primary-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-500:hover {
  background-color: var(--primary-500) !important;
}

.bg-hover-primary-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-600:hover {
  background-color: var(--primary-600) !important;
}

.bg-hover-primary-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-700:hover {
  background-color: var(--primary-700) !important;
}

.bg-hover-primary-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-800:hover {
  background-color: var(--primary-800) !important;
}

.bg-hover-primary-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-primary-900:hover {
  background-color: var(--primary-900) !important;
}

.bg-hover-neutral-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-50:hover {
  background-color: var(--neutral-50) !important;
}

.bg-hover-neutral-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-100:hover {
  background-color: var(--neutral-100) !important;
}

.bg-hover-neutral-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-200:hover {
  background-color: var(--neutral-200) !important;
}

.bg-hover-neutral-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-300:hover {
  background-color: var(--neutral-300) !important;
}

.bg-hover-neutral-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-400:hover {
  background-color: var(--neutral-400) !important;
}

.bg-hover-neutral-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-500:hover {
  background-color: var(--neutral-500) !important;
}

.bg-hover-neutral-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-600:hover {
  background-color: var(--neutral-600) !important;
}

.bg-hover-neutral-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-700:hover {
  background-color: var(--neutral-700) !important;
}

.bg-hover-neutral-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-800:hover {
  background-color: var(--neutral-800) !important;
}

.bg-hover-neutral-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-neutral-900:hover {
  background-color: var(--neutral-900) !important;
}

.bg-hover-danger-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-50:hover {
  background-color: var(--danger-50) !important;
}

.bg-hover-danger-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-100:hover {
  background-color: var(--danger-100) !important;
}

.bg-hover-danger-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-200:hover {
  background-color: var(--danger-200) !important;
}

.bg-hover-danger-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-300:hover {
  background-color: var(--danger-300) !important;
}

.bg-hover-danger-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-400:hover {
  background-color: var(--danger-400) !important;
}

.bg-hover-danger-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-500:hover {
  background-color: var(--danger-500) !important;
}

.bg-hover-danger-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-600:hover {
  background-color: var(--danger-600) !important;
}

.bg-hover-danger-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-700:hover {
  background-color: var(--danger-700) !important;
}

.bg-hover-danger-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-800:hover {
  background-color: var(--danger-800) !important;
}

.bg-hover-danger-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-900:hover {
  background-color: var(--danger-900) !important;
}

.bg-hover-success-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-50:hover {
  background-color: var(--success-50) !important;
}

.bg-hover-success-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-100:hover {
  background-color: var(--success-100) !important;
}

.bg-hover-success-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-200:hover {
  background-color: var(--success-200) !important;
}

.bg-hover-success-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-300:hover {
  background-color: var(--success-300) !important;
}

.bg-hover-success-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-400:hover {
  background-color: var(--success-400) !important;
}

.bg-hover-success-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-500:hover {
  background-color: var(--success-500) !important;
}

.bg-hover-success-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-600:hover {
  background-color: var(--success-600) !important;
}

.bg-hover-success-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-700:hover {
  background-color: var(--success-700) !important;
}

.bg-hover-success-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-800:hover {
  background-color: var(--success-800) !important;
}

.bg-hover-success-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-900:hover {
  background-color: var(--success-900) !important;
}

.bg-hover-warning-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-50:hover {
  background-color: var(--warning-50) !important;
}

.bg-hover-warning-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-100:hover {
  background-color: var(--warning-100) !important;
}

.bg-hover-warning-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-200:hover {
  background-color: var(--warning-200) !important;
}

.bg-hover-warning-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-300:hover {
  background-color: var(--warning-300) !important;
}

.bg-hover-warning-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-400:hover {
  background-color: var(--warning-400) !important;
}

.bg-hover-warning-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-500:hover {
  background-color: var(--warning-500) !important;
}

.bg-hover-warning-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-600:hover {
  background-color: var(--warning-600) !important;
}

.bg-hover-warning-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-700:hover {
  background-color: var(--warning-700) !important;
}

.bg-hover-warning-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-800:hover {
  background-color: var(--warning-800) !important;
}

.bg-hover-warning-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-900:hover {
  background-color: var(--warning-900) !important;
}

.bg-hover-info-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-50:hover {
  background-color: var(--info-50) !important;
}

.bg-hover-info-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-100:hover {
  background-color: var(--info-100) !important;
}

.bg-hover-info-200 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-200:hover {
  background-color: var(--info-200) !important;
}

.bg-hover-info-300 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-300:hover {
  background-color: var(--info-300) !important;
}

.bg-hover-info-400 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-400:hover {
  background-color: var(--info-400) !important;
}

.bg-hover-info-500 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-500:hover {
  background-color: var(--info-500) !important;
}

.bg-hover-info-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-600:hover {
  background-color: var(--info-600) !important;
}

.bg-hover-info-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-700:hover {
  background-color: var(--info-700) !important;
}

.bg-hover-info-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-800:hover {
  background-color: var(--info-800) !important;
}

.bg-hover-info-900 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-900:hover {
  background-color: var(--info-900) !important;
}

.bg-hover-dark-1 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-dark-1:hover {
  background-color: var(--dark-1) !important;
}

.bg-hover-dark-2 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-dark-2:hover {
  background-color: var(--dark-2) !important;
}

.bg-hover-dark-3 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-dark-3:hover {
  background-color: var(--dark-3) !important;
}

.bg-hover-lilac-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-lilac-50:hover {
  background-color: var(--lilac-50) !important;
}

.bg-hover-lilac-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-lilac-100:hover {
  background-color: var(--lilac-100) !important;
}

.bg-hover-lilac-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-lilac-600:hover {
  background-color: var(--lilac-600) !important;
}

.bg-hover-lilac-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-lilac-700:hover {
  background-color: var(--lilac-700) !important;
}

.bg-hover-lilac-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-lilac-800:hover {
  background-color: var(--lilac-800) !important;
}

.bg-hover-light-50 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-light-50:hover {
  background-color: var(--light-50) !important;
}

.bg-hover-light-100 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-light-100:hover {
  background-color: var(--light-100) !important;
}

.bg-hover-light-600 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-light-600:hover {
  background-color: var(--light-600) !important;
}

.bg-hover-light-700 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-light-700:hover {
  background-color: var(--light-700) !important;
}

.bg-hover-light-800 {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-light-800:hover {
  background-color: var(--light-800) !important;
}

.bg-hover-success-main {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-main:hover {
  background-color: var(--success-main) !important;
}

.bg-hover-success-surface {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-surface:hover {
  background-color: var(--success-surface) !important;
}

.bg-hover-success-border {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-border:hover {
  background-color: var(--success-border) !important;
}

.bg-hover-success-hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-hover:hover {
  background-color: var(--success-hover) !important;
}

.bg-hover-success-pressed {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-pressed:hover {
  background-color: var(--success-pressed) !important;
}

.bg-hover-success-focus {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-success-focus:hover {
  background-color: var(--success-focus) !important;
}

.bg-hover-info-main {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-main:hover {
  background-color: var(--info-main) !important;
}

.bg-hover-info-surface {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-surface:hover {
  background-color: var(--info-surface) !important;
}

.bg-hover-info-border {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-border:hover {
  background-color: var(--info-border) !important;
}

.bg-hover-info-hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-hover:hover {
  background-color: var(--info-hover) !important;
}

.bg-hover-info-pressed {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-pressed:hover {
  background-color: var(--info-pressed) !important;
}

.bg-hover-info-focus {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-info-focus:hover {
  background-color: var(--info-focus) !important;
}

.bg-hover-warning-main {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-main:hover {
  background-color: var(--warning-main) !important;
}

.bg-hover-warning-surface {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-surface:hover {
  background-color: var(--warning-surface) !important;
}

.bg-hover-warning-border {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-border:hover {
  background-color: var(--warning-border) !important;
}

.bg-hover-warning-hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-hover:hover {
  background-color: var(--warning-hover) !important;
}

.bg-hover-warning-pressed {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-pressed:hover {
  background-color: var(--warning-pressed) !important;
}

.bg-hover-warning-focus {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-warning-focus:hover {
  background-color: var(--warning-focus) !important;
}

.bg-hover-danger-main {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-main:hover {
  background-color: var(--danger-main) !important;
}

.bg-hover-danger-surface {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-surface:hover {
  background-color: var(--danger-surface) !important;
}

.bg-hover-danger-border {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-border:hover {
  background-color: var(--danger-border) !important;
}

.bg-hover-danger-hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-hover:hover {
  background-color: var(--danger-hover) !important;
}

.bg-hover-danger-pressed {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-pressed:hover {
  background-color: var(--danger-pressed) !important;
}

.bg-hover-danger-focus {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-danger-focus:hover {
  background-color: var(--danger-focus) !important;
}

.bg-hover-cyan {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-cyan:hover {
  background-color: var(--cyan) !important;
}

.bg-hover-indigo {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-indigo:hover {
  background-color: var(--indigo) !important;
}

.bg-hover-purple {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-purple:hover {
  background-color: var(--purple) !important;
}

.bg-hover-red {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-red:hover {
  background-color: var(--red) !important;
}

.bg-hover-yellow {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-yellow:hover {
  background-color: var(--yellow) !important;
}

.bg-hover-orange {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-orange:hover {
  background-color: var(--orange) !important;
}

.bg-hover-pink {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.bg-hover-pink:hover {
  background-color: var(--pink) !important;
}

.bg-base {
  background-color: var(--white) !important;
}

.bg-base-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-transparent {
  background-color: transparent !important;
}

.hover-bg-white:hover {
  background-color: var(--white) !important;
}

.bg-primary-light {
  background-color: var(--primary-light) !important;
}

.bg-yellow-light {
  background-color: var(--yellow-light) !important;
}

.bg-purple-light {
  background-color: var(--purple-light) !important;
}

.bg-pink-light {
  background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
  background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
  background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
  background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
  background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
  background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
  background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
  background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
  background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
  background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
  background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
  background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
  background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
  background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
  background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
  background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
  background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
  background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
  background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
  background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
  background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
  background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
  background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
  background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
  background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
  background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
  background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
  background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
  background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme=dark] .bg-gradient-start-1 {
  background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-2 {
  background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}

html[data-theme=dark] .bg-gradient-start-3 {
  background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-4 {
  background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-5 {
  background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}

html[data-theme=dark] .bg-gradient-dark-start-1 {
  background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}

html[data-theme=dark] .bg-gradient-dark-start-2 {
  background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}

html[data-theme=dark] .bg-gradient-dark-start-3 {
  background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}

html[data-theme=dark] .bg-gradient-end-1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-2 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}

html[data-theme=dark] .bg-gradient-end-3 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}

html[data-theme=dark] .bg-gradient-end-4 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-5 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}

html[data-theme=dark] .bg-gradient-end-6 {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-purple {
  background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}

html[data-theme=dark] .bg-gradient-primary {
  background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}

html[data-theme=dark] .bg-gradient-success {
  background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}

html[data-theme=dark] .bg-gradient-danger {
  background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-danger-gradient-light {
  background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}

html[data-theme=dark] .bg-white-gradient-light {
  background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}

html[data-theme=dark] .bg-light-pink {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

/* === bg css end === */
/* === shadow css start === */
.shadow-1 {
  box-shadow: var(--shadow-1);
}

.shadow-2 {
  box-shadow: var(--shadow-2);
}

.shadow-3 {
  box-shadow: var(--shadow-3);
}

.shadow-4 {
  box-shadow: var(--shadow-4);
}

.shadow-5 {
  box-shadow: var(--shadow-5);
}

.shadow-6 {
  box-shadow: var(--shadow-6);
}

.bordered-shadow {
  box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.5019607843);
}

.shadow-top {
  box-shadow: 0px -4px 30px 0px rgba(46, 45, 116, 0.05);
}

/* === shadow css end === */
/* === size css start === */
.w-2-px {
  width: 0.125rem !important;
}

.w-4-px {
  width: 0.25rem !important;
}

.w-6-px {
  width: 0.375rem !important;
}

.w-8-px {
  width: 0.5rem !important;
}

.w-9-px {
  width: 0.5625rem !important;
}

.w-10-px {
  width: 0.625rem !important;
}

.w-11-px {
  width: 0.6875rem !important;
}

.w-12-px {
  width: 0.75rem !important;
}

.w-13-px {
  width: 0.8125rem !important;
}

.w-16-px {
  width: 1rem !important;
}

.w-20-px {
  width: 1.25rem !important;
}

.w-24-px {
  width: 1.5rem !important;
}

.w-28-px {
  width: 1.5rem !important;
}

.w-32-px {
  width: 2rem !important;
}

.w-36-px {
  width: 2rem !important;
}

.w-40-px {
  width: 2.5rem !important;
}

.w-44-px {
  width: 2.75rem !important;
}

.w-48-px {
  width: 3rem !important;
}

.w-50-px {
  width: 3.125rem !important;
}

.w-56-px {
  width: 3.5rem !important;
}

.w-60-px {
  width: 3.75rem !important;
}

.w-64-px {
  width: 4rem !important;
}

.w-72-px {
  width: 4.5rem !important;
}

.w-76-px {
  width: 4.75rem !important;
}

.w-80-px {
  width: 5rem !important;
}

.w-90-px {
  width: 5.625rem !important;
}

.w-110-px {
  width: 6.875rem !important;
}

.w-120-px {
  width: 7.5rem !important;
}

.w-144-px {
  width: 9rem !important;
}

.w-160-px {
  width: 10rem !important;
}

.w-170-px {
  width: 10.625rem !important;
}

.w-190-px {
  width: 11.875rem !important;
}

.w-200-px {
  width: 12.5rem !important;
}

.w-240-px {
  width: 15rem !important;
}

.w-440-px {
  width: 27.5rem !important;
}

.w-100-px {
  width: 100px;
}

.h-100-px {
  height: 100px;
}

.min-w-max-content {
  min-width: max-content;
}

.w-190-px {
  width: 190px;
}

.max-w-740-px {
  max-width: 740px;
}

@media (max-width: 1399px) {
  .max-w-740-px {
    max-width: 500px;
  }
}
@media (max-width: 991px) {
  .max-w-740-px {
    max-width: 350px;
  }
}
@media (max-width: 767px) {
  .max-w-740-px {
    max-width: 250px;
  }
}
.textarea-max-height {
  height: 44px;
}

.resize-none {
  resize: none;
}

.min-w-450-px {
  min-width: 450px;
}

.min-w-132-px {
  min-width: 132px;
}

.h-2-px {
  height: 0.125rem !important;
}

.h-4-px {
  height: 0.25rem !important;
}

.h-6-px {
  height: 0.375rem !important;
}

.h-8-px {
  height: 0.5rem !important;
}

.h-9-px {
  height: 0.5625rem !important;
}

.h-10-px {
  height: 0.625rem !important;
}

.h-11-px {
  height: 0.6875rem !important;
}

.h-12-px {
  height: 0.75rem !important;
}

.h-13-px {
  height: 0.8125rem !important;
}

.h-16-px {
  height: 1rem !important;
}

.h-20-px {
  height: 1.25rem !important;
}

.h-24-px {
  height: 1.5rem !important;
}

.h-28-px {
  height: 1.5rem !important;
}

.h-32-px {
  height: 2rem !important;
}

.h-36-px {
  height: 2rem !important;
}

.h-40-px {
  height: 2.5rem !important;
}

.h-44-px {
  height: 2.75rem !important;
}

.h-48-px {
  height: 3rem !important;
}

.h-50-px {
  height: 3.125rem !important;
}

.h-56-px {
  height: 3.5rem !important;
}

.h-60-px {
  height: 3.75rem !important;
}

.h-64-px {
  height: 4rem !important;
}

.h-72-px {
  height: 4.5rem !important;
}

.h-76-px {
  height: 4.75rem !important;
}

.h-80-px {
  height: 5rem !important;
}

.h-90-px {
  height: 5.625rem !important;
}

.h-110-px {
  height: 6.875rem !important;
}

.h-120-px {
  height: 7.5rem !important;
}

.h-144-px {
  height: 9rem !important;
}

.h-160-px {
  height: 10rem !important;
}

.h-170-px {
  height: 10.625rem !important;
}

.h-190-px {
  height: 11.875rem !important;
}

.h-200-px {
  height: 12.5rem !important;
}

.h-240-px {
  height: 15rem !important;
}

.h-440-px {
  height: 27.5rem !important;
}

.max-h-258-px {
  max-height: 258px;
}

.max-h-350-px {
  max-height: 350px;
}

.max-h-266-px {
  max-height: 266px;
}

.max-h-400-px {
  max-height: 400px;
}

.max-h-612-px {
  max-height: 612px !important;
}

.min-h-612-px {
  min-height: 612px !important;
}

/* Min max width & height Start */
.min-w-120-px {
  min-width: 120px;
}

.max-w-150-px {
  max-width: 150px;
}

.max-w-440-px {
  max-width: 440px;
}

.max-w-464-px {
  max-width: 464px;
}

.max-w-500-px {
  max-width: 500px;
}

.max-w-290-px {
  max-width: 290px;
}

.max-w-634-px {
  max-width: 634px;
}

/* Min max width & height End */
.text-w-200-px {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-w-100-px {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-auto {
  top: auto;
}

.bottom-3px {
  bottom: 3px;
}

@media (min-width: 1700px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}
.kanban-wrapper {
  min-width: 1560px;
}

@media (min-width: 425px) and (max-width: 575px) {
  .col-xs-6 {
    width: 50%;
  }
}
.transition-2 {
  transition: 0.2s !important;
}

/* === size css end === */
/* === spacing css start === */
.m-2 {
  margin: var(--size-2);
}

.m-4 {
  margin: var(--size-4);
}

.m-6 {
  margin: var(--size-6);
}

.m-8 {
  margin: var(--size-8);
}

.m-9 {
  margin: var(--size-9);
}

.m-10 {
  margin: var(--size-10);
}

.m-11 {
  margin: var(--size-11);
}

.m-12 {
  margin: var(--size-12);
}

.m-13 {
  margin: var(--size-13);
}

.m-16 {
  margin: var(--size-16);
}

.m-20 {
  margin: var(--size-20);
}

.m-24 {
  margin: var(--size-24);
}

.m-28 {
  margin: var(--size-28);
}

.m-32 {
  margin: var(--size-32);
}

.m-36 {
  margin: var(--size-36);
}

.m-40 {
  margin: var(--size-40);
}

.m-44 {
  margin: var(--size-44);
}

.m-48 {
  margin: var(--size-48);
}

.m-50 {
  margin: var(--size-50);
}

.m-56 {
  margin: var(--size-56);
}

.m-60 {
  margin: var(--size-60);
}

.m-64 {
  margin: var(--size-64);
}

.m-72 {
  margin: var(--size-72);
}

.m-76 {
  margin: var(--size-76);
}

.m-80 {
  margin: var(--size-80);
}

.m-90 {
  margin: var(--size-90);
}

.m-110 {
  margin: var(--size-110);
}

.m-120 {
  margin: var(--size-120);
}

.m-144 {
  margin: var(--size-144);
}

.m-160 {
  margin: var(--size-160);
}

.m-170 {
  margin: var(--size-170);
}

.m-190 {
  margin: var(--size-190);
}

.m-200 {
  margin: var(--size-200);
}

.m-240 {
  margin: var(--size-240);
}

.m-440 {
  margin: var(--size-440);
}

.mx-2 {
  margin-inline: var(--size-2) !important;
}

.mx-4 {
  margin-inline: var(--size-4) !important;
}

.mx-6 {
  margin-inline: var(--size-6) !important;
}

.mx-8 {
  margin-inline: var(--size-8) !important;
}

.mx-9 {
  margin-inline: var(--size-9) !important;
}

.mx-10 {
  margin-inline: var(--size-10) !important;
}

.mx-11 {
  margin-inline: var(--size-11) !important;
}

.mx-12 {
  margin-inline: var(--size-12) !important;
}

.mx-13 {
  margin-inline: var(--size-13) !important;
}

.mx-16 {
  margin-inline: var(--size-16) !important;
}

.mx-20 {
  margin-inline: var(--size-20) !important;
}

.mx-24 {
  margin-inline: var(--size-24) !important;
}

.mx-28 {
  margin-inline: var(--size-28) !important;
}

.mx-32 {
  margin-inline: var(--size-32) !important;
}

.mx-36 {
  margin-inline: var(--size-36) !important;
}

.mx-40 {
  margin-inline: var(--size-40) !important;
}

.mx-44 {
  margin-inline: var(--size-44) !important;
}

.mx-48 {
  margin-inline: var(--size-48) !important;
}

.mx-50 {
  margin-inline: var(--size-50) !important;
}

.mx-56 {
  margin-inline: var(--size-56) !important;
}

.mx-60 {
  margin-inline: var(--size-60) !important;
}

.mx-64 {
  margin-inline: var(--size-64) !important;
}

.mx-72 {
  margin-inline: var(--size-72) !important;
}

.mx-76 {
  margin-inline: var(--size-76) !important;
}

.mx-80 {
  margin-inline: var(--size-80) !important;
}

.mx-90 {
  margin-inline: var(--size-90) !important;
}

.mx-110 {
  margin-inline: var(--size-110) !important;
}

.mx-120 {
  margin-inline: var(--size-120) !important;
}

.mx-144 {
  margin-inline: var(--size-144) !important;
}

.mx-160 {
  margin-inline: var(--size-160) !important;
}

.mx-170 {
  margin-inline: var(--size-170) !important;
}

.mx-190 {
  margin-inline: var(--size-190) !important;
}

.mx-200 {
  margin-inline: var(--size-200) !important;
}

.mx-240 {
  margin-inline: var(--size-240) !important;
}

.mx-440 {
  margin-inline: var(--size-440) !important;
}

.my-2 {
  margin-block: var(--size-2) !important;
}

.my-4 {
  margin-block: var(--size-4) !important;
}

.my-6 {
  margin-block: var(--size-6) !important;
}

.my-8 {
  margin-block: var(--size-8) !important;
}

.my-9 {
  margin-block: var(--size-9) !important;
}

.my-10 {
  margin-block: var(--size-10) !important;
}

.my-11 {
  margin-block: var(--size-11) !important;
}

.my-12 {
  margin-block: var(--size-12) !important;
}

.my-13 {
  margin-block: var(--size-13) !important;
}

.my-16 {
  margin-block: var(--size-16) !important;
}

.my-20 {
  margin-block: var(--size-20) !important;
}

.my-24 {
  margin-block: var(--size-24) !important;
}

.my-28 {
  margin-block: var(--size-28) !important;
}

.my-32 {
  margin-block: var(--size-32) !important;
}

.my-36 {
  margin-block: var(--size-36) !important;
}

.my-40 {
  margin-block: var(--size-40) !important;
}

.my-44 {
  margin-block: var(--size-44) !important;
}

.my-48 {
  margin-block: var(--size-48) !important;
}

.my-50 {
  margin-block: var(--size-50) !important;
}

.my-56 {
  margin-block: var(--size-56) !important;
}

.my-60 {
  margin-block: var(--size-60) !important;
}

.my-64 {
  margin-block: var(--size-64) !important;
}

.my-72 {
  margin-block: var(--size-72) !important;
}

.my-76 {
  margin-block: var(--size-76) !important;
}

.my-80 {
  margin-block: var(--size-80) !important;
}

.my-90 {
  margin-block: var(--size-90) !important;
}

.my-110 {
  margin-block: var(--size-110) !important;
}

.my-120 {
  margin-block: var(--size-120) !important;
}

.my-144 {
  margin-block: var(--size-144) !important;
}

.my-160 {
  margin-block: var(--size-160) !important;
}

.my-170 {
  margin-block: var(--size-170) !important;
}

.my-190 {
  margin-block: var(--size-190) !important;
}

.my-200 {
  margin-block: var(--size-200) !important;
}

.my-240 {
  margin-block: var(--size-240) !important;
}

.my-440 {
  margin-block: var(--size-440) !important;
}

.ms-2 {
  margin-inline-start: var(--size-2) !important;
}

.ms-4 {
  margin-inline-start: var(--size-4) !important;
}

.ms-6 {
  margin-inline-start: var(--size-6) !important;
}

.ms-8 {
  margin-inline-start: var(--size-8) !important;
}

.ms-9 {
  margin-inline-start: var(--size-9) !important;
}

.ms-10 {
  margin-inline-start: var(--size-10) !important;
}

.ms-11 {
  margin-inline-start: var(--size-11) !important;
}

.ms-12 {
  margin-inline-start: var(--size-12) !important;
}

.ms-13 {
  margin-inline-start: var(--size-13) !important;
}

.ms-16 {
  margin-inline-start: var(--size-16) !important;
}

.ms-20 {
  margin-inline-start: var(--size-20) !important;
}

.ms-24 {
  margin-inline-start: var(--size-24) !important;
}

.ms-28 {
  margin-inline-start: var(--size-28) !important;
}

.ms-32 {
  margin-inline-start: var(--size-32) !important;
}

.ms-36 {
  margin-inline-start: var(--size-36) !important;
}

.ms-40 {
  margin-inline-start: var(--size-40) !important;
}

.ms-44 {
  margin-inline-start: var(--size-44) !important;
}

.ms-48 {
  margin-inline-start: var(--size-48) !important;
}

.ms-50 {
  margin-inline-start: var(--size-50) !important;
}

.ms-56 {
  margin-inline-start: var(--size-56) !important;
}

.ms-60 {
  margin-inline-start: var(--size-60) !important;
}

.ms-64 {
  margin-inline-start: var(--size-64) !important;
}

.ms-72 {
  margin-inline-start: var(--size-72) !important;
}

.ms-76 {
  margin-inline-start: var(--size-76) !important;
}

.ms-80 {
  margin-inline-start: var(--size-80) !important;
}

.ms-90 {
  margin-inline-start: var(--size-90) !important;
}

.ms-110 {
  margin-inline-start: var(--size-110) !important;
}

.ms-120 {
  margin-inline-start: var(--size-120) !important;
}

.ms-144 {
  margin-inline-start: var(--size-144) !important;
}

.ms-160 {
  margin-inline-start: var(--size-160) !important;
}

.ms-170 {
  margin-inline-start: var(--size-170) !important;
}

.ms-190 {
  margin-inline-start: var(--size-190) !important;
}

.ms-200 {
  margin-inline-start: var(--size-200) !important;
}

.ms-240 {
  margin-inline-start: var(--size-240) !important;
}

.ms-440 {
  margin-inline-start: var(--size-440) !important;
}

.me-2 {
  margin-inline-end: var(--size-2) !important;
}

.me-4 {
  margin-inline-end: var(--size-4) !important;
}

.me-6 {
  margin-inline-end: var(--size-6) !important;
}

.me-8 {
  margin-inline-end: var(--size-8) !important;
}

.me-9 {
  margin-inline-end: var(--size-9) !important;
}

.me-10 {
  margin-inline-end: var(--size-10) !important;
}

.me-11 {
  margin-inline-end: var(--size-11) !important;
}

.me-12 {
  margin-inline-end: var(--size-12) !important;
}

.me-13 {
  margin-inline-end: var(--size-13) !important;
}

.me-16 {
  margin-inline-end: var(--size-16) !important;
}

.me-20 {
  margin-inline-end: var(--size-20) !important;
}

.me-24 {
  margin-inline-end: var(--size-24) !important;
}

.me-28 {
  margin-inline-end: var(--size-28) !important;
}

.me-32 {
  margin-inline-end: var(--size-32) !important;
}

.me-36 {
  margin-inline-end: var(--size-36) !important;
}

.me-40 {
  margin-inline-end: var(--size-40) !important;
}

.me-44 {
  margin-inline-end: var(--size-44) !important;
}

.me-48 {
  margin-inline-end: var(--size-48) !important;
}

.me-50 {
  margin-inline-end: var(--size-50) !important;
}

.me-56 {
  margin-inline-end: var(--size-56) !important;
}

.me-60 {
  margin-inline-end: var(--size-60) !important;
}

.me-64 {
  margin-inline-end: var(--size-64) !important;
}

.me-72 {
  margin-inline-end: var(--size-72) !important;
}

.me-76 {
  margin-inline-end: var(--size-76) !important;
}

.me-80 {
  margin-inline-end: var(--size-80) !important;
}

.me-90 {
  margin-inline-end: var(--size-90) !important;
}

.me-110 {
  margin-inline-end: var(--size-110) !important;
}

.me-120 {
  margin-inline-end: var(--size-120) !important;
}

.me-144 {
  margin-inline-end: var(--size-144) !important;
}

.me-160 {
  margin-inline-end: var(--size-160) !important;
}

.me-170 {
  margin-inline-end: var(--size-170) !important;
}

.me-190 {
  margin-inline-end: var(--size-190) !important;
}

.me-200 {
  margin-inline-end: var(--size-200) !important;
}

.me-240 {
  margin-inline-end: var(--size-240) !important;
}

.me-440 {
  margin-inline-end: var(--size-440) !important;
}

.mt-2 {
  margin-block-start: var(--size-2) !important;
}

.mt-4 {
  margin-block-start: var(--size-4) !important;
}

.mt-6 {
  margin-block-start: var(--size-6) !important;
}

.mt-8 {
  margin-block-start: var(--size-8) !important;
}

.mt-9 {
  margin-block-start: var(--size-9) !important;
}

.mt-10 {
  margin-block-start: var(--size-10) !important;
}

.mt-11 {
  margin-block-start: var(--size-11) !important;
}

.mt-12 {
  margin-block-start: var(--size-12) !important;
}

.mt-13 {
  margin-block-start: var(--size-13) !important;
}

.mt-16 {
  margin-block-start: var(--size-16) !important;
}

.mt-20 {
  margin-block-start: var(--size-20) !important;
}

.mt-24 {
  margin-block-start: var(--size-24) !important;
}

.mt-28 {
  margin-block-start: var(--size-28) !important;
}

.mt-32 {
  margin-block-start: var(--size-32) !important;
}

.mt-36 {
  margin-block-start: var(--size-36) !important;
}

.mt-40 {
  margin-block-start: var(--size-40) !important;
}

.mt-44 {
  margin-block-start: var(--size-44) !important;
}

.mt-48 {
  margin-block-start: var(--size-48) !important;
}

.mt-50 {
  margin-block-start: var(--size-50) !important;
}

.mt-56 {
  margin-block-start: var(--size-56) !important;
}

.mt-60 {
  margin-block-start: var(--size-60) !important;
}

.mt-64 {
  margin-block-start: var(--size-64) !important;
}

.mt-72 {
  margin-block-start: var(--size-72) !important;
}

.mt-76 {
  margin-block-start: var(--size-76) !important;
}

.mt-80 {
  margin-block-start: var(--size-80) !important;
}

.mt-90 {
  margin-block-start: var(--size-90) !important;
}

.mt-110 {
  margin-block-start: var(--size-110) !important;
}

.mt-120 {
  margin-block-start: var(--size-120) !important;
}

.mt-144 {
  margin-block-start: var(--size-144) !important;
}

.mt-160 {
  margin-block-start: var(--size-160) !important;
}

.mt-170 {
  margin-block-start: var(--size-170) !important;
}

.mt-190 {
  margin-block-start: var(--size-190) !important;
}

.mt-200 {
  margin-block-start: var(--size-200) !important;
}

.mt-240 {
  margin-block-start: var(--size-240) !important;
}

.mt-440 {
  margin-block-start: var(--size-440) !important;
}

.mb-2 {
  margin-block-end: var(--size-2) !important;
}

.mb-4 {
  margin-block-end: var(--size-4) !important;
}

.mb-6 {
  margin-block-end: var(--size-6) !important;
}

.mb-8 {
  margin-block-end: var(--size-8) !important;
}

.mb-9 {
  margin-block-end: var(--size-9) !important;
}

.mb-10 {
  margin-block-end: var(--size-10) !important;
}

.mb-11 {
  margin-block-end: var(--size-11) !important;
}

.mb-12 {
  margin-block-end: var(--size-12) !important;
}

.mb-13 {
  margin-block-end: var(--size-13) !important;
}

.mb-16 {
  margin-block-end: var(--size-16) !important;
}

.mb-20 {
  margin-block-end: var(--size-20) !important;
}

.mb-24 {
  margin-block-end: var(--size-24) !important;
}

.mb-28 {
  margin-block-end: var(--size-28) !important;
}

.mb-32 {
  margin-block-end: var(--size-32) !important;
}

.mb-36 {
  margin-block-end: var(--size-36) !important;
}

.mb-40 {
  margin-block-end: var(--size-40) !important;
}

.mb-44 {
  margin-block-end: var(--size-44) !important;
}

.mb-48 {
  margin-block-end: var(--size-48) !important;
}

.mb-50 {
  margin-block-end: var(--size-50) !important;
}

.mb-56 {
  margin-block-end: var(--size-56) !important;
}

.mb-60 {
  margin-block-end: var(--size-60) !important;
}

.mb-64 {
  margin-block-end: var(--size-64) !important;
}

.mb-72 {
  margin-block-end: var(--size-72) !important;
}

.mb-76 {
  margin-block-end: var(--size-76) !important;
}

.mb-80 {
  margin-block-end: var(--size-80) !important;
}

.mb-90 {
  margin-block-end: var(--size-90) !important;
}

.mb-110 {
  margin-block-end: var(--size-110) !important;
}

.mb-120 {
  margin-block-end: var(--size-120) !important;
}

.mb-144 {
  margin-block-end: var(--size-144) !important;
}

.mb-160 {
  margin-block-end: var(--size-160) !important;
}

.mb-170 {
  margin-block-end: var(--size-170) !important;
}

.mb-190 {
  margin-block-end: var(--size-190) !important;
}

.mb-200 {
  margin-block-end: var(--size-200) !important;
}

.mb-240 {
  margin-block-end: var(--size-240) !important;
}

.mb-440 {
  margin-block-end: var(--size-440) !important;
}

.p-2 {
  padding: var(--size-2) !important;
}

.p-4 {
  padding: var(--size-4) !important;
}

.p-6 {
  padding: var(--size-6) !important;
}

.p-8 {
  padding: var(--size-8) !important;
}

.p-9 {
  padding: var(--size-9) !important;
}

.p-10 {
  padding: var(--size-10) !important;
}

.p-11 {
  padding: var(--size-11) !important;
}

.p-12 {
  padding: var(--size-12) !important;
}

.p-13 {
  padding: var(--size-13) !important;
}

.p-16 {
  padding: var(--size-16) !important;
}

.p-20 {
  padding: var(--size-20) !important;
}

.p-24 {
  padding: var(--size-24) !important;
}

.p-28 {
  padding: var(--size-28) !important;
}

.p-32 {
  padding: var(--size-32) !important;
}

.p-36 {
  padding: var(--size-36) !important;
}

.p-40 {
  padding: var(--size-40) !important;
}

.p-44 {
  padding: var(--size-44) !important;
}

.p-48 {
  padding: var(--size-48) !important;
}

.p-50 {
  padding: var(--size-50) !important;
}

.p-56 {
  padding: var(--size-56) !important;
}

.p-60 {
  padding: var(--size-60) !important;
}

.p-64 {
  padding: var(--size-64) !important;
}

.p-72 {
  padding: var(--size-72) !important;
}

.p-76 {
  padding: var(--size-76) !important;
}

.p-80 {
  padding: var(--size-80) !important;
}

.p-90 {
  padding: var(--size-90) !important;
}

.p-110 {
  padding: var(--size-110) !important;
}

.p-120 {
  padding: var(--size-120) !important;
}

.p-144 {
  padding: var(--size-144) !important;
}

.p-160 {
  padding: var(--size-160) !important;
}

.p-170 {
  padding: var(--size-170) !important;
}

.p-190 {
  padding: var(--size-190) !important;
}

.p-200 {
  padding: var(--size-200) !important;
}

.p-240 {
  padding: var(--size-240) !important;
}

.p-440 {
  padding: var(--size-440) !important;
}

.px-2 {
  padding-inline: var(--size-2) !important;
}

.px-4 {
  padding-inline: var(--size-4) !important;
}

.px-6 {
  padding-inline: var(--size-6) !important;
}

.px-8 {
  padding-inline: var(--size-8) !important;
}

.px-9 {
  padding-inline: var(--size-9) !important;
}

.px-10 {
  padding-inline: var(--size-10) !important;
}

.px-11 {
  padding-inline: var(--size-11) !important;
}

.px-12 {
  padding-inline: var(--size-12) !important;
}

.px-13 {
  padding-inline: var(--size-13) !important;
}

.px-16 {
  padding-inline: var(--size-16) !important;
}

.px-20 {
  padding-inline: var(--size-20) !important;
}

.px-24 {
  padding-inline: var(--size-24) !important;
}

.px-28 {
  padding-inline: var(--size-28) !important;
}

.px-32 {
  padding-inline: var(--size-32) !important;
}

.px-36 {
  padding-inline: var(--size-36) !important;
}

.px-40 {
  padding-inline: var(--size-40) !important;
}

.px-44 {
  padding-inline: var(--size-44) !important;
}

.px-48 {
  padding-inline: var(--size-48) !important;
}

.px-50 {
  padding-inline: var(--size-50) !important;
}

.px-56 {
  padding-inline: var(--size-56) !important;
}

.px-60 {
  padding-inline: var(--size-60) !important;
}

.px-64 {
  padding-inline: var(--size-64) !important;
}

.px-72 {
  padding-inline: var(--size-72) !important;
}

.px-76 {
  padding-inline: var(--size-76) !important;
}

.px-80 {
  padding-inline: var(--size-80) !important;
}

.px-90 {
  padding-inline: var(--size-90) !important;
}

.px-110 {
  padding-inline: var(--size-110) !important;
}

.px-120 {
  padding-inline: var(--size-120) !important;
}

.px-144 {
  padding-inline: var(--size-144) !important;
}

.px-160 {
  padding-inline: var(--size-160) !important;
}

.px-170 {
  padding-inline: var(--size-170) !important;
}

.px-190 {
  padding-inline: var(--size-190) !important;
}

.px-200 {
  padding-inline: var(--size-200) !important;
}

.px-240 {
  padding-inline: var(--size-240) !important;
}

.px-440 {
  padding-inline: var(--size-440) !important;
}

.py-2 {
  padding-block: var(--size-2) !important;
}

.py-4 {
  padding-block: var(--size-4) !important;
}

.py-6 {
  padding-block: var(--size-6) !important;
}

.py-8 {
  padding-block: var(--size-8) !important;
}

.py-9 {
  padding-block: var(--size-9) !important;
}

.py-10 {
  padding-block: var(--size-10) !important;
}

.py-11 {
  padding-block: var(--size-11) !important;
}

.py-12 {
  padding-block: var(--size-12) !important;
}

.py-13 {
  padding-block: var(--size-13) !important;
}

.py-16 {
  padding-block: var(--size-16) !important;
}

.py-20 {
  padding-block: var(--size-20) !important;
}

.py-24 {
  padding-block: var(--size-24) !important;
}

.py-28 {
  padding-block: var(--size-28) !important;
}

.py-32 {
  padding-block: var(--size-32) !important;
}

.py-36 {
  padding-block: var(--size-36) !important;
}

.py-40 {
  padding-block: var(--size-40) !important;
}

.py-44 {
  padding-block: var(--size-44) !important;
}

.py-48 {
  padding-block: var(--size-48) !important;
}

.py-50 {
  padding-block: var(--size-50) !important;
}

.py-56 {
  padding-block: var(--size-56) !important;
}

.py-60 {
  padding-block: var(--size-60) !important;
}

.py-64 {
  padding-block: var(--size-64) !important;
}

.py-72 {
  padding-block: var(--size-72) !important;
}

.py-76 {
  padding-block: var(--size-76) !important;
}

.py-80 {
  padding-block: var(--size-80) !important;
}

.py-90 {
  padding-block: var(--size-90) !important;
}

.py-110 {
  padding-block: var(--size-110) !important;
}

.py-120 {
  padding-block: var(--size-120) !important;
}

.py-144 {
  padding-block: var(--size-144) !important;
}

.py-160 {
  padding-block: var(--size-160) !important;
}

.py-170 {
  padding-block: var(--size-170) !important;
}

.py-190 {
  padding-block: var(--size-190) !important;
}

.py-200 {
  padding-block: var(--size-200) !important;
}

.py-240 {
  padding-block: var(--size-240) !important;
}

.py-440 {
  padding-block: var(--size-440) !important;
}

.ps-2 {
  padding-inline-start: var(--size-2) !important;
}

.ps-4 {
  padding-inline-start: var(--size-4) !important;
}

.ps-6 {
  padding-inline-start: var(--size-6) !important;
}

.ps-8 {
  padding-inline-start: var(--size-8) !important;
}

.ps-9 {
  padding-inline-start: var(--size-9) !important;
}

.ps-10 {
  padding-inline-start: var(--size-10) !important;
}

.ps-11 {
  padding-inline-start: var(--size-11) !important;
}

.ps-12 {
  padding-inline-start: var(--size-12) !important;
}

.ps-13 {
  padding-inline-start: var(--size-13) !important;
}

.ps-16 {
  padding-inline-start: var(--size-16) !important;
}

.ps-20 {
  padding-inline-start: var(--size-20) !important;
}

.ps-24 {
  padding-inline-start: var(--size-24) !important;
}

.ps-28 {
  padding-inline-start: var(--size-28) !important;
}

.ps-32 {
  padding-inline-start: var(--size-32) !important;
}

.ps-36 {
  padding-inline-start: var(--size-36) !important;
}

.ps-40 {
  padding-inline-start: var(--size-40) !important;
}

.ps-44 {
  padding-inline-start: var(--size-44) !important;
}

.ps-48 {
  padding-inline-start: var(--size-48) !important;
}

.ps-50 {
  padding-inline-start: var(--size-50) !important;
}

.ps-56 {
  padding-inline-start: var(--size-56) !important;
}

.ps-60 {
  padding-inline-start: var(--size-60) !important;
}

.ps-64 {
  padding-inline-start: var(--size-64) !important;
}

.ps-72 {
  padding-inline-start: var(--size-72) !important;
}

.ps-76 {
  padding-inline-start: var(--size-76) !important;
}

.ps-80 {
  padding-inline-start: var(--size-80) !important;
}

.ps-90 {
  padding-inline-start: var(--size-90) !important;
}

.ps-110 {
  padding-inline-start: var(--size-110) !important;
}

.ps-120 {
  padding-inline-start: var(--size-120) !important;
}

.ps-144 {
  padding-inline-start: var(--size-144) !important;
}

.ps-160 {
  padding-inline-start: var(--size-160) !important;
}

.ps-170 {
  padding-inline-start: var(--size-170) !important;
}

.ps-190 {
  padding-inline-start: var(--size-190) !important;
}

.ps-200 {
  padding-inline-start: var(--size-200) !important;
}

.ps-240 {
  padding-inline-start: var(--size-240) !important;
}

.ps-440 {
  padding-inline-start: var(--size-440) !important;
}

.pe-2 {
  padding-inline-end: var(--size-2) !important;
}

.pe-4 {
  padding-inline-end: var(--size-4) !important;
}

.pe-6 {
  padding-inline-end: var(--size-6) !important;
}

.pe-8 {
  padding-inline-end: var(--size-8) !important;
}

.pe-9 {
  padding-inline-end: var(--size-9) !important;
}

.pe-10 {
  padding-inline-end: var(--size-10) !important;
}

.pe-11 {
  padding-inline-end: var(--size-11) !important;
}

.pe-12 {
  padding-inline-end: var(--size-12) !important;
}

.pe-13 {
  padding-inline-end: var(--size-13) !important;
}

.pe-16 {
  padding-inline-end: var(--size-16) !important;
}

.pe-20 {
  padding-inline-end: var(--size-20) !important;
}

.pe-24 {
  padding-inline-end: var(--size-24) !important;
}

.pe-28 {
  padding-inline-end: var(--size-28) !important;
}

.pe-32 {
  padding-inline-end: var(--size-32) !important;
}

.pe-36 {
  padding-inline-end: var(--size-36) !important;
}

.pe-40 {
  padding-inline-end: var(--size-40) !important;
}

.pe-44 {
  padding-inline-end: var(--size-44) !important;
}

.pe-48 {
  padding-inline-end: var(--size-48) !important;
}

.pe-50 {
  padding-inline-end: var(--size-50) !important;
}

.pe-56 {
  padding-inline-end: var(--size-56) !important;
}

.pe-60 {
  padding-inline-end: var(--size-60) !important;
}

.pe-64 {
  padding-inline-end: var(--size-64) !important;
}

.pe-72 {
  padding-inline-end: var(--size-72) !important;
}

.pe-76 {
  padding-inline-end: var(--size-76) !important;
}

.pe-80 {
  padding-inline-end: var(--size-80) !important;
}

.pe-90 {
  padding-inline-end: var(--size-90) !important;
}

.pe-110 {
  padding-inline-end: var(--size-110) !important;
}

.pe-120 {
  padding-inline-end: var(--size-120) !important;
}

.pe-144 {
  padding-inline-end: var(--size-144) !important;
}

.pe-160 {
  padding-inline-end: var(--size-160) !important;
}

.pe-170 {
  padding-inline-end: var(--size-170) !important;
}

.pe-190 {
  padding-inline-end: var(--size-190) !important;
}

.pe-200 {
  padding-inline-end: var(--size-200) !important;
}

.pe-240 {
  padding-inline-end: var(--size-240) !important;
}

.pe-440 {
  padding-inline-end: var(--size-440) !important;
}

.pt-2 {
  padding-block-start: var(--size-2) !important;
}

.pt-4 {
  padding-block-start: var(--size-4) !important;
}

.pt-6 {
  padding-block-start: var(--size-6) !important;
}

.pt-8 {
  padding-block-start: var(--size-8) !important;
}

.pt-9 {
  padding-block-start: var(--size-9) !important;
}

.pt-10 {
  padding-block-start: var(--size-10) !important;
}

.pt-11 {
  padding-block-start: var(--size-11) !important;
}

.pt-12 {
  padding-block-start: var(--size-12) !important;
}

.pt-13 {
  padding-block-start: var(--size-13) !important;
}

.pt-16 {
  padding-block-start: var(--size-16) !important;
}

.pt-20 {
  padding-block-start: var(--size-20) !important;
}

.pt-24 {
  padding-block-start: var(--size-24) !important;
}

.pt-28 {
  padding-block-start: var(--size-28) !important;
}

.pt-32 {
  padding-block-start: var(--size-32) !important;
}

.pt-36 {
  padding-block-start: var(--size-36) !important;
}

.pt-40 {
  padding-block-start: var(--size-40) !important;
}

.pt-44 {
  padding-block-start: var(--size-44) !important;
}

.pt-48 {
  padding-block-start: var(--size-48) !important;
}

.pt-50 {
  padding-block-start: var(--size-50) !important;
}

.pt-56 {
  padding-block-start: var(--size-56) !important;
}

.pt-60 {
  padding-block-start: var(--size-60) !important;
}

.pt-64 {
  padding-block-start: var(--size-64) !important;
}

.pt-72 {
  padding-block-start: var(--size-72) !important;
}

.pt-76 {
  padding-block-start: var(--size-76) !important;
}

.pt-80 {
  padding-block-start: var(--size-80) !important;
}

.pt-90 {
  padding-block-start: var(--size-90) !important;
}

.pt-110 {
  padding-block-start: var(--size-110) !important;
}

.pt-120 {
  padding-block-start: var(--size-120) !important;
}

.pt-144 {
  padding-block-start: var(--size-144) !important;
}

.pt-160 {
  padding-block-start: var(--size-160) !important;
}

.pt-170 {
  padding-block-start: var(--size-170) !important;
}

.pt-190 {
  padding-block-start: var(--size-190) !important;
}

.pt-200 {
  padding-block-start: var(--size-200) !important;
}

.pt-240 {
  padding-block-start: var(--size-240) !important;
}

.pt-440 {
  padding-block-start: var(--size-440) !important;
}

.pb-2 {
  padding-block-end: var(--size-2) !important;
}

.pb-4 {
  padding-block-end: var(--size-4) !important;
}

.pb-6 {
  padding-block-end: var(--size-6) !important;
}

.pb-8 {
  padding-block-end: var(--size-8) !important;
}

.pb-9 {
  padding-block-end: var(--size-9) !important;
}

.pb-10 {
  padding-block-end: var(--size-10) !important;
}

.pb-11 {
  padding-block-end: var(--size-11) !important;
}

.pb-12 {
  padding-block-end: var(--size-12) !important;
}

.pb-13 {
  padding-block-end: var(--size-13) !important;
}

.pb-16 {
  padding-block-end: var(--size-16) !important;
}

.pb-20 {
  padding-block-end: var(--size-20) !important;
}

.pb-24 {
  padding-block-end: var(--size-24) !important;
}

.pb-28 {
  padding-block-end: var(--size-28) !important;
}

.pb-32 {
  padding-block-end: var(--size-32) !important;
}

.pb-36 {
  padding-block-end: var(--size-36) !important;
}

.pb-40 {
  padding-block-end: var(--size-40) !important;
}

.pb-44 {
  padding-block-end: var(--size-44) !important;
}

.pb-48 {
  padding-block-end: var(--size-48) !important;
}

.pb-50 {
  padding-block-end: var(--size-50) !important;
}

.pb-56 {
  padding-block-end: var(--size-56) !important;
}

.pb-60 {
  padding-block-end: var(--size-60) !important;
}

.pb-64 {
  padding-block-end: var(--size-64) !important;
}

.pb-72 {
  padding-block-end: var(--size-72) !important;
}

.pb-76 {
  padding-block-end: var(--size-76) !important;
}

.pb-80 {
  padding-block-end: var(--size-80) !important;
}

.pb-90 {
  padding-block-end: var(--size-90) !important;
}

.pb-110 {
  padding-block-end: var(--size-110) !important;
}

.pb-120 {
  padding-block-end: var(--size-120) !important;
}

.pb-144 {
  padding-block-end: var(--size-144) !important;
}

.pb-160 {
  padding-block-end: var(--size-160) !important;
}

.pb-170 {
  padding-block-end: var(--size-170) !important;
}

.pb-190 {
  padding-block-end: var(--size-190) !important;
}

.pb-200 {
  padding-block-end: var(--size-200) !important;
}

.pb-240 {
  padding-block-end: var(--size-240) !important;
}

.pb-440 {
  padding-block-end: var(--size-440) !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.ms--10px {
  margin-left: -10px;
}

.mt--50 {
  margin-top: -50px;
}

.mt--100 {
  margin-top: -100px;
}

.w-30 {
  width: 30%;
}

.w-70 {
  width: 70%;
}

/* Gap Css */
.gap-2 {
  gap: var(--size-2);
}

.gap-4 {
  gap: var(--size-4);
}

.gap-6 {
  gap: var(--size-6);
}

.gap-8 {
  gap: var(--size-8);
}

.gap-9 {
  gap: var(--size-9);
}

.gap-10 {
  gap: var(--size-10);
}

.gap-11 {
  gap: var(--size-11);
}

.gap-12 {
  gap: var(--size-12);
}

.gap-13 {
  gap: var(--size-13);
}

.gap-16 {
  gap: var(--size-16);
}

.gap-20 {
  gap: var(--size-20);
}

.gap-24 {
  gap: var(--size-24);
}

.gap-28 {
  gap: var(--size-28);
}

.gap-32 {
  gap: var(--size-32);
}

.gap-36 {
  gap: var(--size-36);
}

.gap-40 {
  gap: var(--size-40);
}

.gap-44 {
  gap: var(--size-44);
}

.gap-48 {
  gap: var(--size-48);
}

.gap-50 {
  gap: var(--size-50);
}

.gap-56 {
  gap: var(--size-56);
}

.gap-60 {
  gap: var(--size-60);
}

.gap-64 {
  gap: var(--size-64);
}

.gap-72 {
  gap: var(--size-72);
}

.gap-76 {
  gap: var(--size-76);
}

.gap-80 {
  gap: var(--size-80);
}

.gap-90 {
  gap: var(--size-90);
}

.gap-110 {
  gap: var(--size-110);
}

.gap-120 {
  gap: var(--size-120);
}

.gap-144 {
  gap: var(--size-144);
}

.gap-160 {
  gap: var(--size-160);
}

.gap-170 {
  gap: var(--size-170);
}

.gap-190 {
  gap: var(--size-190);
}

.gap-200 {
  gap: var(--size-200);
}

.gap-240 {
  gap: var(--size-240);
}

.gap-440 {
  gap: var(--size-440);
}

/* === spacing css end === */
/* === spacing css start === */
.radius-2 {
  border-radius: 0.125rem;
  -webkit-border-radius: 0.125rem;
  -moz-border-radius: 0.125rem;
  -ms-border-radius: 0.125rem;
  -o-border-radius: 0.125rem;
}

.radius-4 {
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  -o-border-radius: 0.25rem;
}

.radius-6 {
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;
}

.radius-8 {
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.radius-9 {
  border-radius: 0.5625rem;
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
}

.radius-10 {
  border-radius: 0.625rem;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}

.radius-11 {
  border-radius: 0.6875rem;
  -webkit-border-radius: 0.6875rem;
  -moz-border-radius: 0.6875rem;
  -ms-border-radius: 0.6875rem;
  -o-border-radius: 0.6875rem;
}

.radius-12 {
  border-radius: 0.75rem;
  -webkit-border-radius: 0.75rem;
  -moz-border-radius: 0.75rem;
  -ms-border-radius: 0.75rem;
  -o-border-radius: 0.75rem;
}

.radius-13 {
  border-radius: 0.8125rem;
  -webkit-border-radius: 0.8125rem;
  -moz-border-radius: 0.8125rem;
  -ms-border-radius: 0.8125rem;
  -o-border-radius: 0.8125rem;
}

.radius-16 {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.radius-20 {
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.radius-24 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-28 {
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
}

.radius-32 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-36 {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

.radius-40 {
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  -ms-border-radius: 2.5rem;
  -o-border-radius: 2.5rem;
}

.radius-44 {
  border-radius: 2.75rem;
  -webkit-border-radius: 2.75rem;
  -moz-border-radius: 2.75rem;
  -ms-border-radius: 2.75rem;
  -o-border-radius: 2.75rem;
}

.radius-48 {
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
  -ms-border-radius: 3rem;
  -o-border-radius: 3rem;
}

.radius-50 {
  border-radius: 3.125rem;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
}

.radius-56 {
  border-radius: 3.5rem;
  -webkit-border-radius: 3.5rem;
  -moz-border-radius: 3.5rem;
  -ms-border-radius: 3.5rem;
  -o-border-radius: 3.5rem;
}

.radius-60 {
  border-radius: 3.75rem;
  -webkit-border-radius: 3.75rem;
  -moz-border-radius: 3.75rem;
  -ms-border-radius: 3.75rem;
  -o-border-radius: 3.75rem;
}

.radius-64 {
  border-radius: 4rem;
  -webkit-border-radius: 4rem;
  -moz-border-radius: 4rem;
  -ms-border-radius: 4rem;
  -o-border-radius: 4rem;
}

.radius-72 {
  border-radius: 4.5rem;
  -webkit-border-radius: 4.5rem;
  -moz-border-radius: 4.5rem;
  -ms-border-radius: 4.5rem;
  -o-border-radius: 4.5rem;
}

.radius-76 {
  border-radius: 4.75rem;
  -webkit-border-radius: 4.75rem;
  -moz-border-radius: 4.75rem;
  -ms-border-radius: 4.75rem;
  -o-border-radius: 4.75rem;
}

.radius-80 {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
}

.radius-90 {
  border-radius: 5.625rem;
  -webkit-border-radius: 5.625rem;
  -moz-border-radius: 5.625rem;
  -ms-border-radius: 5.625rem;
  -o-border-radius: 5.625rem;
}

.radius-110 {
  border-radius: 6.875rem;
  -webkit-border-radius: 6.875rem;
  -moz-border-radius: 6.875rem;
  -ms-border-radius: 6.875rem;
  -o-border-radius: 6.875rem;
}

.radius-120 {
  border-radius: 7.5rem;
  -webkit-border-radius: 7.5rem;
  -moz-border-radius: 7.5rem;
  -ms-border-radius: 7.5rem;
  -o-border-radius: 7.5rem;
}

.radius-144 {
  border-radius: 9rem;
  -webkit-border-radius: 9rem;
  -moz-border-radius: 9rem;
  -ms-border-radius: 9rem;
  -o-border-radius: 9rem;
}

.radius-160 {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

.radius-170 {
  border-radius: 10.625rem;
  -webkit-border-radius: 10.625rem;
  -moz-border-radius: 10.625rem;
  -ms-border-radius: 10.625rem;
  -o-border-radius: 10.625rem;
}

.radius-190 {
  border-radius: 11.875rem;
  -webkit-border-radius: 11.875rem;
  -moz-border-radius: 11.875rem;
  -ms-border-radius: 11.875rem;
  -o-border-radius: 11.875rem;
}

.radius-200 {
  border-radius: 12.5rem;
  -webkit-border-radius: 12.5rem;
  -moz-border-radius: 12.5rem;
  -ms-border-radius: 12.5rem;
  -o-border-radius: 12.5rem;
}

.radius-240 {
  border-radius: 15rem;
  -webkit-border-radius: 15rem;
  -moz-border-radius: 15rem;
  -ms-border-radius: 15rem;
  -o-border-radius: 15rem;
}

.radius-440 {
  border-radius: 27.5rem;
  -webkit-border-radius: 27.5rem;
  -moz-border-radius: 27.5rem;
  -ms-border-radius: 27.5rem;
  -o-border-radius: 27.5rem;
}

.rounded-start-top-0 {
  border-start-start-radius: 0 !important;
}

.rounded-end-bottom-0 {
  border-end-end-radius: 0 !important;
}

/* === spacing css end === */
/* === animation css start === */
/* === animation css end === */
/* === typography css start === */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary-light);
  font-weight: 600;
}

h1, .h1 {
  font-size: var(--h1) !important;
}

h2, .h2 {
  font-size: var(--h2) !important;
}

h3, .h3 {
  font-size: var(--h3) !important;
}

h4, .h4 {
  font-size: var(--h4) !important;
}

h5, .h5 {
  font-size: var(--h5) !important;
}

h6, .h6 {
  font-size: var(--h6) !important;
}

.text-2xxl {
  font-size: var(--font-2xxl) !important;
}

.text-2xl {
  font-size: var(--font-2xl) !important;
}

.text-xxl {
  font-size: var(--font-xxl) !important;
}

.text-xl {
  font-size: var(--font-xl) !important;
}

.text-lg {
  font-size: var(--font-lg) !important;
}

.text-md {
  font-size: var(--font-md) !important;
}

.text-sm {
  font-size: var(--font-sm) !important;
}

.text-xs {
  font-size: var(--font-xs) !important;
}

.text-xxs {
  font-size: var(--font-xxs) !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.text-line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-line-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* === typography css end === */
/* === text-align css start === */
.text-start {
  text-align: start !important;
}

.text-end {
  text-align: end !important;
}

/* === text-align css end === */
/* === border css start === */
.border {
  border: 1px solid var(--border-color) !important;
}

.border-start {
  border-inline-start: 1px solid var(--border-color) !important;
}

.border-end {
  border-inline-end: 1px solid var(--border-color) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color) !important;
}

.border-primary-light-white {
  border-color: var(--primary-light-white) !important;
}

.border-yellow-light-white {
  border-color: var(--yellow-light-white) !important;
}

.border-purple-light-white {
  border-color: var(--purple-light-white) !important;
}

.border-pink-light-white {
  border-color: var(--pink-light-white) !important;
}

.br-success {
  border-color: var(--success-border) !important;
}

.br-white {
  border-color: var(--base) !important;
}

.border-light-white {
  border-color: rgba(255, 255, 255, 0.38) !important;
}

.input-form-light {
  border-color: var(--input-form-light) !important;
}

.input-form-dark {
  border-color: var(--input-form-dark) !important;
}

.br-hover-primary {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.br-hover-primary:hover {
  border-color: var(--primary-600) !important;
}

.br-hover-success {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.br-hover-success:hover {
  border-color: var(--success-main) !important;
}

.br-hover-info {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.br-hover-info:hover {
  border-color: var(--info-main) !important;
}

.br-hover-warning {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.br-hover-warning:hover {
  border-color: var(--warning-main) !important;
}

.br-hover-danger {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.br-hover-danger:hover {
  border-color: var(--danger-main) !important;
}

.border-primary-50 {
  border-color: var(--primary-50) !important;
}

.border-primary-100 {
  border-color: var(--primary-100) !important;
}

.border-primary-200 {
  border-color: var(--primary-200) !important;
}

.border-primary-300 {
  border-color: var(--primary-300) !important;
}

.border-primary-400 {
  border-color: var(--primary-400) !important;
}

.border-primary-500 {
  border-color: var(--primary-500) !important;
}

.border-primary-600 {
  border-color: var(--primary-600) !important;
}

.border-primary-700 {
  border-color: var(--primary-700) !important;
}

.border-primary-800 {
  border-color: var(--primary-800) !important;
}

.border-primary-900 {
  border-color: var(--primary-900) !important;
}

.border-neutral-50 {
  border-color: var(--neutral-50) !important;
}

.border-neutral-100 {
  border-color: var(--neutral-100) !important;
}

.border-neutral-200 {
  border-color: var(--neutral-200) !important;
}

.border-neutral-300 {
  border-color: var(--neutral-300) !important;
}

.border-neutral-400 {
  border-color: var(--neutral-400) !important;
}

.border-neutral-500 {
  border-color: var(--neutral-500) !important;
}

.border-neutral-600 {
  border-color: var(--neutral-600) !important;
}

.border-neutral-700 {
  border-color: var(--neutral-700) !important;
}

.border-neutral-800 {
  border-color: var(--neutral-800) !important;
}

.border-neutral-900 {
  border-color: var(--neutral-900) !important;
}

.border-danger-50 {
  border-color: var(--danger-50) !important;
}

.border-danger-100 {
  border-color: var(--danger-100) !important;
}

.border-danger-200 {
  border-color: var(--danger-200) !important;
}

.border-danger-300 {
  border-color: var(--danger-300) !important;
}

.border-danger-400 {
  border-color: var(--danger-400) !important;
}

.border-danger-500 {
  border-color: var(--danger-500) !important;
}

.border-danger-600 {
  border-color: var(--danger-600) !important;
}

.border-danger-700 {
  border-color: var(--danger-700) !important;
}

.border-danger-800 {
  border-color: var(--danger-800) !important;
}

.border-danger-900 {
  border-color: var(--danger-900) !important;
}

.border-success-50 {
  border-color: var(--success-50) !important;
}

.border-success-100 {
  border-color: var(--success-100) !important;
}

.border-success-200 {
  border-color: var(--success-200) !important;
}

.border-success-300 {
  border-color: var(--success-300) !important;
}

.border-success-400 {
  border-color: var(--success-400) !important;
}

.border-success-500 {
  border-color: var(--success-500) !important;
}

.border-success-600 {
  border-color: var(--success-600) !important;
}

.border-success-700 {
  border-color: var(--success-700) !important;
}

.border-success-800 {
  border-color: var(--success-800) !important;
}

.border-success-900 {
  border-color: var(--success-900) !important;
}

.border-warning-50 {
  border-color: var(--warning-50) !important;
}

.border-warning-100 {
  border-color: var(--warning-100) !important;
}

.border-warning-200 {
  border-color: var(--warning-200) !important;
}

.border-warning-300 {
  border-color: var(--warning-300) !important;
}

.border-warning-400 {
  border-color: var(--warning-400) !important;
}

.border-warning-500 {
  border-color: var(--warning-500) !important;
}

.border-warning-600 {
  border-color: var(--warning-600) !important;
}

.border-warning-700 {
  border-color: var(--warning-700) !important;
}

.border-warning-800 {
  border-color: var(--warning-800) !important;
}

.border-warning-900 {
  border-color: var(--warning-900) !important;
}

.border-info-50 {
  border-color: var(--info-50) !important;
}

.border-info-100 {
  border-color: var(--info-100) !important;
}

.border-info-200 {
  border-color: var(--info-200) !important;
}

.border-info-300 {
  border-color: var(--info-300) !important;
}

.border-info-400 {
  border-color: var(--info-400) !important;
}

.border-info-500 {
  border-color: var(--info-500) !important;
}

.border-info-600 {
  border-color: var(--info-600) !important;
}

.border-info-700 {
  border-color: var(--info-700) !important;
}

.border-info-800 {
  border-color: var(--info-800) !important;
}

.border-info-900 {
  border-color: var(--info-900) !important;
}

.border-dark-1 {
  border-color: var(--dark-1) !important;
}

.border-dark-2 {
  border-color: var(--dark-2) !important;
}

.border-dark-3 {
  border-color: var(--dark-3) !important;
}

.border-lilac-50 {
  border-color: var(--lilac-50) !important;
}

.border-lilac-100 {
  border-color: var(--lilac-100) !important;
}

.border-lilac-600 {
  border-color: var(--lilac-600) !important;
}

.border-lilac-700 {
  border-color: var(--lilac-700) !important;
}

.border-lilac-800 {
  border-color: var(--lilac-800) !important;
}

.border-light-50 {
  border-color: var(--light-50) !important;
}

.border-light-100 {
  border-color: var(--light-100) !important;
}

.border-light-600 {
  border-color: var(--light-600) !important;
}

.border-light-700 {
  border-color: var(--light-700) !important;
}

.border-light-800 {
  border-color: var(--light-800) !important;
}

.border-success-main {
  border-color: var(--success-main) !important;
}

.border-success-surface {
  border-color: var(--success-surface) !important;
}

.border-success-border {
  border-color: var(--success-border) !important;
}

.border-success-hover {
  border-color: var(--success-hover) !important;
}

.border-success-pressed {
  border-color: var(--success-pressed) !important;
}

.border-success-focus {
  border-color: var(--success-focus) !important;
}

.border-info-main {
  border-color: var(--info-main) !important;
}

.border-info-surface {
  border-color: var(--info-surface) !important;
}

.border-info-border {
  border-color: var(--info-border) !important;
}

.border-info-hover {
  border-color: var(--info-hover) !important;
}

.border-info-pressed {
  border-color: var(--info-pressed) !important;
}

.border-info-focus {
  border-color: var(--info-focus) !important;
}

.border-warning-main {
  border-color: var(--warning-main) !important;
}

.border-warning-surface {
  border-color: var(--warning-surface) !important;
}

.border-warning-border {
  border-color: var(--warning-border) !important;
}

.border-warning-hover {
  border-color: var(--warning-hover) !important;
}

.border-warning-pressed {
  border-color: var(--warning-pressed) !important;
}

.border-warning-focus {
  border-color: var(--warning-focus) !important;
}

.border-danger-main {
  border-color: var(--danger-main) !important;
}

.border-danger-surface {
  border-color: var(--danger-surface) !important;
}

.border-danger-border {
  border-color: var(--danger-border) !important;
}

.border-danger-hover {
  border-color: var(--danger-hover) !important;
}

.border-danger-pressed {
  border-color: var(--danger-pressed) !important;
}

.border-danger-focus {
  border-color: var(--danger-focus) !important;
}

.border-cyan {
  border-color: var(--cyan) !important;
}

.border-indigo {
  border-color: var(--indigo) !important;
}

.border-purple {
  border-color: var(--purple) !important;
}

.border-red {
  border-color: var(--red) !important;
}

.border-yellow {
  border-color: var(--yellow) !important;
}

.border-orange {
  border-color: var(--orange) !important;
}

.border-pink {
  border-color: var(--pink) !important;
}

.border-width-2-px {
  border-width: 2px !important;
}

.border-width-3-px {
  border-width: 3px !important;
}

.border-width-4-px {
  border-width: 4px !important;
}

.border-width-5-px {
  border-width: 5px !important;
}

.border-start-width-2-px {
  border-inline-start-width: 2px !important;
}

.border-start-width-3-px {
  border-inline-start-width: 3px !important;
}

.border-start-width-4-px {
  border-inline-start-width: 4px !important;
}

.border-start-width-5-px {
  border-inline-start-width: 5px !important;
}

.border-end-width-2-px {
  border-inline-end-width: 2px !important;
}

.border-end-width-3-px {
  border-inline-end-width: 3px !important;
}

.border-end-width-4-px {
  border-inline-end-width: 4px !important;
}

.border-end-width-5-px {
  border-inline-end-width: 5px !important;
}

.border-end-width-6-px {
  border-inline-end-width: 6px !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-dashed {
  border-style: dashed !important;
}

.center-border {
  position: relative;
}

.center-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 9px);
  background-color: var(--neutral-300);
  left: 50%;
  transform: translateX(-50%);
}

/* === border css end === */
/* === hover css start === */
.group-item:hover .group-hover\:bg-primary-50 {
  background-color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:bg-primary-100 {
  background-color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:bg-primary-200 {
  background-color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:bg-primary-300 {
  background-color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:bg-primary-400 {
  background-color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:bg-primary-500 {
  background-color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:bg-primary-600 {
  background-color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:bg-primary-700 {
  background-color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:bg-primary-800 {
  background-color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:bg-primary-900 {
  background-color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:bg-neutral-50 {
  background-color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:bg-neutral-100 {
  background-color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:bg-neutral-200 {
  background-color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:bg-neutral-300 {
  background-color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:bg-neutral-400 {
  background-color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:bg-neutral-500 {
  background-color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:bg-neutral-600 {
  background-color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:bg-neutral-700 {
  background-color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:bg-neutral-800 {
  background-color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:bg-neutral-900 {
  background-color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:bg-danger-50 {
  background-color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:bg-danger-100 {
  background-color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:bg-danger-200 {
  background-color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:bg-danger-300 {
  background-color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:bg-danger-400 {
  background-color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:bg-danger-500 {
  background-color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:bg-danger-600 {
  background-color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:bg-danger-700 {
  background-color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:bg-danger-800 {
  background-color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:bg-danger-900 {
  background-color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:bg-success-50 {
  background-color: var(--success-50) !important;
}

.group-item:hover .group-hover\:bg-success-100 {
  background-color: var(--success-100) !important;
}

.group-item:hover .group-hover\:bg-success-200 {
  background-color: var(--success-200) !important;
}

.group-item:hover .group-hover\:bg-success-300 {
  background-color: var(--success-300) !important;
}

.group-item:hover .group-hover\:bg-success-400 {
  background-color: var(--success-400) !important;
}

.group-item:hover .group-hover\:bg-success-500 {
  background-color: var(--success-500) !important;
}

.group-item:hover .group-hover\:bg-success-600 {
  background-color: var(--success-600) !important;
}

.group-item:hover .group-hover\:bg-success-700 {
  background-color: var(--success-700) !important;
}

.group-item:hover .group-hover\:bg-success-800 {
  background-color: var(--success-800) !important;
}

.group-item:hover .group-hover\:bg-success-900 {
  background-color: var(--success-900) !important;
}

.group-item:hover .group-hover\:bg-warning-50 {
  background-color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:bg-warning-100 {
  background-color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:bg-warning-200 {
  background-color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:bg-warning-300 {
  background-color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:bg-warning-400 {
  background-color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:bg-warning-500 {
  background-color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:bg-warning-600 {
  background-color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:bg-warning-700 {
  background-color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:bg-warning-800 {
  background-color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:bg-warning-900 {
  background-color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:bg-info-50 {
  background-color: var(--info-50) !important;
}

.group-item:hover .group-hover\:bg-info-100 {
  background-color: var(--info-100) !important;
}

.group-item:hover .group-hover\:bg-info-200 {
  background-color: var(--info-200) !important;
}

.group-item:hover .group-hover\:bg-info-300 {
  background-color: var(--info-300) !important;
}

.group-item:hover .group-hover\:bg-info-400 {
  background-color: var(--info-400) !important;
}

.group-item:hover .group-hover\:bg-info-500 {
  background-color: var(--info-500) !important;
}

.group-item:hover .group-hover\:bg-info-600 {
  background-color: var(--info-600) !important;
}

.group-item:hover .group-hover\:bg-info-700 {
  background-color: var(--info-700) !important;
}

.group-item:hover .group-hover\:bg-info-800 {
  background-color: var(--info-800) !important;
}

.group-item:hover .group-hover\:bg-info-900 {
  background-color: var(--info-900) !important;
}

.group-item:hover .group-hover\:bg-dark-1 {
  background-color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:bg-dark-2 {
  background-color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:bg-dark-3 {
  background-color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:bg-lilac-50 {
  background-color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:bg-lilac-100 {
  background-color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:bg-lilac-600 {
  background-color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:bg-lilac-700 {
  background-color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:bg-lilac-800 {
  background-color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:bg-light-50 {
  background-color: var(--light-50) !important;
}

.group-item:hover .group-hover\:bg-light-100 {
  background-color: var(--light-100) !important;
}

.group-item:hover .group-hover\:bg-light-600 {
  background-color: var(--light-600) !important;
}

.group-item:hover .group-hover\:bg-light-700 {
  background-color: var(--light-700) !important;
}

.group-item:hover .group-hover\:bg-light-800 {
  background-color: var(--light-800) !important;
}

.group-item:hover .group-hover\:bg-success-main {
  background-color: var(--success-main) !important;
}

.group-item:hover .group-hover\:bg-success-surface {
  background-color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:bg-success-border {
  background-color: var(--success-border) !important;
}

.group-item:hover .group-hover\:bg-success-hover {
  background-color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:bg-success-pressed {
  background-color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:bg-success-focus {
  background-color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:bg-info-main {
  background-color: var(--info-main) !important;
}

.group-item:hover .group-hover\:bg-info-surface {
  background-color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:bg-info-border {
  background-color: var(--info-border) !important;
}

.group-item:hover .group-hover\:bg-info-hover {
  background-color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:bg-info-pressed {
  background-color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:bg-info-focus {
  background-color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:bg-warning-main {
  background-color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:bg-warning-surface {
  background-color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:bg-warning-border {
  background-color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:bg-warning-hover {
  background-color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:bg-warning-pressed {
  background-color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:bg-warning-focus {
  background-color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:bg-danger-main {
  background-color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:bg-danger-surface {
  background-color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:bg-danger-border {
  background-color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:bg-danger-hover {
  background-color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:bg-danger-pressed {
  background-color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:bg-danger-focus {
  background-color: var(--danger-focus) !important;
}

.group-item:hover .group-hover\:bg-cyan {
  background-color: var(--cyan) !important;
}

.group-item:hover .group-hover\:bg-indigo {
  background-color: var(--indigo) !important;
}

.group-item:hover .group-hover\:bg-purple {
  background-color: var(--purple) !important;
}

.group-item:hover .group-hover\:bg-red {
  background-color: var(--red) !important;
}

.group-item:hover .group-hover\:bg-yellow {
  background-color: var(--yellow) !important;
}

.group-item:hover .group-hover\:bg-orange {
  background-color: var(--orange) !important;
}

.group-item:hover .group-hover\:bg-pink {
  background-color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-primary-50 {
  color: var(--primary-50) !important;
}

.group-item:hover .group-hover\:text-primary-100 {
  color: var(--primary-100) !important;
}

.group-item:hover .group-hover\:text-primary-200 {
  color: var(--primary-200) !important;
}

.group-item:hover .group-hover\:text-primary-300 {
  color: var(--primary-300) !important;
}

.group-item:hover .group-hover\:text-primary-400 {
  color: var(--primary-400) !important;
}

.group-item:hover .group-hover\:text-primary-500 {
  color: var(--primary-500) !important;
}

.group-item:hover .group-hover\:text-primary-600 {
  color: var(--primary-600) !important;
}

.group-item:hover .group-hover\:text-primary-700 {
  color: var(--primary-700) !important;
}

.group-item:hover .group-hover\:text-primary-800 {
  color: var(--primary-800) !important;
}

.group-item:hover .group-hover\:text-primary-900 {
  color: var(--primary-900) !important;
}

.group-item:hover .group-hover\:text-neutral-50 {
  color: var(--neutral-50) !important;
}

.group-item:hover .group-hover\:text-neutral-100 {
  color: var(--neutral-100) !important;
}

.group-item:hover .group-hover\:text-neutral-200 {
  color: var(--neutral-200) !important;
}

.group-item:hover .group-hover\:text-neutral-300 {
  color: var(--neutral-300) !important;
}

.group-item:hover .group-hover\:text-neutral-400 {
  color: var(--neutral-400) !important;
}

.group-item:hover .group-hover\:text-neutral-500 {
  color: var(--neutral-500) !important;
}

.group-item:hover .group-hover\:text-neutral-600 {
  color: var(--neutral-600) !important;
}

.group-item:hover .group-hover\:text-neutral-700 {
  color: var(--neutral-700) !important;
}

.group-item:hover .group-hover\:text-neutral-800 {
  color: var(--neutral-800) !important;
}

.group-item:hover .group-hover\:text-neutral-900 {
  color: var(--neutral-900) !important;
}

.group-item:hover .group-hover\:text-danger-50 {
  color: var(--danger-50) !important;
}

.group-item:hover .group-hover\:text-danger-100 {
  color: var(--danger-100) !important;
}

.group-item:hover .group-hover\:text-danger-200 {
  color: var(--danger-200) !important;
}

.group-item:hover .group-hover\:text-danger-300 {
  color: var(--danger-300) !important;
}

.group-item:hover .group-hover\:text-danger-400 {
  color: var(--danger-400) !important;
}

.group-item:hover .group-hover\:text-danger-500 {
  color: var(--danger-500) !important;
}

.group-item:hover .group-hover\:text-danger-600 {
  color: var(--danger-600) !important;
}

.group-item:hover .group-hover\:text-danger-700 {
  color: var(--danger-700) !important;
}

.group-item:hover .group-hover\:text-danger-800 {
  color: var(--danger-800) !important;
}

.group-item:hover .group-hover\:text-danger-900 {
  color: var(--danger-900) !important;
}

.group-item:hover .group-hover\:text-success-50 {
  color: var(--success-50) !important;
}

.group-item:hover .group-hover\:text-success-100 {
  color: var(--success-100) !important;
}

.group-item:hover .group-hover\:text-success-200 {
  color: var(--success-200) !important;
}

.group-item:hover .group-hover\:text-success-300 {
  color: var(--success-300) !important;
}

.group-item:hover .group-hover\:text-success-400 {
  color: var(--success-400) !important;
}

.group-item:hover .group-hover\:text-success-500 {
  color: var(--success-500) !important;
}

.group-item:hover .group-hover\:text-success-600 {
  color: var(--success-600) !important;
}

.group-item:hover .group-hover\:text-success-700 {
  color: var(--success-700) !important;
}

.group-item:hover .group-hover\:text-success-800 {
  color: var(--success-800) !important;
}

.group-item:hover .group-hover\:text-success-900 {
  color: var(--success-900) !important;
}

.group-item:hover .group-hover\:text-warning-50 {
  color: var(--warning-50) !important;
}

.group-item:hover .group-hover\:text-warning-100 {
  color: var(--warning-100) !important;
}

.group-item:hover .group-hover\:text-warning-200 {
  color: var(--warning-200) !important;
}

.group-item:hover .group-hover\:text-warning-300 {
  color: var(--warning-300) !important;
}

.group-item:hover .group-hover\:text-warning-400 {
  color: var(--warning-400) !important;
}

.group-item:hover .group-hover\:text-warning-500 {
  color: var(--warning-500) !important;
}

.group-item:hover .group-hover\:text-warning-600 {
  color: var(--warning-600) !important;
}

.group-item:hover .group-hover\:text-warning-700 {
  color: var(--warning-700) !important;
}

.group-item:hover .group-hover\:text-warning-800 {
  color: var(--warning-800) !important;
}

.group-item:hover .group-hover\:text-warning-900 {
  color: var(--warning-900) !important;
}

.group-item:hover .group-hover\:text-info-50 {
  color: var(--info-50) !important;
}

.group-item:hover .group-hover\:text-info-100 {
  color: var(--info-100) !important;
}

.group-item:hover .group-hover\:text-info-200 {
  color: var(--info-200) !important;
}

.group-item:hover .group-hover\:text-info-300 {
  color: var(--info-300) !important;
}

.group-item:hover .group-hover\:text-info-400 {
  color: var(--info-400) !important;
}

.group-item:hover .group-hover\:text-info-500 {
  color: var(--info-500) !important;
}

.group-item:hover .group-hover\:text-info-600 {
  color: var(--info-600) !important;
}

.group-item:hover .group-hover\:text-info-700 {
  color: var(--info-700) !important;
}

.group-item:hover .group-hover\:text-info-800 {
  color: var(--info-800) !important;
}

.group-item:hover .group-hover\:text-info-900 {
  color: var(--info-900) !important;
}

.group-item:hover .group-hover\:text-dark-1 {
  color: var(--dark-1) !important;
}

.group-item:hover .group-hover\:text-dark-2 {
  color: var(--dark-2) !important;
}

.group-item:hover .group-hover\:text-dark-3 {
  color: var(--dark-3) !important;
}

.group-item:hover .group-hover\:text-lilac-50 {
  color: var(--lilac-50) !important;
}

.group-item:hover .group-hover\:text-lilac-100 {
  color: var(--lilac-100) !important;
}

.group-item:hover .group-hover\:text-lilac-600 {
  color: var(--lilac-600) !important;
}

.group-item:hover .group-hover\:text-lilac-700 {
  color: var(--lilac-700) !important;
}

.group-item:hover .group-hover\:text-lilac-800 {
  color: var(--lilac-800) !important;
}

.group-item:hover .group-hover\:text-light-50 {
  color: var(--light-50) !important;
}

.group-item:hover .group-hover\:text-light-100 {
  color: var(--light-100) !important;
}

.group-item:hover .group-hover\:text-light-600 {
  color: var(--light-600) !important;
}

.group-item:hover .group-hover\:text-light-700 {
  color: var(--light-700) !important;
}

.group-item:hover .group-hover\:text-light-800 {
  color: var(--light-800) !important;
}

.group-item:hover .group-hover\:text-success-main {
  color: var(--success-main) !important;
}

.group-item:hover .group-hover\:text-success-surface {
  color: var(--success-surface) !important;
}

.group-item:hover .group-hover\:text-success-border {
  color: var(--success-border) !important;
}

.group-item:hover .group-hover\:text-success-hover {
  color: var(--success-hover) !important;
}

.group-item:hover .group-hover\:text-success-pressed {
  color: var(--success-pressed) !important;
}

.group-item:hover .group-hover\:text-success-focus {
  color: var(--success-focus) !important;
}

.group-item:hover .group-hover\:text-info-main {
  color: var(--info-main) !important;
}

.group-item:hover .group-hover\:text-info-surface {
  color: var(--info-surface) !important;
}

.group-item:hover .group-hover\:text-info-border {
  color: var(--info-border) !important;
}

.group-item:hover .group-hover\:text-info-hover {
  color: var(--info-hover) !important;
}

.group-item:hover .group-hover\:text-info-pressed {
  color: var(--info-pressed) !important;
}

.group-item:hover .group-hover\:text-info-focus {
  color: var(--info-focus) !important;
}

.group-item:hover .group-hover\:text-warning-main {
  color: var(--warning-main) !important;
}

.group-item:hover .group-hover\:text-warning-surface {
  color: var(--warning-surface) !important;
}

.group-item:hover .group-hover\:text-warning-border {
  color: var(--warning-border) !important;
}

.group-item:hover .group-hover\:text-warning-hover {
  color: var(--warning-hover) !important;
}

.group-item:hover .group-hover\:text-warning-pressed {
  color: var(--warning-pressed) !important;
}

.group-item:hover .group-hover\:text-warning-focus {
  color: var(--warning-focus) !important;
}

.group-item:hover .group-hover\:text-danger-main {
  color: var(--danger-main) !important;
}

.group-item:hover .group-hover\:text-danger-surface {
  color: var(--danger-surface) !important;
}

.group-item:hover .group-hover\:text-danger-border {
  color: var(--danger-border) !important;
}

.group-item:hover .group-hover\:text-danger-hover {
  color: var(--danger-hover) !important;
}

.group-item:hover .group-hover\:text-danger-pressed {
  color: var(--danger-pressed) !important;
}

.group-item:hover .group-hover\:text-danger-focus {
  color: var(--danger-focus) !important;
}

.text-cyan {
  color: var(--cyan);
}

.group-item:hover .group-hover\:text-cyan {
  color: var(--cyan) !important;
}

.text-indigo {
  color: var(--indigo);
}

.group-item:hover .group-hover\:text-indigo {
  color: var(--indigo) !important;
}

.text-purple {
  color: var(--purple);
}

.group-item:hover .group-hover\:text-purple {
  color: var(--purple) !important;
}

.text-red {
  color: var(--red);
}

.group-item:hover .group-hover\:text-red {
  color: var(--red) !important;
}

.text-yellow {
  color: var(--yellow);
}

.group-item:hover .group-hover\:text-yellow {
  color: var(--yellow) !important;
}

.text-orange {
  color: var(--orange);
}

.group-item:hover .group-hover\:text-orange {
  color: var(--orange) !important;
}

.text-pink {
  color: var(--pink);
}

.group-item:hover .group-hover\:text-pink {
  color: var(--pink) !important;
}

.group-item:hover .group-hover\:text-white {
  color: var(--base);
}

.text-hover-white:hover {
  color: #fff !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.hover-scale-img__img {
  transition: 0.2s linear;
}

.hover-scale-img:hover .hover-scale-img__img {
  transform: scale(1.1);
}

.visibility-hidden {
  visibility: hidden;
}

/* === hover css end === */
/* === overlay css start === */
/* Overlay Css Start */
.gradient-overlay {
  position: relative;
  z-index: 1;
}

.gradient-overlay.top-0::before {
  transform: rotate(180deg);
}

.gradient-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.69) 57.92%, rgba(0, 0, 0, 0.7) 100%);
  left: inherit;
  bottom: inherit;
}

/* Overlay Css End */
/* === overlay css end === */
/* === position css start === */
[dir=rtl] .start-0 {
  left: auto !important;
  right: 0;
}

[dir=rtl] .end-0 {
  right: auto !important;
  left: 0;
}

/* === position css end === */
/* === kanban css start === */
/* =============================== Kanban Card Css Start =============================== */
.ui-sortable-handle {
  cursor: move !important;
}

.ui-sortable-helper {
  box-shadow: 0px 5px 20px 3px var(--neutral-300);
  box-shadow: 0 4px 30px 0 rgba(4, 6, 15, 0.5) !important;
}

.ui-sortable-placeholder {
  background-color: var(--neutral-100) !important;
  visibility: visible !important;
  padding: 100px !important;
  border: 1px dashed var(--neutral-400);
}

#taskImagePreview {
  display: none;
  margin-top: 10px;
  max-width: 100%;
}

/* =============================== Kanban Card Css End =============================== */
/* === kanban css end === */
/* === preloader css start === */
/* === preloader css end === */
/* === buttons css start === */
.btn {
  padding: 0.5625rem 0.75rem;
  font-size: 1rem;
  font-weight: 500;
}

.btn.btn-lg {
  padding: 0.9375rem 0.875rem;
  font-weight: 600;
}

.btn.btn-sm {
  padding: 0.5rem 0.875rem;
  font-size: 0.875rem;
}

.btn-success {
  background-color: var(--success-main);
  color: #fff;
  border-color: var(--success-main);
}

.btn-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}

.btn-success:active, .btn-success:focus {
  background-color: var(--success-pressed);
  color: #fff;
  border-color: var(--success-pressed);
}

.btn-danger {
  background-color: var(--danger-main);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-danger:active, .btn-danger:focus {
  background-color: var(--danger-pressed);
  color: #fff;
  border-color: var(--danger-pressed);
}

.btn-warning {
  background-color: var(--warning-main);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-warning:active, .btn-warning:focus {
  background-color: var(--warning-pressed);
  color: #fff;
  border-color: var(--warning-pressed);
}

.btn-info {
  background-color: var(--info-main);
  color: #fff;
  border-color: var(--info-main);
}

.btn-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}

.btn-info:active, .btn-info:focus {
  background-color: var(--info-pressed);
  color: #fff;
  border-color: var(--info-pressed);
}

.btn-outline-success {
  background-color: transparent;
  color: var(--success-main);
  border-color: var(--success-main);
}

.btn-outline-success:hover {
  background-color: var(--success-hover);
  color: #fff;
  border-color: var(--success-main);
}

.btn-outline-success:active, .btn-outline-success:focus {
  background-color: var(--success-pressed) !important;
  color: #fff !important;
  border-color: var(--success-pressed) !important;
}

.btn-outline-danger {
  background-color: transparent;
  color: var(--danger-main);
  border-color: var(--danger-main);
}

.btn-outline-danger:hover {
  background-color: var(--danger-hover);
  color: #fff;
  border-color: var(--danger-main);
}

.btn-outline-danger:active, .btn-outline-danger:focus {
  background-color: var(--danger-pressed) !important;
  color: #fff !important;
  border-color: var(--danger-pressed) !important;
}

.btn-outline-warning {
  background-color: transparent;
  color: var(--warning-main);
  border-color: var(--warning-main);
}

.btn-outline-warning:hover {
  background-color: var(--warning-hover);
  color: #fff;
  border-color: var(--warning-main);
}

.btn-outline-warning:active, .btn-outline-warning:focus {
  background-color: var(--warning-pressed) !important;
  color: #fff !important;
  border-color: var(--warning-pressed) !important;
}

.btn-outline-info {
  background-color: transparent;
  color: var(--info-main);
  border-color: var(--info-main);
}

.btn-outline-info:hover {
  background-color: var(--info-hover);
  color: #fff;
  border-color: var(--info-main);
}

.btn-outline-info:active, .btn-outline-info:focus {
  background-color: var(--info-pressed) !important;
  color: #fff !important;
  border-color: var(--info-pressed) !important;
}

/* Pill Btn */
.btn-primary-50 {
  background-color: var(--primary-50);
  color: #fff;
  border-color: var(--primary-50);
}

.btn-primary-50:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-50:active, .btn-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-100 {
  background-color: var(--primary-100);
  color: #fff;
  border-color: var(--primary-100);
}

.btn-primary-100:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-100:active, .btn-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-200 {
  background-color: var(--primary-200);
  color: #fff;
  border-color: var(--primary-200);
}

.btn-primary-200:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-200:active, .btn-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-300 {
  background-color: var(--primary-300);
  color: #fff;
  border-color: var(--primary-300);
}

.btn-primary-300:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-300:active, .btn-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-400 {
  background-color: var(--primary-400);
  color: #fff;
  border-color: var(--primary-400);
}

.btn-primary-400:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-400:active, .btn-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-500 {
  background-color: var(--primary-500);
  color: #fff;
  border-color: var(--primary-500);
}

.btn-primary-500:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-500:active, .btn-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-600 {
  background-color: var(--primary-600);
  color: #fff;
  border-color: var(--primary-600);
}

.btn-primary-600:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-600:active, .btn-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-700 {
  background-color: var(--primary-700);
  color: #fff;
  border-color: var(--primary-700);
}

.btn-primary-700:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-700:active, .btn-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-800 {
  background-color: var(--primary-800);
  color: #fff;
  border-color: var(--primary-800);
}

.btn-primary-800:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-800:active, .btn-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-primary-900 {
  background-color: var(--primary-900);
  color: #fff;
  border-color: var(--primary-900);
}

.btn-primary-900:hover {
  background-color: var(--primary-700);
  color: #fff !important;
  border-color: var(--primary-700);
}

.btn-primary-900:active, .btn-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-neutral-50 {
  background-color: var(--neutral-50);
  color: #fff;
  border-color: var(--neutral-50);
}

.btn-neutral-50:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-50:active, .btn-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-100 {
  background-color: var(--neutral-100);
  color: #fff;
  border-color: var(--neutral-100);
}

.btn-neutral-100:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-100:active, .btn-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-200 {
  background-color: var(--neutral-200);
  color: #fff;
  border-color: var(--neutral-200);
}

.btn-neutral-200:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-200:active, .btn-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-300 {
  background-color: var(--neutral-300);
  color: #fff;
  border-color: var(--neutral-300);
}

.btn-neutral-300:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-300:active, .btn-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-400 {
  background-color: var(--neutral-400);
  color: #fff;
  border-color: var(--neutral-400);
}

.btn-neutral-400:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-400:active, .btn-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-500 {
  background-color: var(--neutral-500);
  color: #fff;
  border-color: var(--neutral-500);
}

.btn-neutral-500:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-500:active, .btn-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-600 {
  background-color: var(--neutral-600);
  color: #fff;
  border-color: var(--neutral-600);
}

.btn-neutral-600:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-600:active, .btn-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-700 {
  background-color: var(--neutral-700);
  color: #fff;
  border-color: var(--neutral-700);
}

.btn-neutral-700:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-700:active, .btn-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-800 {
  background-color: var(--neutral-800);
  color: #fff;
  border-color: var(--neutral-800);
}

.btn-neutral-800:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-800:active, .btn-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-neutral-900 {
  background-color: var(--neutral-900);
  color: #fff;
  border-color: var(--neutral-900);
}

.btn-neutral-900:hover {
  background-color: var(--neutral-700);
  color: #fff !important;
  border-color: var(--neutral-700);
}

.btn-neutral-900:active, .btn-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-danger-50 {
  background-color: var(--danger-50);
  color: #fff;
  border-color: var(--danger-50);
}

.btn-danger-50:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-50:active, .btn-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-100 {
  background-color: var(--danger-100);
  color: #fff;
  border-color: var(--danger-100);
}

.btn-danger-100:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-100:active, .btn-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-200 {
  background-color: var(--danger-200);
  color: #fff;
  border-color: var(--danger-200);
}

.btn-danger-200:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-200:active, .btn-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-300 {
  background-color: var(--danger-300);
  color: #fff;
  border-color: var(--danger-300);
}

.btn-danger-300:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-300:active, .btn-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-400 {
  background-color: var(--danger-400);
  color: #fff;
  border-color: var(--danger-400);
}

.btn-danger-400:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-400:active, .btn-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-500 {
  background-color: var(--danger-500);
  color: #fff;
  border-color: var(--danger-500);
}

.btn-danger-500:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-500:active, .btn-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-600 {
  background-color: var(--danger-600);
  color: #fff;
  border-color: var(--danger-600);
}

.btn-danger-600:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-600:active, .btn-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-700 {
  background-color: var(--danger-700);
  color: #fff;
  border-color: var(--danger-700);
}

.btn-danger-700:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-700:active, .btn-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-800 {
  background-color: var(--danger-800);
  color: #fff;
  border-color: var(--danger-800);
}

.btn-danger-800:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-800:active, .btn-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-danger-900 {
  background-color: var(--danger-900);
  color: #fff;
  border-color: var(--danger-900);
}

.btn-danger-900:hover {
  background-color: var(--danger-700);
  color: #fff !important;
  border-color: var(--danger-700);
}

.btn-danger-900:active, .btn-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-success-50 {
  background-color: var(--success-50);
  color: #fff;
  border-color: var(--success-50);
}

.btn-success-50:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-50:active, .btn-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-100 {
  background-color: var(--success-100);
  color: #fff;
  border-color: var(--success-100);
}

.btn-success-100:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-100:active, .btn-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-200 {
  background-color: var(--success-200);
  color: #fff;
  border-color: var(--success-200);
}

.btn-success-200:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-200:active, .btn-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-300 {
  background-color: var(--success-300);
  color: #fff;
  border-color: var(--success-300);
}

.btn-success-300:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-300:active, .btn-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-400 {
  background-color: var(--success-400);
  color: #fff;
  border-color: var(--success-400);
}

.btn-success-400:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-400:active, .btn-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-500 {
  background-color: var(--success-500);
  color: #fff;
  border-color: var(--success-500);
}

.btn-success-500:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-500:active, .btn-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-600 {
  background-color: var(--success-600);
  color: #fff;
  border-color: var(--success-600);
}

.btn-success-600:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-600:active, .btn-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-700 {
  background-color: var(--success-700);
  color: #fff;
  border-color: var(--success-700);
}

.btn-success-700:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-700:active, .btn-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-800 {
  background-color: var(--success-800);
  color: #fff;
  border-color: var(--success-800);
}

.btn-success-800:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-800:active, .btn-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-success-900 {
  background-color: var(--success-900);
  color: #fff;
  border-color: var(--success-900);
}

.btn-success-900:hover {
  background-color: var(--success-700);
  color: #fff !important;
  border-color: var(--success-700);
}

.btn-success-900:active, .btn-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-warning-50 {
  background-color: var(--warning-50);
  color: #fff;
  border-color: var(--warning-50);
}

.btn-warning-50:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-50:active, .btn-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-100 {
  background-color: var(--warning-100);
  color: #fff;
  border-color: var(--warning-100);
}

.btn-warning-100:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-100:active, .btn-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-200 {
  background-color: var(--warning-200);
  color: #fff;
  border-color: var(--warning-200);
}

.btn-warning-200:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-200:active, .btn-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-300 {
  background-color: var(--warning-300);
  color: #fff;
  border-color: var(--warning-300);
}

.btn-warning-300:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-300:active, .btn-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-400 {
  background-color: var(--warning-400);
  color: #fff;
  border-color: var(--warning-400);
}

.btn-warning-400:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-400:active, .btn-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-500 {
  background-color: var(--warning-500);
  color: #fff;
  border-color: var(--warning-500);
}

.btn-warning-500:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-500:active, .btn-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-600 {
  background-color: var(--warning-600);
  color: #fff;
  border-color: var(--warning-600);
}

.btn-warning-600:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-600:active, .btn-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-700 {
  background-color: var(--warning-700);
  color: #fff;
  border-color: var(--warning-700);
}

.btn-warning-700:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-700:active, .btn-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-800 {
  background-color: var(--warning-800);
  color: #fff;
  border-color: var(--warning-800);
}

.btn-warning-800:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-800:active, .btn-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-warning-900 {
  background-color: var(--warning-900);
  color: #fff;
  border-color: var(--warning-900);
}

.btn-warning-900:hover {
  background-color: var(--warning-700);
  color: #fff !important;
  border-color: var(--warning-700);
}

.btn-warning-900:active, .btn-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-info-50 {
  background-color: var(--info-50);
  color: #fff;
  border-color: var(--info-50);
}

.btn-info-50:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-50:active, .btn-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-100 {
  background-color: var(--info-100);
  color: #fff;
  border-color: var(--info-100);
}

.btn-info-100:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-100:active, .btn-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-200 {
  background-color: var(--info-200);
  color: #fff;
  border-color: var(--info-200);
}

.btn-info-200:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-200:active, .btn-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-300 {
  background-color: var(--info-300);
  color: #fff;
  border-color: var(--info-300);
}

.btn-info-300:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-300:active, .btn-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-400 {
  background-color: var(--info-400);
  color: #fff;
  border-color: var(--info-400);
}

.btn-info-400:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-400:active, .btn-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-500 {
  background-color: var(--info-500);
  color: #fff;
  border-color: var(--info-500);
}

.btn-info-500:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-500:active, .btn-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-600 {
  background-color: var(--info-600);
  color: #fff;
  border-color: var(--info-600);
}

.btn-info-600:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-600:active, .btn-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-700 {
  background-color: var(--info-700);
  color: #fff;
  border-color: var(--info-700);
}

.btn-info-700:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-700:active, .btn-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-800 {
  background-color: var(--info-800);
  color: #fff;
  border-color: var(--info-800);
}

.btn-info-800:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-800:active, .btn-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-info-900 {
  background-color: var(--info-900);
  color: #fff;
  border-color: var(--info-900);
}

.btn-info-900:hover {
  background-color: var(--info-700);
  color: #fff !important;
  border-color: var(--info-700);
}

.btn-info-900:active, .btn-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-dark-1 {
  background-color: var(--dark-1);
  color: #fff;
  border-color: var(--dark-1);
}

.btn-dark-1:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-1:active, .btn-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-2 {
  background-color: var(--dark-2);
  color: #fff;
  border-color: var(--dark-2);
}

.btn-dark-2:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-2:active, .btn-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-dark-3 {
  background-color: var(--dark-3);
  color: #fff;
  border-color: var(--dark-3);
}

.btn-dark-3:hover {
  background-color: var(--dark-700);
  color: #fff !important;
  border-color: var(--dark-700);
}

.btn-dark-3:active, .btn-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-lilac-50 {
  background-color: var(--lilac-50);
  color: #fff;
  border-color: var(--lilac-50);
}

.btn-lilac-50:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-50:active, .btn-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-100 {
  background-color: var(--lilac-100);
  color: #fff;
  border-color: var(--lilac-100);
}

.btn-lilac-100:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-100:active, .btn-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-600 {
  background-color: var(--lilac-600);
  color: #fff;
  border-color: var(--lilac-600);
}

.btn-lilac-600:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-600:active, .btn-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-700 {
  background-color: var(--lilac-700);
  color: #fff;
  border-color: var(--lilac-700);
}

.btn-lilac-700:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-700:active, .btn-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-lilac-800 {
  background-color: var(--lilac-800);
  color: #fff;
  border-color: var(--lilac-800);
}

.btn-lilac-800:hover {
  background-color: var(--lilac-700);
  color: #fff !important;
  border-color: var(--lilac-700);
}

.btn-lilac-800:active, .btn-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-light-50 {
  background-color: var(--light-50);
  color: #fff;
  border-color: var(--light-50);
}

.btn-light-50:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-50:active, .btn-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-100 {
  background-color: var(--light-100);
  color: #fff;
  border-color: var(--light-100);
}

.btn-light-100:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-100:active, .btn-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-600 {
  background-color: var(--light-600);
  color: #fff;
  border-color: var(--light-600);
}

.btn-light-600:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-600:active, .btn-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-700 {
  background-color: var(--light-700);
  color: #fff;
  border-color: var(--light-700);
}

.btn-light-700:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-700:active, .btn-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-light-800 {
  background-color: var(--light-800);
  color: #fff;
  border-color: var(--light-800);
}

.btn-light-800:hover {
  background-color: var(--light-700);
  color: #fff !important;
  border-color: var(--light-700);
}

.btn-light-800:active, .btn-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* Outline Btn */
.btn-outline-primary-50 {
  background-color: transparent !important;
  color: var(--primary-50) !important;
  border-color: var(--primary-50) !important;
}

.btn-outline-primary-50:hover {
  background-color: var(--primary-50) !important;
  color: #fff !important;
  border-color: var(--primary-50) !important;
}

.btn-outline-primary-50:active, .btn-outline-primary-50:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-100 {
  background-color: transparent !important;
  color: var(--primary-100) !important;
  border-color: var(--primary-100) !important;
}

.btn-outline-primary-100:hover {
  background-color: var(--primary-100) !important;
  color: #fff !important;
  border-color: var(--primary-100) !important;
}

.btn-outline-primary-100:active, .btn-outline-primary-100:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-200 {
  background-color: transparent !important;
  color: var(--primary-200) !important;
  border-color: var(--primary-200) !important;
}

.btn-outline-primary-200:hover {
  background-color: var(--primary-200) !important;
  color: #fff !important;
  border-color: var(--primary-200) !important;
}

.btn-outline-primary-200:active, .btn-outline-primary-200:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-300 {
  background-color: transparent !important;
  color: var(--primary-300) !important;
  border-color: var(--primary-300) !important;
}

.btn-outline-primary-300:hover {
  background-color: var(--primary-300) !important;
  color: #fff !important;
  border-color: var(--primary-300) !important;
}

.btn-outline-primary-300:active, .btn-outline-primary-300:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-400 {
  background-color: transparent !important;
  color: var(--primary-400) !important;
  border-color: var(--primary-400) !important;
}

.btn-outline-primary-400:hover {
  background-color: var(--primary-400) !important;
  color: #fff !important;
  border-color: var(--primary-400) !important;
}

.btn-outline-primary-400:active, .btn-outline-primary-400:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-500 {
  background-color: transparent !important;
  color: var(--primary-500) !important;
  border-color: var(--primary-500) !important;
}

.btn-outline-primary-500:hover {
  background-color: var(--primary-500) !important;
  color: #fff !important;
  border-color: var(--primary-500) !important;
}

.btn-outline-primary-500:active, .btn-outline-primary-500:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-600 {
  background-color: transparent !important;
  color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}

.btn-outline-primary-600:hover {
  background-color: var(--primary-600) !important;
  color: #fff !important;
  border-color: var(--primary-600) !important;
}

.btn-outline-primary-600:active, .btn-outline-primary-600:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-700 {
  background-color: transparent !important;
  color: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
}

.btn-outline-primary-700:hover {
  background-color: var(--primary-700) !important;
  color: #fff !important;
  border-color: var(--primary-700) !important;
}

.btn-outline-primary-700:active, .btn-outline-primary-700:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800 {
  background-color: transparent !important;
  color: var(--primary-800) !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800:hover {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-800:active, .btn-outline-primary-800:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-primary-900 {
  background-color: transparent !important;
  color: var(--primary-900) !important;
  border-color: var(--primary-900) !important;
}

.btn-outline-primary-900:hover {
  background-color: var(--primary-900) !important;
  color: #fff !important;
  border-color: var(--primary-900) !important;
}

.btn-outline-primary-900:active, .btn-outline-primary-900:focus {
  background-color: var(--primary-800) !important;
  color: #fff !important;
  border-color: var(--primary-800) !important;
}

.btn-outline-neutral-50 {
  background-color: transparent !important;
  color: var(--neutral-50) !important;
  border-color: var(--neutral-50) !important;
}

.btn-outline-neutral-50:hover {
  background-color: var(--neutral-50) !important;
  color: #fff !important;
  border-color: var(--neutral-50) !important;
}

.btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-100 {
  background-color: transparent !important;
  color: var(--neutral-100) !important;
  border-color: var(--neutral-100) !important;
}

.btn-outline-neutral-100:hover {
  background-color: var(--neutral-100) !important;
  color: #fff !important;
  border-color: var(--neutral-100) !important;
}

.btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-200 {
  background-color: transparent !important;
  color: var(--neutral-200) !important;
  border-color: var(--neutral-200) !important;
}

.btn-outline-neutral-200:hover {
  background-color: var(--neutral-200) !important;
  color: #fff !important;
  border-color: var(--neutral-200) !important;
}

.btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-300 {
  background-color: transparent !important;
  color: var(--neutral-300) !important;
  border-color: var(--neutral-300) !important;
}

.btn-outline-neutral-300:hover {
  background-color: var(--neutral-300) !important;
  color: #fff !important;
  border-color: var(--neutral-300) !important;
}

.btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-400 {
  background-color: transparent !important;
  color: var(--neutral-400) !important;
  border-color: var(--neutral-400) !important;
}

.btn-outline-neutral-400:hover {
  background-color: var(--neutral-400) !important;
  color: #fff !important;
  border-color: var(--neutral-400) !important;
}

.btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-500 {
  background-color: transparent !important;
  color: var(--neutral-500) !important;
  border-color: var(--neutral-500) !important;
}

.btn-outline-neutral-500:hover {
  background-color: var(--neutral-500) !important;
  color: #fff !important;
  border-color: var(--neutral-500) !important;
}

.btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-600 {
  background-color: transparent !important;
  color: var(--neutral-600) !important;
  border-color: var(--neutral-600) !important;
}

.btn-outline-neutral-600:hover {
  background-color: var(--neutral-600) !important;
  color: #fff !important;
  border-color: var(--neutral-600) !important;
}

.btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-700 {
  background-color: transparent !important;
  color: var(--neutral-700) !important;
  border-color: var(--neutral-700) !important;
}

.btn-outline-neutral-700:hover {
  background-color: var(--neutral-700) !important;
  color: #fff !important;
  border-color: var(--neutral-700) !important;
}

.btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800 {
  background-color: transparent !important;
  color: var(--neutral-800) !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800:hover {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-neutral-900 {
  background-color: transparent !important;
  color: var(--neutral-900) !important;
  border-color: var(--neutral-900) !important;
}

.btn-outline-neutral-900:hover {
  background-color: var(--neutral-900) !important;
  color: #fff !important;
  border-color: var(--neutral-900) !important;
}

.btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
  background-color: var(--neutral-800) !important;
  color: #fff !important;
  border-color: var(--neutral-800) !important;
}

.btn-outline-danger-50 {
  background-color: transparent !important;
  color: var(--danger-50) !important;
  border-color: var(--danger-50) !important;
}

.btn-outline-danger-50:hover {
  background-color: var(--danger-50) !important;
  color: #fff !important;
  border-color: var(--danger-50) !important;
}

.btn-outline-danger-50:active, .btn-outline-danger-50:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-100 {
  background-color: transparent !important;
  color: var(--danger-100) !important;
  border-color: var(--danger-100) !important;
}

.btn-outline-danger-100:hover {
  background-color: var(--danger-100) !important;
  color: #fff !important;
  border-color: var(--danger-100) !important;
}

.btn-outline-danger-100:active, .btn-outline-danger-100:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-200 {
  background-color: transparent !important;
  color: var(--danger-200) !important;
  border-color: var(--danger-200) !important;
}

.btn-outline-danger-200:hover {
  background-color: var(--danger-200) !important;
  color: #fff !important;
  border-color: var(--danger-200) !important;
}

.btn-outline-danger-200:active, .btn-outline-danger-200:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-300 {
  background-color: transparent !important;
  color: var(--danger-300) !important;
  border-color: var(--danger-300) !important;
}

.btn-outline-danger-300:hover {
  background-color: var(--danger-300) !important;
  color: #fff !important;
  border-color: var(--danger-300) !important;
}

.btn-outline-danger-300:active, .btn-outline-danger-300:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-400 {
  background-color: transparent !important;
  color: var(--danger-400) !important;
  border-color: var(--danger-400) !important;
}

.btn-outline-danger-400:hover {
  background-color: var(--danger-400) !important;
  color: #fff !important;
  border-color: var(--danger-400) !important;
}

.btn-outline-danger-400:active, .btn-outline-danger-400:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-500 {
  background-color: transparent !important;
  color: var(--danger-500) !important;
  border-color: var(--danger-500) !important;
}

.btn-outline-danger-500:hover {
  background-color: var(--danger-500) !important;
  color: #fff !important;
  border-color: var(--danger-500) !important;
}

.btn-outline-danger-500:active, .btn-outline-danger-500:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-600 {
  background-color: transparent !important;
  color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}

.btn-outline-danger-600:hover {
  background-color: var(--danger-600) !important;
  color: #fff !important;
  border-color: var(--danger-600) !important;
}

.btn-outline-danger-600:active, .btn-outline-danger-600:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-700 {
  background-color: transparent !important;
  color: var(--danger-700) !important;
  border-color: var(--danger-700) !important;
}

.btn-outline-danger-700:hover {
  background-color: var(--danger-700) !important;
  color: #fff !important;
  border-color: var(--danger-700) !important;
}

.btn-outline-danger-700:active, .btn-outline-danger-700:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800 {
  background-color: transparent !important;
  color: var(--danger-800) !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800:hover {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-800:active, .btn-outline-danger-800:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-danger-900 {
  background-color: transparent !important;
  color: var(--danger-900) !important;
  border-color: var(--danger-900) !important;
}

.btn-outline-danger-900:hover {
  background-color: var(--danger-900) !important;
  color: #fff !important;
  border-color: var(--danger-900) !important;
}

.btn-outline-danger-900:active, .btn-outline-danger-900:focus {
  background-color: var(--danger-800) !important;
  color: #fff !important;
  border-color: var(--danger-800) !important;
}

.btn-outline-success-50 {
  background-color: transparent !important;
  color: var(--success-50) !important;
  border-color: var(--success-50) !important;
}

.btn-outline-success-50:hover {
  background-color: var(--success-50) !important;
  color: #fff !important;
  border-color: var(--success-50) !important;
}

.btn-outline-success-50:active, .btn-outline-success-50:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-100 {
  background-color: transparent !important;
  color: var(--success-100) !important;
  border-color: var(--success-100) !important;
}

.btn-outline-success-100:hover {
  background-color: var(--success-100) !important;
  color: #fff !important;
  border-color: var(--success-100) !important;
}

.btn-outline-success-100:active, .btn-outline-success-100:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-200 {
  background-color: transparent !important;
  color: var(--success-200) !important;
  border-color: var(--success-200) !important;
}

.btn-outline-success-200:hover {
  background-color: var(--success-200) !important;
  color: #fff !important;
  border-color: var(--success-200) !important;
}

.btn-outline-success-200:active, .btn-outline-success-200:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-300 {
  background-color: transparent !important;
  color: var(--success-300) !important;
  border-color: var(--success-300) !important;
}

.btn-outline-success-300:hover {
  background-color: var(--success-300) !important;
  color: #fff !important;
  border-color: var(--success-300) !important;
}

.btn-outline-success-300:active, .btn-outline-success-300:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-400 {
  background-color: transparent !important;
  color: var(--success-400) !important;
  border-color: var(--success-400) !important;
}

.btn-outline-success-400:hover {
  background-color: var(--success-400) !important;
  color: #fff !important;
  border-color: var(--success-400) !important;
}

.btn-outline-success-400:active, .btn-outline-success-400:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-500 {
  background-color: transparent !important;
  color: var(--success-500) !important;
  border-color: var(--success-500) !important;
}

.btn-outline-success-500:hover {
  background-color: var(--success-500) !important;
  color: #fff !important;
  border-color: var(--success-500) !important;
}

.btn-outline-success-500:active, .btn-outline-success-500:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-600 {
  background-color: transparent !important;
  color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}

.btn-outline-success-600:hover {
  background-color: var(--success-600) !important;
  color: #fff !important;
  border-color: var(--success-600) !important;
}

.btn-outline-success-600:active, .btn-outline-success-600:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-700 {
  background-color: transparent !important;
  color: var(--success-700) !important;
  border-color: var(--success-700) !important;
}

.btn-outline-success-700:hover {
  background-color: var(--success-700) !important;
  color: #fff !important;
  border-color: var(--success-700) !important;
}

.btn-outline-success-700:active, .btn-outline-success-700:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800 {
  background-color: transparent !important;
  color: var(--success-800) !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800:hover {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-800:active, .btn-outline-success-800:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-success-900 {
  background-color: transparent !important;
  color: var(--success-900) !important;
  border-color: var(--success-900) !important;
}

.btn-outline-success-900:hover {
  background-color: var(--success-900) !important;
  color: #fff !important;
  border-color: var(--success-900) !important;
}

.btn-outline-success-900:active, .btn-outline-success-900:focus {
  background-color: var(--success-800) !important;
  color: #fff !important;
  border-color: var(--success-800) !important;
}

.btn-outline-warning-50 {
  background-color: transparent !important;
  color: var(--warning-50) !important;
  border-color: var(--warning-50) !important;
}

.btn-outline-warning-50:hover {
  background-color: var(--warning-50) !important;
  color: #fff !important;
  border-color: var(--warning-50) !important;
}

.btn-outline-warning-50:active, .btn-outline-warning-50:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-100 {
  background-color: transparent !important;
  color: var(--warning-100) !important;
  border-color: var(--warning-100) !important;
}

.btn-outline-warning-100:hover {
  background-color: var(--warning-100) !important;
  color: #fff !important;
  border-color: var(--warning-100) !important;
}

.btn-outline-warning-100:active, .btn-outline-warning-100:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-200 {
  background-color: transparent !important;
  color: var(--warning-200) !important;
  border-color: var(--warning-200) !important;
}

.btn-outline-warning-200:hover {
  background-color: var(--warning-200) !important;
  color: #fff !important;
  border-color: var(--warning-200) !important;
}

.btn-outline-warning-200:active, .btn-outline-warning-200:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-300 {
  background-color: transparent !important;
  color: var(--warning-300) !important;
  border-color: var(--warning-300) !important;
}

.btn-outline-warning-300:hover {
  background-color: var(--warning-300) !important;
  color: #fff !important;
  border-color: var(--warning-300) !important;
}

.btn-outline-warning-300:active, .btn-outline-warning-300:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-400 {
  background-color: transparent !important;
  color: var(--warning-400) !important;
  border-color: var(--warning-400) !important;
}

.btn-outline-warning-400:hover {
  background-color: var(--warning-400) !important;
  color: #fff !important;
  border-color: var(--warning-400) !important;
}

.btn-outline-warning-400:active, .btn-outline-warning-400:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-500 {
  background-color: transparent !important;
  color: var(--warning-500) !important;
  border-color: var(--warning-500) !important;
}

.btn-outline-warning-500:hover {
  background-color: var(--warning-500) !important;
  color: #fff !important;
  border-color: var(--warning-500) !important;
}

.btn-outline-warning-500:active, .btn-outline-warning-500:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-600 {
  background-color: transparent !important;
  color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-outline-warning-600:hover {
  background-color: var(--warning-600) !important;
  color: #fff !important;
  border-color: var(--warning-600) !important;
}

.btn-outline-warning-600:active, .btn-outline-warning-600:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-700 {
  background-color: transparent !important;
  color: var(--warning-700) !important;
  border-color: var(--warning-700) !important;
}

.btn-outline-warning-700:hover {
  background-color: var(--warning-700) !important;
  color: #fff !important;
  border-color: var(--warning-700) !important;
}

.btn-outline-warning-700:active, .btn-outline-warning-700:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800 {
  background-color: transparent !important;
  color: var(--warning-800) !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800:hover {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-800:active, .btn-outline-warning-800:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-warning-900 {
  background-color: transparent !important;
  color: var(--warning-900) !important;
  border-color: var(--warning-900) !important;
}

.btn-outline-warning-900:hover {
  background-color: var(--warning-900) !important;
  color: #fff !important;
  border-color: var(--warning-900) !important;
}

.btn-outline-warning-900:active, .btn-outline-warning-900:focus {
  background-color: var(--warning-800) !important;
  color: #fff !important;
  border-color: var(--warning-800) !important;
}

.btn-outline-info-50 {
  background-color: transparent !important;
  color: var(--info-50) !important;
  border-color: var(--info-50) !important;
}

.btn-outline-info-50:hover {
  background-color: var(--info-50) !important;
  color: #fff !important;
  border-color: var(--info-50) !important;
}

.btn-outline-info-50:active, .btn-outline-info-50:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-100 {
  background-color: transparent !important;
  color: var(--info-100) !important;
  border-color: var(--info-100) !important;
}

.btn-outline-info-100:hover {
  background-color: var(--info-100) !important;
  color: #fff !important;
  border-color: var(--info-100) !important;
}

.btn-outline-info-100:active, .btn-outline-info-100:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-200 {
  background-color: transparent !important;
  color: var(--info-200) !important;
  border-color: var(--info-200) !important;
}

.btn-outline-info-200:hover {
  background-color: var(--info-200) !important;
  color: #fff !important;
  border-color: var(--info-200) !important;
}

.btn-outline-info-200:active, .btn-outline-info-200:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-300 {
  background-color: transparent !important;
  color: var(--info-300) !important;
  border-color: var(--info-300) !important;
}

.btn-outline-info-300:hover {
  background-color: var(--info-300) !important;
  color: #fff !important;
  border-color: var(--info-300) !important;
}

.btn-outline-info-300:active, .btn-outline-info-300:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-400 {
  background-color: transparent !important;
  color: var(--info-400) !important;
  border-color: var(--info-400) !important;
}

.btn-outline-info-400:hover {
  background-color: var(--info-400) !important;
  color: #fff !important;
  border-color: var(--info-400) !important;
}

.btn-outline-info-400:active, .btn-outline-info-400:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-500 {
  background-color: transparent !important;
  color: var(--info-500) !important;
  border-color: var(--info-500) !important;
}

.btn-outline-info-500:hover {
  background-color: var(--info-500) !important;
  color: #fff !important;
  border-color: var(--info-500) !important;
}

.btn-outline-info-500:active, .btn-outline-info-500:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-600 {
  background-color: transparent !important;
  color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}

.btn-outline-info-600:hover {
  background-color: var(--info-600) !important;
  color: #fff !important;
  border-color: var(--info-600) !important;
}

.btn-outline-info-600:active, .btn-outline-info-600:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-700 {
  background-color: transparent !important;
  color: var(--info-700) !important;
  border-color: var(--info-700) !important;
}

.btn-outline-info-700:hover {
  background-color: var(--info-700) !important;
  color: #fff !important;
  border-color: var(--info-700) !important;
}

.btn-outline-info-700:active, .btn-outline-info-700:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800 {
  background-color: transparent !important;
  color: var(--info-800) !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800:hover {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-800:active, .btn-outline-info-800:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-info-900 {
  background-color: transparent !important;
  color: var(--info-900) !important;
  border-color: var(--info-900) !important;
}

.btn-outline-info-900:hover {
  background-color: var(--info-900) !important;
  color: #fff !important;
  border-color: var(--info-900) !important;
}

.btn-outline-info-900:active, .btn-outline-info-900:focus {
  background-color: var(--info-800) !important;
  color: #fff !important;
  border-color: var(--info-800) !important;
}

.btn-outline-dark-1 {
  background-color: transparent !important;
  color: var(--dark-1) !important;
  border-color: var(--dark-1) !important;
}

.btn-outline-dark-1:hover {
  background-color: var(--dark-1) !important;
  color: #fff !important;
  border-color: var(--dark-1) !important;
}

.btn-outline-dark-1:active, .btn-outline-dark-1:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-2 {
  background-color: transparent !important;
  color: var(--dark-2) !important;
  border-color: var(--dark-2) !important;
}

.btn-outline-dark-2:hover {
  background-color: var(--dark-2) !important;
  color: #fff !important;
  border-color: var(--dark-2) !important;
}

.btn-outline-dark-2:active, .btn-outline-dark-2:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-dark-3 {
  background-color: transparent !important;
  color: var(--dark-3) !important;
  border-color: var(--dark-3) !important;
}

.btn-outline-dark-3:hover {
  background-color: var(--dark-3) !important;
  color: #fff !important;
  border-color: var(--dark-3) !important;
}

.btn-outline-dark-3:active, .btn-outline-dark-3:focus {
  background-color: var(--dark-800) !important;
  color: #fff !important;
  border-color: var(--dark-800) !important;
}

.btn-outline-lilac-50 {
  background-color: transparent !important;
  color: var(--lilac-50) !important;
  border-color: var(--lilac-50) !important;
}

.btn-outline-lilac-50:hover {
  background-color: var(--lilac-50) !important;
  color: #fff !important;
  border-color: var(--lilac-50) !important;
}

.btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-100 {
  background-color: transparent !important;
  color: var(--lilac-100) !important;
  border-color: var(--lilac-100) !important;
}

.btn-outline-lilac-100:hover {
  background-color: var(--lilac-100) !important;
  color: #fff !important;
  border-color: var(--lilac-100) !important;
}

.btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-600 {
  background-color: transparent !important;
  color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

.btn-outline-lilac-600:hover {
  background-color: var(--lilac-600) !important;
  color: #fff !important;
  border-color: var(--lilac-600) !important;
}

.btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-700 {
  background-color: transparent !important;
  color: var(--lilac-700) !important;
  border-color: var(--lilac-700) !important;
}

.btn-outline-lilac-700:hover {
  background-color: var(--lilac-700) !important;
  color: #fff !important;
  border-color: var(--lilac-700) !important;
}

.btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800 {
  background-color: transparent !important;
  color: var(--lilac-800) !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800:hover {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
  background-color: var(--lilac-800) !important;
  color: #fff !important;
  border-color: var(--lilac-800) !important;
}

.btn-outline-light-50 {
  background-color: transparent !important;
  color: var(--light-50) !important;
  border-color: var(--light-50) !important;
}

.btn-outline-light-50:hover {
  background-color: var(--light-50) !important;
  color: #fff !important;
  border-color: var(--light-50) !important;
}

.btn-outline-light-50:active, .btn-outline-light-50:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-100 {
  background-color: transparent !important;
  color: var(--light-100) !important;
  border-color: var(--light-100) !important;
}

.btn-outline-light-100:hover {
  background-color: var(--light-100) !important;
  color: #fff !important;
  border-color: var(--light-100) !important;
}

.btn-outline-light-100:active, .btn-outline-light-100:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-600 {
  background-color: transparent !important;
  color: var(--light-600) !important;
  border-color: var(--light-600) !important;
}

.btn-outline-light-600:hover {
  background-color: var(--light-600) !important;
  color: #fff !important;
  border-color: var(--light-600) !important;
}

.btn-outline-light-600:active, .btn-outline-light-600:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-700 {
  background-color: transparent !important;
  color: var(--light-700) !important;
  border-color: var(--light-700) !important;
}

.btn-outline-light-700:hover {
  background-color: var(--light-700) !important;
  color: #fff !important;
  border-color: var(--light-700) !important;
}

.btn-outline-light-700:active, .btn-outline-light-700:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800 {
  background-color: transparent !important;
  color: var(--light-800) !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800:hover {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

.btn-outline-light-800:active, .btn-outline-light-800:focus {
  background-color: var(--light-800) !important;
  color: #fff !important;
  border-color: var(--light-800) !important;
}

/* === buttons css end === */
/* === badge css start === */
/* === badge css end === */
/* === table css start === */
/* Table Common Css Start */
.basic-table thead th {
  background-color: var(--neutral-50);
  color: var(--text-primary-light);
  font-weight: 600;
  border-bottom: 1px solid var(--neutral-200);
  padding: 0.8125rem 1.5rem;
}

.basic-table tbody tr:last-child td {
  padding-bottom: 0;
}

.basic-table tbody td {
  background-color: var(--white);
  color: var(--text-secondary-light);
  border: none;
  padding: 0.8125rem 1.5rem;
}

.bordered-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.bordered-table thead tr th {
  background-color: var(--neutral-50) !important;
  border-bottom: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light) !important;
  padding: 16px !important;
  font-size: 1rem;
  font-weight: 600;
}

.bordered-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.bordered-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.bordered-table thead tr th:not(:last-child) {
  border-inline-end: 0 !important;
}

.bordered-table thead tr th:not(:first-child) {
  border-inline-start: 0 !important;
}

.bordered-table tbody tr:last-child td {
  border-bottom: 0;
}

.bordered-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.bordered-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.bordered-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 16px !important;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.rounded-table {
  border: 0 !important;
}

.rounded-table thead tr th {
  border-bottom: 0 !important;
}

.rounded-table thead tr th:first-child {
  border-radius: 8px !important;
}

.basic-border-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.basic-border-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200) !important;
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}

.basic-border-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.basic-border-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none !important;
}

.basic-border-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.basic-border-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.basic-border-table tbody tr:last-child td {
  border-bottom: 0;
}

.basic-border-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.basic-border-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.basic-border-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1.5rem;
  border-bottom: 1px solid var(--neutral-200);
  border-inline-end: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.basic-border-table tbody tr td:last-child {
  border-inline-end: none;
}

.striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.striped-table thead tr th {
  background-color: transparent;
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.striped-table tbody tr:last-child td {
  border-bottom: 0;
}

.striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.striped-table tbody tr:nth-child(odd) td {
  background-color: var(--neutral-50);
}

.striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.vertical-striped-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-300);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.vertical-striped-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.vertical-striped-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.vertical-striped-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.vertical-striped-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.vertical-striped-table tbody tr:last-child td {
  border-bottom: 0;
}

.vertical-striped-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.vertical-striped-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.vertical-striped-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--neutral-300);
  background-color: var(--white);
  vertical-align: middle;
}

.vertical-striped-table tbody tr td:nth-child(odd) {
  background-color: var(--neutral-50);
}

.border-primary-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--primary-600);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.border-primary-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  color: var(--text-primary-light);
  padding: 0.8125rem 1rem;
  font-weight: 600;
}

.border-primary-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.border-primary-table thead tr th:last-child {
  border-start-end-radius: 8px;
  border-inline-end: none;
}

.border-primary-table tbody tr:last-child td {
  border-bottom: 0;
}

.border-primary-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.border-primary-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.border-primary-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.8125rem 1rem;
  border-bottom: 1px solid var(--primary-600);
  border-inline-end: 1px solid var(--primary-600);
  background-color: var(--white);
  vertical-align: middle;
}

.border-primary-table tbody tr td:last-child {
  border-inline-end: none;
}

.colored-row-table {
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  min-width: max-content;
  vertical-align: middle;
}

.colored-row-table thead tr th {
  background-color: var(--neutral-50);
  border-bottom: 1px solid var(--neutral-200);
  color: var(--text-primary-light);
  padding: 0.8125rem 1.5rem;
  font-weight: 600;
}

.colored-row-table thead tr th:first-child {
  border-start-start-radius: 8px;
}

.colored-row-table thead tr th:last-child {
  border-start-end-radius: 8px;
}

.colored-row-table thead tr th:not(:first-child) {
  border-inline-start: 0;
}

.colored-row-table thead tr th:not(:last-child) {
  border-inline-end: 0;
}

.colored-row-table tbody tr:last-child td {
  border-bottom: 0;
}

.colored-row-table tbody tr:last-child td:first-child {
  border-end-start-radius: 8px;
}

.colored-row-table tbody tr:last-child td:last-child {
  border-end-end-radius: 8px;
}

.colored-row-table tbody tr td {
  color: var(--text-secondary-light);
  padding: 0.5625rem 1.5rem;
  background-color: var(--white);
  vertical-align: middle;
}

.dataTable tbody tr:last-child td {
  border-bottom: 0 !important;
}

.basic-data-table .dt-layout-row {
  padding-bottom: 0.875rem;
}

.basic-data-table .dt-layout-row select {
  -webkit-appearance: auto;
  appearance: auto;
  color: var(--text-secondary-light) !important;
  height: 2.5rem;
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  padding: 0.625rem 0.3125rem 0.625rem 0.625rem !important;
}

.basic-data-table .dt-layout-row .dt-layout-cell {
  padding: 0;
}

.basic-data-table .dt-layout-row .dt-length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
}

.basic-data-table .dt-layout-row .dt-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
  justify-content: flex-end;
}

.basic-data-table .dt-layout-row .dt-search .dt-input {
  color: var(--text-secondary-light) !important;
  height: 2.5rem;
  border: 1px solid var(--input-form-light) !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
}

.basic-data-table .dt-layout-row div, .basic-data-table .dt-layout-row label {
  color: var(--text-secondary-light);
}

div.dt-container .dt-paging {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

/* Table Sm Code */
.sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td {
  padding: 10px 16px !important;
}

/* Table Common Css End */
/* Table Sm Code */
.xsm-table thead tr th, .xsm-table thead tr td, .xsm-table tbody tr th, .xsm-table tbody tr td {
  padding: 4px 16px !important;
}

/* Table Common Css End */
/* === table css end === */
/* === form css start === */
.form-select, .form-control, textarea {
  border: 1px solid var(--input-form-light);
  color: var(--text-primary-light) !important;
  background-color: var(--white);
  padding: 0.5625rem 1.25rem;
}

.form-select::placeholder, .form-control::placeholder, textarea::placeholder {
  color: var(--text-secondary-light);
  font-size: 1rem !important;
}

.form-select:focus, .form-select:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active {
  box-shadow: none;
  border-color: var(--primary-600) !important;
  background-color: transparent;
}

.form-select {
  padding: 0.5625rem 1.875rem 0.5625rem 0.9375rem;
  background-position-x: right;
}

.form-select.form-select-lg {
  height: 56px;
  font-size: 1.125rem;
}

.form-select.form-select-sm {
  height: 40px;
  font-size: 0.875rem;
}

[dir=rtl] .form-select {
  background-position-x: left;
}

.form-select, .form-control:not(textarea) {
  height: 2.75rem;
}

.form-control[type=file] {
  line-height: 2;
}

.form-control[readonly] {
  background-color: var(--neutral-50);
}

.form-control.form-control-lg {
  height: 56px;
  font-size: 1.125rem;
}

.form-control.form-control-lg[type=file] {
  line-height: 2.1;
}

.form-control.form-control-sm {
  height: 40px;
  font-size: 0.875rem;
}

.form-control.form-control-sm[type=file] {
  line-height: 2.2;
}

.invoive-form-control {
  width: 130px;
  border-bottom: 1px solid var(--input-form-light);
}

.form-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-secondary-light);
}

.input-group-text {
  color: var(--text-secondary-light);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
}

/* icon field css start */
.icon-field {
  position: relative;
}

.icon-field .icon {
  position: absolute;
  top: 12px;
  inset-inline-start: 0;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  color: var(--text-secondary-light);
}

.icon-field .form-control {
  padding-inline-start: 2.5rem;
}

.icon-field .form-control.form-control-lg ~ .icon {
  top: 18px;
}

.icon-field .form-control.form-control-sm ~ .icon {
  top: 10px;
}

/* icon field css end */
/* input Radio Css Start */
.form-check-input {
  cursor: pointer;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
  gap: 12px;
}

.form-check.style-check .form-check-input::before {
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  transform: translate(-50%, -50%) scale(1);
  transition: 0.2s linear;
}

.form-check.style-check .form-check-input::after {
  position: absolute;
  content: "\eb7a";
  font-family: "remixicon";
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
  border-radius: inherit !important;
}

.form-check.style-check .form-check-input:checked {
  border-color: var(--primary-600) !important;
}

.form-check.style-check .form-check-input:checked::after {
  visibility: visible;
  opacity: 1;
}

.form-check .form-check-input {
  border: 1px solid var(--text-secondary-light);
  background: transparent;
  width: 18px;
  height: 18px;
  position: relative;
  flex-shrink: 0;
  margin-left: 0;
  margin-top: 0;
  cursor: pointer;
}

.form-check .form-check-input:checked[type=radio] {
  background-image: none;
  border-color: var(--primary-600);
}

.form-check .form-check-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}

.form-check .form-check-input:checked ~ label {
  color: var(--text-primary-light) !important;
}

.form-check .form-check-input::before {
  position: absolute;
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: var(--primary-600);
  border-radius: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

.form-check .form-check-input:focus {
  box-shadow: none;
}

/* input Radio Css End */
/* input check checked Css Start */
.checked-primary .form-check-input:checked[type=radio] {
  border-color: var(--primary-600);
}

.checked-primary .form-check-input:checked::before {
  background-color: var(--primary-600);
}

.checked-primary .form-check-input:checked ~ label {
  color: var(--primary-600) !important;
}

.checked-success .form-check-input:checked[type=radio] {
  border-color: var(--success-600);
}

.checked-success .form-check-input:checked::before {
  background-color: var(--success-600);
}

.checked-success .form-check-input:checked ~ label {
  color: var(--success-600) !important;
}

.checked-warning .form-check-input:checked[type=radio] {
  border-color: var(--warning-600);
}

.checked-warning .form-check-input:checked::before {
  background-color: var(--warning-600);
}

.checked-warning .form-check-input:checked ~ label {
  color: var(--warning-600) !important;
}

.checked-danger .form-check-input:checked[type=radio] {
  border-color: var(--danger-600);
}

.checked-danger .form-check-input:checked::before {
  background-color: var(--danger-600);
}

.checked-danger .form-check-input:checked ~ label {
  color: var(--danger-600) !important;
}

.checked-info .form-check-input:checked[type=radio] {
  border-color: var(--info-600);
}

.checked-info .form-check-input:checked::before {
  background-color: var(--info-600);
}

.checked-info .form-check-input:checked ~ label {
  color: var(--info-600) !important;
}

.checked-secondary .form-check-input:checked[type=radio] {
  border-color: var(--lilac-600);
}

.checked-secondary .form-check-input:checked::before {
  background-color: var(--lilac-600);
}

.checked-secondary .form-check-input:checked ~ label {
  color: var(--lilac-600) !important;
}

.checked-dark .form-check-input:checked[type=radio] {
  border-color: var(--neutral-600);
}

.checked-dark .form-check-input:checked::before {
  background-color: var(--neutral-900);
}

.checked-dark .form-check-input:checked ~ label {
  color: var(--neutral-900) !important;
}

/* input check checked Css End */
/* Switch Css Start */
.form-switch {
  padding-inline-start: 0;
}

.form-switch .form-check-input {
  box-shadow: none !important;
  margin: 0;
  position: relative;
  background-color: var(--neutral-400);
  border: 0;
  background-image: none !important;
  width: 36px;
  height: 20px;
}

.form-switch .form-check-input:checked {
  background-color: var(--primary-600);
}

.form-switch .form-check-input:checked::before {
  left: calc(100% - 18px);
  transition: 0.2s linear;
}

.form-switch .form-check-input:checked ~ .form-check-label {
  color: var(--text-primary-light) !important;
}

.form-switch .form-check-input::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  transition: 0.2s linear;
}

/* Switch Css End */
/* Switch different Color Css start */
.switch-primary .form-check-input:checked {
  background-color: var(--primary-600) !important;
}

.switch-primary .form-check-input:checked ~ .form-check-label {
  color: var(--primary-600) !important;
}

.switch-info .form-check-input:checked {
  background-color: var(--info-600) !important;
}

.switch-info .form-check-input:checked ~ .form-check-label {
  color: var(--info-600) !important;
}

.switch-success .form-check-input:checked {
  background-color: var(--success-600) !important;
}

.switch-success .form-check-input:checked ~ .form-check-label {
  color: var(--success-600) !important;
}

.switch-danger .form-check-input:checked {
  background-color: var(--danger-600) !important;
}

.switch-danger .form-check-input:checked ~ .form-check-label {
  color: var(--danger-600) !important;
}

.switch-warning .form-check-input:checked {
  background-color: var(--warning-600) !important;
}

.switch-warning .form-check-input:checked ~ .form-check-label {
  color: var(--warning-600) !important;
}

.switch-dark .form-check-input:checked {
  background-color: var(--neutral-900) !important;
}

.switch-dark .form-check-input:checked ~ .form-check-label {
  color: var(--neutral-900) !important;
}

.switch-purple .form-check-input:checked {
  background-color: var(--lilac-600) !important;
}

.switch-purple .form-check-input:checked ~ .form-check-label {
  color: var(--lilac-600) !important;
}

/* Switch different Color Css End */
/* input Group Checkbox Css Start */
.btn-check:checked + .btn {
  color: #fff !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-check:checked + .btn-outline-primary-600 {
  background-color: var(--primary-600) !important;
  border-color: var(--primary-600) !important;
}

.btn-check:checked + .btn-outline-danger-600 {
  background-color: var(--danger-600) !important;
  border-color: var(--danger-600) !important;
}

.btn-check:checked + .btn-outline-success-600 {
  background-color: var(--success-600) !important;
  border-color: var(--success-600) !important;
}

.btn-check:checked + .btn-outline-warning-600 {
  background-color: var(--warning-600) !important;
  border-color: var(--warning-600) !important;
}

.btn-check:checked + .btn-outline-info-600 {
  background-color: var(--info-600) !important;
  border-color: var(--info-600) !important;
}

.btn-check:checked + .btn-outline-lilac-600 {
  background-color: var(--lilac-600) !important;
  border-color: var(--lilac-600) !important;
}

/* input Group Checkbox Css End */
/* custom form fields css start */
.form-mobile-field {
  position: relative;
}

.form-mobile-field .form-select {
  width: auto;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border: 0;
  background-color: transparent;
}

.form-mobile-field .form-control {
  padding-inline-start: 4.375rem;
}



.was-validated .form-mobile-field .form-control {
  padding-inline-start: 5.9375rem;
}

/* custom form fields css end */
[data-theme=dark] .form-select {
  background-image: url(../assets/images/arrow-down.png?v=2kuAIYUCiVO1rjJnGisLDP6O35M);
  background-size: 11px 7px;
  background-repeat: no-repeat;
}

[data-theme=dark] .btn-close {
  background-image: url(../assets/images/times.png?v=2kuAIYUCiVO1rjJnGisLDP6O35M);
  background-size: auto;
  background-repeat: no-repeat;
  opacity: 1;
}

/* === form css end === */
/* === card css start === */
.card {
  background-color: var(--white);
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 0 0.25rem 1.875rem rgba(46, 45, 116, 0.05);
  border: none;
  position: initial;
  color: var(--text-secondary-light);
}

.card .card-header {
  background-color: var(--white);
  padding: 0.875rem 1.5rem;
  border-color: var(--border-color);
  color: var(--text-secondary-light);
}

.card .card-title {
  font-size: 1.125rem !important;
  font-weight: 600;
  color: var(--text-primary-light);
}

.card .card-body {
  padding: 0.875rem 1.5rem;
  color: var(--text-secondary-light);
}

/* === card css end === */
/* === modal css start === */
.modal-header {
  border-color: var(--input-form-light);
}

.modal-header .btn-close {
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.modal-content {
  background-color: var(--white);
}

.modal-footer {
  border-color: var(--input-form-light);
}

/* === modal css end === */
/* === accordion css start === */
/* =========================== Accordion Css start ============================= */
.accordion .accordion-item {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white) !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
}

.accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.accordion .accordion-body {
  background-color: transparent;
  padding: 0;
  padding-top: 8px;
  color: var(--text-secondary-light);
}

.accordion .accordion-button {
  padding: 0;
  background: transparent;
  padding-inline-end: 68px;
}

.accordion .accordion-button::after {
  background-image: none;
}

.accordion .accordion-button:focus {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed) {
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
  background-image: none;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=true]::after, .accordion .accordion-button[aria-expanded=false]::after {
  content: "\f1af";
  font-family: remixicon;
  display: inline-block;
  position: absolute;
  inset-inline-end: 32px;
  height: 24px;
  width: 24px;
  border: 2px solid var(--primary-600);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  border-radius: 50%;
  line-height: 1;
  color: var(--primary-600);
}

.accordion .accordion-button[aria-expanded=false]::after {
  content: "\ea13";
}

/* ================================= Accordion Css End =========================== */
/* === accordion css end === */
/* === nav-tabs css start === */
/* Bordered Tab Css Start */
.bordered-tab .nav-link {
  background-color: transparent !important;
  padding: 16px 24px;
  border-radius: 0;
  font-weight: 600;
  color: var(--text-secondary-light);
  position: relative;
}

.bordered-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 2px;
  left: 50%;
  bottom: -1px;
  transform: translateX(-50%);
  background-color: var(--primary-600);
  transition: 0.2s linear;
}

.bordered-tab .nav-link.active {
  color: var(--primary-600);
}

.bordered-tab .nav-link.active::before {
  width: 100%;
}

/* Bordered Tab Css End */
/* Pill Tab Css Start */
.pill-tab .nav-link.active {
  background-color: var(--primary-600);
}

.pill-tab.style-three {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

/* Pill Tab Css End */
/* Gradient Tab Css Start */
.border-gradient-tab {
  border-top: 1px solid var(--input-form-light);
}

.border-gradient-tab .nav-link {
  font-weight: 600;
  color: var(--text-secondary-light) !important;
  padding: 10px 16px;
  background-color: transparent !important;
  position: relative;
}

.border-gradient-tab .nav-link.active {
  color: var(--text-primary-light) !important;
}

.border-gradient-tab .nav-link.active::before {
  visibility: visible;
  opacity: 1;
}

.border-gradient-tab .nav-link.active .notification-alert {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

.border-gradient-tab .nav-link::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-top: 1px solid var(--primary-600);
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.12) 0%, rgba(72, 127, 255, 0.03) 100%);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s linear;
}

/* Gradient Tab Css End */
/* Focus Tab Css Start */
.focus-tab .nav-link.active {
  background-color: var(--primary-50);
  color: var(--primary-600);
}

/* Focus Tab Css End */
/* Button Tab Css Start */
.button-tab .nav-link.active {
  background-color: var(--primary-600);
  border-color: var(--primary-600) !important;
  color: #fff !important;
}

/* Button Tab Css End */
/* Active Text Css Start */
.active-text-tab.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: var(--primary-600) !important;
}

/* Active Text Css End */
/* === nav-tabs css end === */
/* === pagination css start === */
/* === pagination css end === */
/* === avatar css start === */
.avatar-xl {
  width: 2.75rem;
  height: 2.75rem;
}

.avatar-lg {
  width: 2.5rem;
  height: 2.5rem;
}

.avatar-md {
  width: 2rem;
  height: 2rem;
}

.avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
}

/* === avatar css end === */
/* === list-style css start === */
/* === list-style css end === */
/* === apex-chart css start === */
.apexcharts-tooltip-style-1 .apexcharts-tooltip {
  padding: 0.75rem 0.5rem;
  background-color: var();
  border: 1px solid var(--input-bg);
  background-color: var(--white);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-title {
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 0.875rem !important;
  color: var(--text-primary-light) !important;
  font-weight: 600 !important;
  border: none !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group {
  padding: 0;
  display: flex;
  align-items: center;
  padding: 0 !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-y-group {
  padding: 0 !important;
}

.apexcharts-tooltip-style-1 .apexcharts-tooltip-series-group .apexcharts-tooltip-z-group {
  display: none !important;
}

/* Home Two Widget Chart Css Start*/
.remove-tooltip-title .apexcharts-tooltip-title {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip.apexcharts-theme-light {
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rounded-tooltip-value .apexcharts-tooltip-text-y-label {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip-marker {
  display: none;
}

.rounded-tooltip-value .apexcharts-tooltip-text-y-value {
  margin-left: 0;
}

.rounded-tooltip-value .apexcharts-tooltip-text {
  display: flex;
}

/* Home Two Widget Chart Css End*/
/* Chart's text color Css End*/
.apexcharts-xaxis-label, .apexcharts-yaxis-label {
  fill: #8a929f;
}

/* Chart's text color Css End*/
/* Home Two Donut Chart Css Start*/
.apexcharts-tooltip-z-none .apexcharts-tooltip-z-group {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-value {
  display: none;
}

.title-style .apexcharts-text.apexcharts-datalabel-label {
  fill: #4B5563 !important;
  font-size: 14px;
  font-weight: 700 !important;
  font-family: Inter, sans-serif;
}

.circle-none circle {
  display: none;
}

#donutChart {
  height: 0px;
  min-height: 163px !important;
  margin-top: -32px;
}

.margin-16-minus {
  margin: -16px;
}

/* Home Two Donut Chart Css End*/
/* Home Five Radial Chart Css End*/
#semiCircleGauge {
  transform: translateY(22px) translateX(14px);
}

/* Home Five Radial Chart Css End*/
.apexcharts-bar-area:hover {
  fill: var(--brand);
}

.apexcharts-datalabels text {
  filter: none !important; /* Remove any filter applied to data labels */
  text-shadow: none !important; /* Remove any text shadow */
}

.apexcharts-legend-text {
  color: var(--text-secondary-light) !important;
}

.square-marker .apexcharts-legend-marker {
  border-radius: 4px !important;
  width: 16px !important;
  height: 16px !important;
}

.series-gap-24 .apexcharts-legend-series {
  margin: 4px 12px !important;
}

.check-marker .apexcharts-legend-marker {
  position: relative;
}

.check-marker .apexcharts-legend-marker::after {
  position: absolute;
  content: "\eb7a";
  font-family: remixicon;
  display: inline-block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 10px;
  color: #fff;
  transition: 0.2s;
}

.apexcharts-yaxis {
  transform: translateX(10px);
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light {
  color: #fff !important;
  background: rgba(30, 30, 30, 0.8) !important;
}

[data-theme=dark] .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  background: rgba(0, 0, 0, 0.7) !important;
  border-bottom: 1px solid #333 !important;
}

[data-theme=dark] .apexcharts-tooltip-series-group {
  background: rgba(0, 0, 0, 0.7) !important;
}

.yaxies-more .apexcharts-yaxis {
  transform: translateX(20px);
}

.apexcharts-canvas {
  transition: 0s !important;
}

/* === apex-chart css end === */
/* === progress-bar css start === */
/* Progress bar css start */
.max-w-66 {
  max-width: 66px;
}

.max-w-112 {
  max-width: 112px;
}

.progress {
  background-color: var(--neutral-200);
}

.progress-sm {
  height: 8px;
}

/* animated bar */
.animated-bar {
  animation-name: animateBar;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* Progress bar css End */
/* Floating Label Css Start */
.floating-label {
  transform: translateX(-25px);
  left: 0;
  top: 0;
  animation-name: animateFloatingLabel;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-duration: 2s;
}

@keyframes animateFloatingLabel {
  from {
    left: 0;
  }
  to {
    left: var(--left-percentage);
  }
}
/* Floating Label Css End */
/* Semi Circle Floating */
.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: inherit;
  height: inherit; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.circleBar {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 2px);
  height: calc(100% + 44px);
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid var(--primary-50); /* half gray, */
  border-bottom-color: var(--primary-600); /* half azure */
  border-right-color: var(--primary-600);
}

/* Semi Circle Floating */
/* === progress-bar css end === */
/* === vector-map css start === */
/* Vector Map Css Start */
#world-map {
  height: 200px;
  background-color: var(--neutral-100);
}

.map-sm {
  height: 160px !important;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
  background: #D1D5DB;
  color: #111827;
}

/* Vector Map Css End */
/* === vector-map css end === */
/* === scroll css start === */
.scroll-sm::-webkit-scrollbar {
  width: 4px !important;
  height: 4px !important;
  border-radius: 40px;
}

.scroll-sm::-webkit-scrollbar-thumb {
  background-color: #b1b3b8;
  border-radius: 40px;
}

.scroll-sm::-webkit-scrollbar-thumb:hover {
  background-color: #939393;
}

.scroll-sm::-webkit-scrollbar-track {
  background-color: #d6d9de;
  border-radius: 40px;
}

/* === scroll css end === */
/* === slider css start === */
/* Slick Slider Css Start  */
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 20px;
}

.slick-dots button {
  width: 10px;
  height: 4px;
  background-color: var(--primary-50);
  text-indent: -999999px;
  border-radius: 50px;
  color: var(--primary-50);
}

/* Dots Circle Style */
.dots-style-circle .slick-dots {
  gap: 8px;
}

.dots-style-circle .slick-dots .slick-active button {
  background-color: var(--primary-600);
  width: 12px;
  height: 12px;
}

.dots-style-circle .slick-dots button {
  width: 8px;
  height: 8px;
  background-color: #5A75AE;
  text-indent: -999999px;
  border-radius: 50%;
}

/* Dots Bottom Position Style */
.dots-positioned .slick-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
}

/* Slick Arrows Css */
.slick-arrow {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  font-size: 32px;
  line-height: 0;
  z-index: 1;
}

.slick-arrow.slick-next {
  left: auto;
  right: 16px;
}

/* Slick Slider Css End */
/* Slider Progress Css Start */
.slider-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
}

.slider-progress span {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: var(--primary-600);
  transition: all 0s linear;
}

.slider-progress span.active {
  width: 100%;
}

/* Slider Progress Css End */
/* === slider css end === */
/* === Dropdown css start === */
/* Dropdown Css Start */
.has-indicator {
  position: relative;
  transition: 0s;
}

.has-indicator.show::before {
  visibility: visible;
  opacity: 1;
}

.has-indicator::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 32px;
  background-color: var(--white);
  border-radius: 8px;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  margin-left: -2px;
  box-shadow: -13px -8px 24px -7px rgba(46, 45, 116, 0.09);
}

.dropdown > button.show {
  background-color: var(--primary-50);
  color: var(--primary-600) !important;
}

.dropdown > button.show .text-primary-light {
  color: var(--primary-600) !important;
}

.dropdown-menu {
  border: 0;
  border-radius: 16px;
  box-shadow: 0px 13px 30px 10px rgba(46, 45, 116, 0.05);
  padding: 16px;
  background-color: var(--white);
}

.dropdown-menu.to-top {
  top: calc(100% - 28px) !important;
}

@media (min-width: 575px) {
  .dropdown-menu-lg {
    width: 425px;
  }
}
@media (min-width: 375px) {
  .dropdown-menu-sm {
    width: 312px;
  }
}
/* Dropdown Toggle Custom Icon */
.toggle-icon.icon-up::after {
  content: "\ea78" !important;
}

.toggle-icon.icon-right::after {
  content: "\ea6e" !important;
}

.toggle-icon.icon-left::before {
  content: "\ea64" !important;
  vertical-align: middle !important;
  border: 0 !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.toggle-icon::after {
  vertical-align: middle !important;
  border: 0 !important;
  content: "\ea4e" !important;
  font-family: remixicon;
  font-size: 24px;
  line-height: 0;
  color: inherit;
}

.dropdown > .not-active.show {
  color: #fff !important;
}

/* Dropdown Css End */
/* === Dropdown css end === */
/* === tooltip css start === */
/* Tooltip css start */
.tooltip {
  --bs-tooltip-color: #fff;
}

.tooltip-primary {
  --bs-tooltip-bg: var(--primary-600);
}

.tooltip-purple {
  --bs-tooltip-bg: var(--lilac-600);
}

.tooltip-success {
  --bs-tooltip-bg: var(--success-600);
}

.tooltip-info {
  --bs-tooltip-bg: var(--info-600);
}

.tooltip-warning {
  --bs-tooltip-bg: var(--warning-600);
}

.tooltip-danger {
  --bs-tooltip-bg: var(--danger-600);
}

.tooltip-dark {
  --bs-tooltip-bg: var(--neutral-900);
}

.tooltip-white {
  --bs-tooltip-bg: var(--base);
  --bs-tooltip-color: #fff;
}

.tip-content {
  display: none;
}

.list-decimal {
  list-style: decimal;
  padding-left: 18px;
}

/* Tooltip css End */
/* === tooltip css end === */
/* === image upload css start === */
/* ========================= Image upload csss start ================================= */
.uploaded-image-name-list:hover .remove-image {
  visibility: visible;
  opacity: 1;
}

.uploaded-image-name-list .remove-image {
  visibility: hidden;
  opacity: 0;
}

/* Upload Image Css Start */
.avatar-upload {
  position: relative;
  max-width: max-content;
}

.avatar-upload.style-two {
  width: 180px;
  height: 150px;
  max-width: unset;
}

#imagePreview {
  background-image: url("../assets/images/user-grid/user-grid-img13.png?v=2kuAIYUCiVO1rjJnGisLDP6O35M");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#previewImage1, #previewImage2 {
  background-image: url("../assets/images/payment/upload-image.png?v=2kuAIYUCiVO1rjJnGisLDP6O35M");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.avatar-upload .avatar-preview {
  width: 150px;
  height: 150px;
  position: relative;
  border-radius: 100%;
  border: 1px solid var(--primary-600);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview.style-two {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  border: 1px solid var(--border-color) !important;
  box-shadow: none;
}

.avatar-upload .avatar-preview.style-two > div {
  border-radius: inherit !important;
}

.avatar-upload .avatar-preview > div {
  background-image: url(../assets/css/"");
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Upload Image Css End */
/* ========================= Image upload csss End ================================= */
/* === image upload css end === */
/* === calendar css start === */
/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
  background: var(--neutral-50);
  padding: 12px;
  color: var(--text-primary-light);
}

.fc-border-separate tr.fc-last th a {
  transition: 0s;
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
  position: relative;
  background: linear-gradient(180deg, rgba(72, 127, 255, 0.13) 0%, rgba(72, 127, 255, 0.12) 0.01%, rgba(72, 127, 255, 0.05) 100%);
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: var(--primary-600);
}

.fc-event {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-event.important {
  background-color: var(--danger-100) !important;
  color: var(--danger-600) !important;
}

.fc-event.info {
  background-color: var(--lilac-100) !important;
  color: var(--lilac-600) !important;
}

.fc-border-separate tr.fc-last th {
  border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
  background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
  background-color: var(--primary-100) !important;
  color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

#calendar, table.fc-header {
  background-color: transparent !important;
}

.fc-header-title h2 {
  font-size: 24px !important;
  font-weight: 600;
}

.fc-state-default {
  border-color: var(--primary-600) !important;
  color: var(--primary-600) !important;
}

.fc-state-default:hover {
  background-color: var(--primary-50) !important;
}

.fc-state-active, .fc-state-down {
  background-color: var(--primary-600) !important;
  color: #fff !important;
}

.fc-state-active:hover, .fc-state-down:hover {
  color: #fff !important;
  background-color: var(--primary-600) !important;
}

.fc-button.fc-button-today {
  border-color: var(--primary-50) !important;
  background-color: var(--primary-50) !important;
  color: var(--primary-600) !important;
}

.fc-button.fc-button-today.fc-state-disabled {
  border-color: var(--primary-600) !important;
  background-color: var(--primary-600) !important;
  color: #fff !important;
  cursor: no-drop;
}

td.fc-header-center {
  text-align: end;
}

.fc-widget-content {
  border-color: var(--border-color) !important;
}

.fc-last td {
  border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
  color: var(--text-primary-light);
  border-color: var(--border-color);
}

.fc-header td {
  padding: 0;
}

#calendar {
  overflow-x: auto;
}

#calendar .fc-content {
  min-width: max-content;
}

#calendar table.fc-header tr {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

/* Full Calendar Customize Css End */
/* === calendar css end === */
/* === auth css start === */
/* ========================== Authentication css start ============================== */
.auth {
  min-height: 100vh;
}

.auth-left {
  background: linear-gradient(90deg, #ECF0FF 0%, #FAFBFF 100%);
  width: 50%;
}

.auth-right {
  width: 50%;
}

@media (max-width: 991px) {
  .auth-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .auth-right > div {
    max-width: 100%;
    width: 100%;
  }
}
.auth.forgot-password-page .auth-left {
  background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

.center-border-horizontal {
  position: relative;
  z-index: 1;
}

.center-border-horizontal::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: var(--neutral-300);
  z-index: -1;
}

/* ========================== Authentication css End ============================== */
/* === auth css end === */
/* === pricing css start === */
/* Pricing Css Start */
@media (min-width: 1400px) {
  .pricing-plan-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.pricing-plan {
  padding: 50px 40px;
}

@media (max-width: 1699px) {
  .pricing-plan {
    padding: 24px;
  }
}
.pricing-tab {
  margin-bottom: 40px;
}

@media (min-width: 1400px) {
  .pricing-tab {
    margin-bottom: 110px;
  }
}
@media (min-width: 1400px) {
  .scale-item {
    transform: scale(1.04);
    margin-top: -50px;
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  .featured-item {
    margin-top: -50px;
  }
}
/* Pricing Css End */
/* === pricing css end === */
/* === theme css start === */
/* Theme Css Start */
.payment-gateway-input:checked ~ .payment-gateway-label {
  border-color: var(--primary-600) !important;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1);
}

.payment-gateway-input:checked ~ .payment-gateway-label .text-secondary-light {
  color: var(--text-primary-light) !important;
}

/* Theme Css End */
/* === theme css end === */
/* === date picker css start === */
/* ================== Date Picker Css Start ====================== */
.flatpickr-day.selected {
  border-color: var(--primary-600);
  background-color: var(--primary-600);
  color: #fff !important;
}

.flatpickr-calendar {
  background-color: var(--white) !important;
  border: 1px solid var(--border-color) !important;
}

.flatpickr-calendar p, .flatpickr-calendar span, .flatpickr-calendar div, .flatpickr-calendar input {
  color: var(--text-primary-light) !important;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--text-primary-light) !important;
}

.flatpickr-day:hover {
  color: black !important;
}

/* ================== Date Picker Css End ====================== */
/* === date picker css end === */
/* === email css start === */
/* Email Css Start */
.item-active > a {
  background-color: var(--primary-50) !important;
  color: var(--text-primary-light);
}

.item-active > a .icon {
  color: var(--primary-600) !important;
}

.email-item:hover {
  box-shadow: var(--box-shadow);
}

.email-item.active {
  background-color: var(--primary-50) !important;
}

.reload-button {
  transition: 0.2s linear;
}

.reload-button:active {
  transform: rotate(180deg);
}

.starred-button.active .icon-outline {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

.starred-button.active .icon-fill {
  visibility: visible;
  opacity: 1;
  width: auto;
}

.starred-button .icon-fill {
  visibility: hidden;
  opacity: 0;
  width: 0;
}

/* Email Css End */
/* === email css end === */
/* === faq css start === */
/* Faq Css Start */
.responsive-padding-40-150 {
  padding-inline-start: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-inline-end: clamp(2rem, -27.4754rem + 39.3333vw, 9.375rem) !important;
  padding-block-start: 40px !important;
  padding-block-end: 40px !important;
}

/* Faq Css End */
/* === faq css end === */
/* === editor css start === */
/* Code edit css start */
.ql-toolbar.ql-snow {
  border: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: inherit !important;
}

.ql-container.ql-snow {
  border: 0 !important;
  border-radius: inherit !important;
}

.ql-editor {
  border-radius: 12px;
  min-height: 600px;
}

.ql-picker-label, .ql-formats {
  color: var(--text-primary-light);
  z-index: 2;
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
  fill: var(--text-secondary-light);
}

.ql-snow .ql-stroke {
  stroke: var(--text-secondary-light);
}

/* Code edit css end */
/* === editor css end === */
/* === editor css start === */
.chat-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.chat-wrapper .chat-sidebar {
  width: 100%;
}

@media (min-width: 768px) {
  .chat-wrapper .chat-sidebar {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .chat-wrapper .chat-sidebar {
    width: 390px;
  }
}
.chat-wrapper .chat-sidebar.profile-setting {
  padding: 1.5rem;
}

.chat-wrapper .chat-main {
  width: 100%;
  margin-top: 1.875rem;
}

@media (min-width: 768px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 324px);
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .chat-wrapper .chat-main {
    width: calc(100% - 414px);
  }
}
.chat-main-profile {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin-top: 1.875rem;
  gap: 0.9375rem;
}

.chat-main-profile .img {
  position: relative;
  width: 80px;
  height: 80px;
}

.chat-main-profile .img::after {
  position: absolute;
  content: "";
  bottom: 4px;
  inset-inline-end: 9px;
  width: 12px;
  height: 12px;
  background-color: var(--success-main);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-main-profile .img img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-search {
  padding: 0 1.5rem;
  border-top: 1px solid var(--neutral-200);
  border-bottom: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
}

.chat-search .icon {
  font-size: 1.375rem;
  line-height: 1;
  padding-top: 5px;
}

.chat-search input {
  flex-grow: 1;
  border: none;
  height: 48px;
  background-color: transparent;
  font-size: 1.125rem;
  padding-inline-start: 0.625rem;
}

.chat-all-list {
  max-height: 534px;
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .chat-all-list {
    max-height: 400px;
  }
}
@media (min-width: 1400px) {
  .chat-all-list {
    max-height: 534px;
  }
}
.chat-all-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}

.chat-all-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-sidebar-single {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.6875rem 1.5rem;
  cursor: pointer;
}

.chat-sidebar-single.top-profile {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.chat-sidebar-single.active .img::after {
  background-color: var(--success-main);
}

.chat-sidebar-single .img {
  position: relative;
}

.chat-sidebar-single .img::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--neutral-400);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.chat-sidebar-single .img img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  -o-object-fit: cover;
}

.chat-sidebar-single .info {
  flex-grow: 1;
  padding: 0 0.75rem;
}

.chat-sidebar-single .action {
  margin-inline-start: auto;
}

.chat-main {
  display: flex;
  flex-flow: column;
}

.chat-main .chat-sidebar-single {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--input-form-light);
}

.chat-main .chat-empty {
  flex-grow: 1;
  padding: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.chat-message-list {
  flex-grow: 1;
  min-height: 350px;
  max-height: 511px;
  padding: 1.5rem;
  display: flex;
  flex-flow: column;
  overflow-y: auto;
}

@media (min-width: 1200px) {
  .chat-message-list {
    max-height: 375px;
  }
}
@media (min-width: 1400px) {
  .chat-message-list {
    max-height: 511px;
  }
}
.chat-message-list::-webkit-scrollbar {
  width: 10px;
  background-color: var(--white);
}

.chat-message-list::-webkit-scrollbar-thumb {
  background-color: var(--bg-color);
  border: 3px solid var(--white);
}

.chat-single-message + .chat-single-message {
  margin-top: 2rem;
}

.chat-single-message {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .chat-single-message {
    width: 90%;
  }
}
@media (min-width: 992px) {
  .chat-single-message {
    width: 60%;
  }
}
.chat-single-message.left .chat-message-content {
  background-color: var(--input-bg);
  border-radius: 16px 16px 16px 0;
  -webkit-border-radius: 16px 16px 16px 0;
  -moz-border-radius: 16px 16px 16px 0;
  -ms-border-radius: 16px 16px 16px 0;
  -o-border-radius: 16px 16px 16px 0;
}

.chat-single-message.left .chat-message-content p {
  color: var(--text-primary-light);
}

.chat-single-message.left .chat-message-content p.chat-time {
  color: var(--text-secondary-light);
  text-align: end;
}

.chat-single-message.right {
  margin-inline-start: auto;
}

.chat-single-message.right .chat-message-content {
  width: 100%;
  background-color: var(--brand);
  border-radius: 16px 16px 0 16px;
  -webkit-border-radius: 16px 16px 0 16px;
  -moz-border-radius: 16px 16px 0 16px;
  -ms-border-radius: 16px 16px 0 16px;
  -o-border-radius: 16px 16px 0 16px;
}

.chat-single-message.right .chat-message-content p {
  color: #fff;
}

.chat-single-message.right .chat-message-content p.chat-time {
  color: #fff;
}

.chat-single-message .chat-message-content {
  width: calc(100% - 56px);
  padding: 1.25rem;
}

.chat-single-message .chat-message-content .chat-time {
  font-size: 0.75rem;
}

.chat-message-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9375rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--neutral-300);
}

.chat-message-box input {
  flex-grow: 1;
}

.chat-message-box-action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}

.list-style {
  list-style: outside;
  list-style-position: inside;
}

.ai-chat-list {
  max-height: 644px;
  overflow-y: auto;
}

/* === editor css end === */
/* === wizard css start === */
/* ========================= Wizard Css Start ========================= */
.form-wizard .wizard-fieldset {
  display: none;
}

.form-wizard .wizard-fieldset.show {
  display: block !important;
}

.form-wizard .wizard-form-error {
  display: none;
  background-color: transparent;
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--danger-main);
  pointer-events: none;
}

.form-wizard-header {
  text-align: center;
}

.form-wizard-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 455px;
}

.form-wizard-list__item {
  width: 20%;
}

.form-wizard-list__item.active .count {
  color: var(--primary-600);
  border-color: var(--primary-600);
  font-weight: 700;
}

.form-wizard-list__item.active .text {
  color: var(--primary-600);
}

.form-wizard-list__item.activated .count {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
  color: #fff;
}

.form-wizard-list__item.activated .text {
  color: var(--primary-600);
}

.form-wizard-list__item.activated .form-wizard-list__line::before {
  width: 100%;
}

.form-wizard-list__item:last-child .form-wizard-list__line::after, .form-wizard-list__item:last-child .form-wizard-list__line::before {
  display: none;
}

.form-wizard-list__line {
  position: relative;
}

.form-wizard-list__line::after, .form-wizard-list__line::before {
  background-color: var(--neutral-300);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  transition: 0.3s linear;
}

.form-wizard-list__line::before {
  width: 0;
  background-color: var(--primary-600);
  z-index: 1;
}

.form-wizard-list .count {
  background-color: var(--white);
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 2px solid var(--neutral-300);
  font-size: 18px;
}

/* Style Two */
.form-wizard-list.style-two {
  gap: 8px;
  min-width: max-content;
}

.form-wizard-list.style-two .form-wizard-list .count {
  height: 32px;
  line-height: 32px;
  width: 32px;
  font-size: 16px;
}

.form-wizard-list.style-two .form-wizard-list__line::after, .form-wizard-list.style-two .form-wizard-list__line::before {
  display: none;
}

.form-wizard-list.style-two .form-wizard-list__item {
  width: 25%;
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: start;
  padding: 8px;
  position: relative;
  clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%, 0% 50%);
  background-color: var(--neutral-200);
  border-radius: 50px;
}

.form-wizard-list.style-two .form-wizard-list__item:first-child {
  padding-inline-start: 8px;
}

.form-wizard-list.style-two .form-wizard-list__item:last-child {
  padding-inline-end: 8px;
}

.form-wizard-list.style-two .form-wizard-list__item.active .count {
  background-color: var(--primary-600);
  color: #fff;
}

.form-wizard-list.style-two .form-wizard-list__item.activated {
  background-color: var(--primary-600);
}

.form-wizard-list.style-two .form-wizard-list__item.activated .count {
  background-color: #fff;
  color: var(--primary-600);
}

.form-wizard-list.style-two .form-wizard-list__item.activated .text {
  color: #fff;
}

.form-wizard-list.style-two .form-wizard-list__item .text {
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Style Three */
.form-wizard-list.style-three {
  min-width: max-content;
}

.form-wizard-list.style-three .form-wizard-list__line::after, .form-wizard-list.style-three .form-wizard-list__line::before {
  display: none;
}

.form-wizard input::placeholder {
  font-size: 14px !important;
  color: var(--neutral-400);
}

.gif-image {
  max-width: 60px;
}

/* ========================= Wizard Css End ========================= */
/* === wizard css end === */
/* === file upload css start === */
/* ============================ Image Upload Css Start ==================== */
.image-upload {
  border-radius: 8px !important;
  overflow: hidden;
  position: relative;
  border-radius: inherit;
  border: 1px dashed var(--input-form-light) !important;
  cursor: pointer;
  transition: 0.2s;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 180px;
}

.image-upload:hover {
  background-color: var(--neutral-100);
}

.image-upload__box {
  border-radius: inherit !important;
  cursor: pointer;
  padding: 16px !important;
  flex-direction: column;
  justify-content: center;
}

.image-upload__boxInner {
  padding: 0 !important;
  border: 0 !important;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  width: 100% !important;
  margin: 0 auto;
  position: relative;
  border-radius: inherit;
}

.image-upload__icon {
  font-size: 32px !important;
  color: var(--primary-600);
  line-height: 1;
}

.image-upload__image {
  border-radius: inherit;
  max-width: 100%;
}

.image-upload__imageName {
  margin-top: 4px;
}

.image-upload__deleteBtn {
  position: absolute;
  right: -6px;
  top: -6px;
  z-index: 1;
  background: var(--neutral-100);
  color: hsl(var(--neutral-900));
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-upload__deleteBtn:hover {
  background: var(--danger-600);
  transform: scale(1.1);
  color: #fff;
}

.image-upload__anotherFileIcon {
  font-size: 16px !important;
  color: hsl(var(--body-color)) !important;
  width: 40px;
  height: 40px;
  border: 1px solid var(--neutral-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
}

.image-upload__boxInner p, .image-upload__boxInner span {
  line-height: 1.2 !important;
}

/* ============================ Image Upload Css End ==================== */
/* === file upload css end === */
/* === file upload css start === */
.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after, .ppq-audio-player.player-playing .play-pause-icon:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAASCAMAAADrP+ckAAABNVBMVEUAAAAAmIcAmYgAm4sAnIsAnIwAnI0AnY0AnY4Ano4Ano8An5AAoJEAoZEAoZIAopMBn5ABoJABoJEBoZEBoZIBoZMBopMCoZICopMCopQCo5QDoJEDoZEDo5QDo5UFopMGo5QKpJYLpJYMpZcMppgNpZcNppgNp5gOppcOppgOp5gOp5kQqJoSp5kSqJoTqZsbrJ4drJ8irZ8mrqEnsKMrsqUtsqYytKg0tak5t6tHvLJJvbNLvbNqycBrysFsycFwy8Jwy8N3zsZ+0MiA0cqD0suH1M2L1c6P1tCk3tmm39mv4t285+PE6ebH6ufN7erS7+zV7+3W8O3X8O7a8u/k9fPs+Pft+Pfx+fjx+fnx+vny+vr1+/v2+/v5/fz7/f38/f38/v38/v79/v7+/v7+//////+ALAV1AAAAAXRSTlMAQObYZgAAATxJREFUKM+F0tlWwjAQBuAgQgHTRFFrqaK4IALiiuKugPsKrqUo0DbO+z+CDYHIFZ279nznP3P+DHLh4+L8HWybAQM+qDdlUgGXMRcqpIwYnIwoG7ct6LjAfgdUKlZoAmPQLMRSCBrLZH4idPAEbqcb11eamm1w1ciqGgJrFVPNiMydfkLH8X5LhXMWV1YOc7WCKSGGHty6A9Z2ZRbFGaEymApFKaHJceXoFRxnmPKcZoQXL79huPLijKng/ouP4nFJZcdXUWJML/gpLyo6du2zPTUmQ3uPw7cnWiK8dPUDzn+rUvVaFXUdv4Fjy+51nBcqj3XxQl71o9v33eqlipO0yZWZJnEE5pqqJZTZsy/xjHKvYqBk82+7FCgiaO1GZqKHz/2TkKpWrYv7qldryIGH9c2bFrR75yXV4PwBrZh1OjRqx9oAAAAASUVORK5CYII=);
  background-size: 37px 18px;
}

.ppq-audio-player {
  line-height: 111px;
  position: relative;
  overflow: hidden;
  height: 111px;
  margin: 0 auto;
  background: #f4f4f4;
}

.ppq-audio-player audio {
  position: absolute;
  vertical-align: baseline;
}

.ppq-audio-player .play-pause-btn {
  float: left;
  margin: 29px 0 0 12px;
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
  position: relative;
  display: block;
  width: 47px;
  height: 47px;
  border: 3px solid #00a293;
  border-radius: 100%;
  background-color: #fff;
}

.ppq-audio-player .play-pause-btn .play-pause-icon:after {
  display: block;
  content: "";
  background-position: 0 0;
  width: 17px;
  height: 18px;
}

.ppq-audio-player.player-playing .play-pause-icon:after {
  background-position: -25px 0;
  width: 12px;
  height: 17px;
}

.ppq-audio-player .player-time {
  float: left;
  width: 51px;
  margin-right: 8px;
  text-align: right;
}

.ppq-audio-player .player-time-duration {
  float: right;
  margin: 0 0 0 8px;
  text-align: left;
}

.ppq-audio-player .player-bar {
  position: relative;
  overflow: hidden;
  height: 5px;
  margin-top: 53px;
  background-color: #fff;
}

.ppq-audio-player .player-bar .player-bar-loaded {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: #ddd;
}

.ppq-audio-player .player-bar .player-bar-played {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 3px;
  background: #00a293;
}

/* === file upload css end === */
/* === radial progress bar start === */
/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
  height: auto;
  max-width: 44px;
  transform: rotate(-90deg);
  width: 100%;
}

.radial-progress circle {
  fill: rgba(0, 0, 0, 0);
  stroke: #fff;
  stroke-dashoffset: 219.9114857513;
  stroke-width: 4;
  stroke: var(--primary-600);
  stroke-linecap: round;
}

.radial-progress circle.incomplete {
  opacity: 0.2;
}

.radial-progress circle.complete {
  stroke-dasharray: 219.9114857513;
}

.radial-progress text {
  fill: var(--text-secondary-light);
  font-size: 24px !important;
  text-anchor: middle;
}

/* ====================== Animated Radial Progress bar Css End ======================== */
/* === radial progress bar end === */
/* === NFT start === */
/* Nft Promo Card Css Start */
.nft-page .card {
  border-radius: 16px !important;
  overflow: hidden;
}

.nft-promo-card {
  padding: 28px clamp(1.5rem, -7.5935rem + 10.4vw, 4.75rem);
  border-radius: 12px !important;
}

.nft-promo-card__inner {
  gap: clamp(1.5rem, -9.2425rem + 12vw, 5rem);
}

@media (max-width: 576px) {
  .nft-promo-card__inner {
    flex-direction: column;
  }
}
.nft-promo-card__thumb {
  min-width: 200px;
}

/* Nft Promo Card Css End */
/* === NFT end === */
/* === navbar css start === */
.navbar-header {
  height: 4.5rem;
  background-color: var(--white);
  position: sticky;
  top: 0;
  padding: 1rem 1.5rem;
  z-index: 2;
}

.sidebar-toggle,
.sidebar-mobile-toggle {
  line-height: 1.2;
  color: var(--text-primary-light);
}

.sidebar-toggle .icon,
.sidebar-mobile-toggle .icon {
  font-size: 1.375rem;
}

.sidebar-toggle {
  display: none;
}

@media (min-width: 1200px) {
  .sidebar-toggle {
    display: inline-block;
  }
}
.sidebar-toggle.active .icon.non-active {
  display: none;
}

.sidebar-toggle.active .icon.active {
  display: inline-block;
}

.sidebar-toggle .icon.active {
  display: none;
}

.sidebar-mobile-toggle {
  display: inline-block;
}

@media (min-width: 1200px) {
  .sidebar-mobile-toggle {
    display: none;
  }
}
.navbar-search {
  position: relative;
  display: none;
}

@media (min-width: 992px) {
  .navbar-search {
    display: inline-block;
  }
}
.navbar-search input {
  width: 24.25rem;
  height: 2.5rem;
  background-color: var(--neutral-50);
  border: 1px solid var(--input-form-light);
  border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  padding-block: 0.3125rem;
  padding-inline-start: 2.625rem;
  padding-inline-end: 1.25rem;
  color: var(--text-primary-light);
}

.navbar-search input:focus {
  border-color: var(--brand);
}

.navbar-search .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 0.9375rem;
  font-size: 1.125rem;
  color: var(--black);
}

[data-theme-toggle] {
  font-size: 0;
  position: relative;
}

[data-theme-toggle]::after {
  position: absolute;
  content: "\f1bf";
  font-family: remixicon;
  font-style: normal;
  font-size: 1.25rem;
  color: var(--text-primary-light);
}

[data-theme-toggle][aria-label=dark]::after {
  content: "\ef6f";
  color: #fff;
}

/* === navbar css end === */
/* === sidebar css start === */
.sidebar {
  position: fixed;
  inset-block-start: 0;
  inset-inline-start: -100%;
  width: 15.625rem;
  height: 100vh;
  background-color: var(--white);
  transition: all 0.3s;
  z-index: 3;
}

@media (min-width: 1200px) {
  .sidebar {
    inset-inline-start: 0;
    width: 13.75rem;
  }
}
@media (min-width: 1400px) {
  .sidebar {
    width: 17.1875rem;
  }
}
@media (min-width: 1650px) {
  .sidebar {
    width: 19.5rem;
  }
}
.sidebar-close-btn {
  position: absolute;
  top: 0.625rem;
  inset-inline-end: 0.625rem;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--input-form-light);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 1200px) {
  .sidebar-close-btn {
    display: none;
  }
}
.sidebar.sidebar-open {
  inset-inline-start: 0;
}

.sidebar.active {
  width: auto;
}

.sidebar.active .sidebar-menu li a i {
  margin-inline-end: 0;
}

@media (min-width: 1200px) {
  .sidebar.active:hover {
    inset-inline-start: 0;
  }
}
@media (min-width: 1400px) {
  .sidebar.active:hover {
    width: 17.1875rem;
  }
}
@media (min-width: 1650px) {
  .sidebar.active:hover {
    width: 19.5rem;
  }
}
.sidebar.active:hover .sidebar-logo img.light-logo {
  display: inline-block;
}

.sidebar.active:hover .sidebar-logo img.logo-icon {
  display: none;
}

.sidebar.active:hover .sidebar-menu li a span {
  display: inline-block;
}

.sidebar.active:hover .sidebar-menu li a .menu-icon {
  margin-inline-end: 0.5rem;
}

.sidebar.active:hover .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu, .sidebar.active:hover .sidebar-menu li.dropdown.open .sidebar-submenu {
  display: block !important;
}

.sidebar.active:hover .sidebar-menu li.sidebar-menu-group-title {
  display: inline-block;
}

.sidebar.active:hover .sidebar-menu li.dropdown a::after {
  display: inline-block;
}

.sidebar.active .sidebar-logo img.light-logo, .sidebar.active .sidebar-logo img.dark-logo {
  display: none;
}

.sidebar.active .sidebar-logo img.logo-icon {
  display: inline-block;
}

.sidebar.active .sidebar-menu li a span {
  display: none;
}

.sidebar.active .sidebar-menu li a .menu-icon {
  margin-inline-end: 0;
}

.sidebar.active .sidebar-menu li.sidebar-menu-group-title {
  display: none;
}

.sidebar.active .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu, .sidebar.active .sidebar-menu li.dropdown.open .sidebar-submenu {
  display: none !important;
}

.sidebar.active .sidebar-menu li.dropdown a::after {
  display: none;
}

.sidebar-logo {
  height: 4.5rem;
  padding: 0.875rem 1rem;
  border-inline-end: 1px solid var(--neutral-200);
  border-block-end: 1px solid var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.sidebar-logo img {
  max-height: 3.4375rem;
}

.sidebar-logo img.dark-logo {
  display: none;
}

.sidebar-logo img.logo-icon {
  display: none;
}

.sidebar-menu-area {
  height: calc(100vh - 72px);
  padding: 0.75rem 1rem;
  overflow-y: auto;
  border-inline-end: 1px solid var(--neutral-200);
}

.sidebar-menu-area:hover::-webkit-scrollbar-thumb {
  background-color: var(--neutral-200);
}

.sidebar-menu-area::-webkit-scrollbar {
  width: 6px;
  background-color: var(--white);
}

.sidebar-menu-area::-webkit-scrollbar-thumb {
  background-color: var(--white);
}

[data-theme=dark] .sidebar.active:hover .sidebar-logo img.light-logo {
  display: none;
}

[data-theme=dark] .sidebar.active:hover .sidebar-logo img.dark-logo {
  display: inline-block;
}

[data-theme=dark] .sidebar.active .sidebar-logo img.light-logo {
  display: none;
}

[data-theme=dark] .sidebar-logo img.light-logo {
  display: none;
}

[data-theme=dark] .sidebar-logo img.dark-logo {
  display: inline-block;
}

.sidebar-menu li.dropdown > a {
  position: relative;
}

.sidebar-menu li.dropdown > a::after {
  position: absolute;
  content: "\ea6e";
  font-family: remixicon;
  font-style: normal;
  inset-block-start: 50%;
  inset-inline-end: 0.75rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.125rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1650px) {
  .sidebar-menu li.dropdown > a::after {
    font-size: 1.375rem;
  }
}
.sidebar-menu li.dropdown.open > a, .sidebar-menu li.dropdown.dropdown-open > a {
  background-color: var(--brand);
  color: #fff;
}

.sidebar-menu li.dropdown.open > a:hover, .sidebar-menu li.dropdown.dropdown-open > a:hover {
  color: #fff;
}

.sidebar-menu li.dropdown.open > a::after, .sidebar-menu li.dropdown.dropdown-open > a::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.sidebar-menu li.dropdown.open .sidebar-submenu {
  display: block;
}

.sidebar-menu li > a.active-page {
  background-color: var(--brand);
  color: #fff;
}

.sidebar-menu li > a.active-page:hover {
  color: #fff;
}

.sidebar-menu li a {
  padding: 0.625rem 0.75rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: var(--text-secondary-light);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  font-size: 0.875rem;
}

@media (min-width: 1650px) {
  .sidebar-menu li a {
    font-size: 1rem;
  }
}
.sidebar-menu li a:hover {
  color: var(--brand);
}

.sidebar-menu li a .menu-icon {
  font-size: 1.125rem;
  margin-inline-end: 0.5rem;
}

@media (min-width: 1650px) {
  .sidebar-menu li a .menu-icon {
    font-size: 1.375rem;
    margin-inline-end: 0.75rem;
  }
}
.sidebar-menu li a i {
  line-height: 1.2;
  width: 24px;
  margin-inline-end: 0.75rem;
  font-size: 1.375rem;
}

.sidebar-menu li a .circle-icon {
  font-size: 0.625rem;
}

.sidebar-menu .sidebar-submenu {
  padding-block-start: 0.75rem;
  display: none;
  padding-inline-start: 1.5rem;
  transition: none;
}

@media (min-width: 1650px) {
  .sidebar-menu .sidebar-submenu {
    padding-inline-start: 2.75rem;
  }
}
.sidebar-menu .sidebar-submenu li.active-page a {
  background-color: var(--button-secondary);
  color: var(--text-primary-light);
}

.sidebar-menu .sidebar-submenu li a {
  padding: 0.4375rem 0.75rem;
}

.sidebar-menu .sidebar-menu-group-title {
  color: var(--neutral-500);
  font-weight: 600;
  margin-block: 0.5rem;
  font-size: 0.875rem;
}

@media (min-width: 1650px) {
  .sidebar-menu .sidebar-menu-group-title {
    font-size: 1rem;
  }
}
/* === sidebar css end === */
/* === breadcrumb css start === */
/* === breadcrumb css end === */
/* === dashboard body css start === */
.dashboard-main {
  margin-inline-start: 0;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  min-height: 100vh;
  transition: all 0.3s;
}

@media (min-width: 1200px) {
  .dashboard-main {
    margin-inline-start: 13.75rem;
  }
}
@media (min-width: 1400px) {
  .dashboard-main {
    margin-inline-start: 17.1875rem;
  }
}
@media (min-width: 1650px) {
  .dashboard-main {
    margin-inline-start: 19.5rem;
  }
}
.dashboard-main-body {
  padding: 0.9375rem;
}

@media (min-width: 1400px) {
  .dashboard-main-body {
    padding: 1.5rem;
  }
}
.dashboard-main.active {
  margin-inline-start: 5.375rem;
}

/* === dashboard body css end === */
/* === footer css start === */
.d-footer {
  padding: 1.375rem 1.5rem;
  background-color: var(--white);
  margin-block-start: auto;
}

/* === footer css end === */
/* ============================================================================
   AI Trading — Green Plus Export palette
   ----------------------------------------------------------------------------
   Loaded after style.css and overrides only its custom properties, so the
   vendor template stays a drop-in upgrade: nothing here edits the 291KB
   compiled bundle, and reverting the theme is deleting one <link>.

   Source palette (greenplusexport.com/src/app/globals.css):
     ink   #060916 #0b1024 #171f3a #37436b #7b88a8 #e6eaf3 #f4f6fb
     amber #fbbf24 #f59e0b #d97706          jade #34d399 #10b981

   The app runs dark-only, matching Green Plus Export, which has no light
   variant. style.css still defines its light :root block — the [data-theme=dark]
   overrides below sit on top of it, and _Layout pins data-theme="dark".
   ========================================================================== */

:root {
  /* Brand ramp. The template treats --primary-600 as *the* brand colour, so
     600 carries amber-500 #f59e0b — the same gold the logo mark was recoloured
     to, and the accent Green Plus Export uses for its buttons and scrollbars.
     The ramp either side is Tailwind's amber, shifted one stop to land 600 on
     that value. */
  --primary-50: #fffbeb;
  --primary-100: #fef3c7;
  --primary-200: #fde68a;
  --primary-300: #fcd34d;
  --primary-400: #fbbf24;
  --primary-500: #fbaf16;
  --primary-600: #f59e0b;
  --primary-700: #d97706;
  --primary-800: #b45309;
  --primary-900: #92400e;

  --primary-light: rgba(245, 158, 11, 0.15);
  --primary-light-white: rgba(245, 158, 11, 0.25);

  /* Ink navy surfaces. style.css maps --dark-1 to the page background,
     --dark-2 to cards/panels (it becomes --white under dark) and --dark-3 to
     input fills, so this is the whole surface stack in three values. */
  --dark-1: #060916;
  --dark-2: #0b1024;
  --dark-3: #171f3a;

  /* Green Plus Export's jade secondary, standing in for the template's
     stock green so success states read as part of the same palette. */
  --success-600: #10b981;
  --success-500: #34d399;
}

[data-theme=dark] {
  /* Neutrals run inverted in the template's dark block — 50 is the darkest
     surface and 900 the brightest text — so this ramp is the ink scale read
     from dark to light. */
  --neutral-50: #0b1024;
  --neutral-100: #171f3a;
  --neutral-200: #232c4e;
  --neutral-300: #37436b;
  --neutral-400: #4d5a82;
  --neutral-500: #7b88a8;
  --neutral-600: #a9b4cc;
  --neutral-700: #e6eaf3;
  --neutral-800: #eef1f7;
  --neutral-900: #f4f6fb;

  /* Faint brand wash behind badges, hovers and active nav rows. The template
     ships these as 0f-alpha hex; keeping that form avoids specificity
     surprises where it composites them. */
  --primary-50: #f59e0b14;

  --text-primary-light: #e6eaf3;
  --text-secondary-light: #a9b4cc;

  /* GPE's glass borders are white at ~8% rather than a grey tint. */
  --border-color: rgba(255, 255, 255, 0.09);
  --input-stroke: rgba(255, 255, 255, 0.12);
}

/* Ambient aurora, dialled well back from the marketing site's version. GPE
   runs it at 0.16/0.12 alpha behind short hero sections; a dashboard puts
   dense tables and charts on top of this backdrop all day, so it sits at
   roughly a third of that — enough to lift the flat ink, not enough to
   compete with data. Fixed rather than scrolled so long tables don't drag
   the gradient with them. */
body {
  background-color: var(--dark-1);
  background-image:
    radial-gradient(60rem 40rem at 12% -8%, rgba(245, 158, 11, 0.06), transparent 60%),
    radial-gradient(50rem 35rem at 100% 0%, rgba(16, 185, 129, 0.045), transparent 55%),
    radial-gradient(70rem 50rem at 50% 115%, rgba(55, 67, 107, 0.16), transparent 60%);
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Golden scrollbars, as on Green Plus Export. */
html {
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color: rgba(245, 158, 11, 0.5) transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: rgba(245, 158, 11, 0.5);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: rgba(245, 158, 11, 0.8);
}

/* The select and option rules that were here are now in Styles/app.css, on the
   design-system tokens.

   Worth recording why they never worked. The gold `option:checked` rule below
   was present all along, and the open popup still highlighted in the OS blue:
   Chromium paints the highlighted option itself and ignores a plain
   background-color on it. Only a background *shorthand* carrying a
   single-colour linear-gradient goes through a paint path it honours. The rule
   looked correct in the stylesheet and did nothing on screen, which is the
   worst kind of wrong. */
select {
  background-color: var(--dark-2);
  color: var(--text-primary-light);
}

/* ── Bootstrap ───────────────────────────────────────────────────────────────
   bootstrap.min.css is loaded alongside the template and keeps its own colour
   variables, which the template's --primary-* scale never feeds. Left alone,
   every .btn-primary, link, focus ring and checked checkbox stays stock
   Bootstrap blue (#0d6efd) no matter what the template palette says — which is
   exactly what the sign-in button was doing. These re-point Bootstrap's own
   variables at the amber ramp. Same specificity as Bootstrap's rules, winning
   on load order.
   -------------------------------------------------------------------------- */
:root {
  --bs-primary: #f59e0b;
  --bs-primary-rgb: 245, 158, 11;
  --bs-link-color: #f59e0b;
  --bs-link-color-rgb: 245, 158, 11;
  --bs-link-hover-color: #fbbf24;
  --bs-link-hover-color-rgb: 251, 191, 36;
  --bs-focus-ring-color: rgba(245, 158, 11, 0.25);
}

/* Ink text on gold, the way Green Plus Export sets its amber controls. White
   on #f59e0b is only ~2.2:1; ink-950 on the same gold is ~8.4:1. */
.btn-primary {
  --bs-btn-color: #060916;
  --bs-btn-bg: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #060916;
  --bs-btn-hover-bg: #fbbf24;
  --bs-btn-hover-border-color: #fbbf24;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #060916;
  --bs-btn-active-bg: #d97706;
  --bs-btn-active-border-color: #d97706;
  --bs-btn-disabled-color: #060916;
  --bs-btn-disabled-bg: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
}

.btn-outline-primary {
  --bs-btn-color: #f59e0b;
  --bs-btn-border-color: #f59e0b;
  --bs-btn-hover-color: #060916;
  --bs-btn-hover-bg: #f59e0b;
  --bs-btn-hover-border-color: #f59e0b;
  --bs-btn-focus-shadow-rgb: 245, 158, 11;
  --bs-btn-active-color: #060916;
  --bs-btn-active-bg: #f59e0b;
  --bs-btn-active-border-color: #f59e0b;
  --bs-btn-disabled-color: #f59e0b;
  --bs-btn-disabled-border-color: #f59e0b;
}

.form-check-input:checked {
  background-color: var(--primary-600);
  border-color: var(--primary-600);
}

.form-check-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--primary-600);
  box-shadow: 0 0 0 0.25rem rgba(245, 158, 11, 0.2);
}

/* Bootstrap 5.3 ships a real dark mode, and both layouts opt in with
   data-bs-theme="dark" — that alone carries tables, pagination, alerts,
   dropdowns, cards and form controls, which otherwise stay light no matter
   what --bs-primary says (the users table was rendering white rows on the
   ink page for exactly this reason). Its stock dark palette is a neutral
   charcoal though, so these retint it to the ink navy scale. */
[data-bs-theme=dark] {
  --bs-body-bg: #060916;
  --bs-body-bg-rgb: 6, 9, 22;
  --bs-body-color: #e6eaf3;
  --bs-body-color-rgb: 230, 234, 243;
  --bs-emphasis-color: #f4f6fb;
  --bs-secondary-bg: #0b1024;
  --bs-secondary-color: rgba(230, 234, 243, 0.75);
  --bs-tertiary-bg: #171f3a;
  --bs-tertiary-color: rgba(230, 234, 243, 0.5);
  --bs-border-color: rgba(255, 255, 255, 0.09);
  --bs-border-color-translucent: rgba(255, 255, 255, 0.12);
  --bs-heading-color: #f4f6fb;

  --bs-primary: #f59e0b;
  --bs-primary-rgb: 245, 158, 11;
  --bs-primary-bg-subtle: #2a1f08;
  --bs-primary-border-subtle: #7a4f06;
  --bs-primary-text-emphasis: #fbbf24;

  --bs-link-color: #f59e0b;
  --bs-link-color-rgb: 245, 158, 11;
  --bs-link-hover-color: #fbbf24;
  --bs-link-hover-color-rgb: 251, 191, 36;
}

/* Bootstrap leaves .pagination on its own variable set, which its dark mode
   does not fully cover — the active page stayed #0d6efd and the disabled
   arrows stayed #e9ecef. */
.pagination {
  --bs-pagination-bg: transparent;
  --bs-pagination-color: #a9b4cc;
  --bs-pagination-border-color: rgba(255, 255, 255, 0.12);
  --bs-pagination-hover-bg: rgba(245, 158, 11, 0.12);
  --bs-pagination-hover-color: #fbbf24;
  --bs-pagination-hover-border-color: rgba(245, 158, 11, 0.35);
  --bs-pagination-focus-bg: rgba(245, 158, 11, 0.12);
  --bs-pagination-focus-color: #fbbf24;
  --bs-pagination-active-bg: #f59e0b;
  --bs-pagination-active-border-color: #f59e0b;
  --bs-pagination-active-color: #060916;
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-color: #4d5a82;
  --bs-pagination-disabled-border-color: rgba(255, 255, 255, 0.08);
}

/* Background utilities keep pointing at the light palette even under
   data-bs-theme=dark, because they are plain colour utilities rather than
   themed component variables. The holding-tank tree uses these five to shade
   nodes by depth, so they are remapped to an ink ladder that keeps that
   depth cue instead of stacking five near-white cards on a dark page. */
[data-bs-theme=dark] .bg-white,
[data-bs-theme=dark] .bg-body {
  background-color: #0b1024 !important;
}

[data-bs-theme=dark] .bg-light,
[data-bs-theme=dark] .bg-light-subtle {
  background-color: #131a33 !important;
}

[data-bs-theme=dark] .bg-body-tertiary {
  background-color: #171f3a !important;
}

/* ── ApexCharts chrome ───────────────────────────────────────────────────────
   Series colours come from the Apex defaults set in _Layout, but the toolbar
   icons (zoom, pan, reset, menu) are styled by ApexCharts' own stylesheet and
   keep its accent blue for the active tool regardless of theme. */
/* !important throughout: the CDN build of ApexCharts injects its own styles at
   runtime rather than shipping them in apexcharts.css, so these lose on
   ordering without it. */
.apexcharts-toolbar svg,
.apexcharts-toolbar svg * {
  fill: #a9b4cc !important;
  color: #a9b4cc !important;
}

/* The zoom/selection icons are stroked outlines rather than filled shapes, so
   they need stroke set as well as fill. */
.apexcharts-toolbar svg[stroke],
.apexcharts-toolbar svg *[stroke] {
  stroke: #a9b4cc !important;
}

.apexcharts-toolbar .apexcharts-selected,
.apexcharts-toolbar .apexcharts-selected svg,
.apexcharts-toolbar .apexcharts-selected svg * {
  fill: var(--primary-600) !important;
  color: var(--primary-600) !important;
}

.apexcharts-toolbar .apexcharts-selected svg[stroke],
.apexcharts-toolbar .apexcharts-selected svg *[stroke] {
  stroke: var(--primary-600) !important;
}

.apexcharts-toolbar .apexcharts-selected {
  background: rgba(245, 158, 11, 0.12) !important;
}

.apexcharts-menu {
  background: var(--dark-2) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.apexcharts-menu-item:hover {
  background: rgba(245, 158, 11, 0.15) !important;
}

/* ── Shared form chrome ──────────────────────────────────────────────────────
   The gold outline from the sign-in panel, as a class any card can take so
   dashboard forms match the auth pages instead of each being styled ad hoc. */

.ai-panel {
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}

.ai-panel > .card-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  padding: 1.15rem 1.5rem;
}

.ai-panel > .card-body {
  padding: 1.5rem;
}

/* Icons in buttons and links were rendering at the icon font's own size and on
   its own baseline, so they sat outside the button box and pushed the label
   off-centre. Sizing to the label and nudging onto the text's optical centre
   is what keeps them inside it. */
.btn > svg,
.btn > .iconify,
.nav-link > svg,
.alert > svg {
  font-size: 1.05em;
  line-height: 1;
  vertical-align: -0.145em;
  flex: none;
}

/* Buttons carrying both an icon and a label become flex rows so the gap is
   real spacing rather than a stray whitespace text node. */
.btn:has(> svg) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}

/* Icon-only actions stay square and keep a usable target. */
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  min-height: 2.25rem;
  padding: 0.35rem;
}

.btn-icon > svg {
  vertical-align: 0;
  font-size: 1.1em;
}

/* A single row of actions with consistent spacing, so pages stop inventing
   their own margin combinations. */
.ai-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

/* Field wrapper for dashboard forms — the hook auth-validation.js looks for,
   and a consistent gap between control and message. */
.ai-field {
  margin-bottom: 0.25rem;
}

.ai-field .form-label {
  margin-bottom: 0.4rem;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--neutral-700);
}

.ai-field .gpe-field-error,
.ai-field .text-danger {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.75rem;
  min-height: 1em;
}

.ai-field .form-control:focus,
.ai-field .form-select:focus {
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.ai-field input[aria-invalid="true"],
.ai-field textarea[aria-invalid="true"],
.ai-field select[aria-invalid="true"] {
  border-color: rgba(251, 113, 133, 0.6);
}

.ai-field input[data-valid="true"],
.ai-field textarea[data-valid="true"],
.ai-field select[data-valid="true"] {
  border-color: rgba(16, 185, 129, 0.5);
}

.ai-field:not([data-touched]) .gpe-field-error,
.ai-field:not([data-touched]) .text-danger {
  visibility: hidden;
}

/* ── Selects ─────────────────────────────────────────────────────────────────
   Bootstrap paints the chevron as a background image positioned from the right
   edge, and the template's padding overrode it so the arrow sat over the text
   instead of in the gutter. Restated here with room reserved for it. */
.form-select {
  padding-right: 2.5rem !important;
  background-position: right 0.9rem center;
  background-size: 14px 10px;
}

/* Native date inputs put the picker button hard against the border with the
   dark scheme's default; give it the same gutter as the select chevron. */
input[type="date"],
input[type="datetime-local"],
input[type="time"] {
  padding-right: 0.75rem;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  margin-left: 0.35rem;
  padding: 0.15rem;
  border-radius: 0.25rem;
  cursor: pointer;
  opacity: 0.65;
  filter: invert(1);            /* the stock glyph is black on our dark field */
  transition: opacity .15s;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

/* ── Country picker ──────────────────────────────────────────────────────── */

.ai-country {
  position: relative;
}

/* Kept in the layout but out of sight: it still posts and still validates. */
.ai-country-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ai-country-button {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.ai-country-placeholder {
  color: var(--neutral-500);
}

.ai-country-flag {
  font-size: 1.15em;
  line-height: 1;
  flex: none;
}

.ai-country-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-country-panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  padding: 0.6rem;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 0.75rem;
  background: var(--dark-2);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
}

.ai-country-search {
  margin-bottom: 0.5rem;
}

.ai-country-list {
  max-height: 15rem;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.ai-country-option {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.ai-country-option:hover,
.ai-country-option.is-active {
  background: rgba(245, 158, 11, 0.14);
}

.ai-country-option[aria-selected="true"] {
  color: var(--primary-400);
  font-weight: 600;
}

.ai-country-empty {
  margin: 0.5rem 0 0.25rem;
  text-align: center;
  font-size: 0.8rem;
  color: var(--neutral-500);
}

/* ── Profile avatar & cropper ────────────────────────────────────────────── */

.ai-avatar-wrap {
  position: relative;
  width: 140px;
  height: 140px;
}

.ai-avatar {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;             /* never distort a non-square source */
  border: 2px solid rgba(245, 158, 11, 0.35);
  background: var(--dark-3);
}

/* The camera button is the visible control; the file input itself is
   visually-hidden but still focusable and still carries the file on submit. */
.ai-avatar-edit {
  position: absolute;
  right: 2px;
  bottom: 2px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 2px solid var(--dark-2);
  border-radius: 50%;
  background: var(--primary-600);
  color: var(--dark-1);
  font-size: 1rem;
  cursor: pointer;
  transition: background-color .15s, transform .1s;
}

.ai-avatar-edit:hover { background: var(--primary-400); }
.ai-avatar-edit:active { transform: scale(.94); }

.ai-avatar-edit:focus-visible,
.visually-hidden:focus-visible + .ai-avatar-edit {
  outline: 2px solid var(--primary-400);
  outline-offset: 2px;
}

.ai-meta-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.6rem;
  background: rgba(245, 158, 11, 0.12);
  color: var(--primary-600);
}

/* Status badge: inline-flex puts the glyph on the label's centre line instead
   of its own baseline, which had it sitting low and out of line. */
.ai-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  font-size: 0.78rem;
}

.ai-status-badge > svg {
  font-size: 1em;
  line-height: 1;
}

/* Identity card rhythm. The card stacks name → member since → status → rule →
   sponsor meta → rule → action, and left to Bootstrap's utilities those ran
   together. Spacing is set here in one place so both rules get the same gap
   either side and the status badge is not flush against them. The badge is
   inline-flex, so it carries no vertical margin of its own — .ai-status-row is
   the block that does, which is what keeps the gap from collapsing. */
.ai-status-row {
  margin-top: 1.25rem;
}

.ai-meta-rule {
  margin: 1.75rem 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  opacity: 1;
}

.ai-meta {
  margin: 0;
}

.ai-meta > div + div {
  margin-top: 1.25rem;
}

/* A single centred column. The controls previously sat in a text-align:center
   block, so the Zoom label flowed alongside the button group instead of above
   its slider, and the range collapsed to a dot for want of a width. */
.ai-crop-controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}

.ai-crop-controls-label {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--neutral-500);
  margin-bottom: 0.4rem;
}

/* The template's reset strips the range's default appearance, so both the track
   and the thumb have to be drawn explicitly — otherwise only the thumb renders
   and the control reads as a stray dot. */
.ai-zoom {
  width: 100%;
  max-width: 11rem;
  height: 1.25rem;
  padding: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.ai-zoom::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.ai-zoom::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.ai-zoom::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5px;            /* centres the thumb on a 4px track */
  border: 0;
  border-radius: 50%;
  background: var(--primary-600);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
}

.ai-zoom::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 50%;
  background: var(--primary-600);
}

.ai-zoom:focus-visible {
  outline: 2px solid var(--primary-400);
  outline-offset: 3px;
}

/* ── Crop viewport ───────────────────────────────────────────────────────────
   A plain canvas the picture is drawn into. Cropper.js was removed after its
   export repeatedly handed back an empty surface; here the square *is* the
   crop, so exporting is a scale of this canvas and cannot fail intermittently. */
.ai-crop-stage {
  position: relative;
  display: grid;
  place-items: center;
  max-width: 360px;
  margin-inline: auto;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  background:
    linear-gradient(45deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.03) 75%),
    linear-gradient(45deg, rgba(255,255,255,.03) 25%, transparent 25%, transparent 75%, rgba(255,255,255,.03) 75%),
    var(--dark-1);
  background-size: 18px 18px;
  background-position: 0 0, 9px 9px;
  overflow: hidden;
}

.ai-crop-canvas {
  display: block;
  width: 100%;
  height: auto;
  cursor: grab;
  touch-action: none;      /* the pointer handlers own dragging, not the page */
}

.ai-crop-canvas.is-dragging {
  cursor: grabbing;
}

/* Circular mask over the square canvas: the framing decision is made against
   the shape the avatar actually is, not a square approximation of it. */
.ai-crop-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: 0.75rem;
  box-shadow: inset 0 0 0 9999px rgba(6, 9, 22, .55);
  -webkit-mask: radial-gradient(circle at center, transparent 0 49%, #000 49.4%);
  mask: radial-gradient(circle at center, transparent 0 49%, #000 49.4%);
}


/* Round, matching where the avatar actually ends up, so the preview is a
   truthful representation rather than a square approximation. */
.ai-crop-preview {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(245, 158, 11, 0.35);
  background: var(--dark-3);
}

.ai-crop-preview canvas {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .ai-avatar-edit { transition: none; }
}

/* ── SweetAlert ──────────────────────────────────────────────────────────────
   Stock SweetAlert is sized for a marketing page: a wide centred card with a
   ~1.9rem title. On a dense dashboard that reads as an interruption rather than
   feedback. These bring both variants down to the app's own type scale; the
   routing between toast and modal is in assets/js/alerts.js. */

.swal2-popup.ai-swal-toast {
  padding: 0.85rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.65rem;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.swal2-popup.ai-swal-toast .swal2-title {
  margin: 0;
  font-size: 0.9rem !important;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.swal2-popup.ai-swal-toast .swal2-html-container {
  margin: 0.15rem 0 0;
  font-size: 0.8rem !important;
  line-height: 1.45;
  color: var(--neutral-600);
}

/* Two-column grid rather than a flex row: the icon occupies the first column
   across both rows, and title and message stack in the second. A flex row makes
   title and message siblings side by side, which set the title in a narrow
   wrapping column with the message beside it. */
.swal2-popup.ai-swal-toast {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon body";
  column-gap: 0.75rem;       /* the 12px the icon/text pairing wants */
  row-gap: 0.15rem;
  align-items: center;
}

.swal2-popup.ai-swal-toast .swal2-icon.ai-swal-icon { grid-area: icon; align-self: center; }
.swal2-popup.ai-swal-toast .swal2-title            { grid-area: title; }
.swal2-popup.ai-swal-toast .swal2-html-container   { grid-area: body; }

/* With no message the title should sit on the icon's centre line, not ride
   above an empty row. */
.swal2-popup.ai-swal-toast .swal2-html-container:empty {
  display: none !important;
}

.swal2-popup.ai-swal-toast .swal2-icon.ai-swal-icon {
  /* SweetAlert's icon is a bordered ring sized for a modal; the flat SVG
     replaces it, so the ring, its border and its animation all go. */
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  animation: none;
}

.swal2-popup .swal2-icon.ai-swal-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0;              /* suppress the glyph SweetAlert would otherwise set */
  line-height: 0;
}

.swal2-popup .swal2-icon.ai-swal-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* The modal keeps a larger, centred icon above the title. */
.swal2-popup .swal2-icon.ai-swal-icon--modal {
  width: 40px;
  height: 40px;
  min-width: 40px;
  margin: 0.25rem auto 0.9rem;
}

.swal2-popup.ai-swal-toast .swal2-icon.ai-swal-icon::before,
.swal2-popup.ai-swal-toast .swal2-icon.ai-swal-icon::after,
.swal2-popup .swal2-icon.ai-swal-icon .swal2-success-ring,
.swal2-popup .swal2-icon.ai-swal-icon .swal2-success-fix,
.swal2-popup .swal2-icon.ai-swal-icon .swal2-success-line-tip,
.swal2-popup .swal2-icon.ai-swal-icon .swal2-success-line-long,
.swal2-popup .swal2-icon.ai-swal-icon .swal2-x-mark {
  display: none !important;
}

.swal2-popup.ai-swal-toast .swal2-html-container,
.swal2-popup.ai-swal-toast .swal2-title {
  text-align: left;
}

/* The progress bar doubles as the only affordance that the toast is timed. */
.swal2-popup.ai-swal-toast .swal2-timer-progress-bar {
  background: var(--primary-600);
}

.swal2-popup.ai-swal-modal {
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 1rem;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.swal2-popup.ai-swal-modal .swal2-title {
  font-size: 1.2rem !important;
  font-weight: 700;
  color: #fff;
}

.swal2-popup.ai-swal-modal .swal2-html-container {
  font-size: 0.875rem !important;
  color: var(--neutral-600);
}

.swal2-popup.ai-swal-modal .swal2-icon {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem auto 0.75rem;
  border-width: 3px;
}

.swal2-popup.ai-swal-modal .swal2-icon .swal2-icon-content {
  font-size: 1.75rem;
}

/* Match the app's own buttons rather than SweetAlert's pill defaults. */
.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-cancel,
.swal2-popup .swal2-styled.swal2-deny {
  min-height: 2.5rem;
  padding: 0.55rem 1.4rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  box-shadow: none;
}

.swal2-popup .swal2-styled.swal2-confirm {
  color: var(--dark-1);
}

.swal2-popup .swal2-styled:focus-visible {
  outline: 2px solid var(--primary-400);
  outline-offset: 2px;
}

/* ── Auth pages ──────────────────────────────────────────────────────────────
   The sign-in/register split screen hardcodes a pale blue-white gradient on
   its illustration panel rather than reading a variable, so it stayed bright
   white against the dark form beside it. */
.auth-left {
  background: linear-gradient(90deg, #0b1024 0%, #171f3a 100%);
}


/* ── Navbar icon buttons ─────────────────────────────────────────────────────
   The template's own header controls are 40px circles on a neutral fill. This
   matches that footprint so the fullscreen toggle sits level with the
   notification bell and the avatar rather than shifting the row, and restates
   the centring the template's `all: unset` reset strips from buttons.
   -------------------------------------------------------------------------- */
.ai-icon-btn {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  background: var(--dark-3);
  color: var(--text-secondary-light);
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.ai-icon-btn:hover,
.ai-icon-btn:focus-visible {
  color: var(--primary-600);
  border-color: rgba(245, 158, 11, 0.45);
  background: var(--primary-light);
}

.ai-icon-btn > svg {
  font-size: 1.25rem;
  line-height: 1;
}

/* ── PWA install banner ──────────────────────────────────────────────────────
   Ported from Green Plus Export. Bottom-left on desktop, full width above the
   safe area on phones. Hidden by default and revealed by install-prompt.js
   only where installing is actually possible.
   -------------------------------------------------------------------------- */
.ai-install {
  position: fixed;
  z-index: 1040;
  left: 1rem;
  right: 1rem;
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
  margin-inline: auto;
  max-width: 26rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  background: rgba(11, 16, 36, 0.97);
  backdrop-filter: blur(12px);
  box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.5);

  /* Entry state. install-prompt.js adds .is-in on the next frame, so there is
     a state to transition from. */
  opacity: 0;
  transform: translateY(0.75rem);
  transition: opacity .25s ease, transform .25s ease;
}

.ai-install.is-in {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 576px) {
  .ai-install {
    right: auto;
    margin-inline: 0;
  }
}

.ai-install-icon {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  display: grid;
  place-items: center;
  border-radius: 0.6rem;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 1.15rem;
}

.ai-install-body {
  flex: 1 1 auto;
  min-width: 0;
}

.ai-install-title {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--text-primary-light);
}

.ai-install-text {
  margin: 0;
  font-size: 0.75rem;
  color: var(--text-secondary-light);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-install-cta {
  flex: 0 0 auto;
}

.ai-install-dismiss {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-secondary-light);
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease;
}

.ai-install-dismiss:hover,
.ai-install-dismiss:focus-visible {
  color: var(--text-primary-light);
  background: rgba(255, 255, 255, 0.08);
}

@media (prefers-reduced-motion: reduce) {
  .ai-install {
    transition: none;
  }
}

/* ── Placement countdown ─────────────────────────────────────────────────────
   Tabular figures matter here: without them the digits are proportionally
   spaced and the whole clock jitters sideways once a second as the numbers
   change width.
   -------------------------------------------------------------------------- */
.ai-countdown {
  padding: 1.25rem;
  border: 1px solid rgba(245, 158, 11, 0.25);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.06), transparent);
}

.ai-countdown-head {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.15rem;
}

.ai-countdown-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.6rem;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 1.15rem;
}

.ai-countdown-title {
  margin: 0 0 0.15rem;
  font-weight: 600;
  color: var(--text-primary-light);
}

.ai-countdown-sub {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--text-secondary-light);
}

.ai-countdown-clock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.6rem;
}

.ai-countdown-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
  padding: 0.7rem 0.35rem;
  border: 1px solid var(--border-color);
  border-radius: 0.7rem;
  background: var(--dark-3);
}

.ai-countdown-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--primary-600);
  font-variant-numeric: tabular-nums;
}

.ai-countdown-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--text-secondary-light);
}

/* ── Empty / status card heads ───────────────────────────────────────────── */
.ai-empty-head {
  text-align: center;
  padding: 0.5rem 0 0.25rem;
}

.ai-empty-icon {
  display: grid;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 auto 0.9rem;
  border-radius: 1rem;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 1.6rem;
}

/* ── Inline button icons ─────────────────────────────────────────────────────
   Sized to the label and nudged onto its optical centre. Without the
   translate the glyph sits a hair low against the cap height and reads as
   hanging below the text.
   -------------------------------------------------------------------------- */
.ai-btn-icon {
  font-size: 1em;
  line-height: 1;
  margin-right: 0.4rem;
  transform: translateY(0.055em);
  flex: 0 0 auto;
}

/* Inline explanatory note. Deliberately not .alert: Bootstrap's alerts read as
   a response to something the user just did, and these are standing context. */
.ai-note {
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
  font-size: 0.8125rem;
  color: var(--text-secondary-light);
}

.ai-note > svg {
  color: var(--primary-600);
  transform: translateY(0.15em);
}

/* ── Commerce ────────────────────────────────────────────────────────────── */
.ai-price {
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  margin: 0.35rem 0 0.15rem;
}

.ai-price-amount {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  color: var(--primary-600);
  font-variant-numeric: tabular-nums;
}

.ai-price-term,
.ai-price-note {
  font-size: 0.8125rem;
  color: var(--text-secondary-light);
}

.ai-balance {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.15;
  color: var(--primary-600);
  font-variant-numeric: tabular-nums;
}

/* Term picker. A real radio drives it — the card is the label — so keyboard
   navigation and form submission work without any JavaScript. */
.ai-term-options {
  display: grid;
  gap: 0.6rem;
}

.ai-term {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid var(--border-color);
  border-radius: 0.75rem;
  background: var(--dark-3);
  cursor: pointer;
  transition: border-color .18s ease, background-color .18s ease;
}

.ai-term:hover {
  border-color: rgba(245, 158, 11, 0.45);
}

/* :has, so selecting the radio styles the whole card without a JS class hook. */
.ai-term:has(input:checked) {
  border-color: var(--primary-600);
  background: var(--primary-light);
}

.ai-term:has(input:focus-visible) {
  outline: 2px solid var(--primary-600);
  outline-offset: 2px;
}

.ai-term-body {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

.ai-term-name {
  font-weight: 500;
  color: var(--text-primary-light);
}

.ai-term-save {
  margin-left: 0.4rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 0.7rem;
  font-weight: 600;
}

.ai-term-price {
  font-weight: 600;
  color: var(--text-primary-light);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.ai-term-was {
  margin-left: 0.35rem;
  font-weight: 400;
  color: var(--text-secondary-light);
}

/* Locked members-only panel. */
.ai-locked {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem;
  border: 1px dashed rgba(245, 158, 11, 0.35);
  border-radius: 0.85rem;
  background: rgba(245, 158, 11, 0.04);
}

.ai-locked-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.6rem;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 1.15rem;
}

.ai-prose {
  color: var(--text-secondary-light);
  line-height: 1.7;
}

.ai-prose > * + * {
  margin-top: 0.75rem;
}

/* ── Tables ──────────────────────────────────────────────────────────────────
   The vendor template ships its own table skin; these keep our tables on the
   ink/gold system and give the DataTables chrome the same treatment as the rest
   of the app's controls.
   -------------------------------------------------------------------------- */
.ai-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--text-primary-light);
  margin-bottom: 0;
}

.ai-table > thead th {
  padding: 0.75rem 0.9rem;
  border-bottom: 1px solid var(--border-color);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-secondary-light);
  white-space: nowrap;
}

.ai-table > tbody td {
  padding: 0.85rem 0.9rem;
  border-bottom: 1px solid var(--border-color);
  vertical-align: middle;
}

.ai-table > tbody tr:last-child td {
  border-bottom: 0;
}

.ai-table > tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}

/* Numbers in a column must line up, or the eye cannot compare them. */
.ai-table td.text-end,
.ai-table th.text-end {
  font-variant-numeric: tabular-nums;
}

/* Icon-only row actions, replacing full buttons in table rows: the label is on
   the icon's accessible name, and the hit area stays a comfortable 2rem. */
.ai-row-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.ai-row-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  background: var(--dark-3);
  color: var(--text-secondary-light);
  font-size: 1rem;
  cursor: pointer;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.ai-row-action:hover,
.ai-row-action:focus-visible {
  color: var(--primary-600);
  border-color: rgba(245, 158, 11, 0.45);
  background: var(--primary-light);
}

.ai-row-action--danger:hover,
.ai-row-action--danger:focus-visible {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(248, 113, 113, 0.12);
}

/* ── DataTables chrome ────────────────────────────────────────────────────────
   DataTables 2 renamed every wrapper class: dataTables_wrapper/_filter/_length
   became dt-container/dt-search/dt-length. Styling the 1.x names against a 2.x
   build silently does nothing — the table renders, the controls just stay
   unthemed, which is easy to miss on a dark page.
   -------------------------------------------------------------------------- */
/* The search box and page-length select used to be styled here. They are not
   any more: datatables-init strips Bootstrap's classes off them and gives them
   .ai-dt-control, which app.css owns outright.

   These rules were removed rather than left dormant because they were still
   winning. `.dt-container .dt-search input:focus` is 0-3-1 against
   `.dt-container .ai-dt-control:focus` at 0-3-0 -- the trailing element type
   decides it -- so this block's `outline: 0` was deleting the new focus ring
   while its own 0.2rem box-shadow drew a second glow beside Bootstrap's. Three
   stylesheets were styling one control.

   One owner per control. That is the whole fix. */

/* Everything that styled the DataTables chrome has been removed from this
   file. Styles/app.css owns it outright now.

   Leaving these dormant was not an option: they were still winning. Two
   examples of the same shape --

     .dt-container .dt-search input:focus   0-3-1  killed the new focus ring
                                                   with `outline: 0` and drew
                                                   its own 0.2rem glow
     div.dt-container .dt-paging
       .dt-paging-button                    0-3-1  held the pager at 2rem
                                                   against the 2.25rem the rest
                                                   of the chrome uses

   -- each beating app.css's 0-2-0 or 0-3-0 on a trailing element type. The
   defect was never specificity; it was that three stylesheets were styling one
   control. */

/* ── Dashboard tiles ─────────────────────────────────────────────────────────
   Summary before detail: these carry the numbers a member checks at a glance,
   so they sit above the panels and stay on one auto-fitting grid rather than a
   fixed column count that strands one tile on its own row.
   -------------------------------------------------------------------------- */
.ai-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  gap: 1rem;
}

.ai-tile {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  background: var(--dark-2);
}

/* One accent tile, not six: if everything is emphasised nothing is. */
.ai-tile--accent {
  border-color: rgba(245, 158, 11, 0.35);
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.08), var(--dark-2));
}

.ai-tile-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ai-tile-icon {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.5rem;
  background: var(--primary-light);
  color: var(--primary-600);
  font-size: 0.95rem;
}

.ai-tile-label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--text-secondary-light);
}

.ai-tile-value {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.15;
  color: var(--text-primary-light);
  font-variant-numeric: tabular-nums;
}

.ai-tile--accent .ai-tile-value {
  color: var(--primary-600);
}

.ai-tile-hint {
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--primary-600);
}

.ai-tile-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.15rem;
  font-size: 0.8rem;
  color: var(--primary-600);
  text-decoration: none;
}

.ai-tile-link:hover {
  color: var(--primary-400);
}

/* Leg balance bar. Two segments, distinguished by hue *and* by the labelled
   counts beneath, so the split is readable without relying on colour. */
.ai-legbar {
  display: flex;
  height: 0.75rem;
  border-radius: 999px;
  overflow: hidden;
  background: var(--dark-3);
}

.ai-legbar-left {
  background: var(--primary-600);
}

.ai-legbar-right {
  background: var(--success-600);
}

/* ============================================================================
   AI Trading — authentication pages
   ----------------------------------------------------------------------------
   Port of Green Plus Export's AuthShell: split screen with an animated brand
   panel on the left and a golden-outlined form panel on the right.

   Green Plus Export builds this from Tailwind utilities; this project runs
   Bootstrap, so the utility compositions are rewritten here as component
   classes. The keyframes are carried over as-is from that site's globals.css
   so the motion matches exactly.

   Every animation is disabled under prefers-reduced-motion at the end of this
   file — the heartbeat and blob loops run indefinitely and are exactly the kind
   of motion that setting exists for.
   ========================================================================== */

/* ── Shell ───────────────────────────────────────────────────────────────── */

.gpe-auth {
  display: grid;
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--dark-1);
}

@media (min-width: 992px) {
  .gpe-auth {
    grid-template-columns: 1fr 1fr;
  }
}

/* ── Brand panel (left) ──────────────────────────────────────────────────── */

.gpe-auth-brand {
  position: relative;
  display: none;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  padding: 3rem;
  background: linear-gradient(to bottom right, #171f3a, #060916);
}

@media (min-width: 992px) {
  .gpe-auth-brand {
    display: flex;

    /* Pinned to the viewport instead of stretching with the grid row.
       The two columns share a row, so a tall form (Register is the tallest)
       grew the row, and `justify-content: space-between` then pushed the
       headline and benefits down with it — the brand panel visibly shifted
       between Login and Register. Sticky + a fixed viewport height keeps this
       column identical on every page while the form column scrolls past it. */
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    height: 100dvh;
  }
}

/* Faint graph-paper grid, matching the marketing site's .card-grid-line. */
.gpe-auth-grid {
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
  background-size: 44px 44px;
}

/* Ambient colour blobs. Blurred far enough that they read as light rather than
   shapes; the two are offset in the animation cycle via inline delay. */
.gpe-auth-blob {
  position: absolute;
  border-radius: 9999px;
  pointer-events: none;
  filter: blur(64px);
  animation: gpe-blob-float 14s ease-in-out infinite;
}

.gpe-auth-blob--amber {
  top: -6rem;
  left: -6rem;
  width: 24rem;
  height: 24rem;
  background: rgba(245, 158, 11, 0.2);
}

.gpe-auth-blob--jade {
  right: -4rem;
  bottom: -8rem;
  width: 28rem;
  height: 28rem;
  background: rgba(16, 185, 129, 0.15);
}

/* Oversized watermark icon that changes per page (lock, user, key…) and beats
   like a pulse. Sits at 15% so it reads as texture, not content. */
.gpe-auth-watermark {
  position: absolute;
  right: 0;
  bottom: 2.5rem;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  pointer-events: none;
}

.gpe-auth-watermark svg {
  width: 14rem;
  height: 14rem;
  /* Pushed partly off the right edge so it reads as a bleed rather than a
     centred illustration competing with the benefit list. */
  transform: translateX(3.5rem);
  color: #fcd34d;
  opacity: 0.15;
  animation: gpe-icon-heartbeat 2.6s ease-in-out infinite;
}

.gpe-auth-brand-inner {
  position: relative;
  /* Wide enough for the headline to hold one line at the sizes below. */
  max-width: 34rem;
}

.gpe-auth-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(252, 211, 77, 0.9);
}

.gpe-auth-eyebrow::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background: var(--primary-400);
}

/* !important on the heading sizes here and on .gpe-auth-title below: the
   template bundle declares `h1, .h1 { font-size: var(--h1) !important }` with a
   clamp that tops out at 4.5rem, so a plain class selector loses and the panel
   heading renders three lines tall. The elements stay semantic h1/h2 rather
   than being downgraded to divs to dodge the cascade. */
.gpe-auth-headline {
  margin: 1rem 0 0;
  /* Set on one line. The clamp scales it with the panel so it still fits at
     the 992px breakpoint (where the column is only ~400px of usable width)
     without needing a manual break, which is what previously forced it onto
     two lines. nowrap guarantees it never re-wraps in between. */
  font-size: clamp(1.35rem, 2.15vw, 1.9rem) !important;
  white-space: nowrap;
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
}

.gpe-auth-sub {
  margin: 0.75rem 0 0;
  font-size: 0.875rem;
  color: rgba(230, 234, 243, 0.7);
}

.gpe-auth-benefits {
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 0.875rem;
  color: rgba(230, 234, 243, 0.8);
}

.gpe-auth-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.gpe-auth-check {
  display: grid;
  place-items: center;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.125rem;
  border-radius: 9999px;
  background: rgba(16, 185, 129, 0.15);
  color: var(--success-500);
}

.gpe-auth-check svg {
  width: 0.75rem;
  height: 0.75rem;
}

.gpe-auth-brand-logo,
.gpe-auth-copyright {
  position: relative;
}

/* Composed from the mark plus live text rather than the full lockup PNG. The
   lockup carries a tagline sized for a 525x125 canvas; shown small that line
   degrades to unreadable smear, so the mark and the wordmark are set separately
   here. The mark is inline SVG (see _LogoMark.cshtml) — the PNG visibly
   resampled its candle wicks and arrow when scaled down to this size. */
.gpe-auth-brand-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.85rem;
  text-decoration: none;
}

.gpe-auth-mark {
  display: block;
  flex: none;
  width: 50px;
  height: 50px;
}

.gpe-auth-mark svg {
  display: block;
  width: 100%;
  height: 100%;
}

.gpe-auth-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.gpe-auth-wordmark b {
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #fff;
}

.gpe-auth-wordmark b span {
  color: var(--primary-600);
}

.gpe-auth-wordmark small {
  margin-top: 0.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--primary-600);
}

.gpe-auth-copyright {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--neutral-500);
}

.gpe-auth-copyright a {
  color: var(--primary-400);
  font-weight: 600;
  text-decoration: none;
}

.gpe-auth-copyright a:hover {
  color: var(--primary-300);
  text-decoration: underline;
}

/* ── Form panel (right) ──────────────────────────────────────────────────── */

.gpe-auth-panel-wrap {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

/* Gold corner glow, matching the brand panel's amber blob so both sides of the
   split share one ambient light source. Slightly tighter and dimmer than the
   left-hand blobs — it sits behind a form, not behind marketing copy. */
.gpe-auth-blob--corner {
  top: -7rem;
  right: -7rem;
  width: 22rem;
  height: 22rem;
  background: rgba(245, 158, 11, 0.16);
  animation-delay: -3s;
}

@media (min-width: 576px) {
  .gpe-auth-panel-wrap {
    padding: 3rem;
  }
}

/* The golden outline. Kept at 30% alpha rather than solid gold so it frames the
   form without competing with the submit button for attention. */
.gpe-auth-panel {
  /* Stacked above the corner glow, which is absolutely positioned in the
     wrapper behind it. */
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 28rem;
  padding: 2rem;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.02);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  animation: gpe-panel-in 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
}

@media (min-width: 576px) {
  .gpe-auth-panel {
    padding: 2.5rem;
  }
}

/* ── Icon badge ──────────────────────────────────────────────────────────── */

.gpe-auth-badge {
  position: relative;
  display: inline-flex;
  margin-bottom: 1.25rem;
}

/* Expanding halo, echoing the watermark's heartbeat on a slower cycle. */
.gpe-auth-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  background: rgba(245, 158, 11, 0.2);
  animation: gpe-ping 2.2s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.gpe-auth-badge-inner {
  position: relative;
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 1rem;
  background: linear-gradient(to bottom right, rgba(245, 158, 11, 0.2), rgba(16, 185, 129, 0.1));
  color: #fcd34d;
  box-shadow: 0 10px 20px rgba(245, 158, 11, 0.1);
}

.gpe-auth-badge-inner svg {
  width: 1.75rem;
  height: 1.75rem;
}

/* ── Typography ──────────────────────────────────────────────────────────── */

.gpe-auth-title {
  margin: 0;
  font-size: 1.5rem !important;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
}

.gpe-auth-lead {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  color: var(--neutral-500);
}

/* Left-aligned to share the submit button's axis. A centred "Don't have an
   account?" under a left-aligned button reads as a stray element; keeping
   labels, fields, button and this line on one axis is what makes the form
   scan as a single column. Status pages centre their own copy via .gpe-status
   and do not use this class. */
.gpe-auth-foot {
  margin: 1.5rem 0 0;
  text-align: left;
  font-size: 0.875rem;
  color: var(--neutral-500);
}

.gpe-auth-link {
  color: var(--primary-400);
  font-weight: 500;
  text-decoration: none;
}

.gpe-auth-link:hover {
  color: var(--primary-300);
  text-decoration: underline;
}

/* ── Fields ──────────────────────────────────────────────────────────────── */

.gpe-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

.gpe-field label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--neutral-700);
}

.gpe-field-req {
  color: var(--primary-400);
}

.gpe-field-wrap {
  position: relative;
}

.gpe-field-icon {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  color: var(--neutral-500);
  pointer-events: none;
}

.gpe-field input {
  width: 100%;
  padding: 0.65rem 1rem 0.65rem 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 0.875rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.gpe-field input::placeholder {
  color: var(--neutral-500);
}

.gpe-field input:focus {
  outline: none;
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

/* Password fields reserve room on the right for the reveal toggle. */
.gpe-field input[type="password"],
.gpe-field input.gpe-has-toggle {
  padding-right: 3rem;
}

.gpe-field-toggle {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--neutral-500);
  font-size: 0.75rem;
  cursor: pointer;
}

.gpe-field-toggle:hover {
  color: #fff;
}

.gpe-field-error {
  display: block;
  margin-top: 0.375rem;
  font-size: 0.75rem;
  min-height: 1.05em;
  color: #fda4af;
}

/* A field that has been corrected says so, rather than going quiet. NN/g:
   a filled, valid field should not fall back to the neutral state. */
.gpe-field-error.gpe-ok {
  color: var(--success-500);
}

.gpe-field-error.gpe-hint {
  color: var(--neutral-500);
}

/* ── Validation states ───────────────────────────────────────────────────────
   Driven by aria-invalid / data-valid rather than a library-specific class, so
   the styling holds regardless of what sets the state.

   The reveal gate: the validation library validates eagerly, but a field only
   shows its verdict once auth-validation.js marks it data-touched — on blur for
   ordinary fields, immediately for the password pair. Keeping this in CSS means
   the library never has to be throttled or reconfigured. */
.gpe-field:not([data-touched]) .gpe-field-error {
  visibility: hidden;
}

.gpe-field:not([data-touched]) input[aria-invalid],
.gpe-field:not([data-touched]) input[data-valid] {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

.gpe-field:not([data-touched]) .gpe-field-glyph {
  display: none !important;
}

.gpe-field input[aria-invalid="true"] {
  border-color: rgba(251, 113, 133, 0.6);
  background: rgba(251, 113, 133, 0.06);
}

.gpe-field input[aria-invalid="true"]:focus {
  border-color: rgba(251, 113, 133, 0.75);
  box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.15);
}

.gpe-field input[data-valid="true"] {
  border-color: rgba(16, 185, 129, 0.5);
}

/* State glyph in the field's right gutter. Password fields already reserve
   3rem there for the reveal toggle, so the glyph is nudged clear of it. */
.gpe-field-glyph {
  position: absolute;
  right: 0.875rem;
  top: 50%;
  transform: translateY(-50%);
  display: none;
  font-size: 0.9rem;
  line-height: 1;
  pointer-events: none;
}

.gpe-field-wrap:has(input[type="password"]) .gpe-field-glyph,
.gpe-field-wrap:has(.gpe-field-toggle) .gpe-field-glyph {
  right: 3.4rem;
}

.gpe-field-wrap:has(input[aria-invalid="true"]) .gpe-field-glyph-bad {
  display: block;
  color: #fda4af;
}

.gpe-field-wrap:has(input[data-valid="true"]) .gpe-field-glyph-ok {
  display: block;
  color: var(--success-500);
}

/* ── Password strength meter ─────────────────────────────────────────────── */

.gpe-meter {
  display: flex;
  gap: 4px;
  margin-top: 0.5rem;
}

.gpe-meter span {
  height: 3px;
  flex: 1;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.09);
  transition: background-color 0.2s;
}

.gpe-meter[data-score="1"] span:nth-child(-n + 1) { background: #fda4af; }
.gpe-meter[data-score="2"] span:nth-child(-n + 2) { background: var(--primary-700); }
.gpe-meter[data-score="3"] span:nth-child(-n + 3) { background: var(--primary-400); }
.gpe-meter[data-score="4"] span:nth-child(-n + 4) { background: var(--success-600); }

@media (prefers-reduced-motion: reduce) {
  .gpe-meter span {
    transition: none;
  }
}

.gpe-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
}

/* ── Checkbox ────────────────────────────────────────────────────────────────
   The real <input type="checkbox"> stays in the DOM and stays focusable — it is
   moved under the visual box and made invisible rather than display:none'd,
   because a display:none input is unreachable by keyboard and invisible to
   assistive tech. All state is then driven off :checked / :focus-visible on
   that live input, so the control keeps native semantics for free. */
.gpe-check {
  position: relative;   /* containing block for the transparent input */
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--neutral-500);
  cursor: pointer;
  user-select: none;
}

.gpe-check-input {
  position: absolute;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.gpe-check-box {
  display: grid;
  place-items: center;
  flex: none;
  width: 1.05rem;
  height: 1.05rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 0.25rem;
  background: rgba(255, 255, 255, 0.05);
  color: var(--dark-1);
  transition: background-color .15s, border-color .15s;
  /* Decorative and aria-hidden, so it must not swallow the pointer — clicks
     belong to the real input sitting beneath it. */
  pointer-events: none;
}

.gpe-check-box svg {
  width: 0.8rem;
  height: 0.8rem;
  opacity: 0;
  transform: scale(.6);
  transition: opacity .12s, transform .12s;
}

.gpe-check-input:checked + .gpe-check-box {
  background: var(--primary-600);
  border-color: var(--primary-600);
}

.gpe-check-input:checked + .gpe-check-box svg {
  opacity: 1;
  transform: scale(1);
}

.gpe-check:hover .gpe-check-box {
  border-color: rgba(245, 158, 11, 0.55);
}

/* Keyboard focus has to be visible on the substitute box, since the input it
   belongs to is transparent. focus-visible so a mouse click doesn't ring it. */
.gpe-check-input:focus-visible + .gpe-check-box {
  outline: 2px solid var(--primary-400);
  outline-offset: 2px;
}

.gpe-check-label {
  line-height: 1.2;
}

.gpe-check:hover .gpe-check-label {
  color: var(--neutral-600);
}

@media (prefers-reduced-motion: reduce) {
  .gpe-check-box,
  .gpe-check-box svg {
    transition: none;
  }
}

/* ── CAPTCHA ─────────────────────────────────────────────────────────────── */

.gpe-captcha-box {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.05);
}

.gpe-captcha-q {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #fcd34d;
  /* The sum is the challenge — selecting and copying it should not be a
     convenience the page offers. */
  user-select: none;
}

/* Narrow and left-padded unlike the other inputs: there is no leading icon
   here and the answer is one or two digits. */
.gpe-captcha-box input[type="text"] {
  width: 4.5rem;
  padding: 0.35rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.375rem;
  background: rgba(6, 9, 22, 0.4);
  color: #fff;
  font-size: 0.875rem;
}

.gpe-captcha-box input[type="text"]:focus {
  outline: none;
  border-color: rgba(245, 158, 11, 0.5);
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}

.gpe-captcha-new {
  margin-left: auto;
  padding: 0.25rem 0.4rem;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  color: var(--neutral-500);
  font-size: 0.75rem;
  cursor: pointer;
  transition: color 0.15s;
}

.gpe-captcha-new:hover {
  color: #fcd34d;
}

.gpe-captcha-new:focus-visible {
  outline: 2px solid var(--primary-400);
  outline-offset: 2px;
}

/* ── Submit ──────────────────────────────────────────────────────────────── */

.gpe-submit {
  /* inline-flex + explicit centring: the template's global reset
     (`*:where(…) { all: unset }`) strips the browser's default
     `text-align: center` off buttons, which left-aligned the label inside the
     full-width pill. */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  /* Sized to its label and aligned to the start of the form rather than
     stretched edge to edge. .gpe-form is a flex column, so align-self is what
     stops the default `stretch` from filling the row. */
  align-self: flex-start;
  width: auto;

  /* Auto-width buttons still have to stay comfortably tappable: 2.75rem is the
     ~44px minimum touch target, and the min-width keeps a short label like
     "Sign In" from collapsing into a cramped chip. */
  min-height: 2.75rem;
  min-width: 8.5rem;
  padding: 0.65rem 1.75rem;

  border: 0;
  /* Squared off from the previous full pill to match the 0.5rem inputs above
     it — the form now reads as one family instead of mixed geometry. */
  border-radius: 0.5rem;
  background: var(--primary-600);
  color: var(--dark-1);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.15s, box-shadow 0.15s, transform 0.1s;
}

.gpe-submit:hover {
  background: var(--primary-400);
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.25);
}

.gpe-submit:active {
  transform: scale(0.98);
}

.gpe-submit:focus-visible {
  outline: 2px solid var(--primary-400);
  outline-offset: 2px;
}

.gpe-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Alerts ──────────────────────────────────────────────────────────────── */

.gpe-alert {
  padding: 0.65rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
}

.gpe-alert-error {
  border: 1px solid rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.1);
  color: #fda4af;
}

.gpe-alert-success {
  border: 1px solid rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.1);
  color: #6ee7b7;
}

.gpe-alert ul {
  margin: 0;
  padding-left: 1.1rem;
}

/* ── Status pages (verify / confirmation / denied) ───────────────────────── */

.gpe-status {
  text-align: center;
}

/* Status pages centre their action instead of left-aligning it: the whole card
   is a centred column, so a left-aligned button would hang off the axis. */
.gpe-status .gpe-submit {
  align-self: center;
  margin-top: 1.75rem;
}

.gpe-status .gpe-auth-badge {
  margin-bottom: 1.5rem;
}

/* Success tick gets a spring pop rather than the standard fade. */
.gpe-status-pop .gpe-auth-badge-inner {
  animation: gpe-check-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.gpe-status-ok .gpe-auth-badge-inner {
  border-color: rgba(16, 185, 129, 0.35);
  background: linear-gradient(to bottom right, rgba(16, 185, 129, 0.22), rgba(245, 158, 11, 0.08));
  color: #6ee7b7;
}

.gpe-status-bad .gpe-auth-badge-inner {
  border-color: rgba(239, 68, 68, 0.35);
  background: linear-gradient(to bottom right, rgba(239, 68, 68, 0.22), rgba(245, 158, 11, 0.08));
  color: #fda4af;
}

.gpe-status-bad .gpe-auth-badge::before {
  background: rgba(239, 68, 68, 0.2);
}

.gpe-status-ok .gpe-auth-badge::before {
  background: rgba(16, 185, 129, 0.2);
}

/* ── Entrance stagger ────────────────────────────────────────────────────── */

/* Applied per element with an inline animation-delay so fields cascade in.
   `both` holds the from-state during the delay, which is what stops every
   field flashing at full opacity before its turn. */
.gpe-in {
  animation: gpe-field-in 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* ── Keyframes (carried over from Green Plus Export) ─────────────────────── */

@keyframes gpe-blob-float {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33%      { transform: translate(4%, 6%) scale(1.08); }
  66%      { transform: translate(-3%, -4%) scale(0.96); }
}

@keyframes gpe-panel-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes gpe-field-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes gpe-check-pop {
  0%   { transform: scale(0.4); opacity: 0; }
  60%  { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); }
}

@keyframes gpe-ping {
  75%, 100% { transform: scale(1.6); opacity: 0; }
}

/* Two-beat pulse — systole/diastole — rather than a single throb. */
@keyframes gpe-icon-heartbeat {
  0%, 100% {
    transform: scale(1);
    opacity: 0.16;
    filter: drop-shadow(0 0 0 rgba(251, 191, 36, 0));
  }
  25% {
    transform: scale(1.07);
    opacity: 0.32;
    filter: drop-shadow(0 0 20px rgba(251, 191, 36, 0.55));
  }
  40% {
    transform: scale(0.99);
    opacity: 0.2;
    filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.2));
  }
  55% {
    transform: scale(1.1);
    opacity: 0.34;
    filter: drop-shadow(0 0 24px rgba(251, 191, 36, 0.6));
  }
}

/* Gentler, slower beat for the small persistent logo — a quick double-beat
   then a rest, once every 3s, instead of continuous pulsing. */
@keyframes gpe-logo-heartbeat {
  0%, 58%, 100% {
    transform: scale(1);
    filter: drop-shadow(0 0 1px rgba(251, 191, 36, 0.15));
  }
  15% {
    transform: scale(1.05);
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.3));
  }
  27% {
    transform: scale(1.005);
    filter: drop-shadow(0 0 2px rgba(251, 191, 36, 0.18));
  }
  38% {
    transform: scale(1.06);
    filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.35));
  }
}

.gpe-logo-beat {
  animation: gpe-logo-heartbeat 3s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .gpe-auth-blob,
  .gpe-auth-watermark svg,
  .gpe-auth-panel,
  .gpe-in,
  .gpe-auth-badge::before,
  .gpe-logo-beat,
  .gpe-status-pop .gpe-auth-badge-inner {
    animation: none !important;
  }

  .gpe-submit {
    transition: none;
  }
}

/* ============================================================================
   Public marketing pages (_PublicLayout)
   ----------------------------------------------------------------------------
   Shares the auth bundle, so the palette, the grid overlay and the drifting
   blobs are already defined above; this adds the page furniture around them.
   ========================================================================== */
.ai-public {
  background-color: var(--dark-1);
  color: var(--text-primary-light);
}

.ai-public-container {
  width: 100%;
  max-width: 72rem;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.ai-public-header {
  position: sticky;
  top: 0;
  z-index: 30;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--border-color);
  background: rgba(6, 9, 22, 0.85);
  backdrop-filter: blur(12px);
}

.ai-public-header .ai-public-container {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.ai-public-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  flex: 0 0 auto;
}

.ai-public-nav {
  display: none;
  gap: 1.5rem;
  margin-inline-start: auto;
}

.ai-public-nav a {
  color: var(--text-secondary-light);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color .18s ease;
}

.ai-public-nav a:hover {
  color: var(--primary-600);
}

/* Products submenu — a dropdown of the live catalogue. Matches the nav links,
   with a floating panel of products that grows as the catalogue does. */
.ai-nav-dd { position: relative; display: inline-flex; align-items: center; gap: 0.3rem; }
.ai-nav-dd-trigger {
  display: inline-flex; align-items: center; gap: 0.3rem;
  color: var(--text-secondary-light); font-size: 0.9rem; text-decoration: none;
  cursor: pointer; transition: color 0.18s ease;
}
/* The dropdown toggle is a real <button> (keyboard + a11y); strip the chrome
   and colour it in step with the trigger link beside it. */
.ai-nav-dd-toggle {
  display: inline-flex; align-items: center;
  background: none; border: 0; padding: 0;
  color: var(--text-secondary-light); cursor: pointer; transition: color 0.18s ease;
}
.ai-nav-dd-trigger:hover,
.ai-nav-dd:hover .ai-nav-dd-trigger,
.ai-nav-dd-toggle:hover,
.ai-nav-dd:hover .ai-nav-dd-toggle { color: var(--primary-600); }
.ai-nav-dd-caret { width: 0.8em; height: 0.8em; transition: transform 0.18s ease; }
.ai-nav-dd:hover .ai-nav-dd-caret { transform: rotate(180deg); }
.ai-nav-dd-menu {
  position: absolute; top: calc(100% + 0.55rem); inset-inline-start: 0;
  min-width: 15rem; padding: 0.4rem;
  background: var(--dark-2); border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 0.8rem; box-shadow: 0 18px 42px -14px rgba(0, 0, 0, 0.65);
  display: flex; flex-direction: column; gap: 0.1rem; z-index: 60;
}
/* A hover bridge so the pointer can cross the gap to the menu without it closing. */
.ai-nav-dd-menu::before {
  content: ""; position: absolute; top: -0.55rem; left: 0; right: 0; height: 0.55rem;
}
.ai-nav-dd-item {
  display: block; padding: 0.55rem 0.7rem; border-radius: 0.5rem;
  color: var(--text-secondary-light); font-size: 0.875rem; text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.ai-nav-dd-item:hover { background: rgba(245, 158, 11, 0.1); color: var(--primary-400); }
.ai-nav-dd-all {
  margin-top: 0.2rem; border-top: 1px solid rgba(255, 255, 255, 0.07);
  color: var(--primary-600); font-weight: 500;
}

.ai-public-actions {
  display: none;              /* below the nav breakpoint the hamburger takes over */
  align-items: center;
  gap: 0.85rem;
  margin-inline-start: auto;
}

.ai-public-nav + .ai-public-actions {
  margin-inline-start: 0;
}

/* ── Mobile menu ─────────────────────────────────────────────────────────── */
.ai-nav-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-inline-start: auto;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--text-secondary-light);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease;
}
.ai-nav-toggle:hover { color: var(--primary-600); background: rgba(255, 255, 255, 0.05); }
.ai-nav-toggle svg { width: 1.5rem; height: 1.5rem; }

.ai-mobile-menu {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.5rem 1.25rem 1rem;
  border-top: 1px solid var(--border-color);
}
.ai-mobile-menu a {
  padding: 0.7rem 0.25rem;
  color: var(--text-secondary-light);
  text-decoration: none;
  font-size: 1rem;
  border-radius: 0.5rem;
  transition: color 0.15s ease;
}
.ai-mobile-menu a:hover { color: var(--primary-600); }
.ai-mobile-menu-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.6rem;
}
.ai-mobile-menu-actions a { padding: 0; }

@media (min-width: 768px) {
  .ai-public-actions { display: flex; }
  .ai-nav-toggle { display: none; }
  .ai-mobile-menu { display: none !important; }   /* never shows on desktop, even if toggled */
}

.ai-public-link {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: var(--primary-600);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
}

.ai-public-link:hover {
  color: var(--primary-400);
}

@media (min-width: 768px) {
  .ai-public-nav { display: flex; }
}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.ai-hero {
  position: relative;
  overflow: hidden;
  padding: 5rem 0 4.5rem;
}

.ai-hero-inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.ai-hero-title {
  margin: 0.75rem 0 1rem;
  font-size: clamp(2.25rem, 6vw, 4rem) !important;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-wrap: balance;
  color: var(--text-primary-light);
}

.ai-hero-sub {
  max-width: 42rem;
  margin: 0 auto 2rem;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--text-secondary-light);
  text-wrap: pretty;
}

.ai-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.85rem;
  margin-bottom: 3.5rem;
}

.ai-hero-stats {
  display: grid;
  gap: 1.5rem;
  margin: 0;
  text-align: left;
}

.ai-hero-stats > div {
  padding: 1.15rem 1.25rem;
  border: 1px solid var(--border-color);
  border-radius: 1rem;
  background: rgba(11, 16, 36, 0.6);
}

.ai-hero-stats dt {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-600);
  font-variant-numeric: tabular-nums;
}

.ai-hero-stats dd {
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: var(--text-secondary-light);
}

@media (min-width: 768px) {
  .ai-hero-stats { grid-template-columns: repeat(3, 1fr); }
}

/* ── Sections ───────────────────────────────────────────────────────────── */
.ai-section {
  padding: 4rem 0;
}

.ai-section--alt {
  background: rgba(11, 16, 36, 0.5);
  border-block: 1px solid var(--border-color);
}

.ai-section-title {
  margin: 0 0 0.6rem;
  font-size: clamp(1.6rem, 3.5vw, 2.25rem) !important;
  font-weight: 700;
  letter-spacing: -0.015em;
  text-wrap: balance;
  color: var(--text-primary-light);
}

.ai-section-sub {
  max-width: 40rem;
  margin: 0 0 2.5rem;
  color: var(--text-secondary-light);
  line-height: 1.7;
}

.ai-card-grid {
  display: grid;
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .ai-card-grid { grid-template-columns: repeat(3, 1fr); }
}

.ai-public-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 1.25rem;
  background: rgba(11, 16, 36, 0.7);
  transition: border-color .2s ease, transform .2s ease;
}

.ai-public-card:hover {
  border-color: rgba(245, 158, 11, 0.45);
  transform: translateY(-2px);
}

.ai-public-card h3 {
  margin: 0;
  font-size: 1.1rem !important;
  font-weight: 600;
  color: var(--text-primary-light);
}

.ai-public-card-sub {
  flex: 1 1 auto;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.65;
  color: var(--text-secondary-light);
}

.ai-public-card-price {
  margin: 0.35rem 0 0.65rem;
  font-size: 0.85rem;
  color: var(--text-secondary-light);
}

.ai-public-card-price > span {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-600);
  font-variant-numeric: tabular-nums;
}

/* ── Steps ──────────────────────────────────────────────────────────────── */
.ai-steps {
  display: grid;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: step;
}

.ai-steps > li {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.ai-step-number {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--primary-light);
  color: var(--primary-600);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.ai-steps h3 {
  margin: 0 0 0.2rem;
  font-size: 1rem !important;
  font-weight: 600;
  color: var(--text-primary-light);
}

.ai-steps p {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.65;
  color: var(--text-secondary-light);
}

@media (min-width: 768px) {
  .ai-steps { grid-template-columns: repeat(2, 1fr); gap: 2rem 2.5rem; }
}

/* ── CTA + footer ───────────────────────────────────────────────────────── */
.ai-cta {
  text-align: center;
}

.ai-cta .ai-section-sub {
  margin-inline: auto;
}

.ai-public-footer {
  padding: 2.5rem 0;
  border-top: 1px solid var(--border-color);
  font-size: 0.85rem;
  color: var(--text-secondary-light);
}

.ai-public-footer a {
  color: var(--primary-600);
  text-decoration: none;
}

.ai-public-risk {
  margin-top: 1rem;
  max-width: 46rem;
  font-size: 0.78rem;
  line-height: 1.6;
  opacity: 0.75;
}

/* ============================================================================
   AI Trading — app shell chrome
   ----------------------------------------------------------------------------
   Two pieces of loading feedback, ported from Green Plus Export's PageLoader:

     .ai-preloader   a branded first-paint splash: the logo mark with two
                     counter-rotating rings, gold and white, circling it.
     .ai-topbar      a thin gold progress bar pinned to the top of the viewport
                     for the gap between clicking a link and the next document
                     painting.

   The splash markup is server-rendered and hidden by CSS as the very first
   rule, rather than being injected by script. If it were injected there would
   be a visible flash of the un-covered page before JS ran — which is the exact
   moment the splash exists to cover.
   ========================================================================== */

/* ── Full-page preloader ─────────────────────────────────────────────────── */

.ai-preloader {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: grid;
  place-items: center;
  background: var(--dark-1, #060916);
  transition: opacity .45s ease, visibility .45s ease;
}

/* Driven by a class on <html> so the state is set before first paint. */
.ai-preloader-done .ai-preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ai-preloader-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.ai-preloader-mark {
  position: relative;
  display: grid;
  place-items: center;
  width: 116px;
  height: 116px;
}

/* The logo sits still in the middle; only the rings travel around it, so the
   brand stays readable throughout. */
.ai-preloader-logo {
  width: 62px;
  height: 62px;
  filter: drop-shadow(0 0 12px rgba(245, 158, 11, .45));
  animation: ai-logo-pulse 2.4s ease-in-out infinite;
}

.ai-preloader-logo svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* Two rings, each with a single visible arc, spinning opposite ways: the gold
   one outside, the white one inside and faster. Transparent on three sides is
   what makes an arc out of a full circle. */
.ai-preloader-ring {
  position: absolute;
  border-radius: 50%;
  border: 2px solid transparent;
}

.ai-preloader-ring--gold {
  inset: 0;
  border-top-color: var(--primary-400, #fbbf24);
  border-right-color: var(--primary-600, #f59e0b);
  animation: ai-spin 1.15s linear infinite;
}

.ai-preloader-ring--white {
  inset: 13px;
  border-bottom-color: rgba(255, 255, 255, .92);
  border-left-color: rgba(255, 255, 255, .45);
  animation: ai-spin-reverse .85s linear infinite;
}

.ai-preloader-label {
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--primary-600, #f59e0b);
  animation: ai-fade-up .5s ease-out .15s both;
}

@keyframes ai-spin {
  to { transform: rotate(360deg); }
}

@keyframes ai-spin-reverse {
  to { transform: rotate(-360deg); }
}

@keyframes ai-logo-pulse {
  0%, 100% { transform: scale(1);    filter: drop-shadow(0 0 8px rgba(245,158,11,.35)); }
  50%      { transform: scale(1.06); filter: drop-shadow(0 0 18px rgba(245,158,11,.65)); }
}

@keyframes ai-fade-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Top progress bar ────────────────────────────────────────────────────── */

.ai-topbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2100;
  width: 100%;
  height: 3px;
  background: transparent;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease;
}

.ai-topbar.is-active {
  opacity: 1;
}

.ai-topbar span {
  display: block;
  height: 100%;
  width: 0;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(90deg, var(--primary-600, #f59e0b), var(--primary-400, #fbbf24));
  box-shadow: 0 0 10px rgba(245, 158, 11, .7);
  transition: width .2s ease;
}

/* ── Reduced motion ──────────────────────────────────────────────────────── */

/* The splash still appears and still dismisses — only the spinning and pulsing
   stop. Removing the overlay entirely would change behaviour, not just motion. */
@media (prefers-reduced-motion: reduce) {
  .ai-preloader,
  .ai-preloader-logo,
  .ai-preloader-ring,
  .ai-preloader-label,
  .ai-topbar,
  .ai-topbar span {
    animation: none !important;
    transition: none !important;
  }

  .ai-preloader-ring--gold {
    border-color: var(--primary-600, #f59e0b) transparent transparent transparent;
  }

  .ai-preloader-ring--white {
    border-color: transparent transparent rgba(255, 255, 255, .9) transparent;
  }
}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--tw-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--tw-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--tw-color-white:#fff;--tw-spacing:.25rem;--tw-container-sm:24rem;--tw-container-md:28rem;--tw-container-lg:32rem;--tw-container-2xl:42rem;--tw-container-3xl:48rem;--tw-container-4xl:56rem;--tw-container-5xl:64rem;--tw-container-6xl:72rem;--tw-text-xs:.75rem;--tw-text-xs--line-height:1rem;--tw-text-sm:.8125rem;--tw-text-sm--line-height:1.25rem;--tw-text-base:.875rem;--tw-text-base--line-height:1.375rem;--tw-text-lg:1.125rem;--tw-text-lg--line-height:1.75rem;--tw-text-xl:1.25rem;--tw-text-xl--line-height:1.75rem;--tw-text-2xl:1.5rem;--tw-text-2xl--line-height:2rem;--tw-text-3xl:1.875rem;--tw-text-3xl--line-height:calc(2.25 / 1.875);--tw-text-4xl:2.25rem;--tw-text-4xl--line-height:calc(2.5 / 2.25);--tw-font-weight-medium:500;--tw-font-weight-semibold:600;--tw-font-weight-bold:700;--tw-tracking-tight:-.025em;--tw-tracking-wide:.025em;--tw-tracking-widest:.1em;--tw-radius-sm:.375rem;--tw-radius-md:.5rem;--tw-radius-lg:.75rem;--tw-radius-xl:1rem;--tw-radius-2xl:1.25rem;--tw-ease-out:cubic-bezier(0, 0, .2, 1);--tw-animate-spin:spin 1s linear infinite;--tw-aspect-video:16 / 9;--tw-default-transition-duration:.15s;--tw-default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--tw-color-canvas:oklch(14.4% .029 271);--tw-color-surface:oklch(18% .042 271);--tw-color-raised:oklch(24.7% .053 270);--tw-color-overlay:oklch(14.4% .029 271/.72);--tw-color-text:oklch(93.7% .013 267);--tw-color-text-muted:oklch(76.9% .036 266);--tw-color-text-subtle:oklch(62.8% .051 268);--tw-color-border:oklch(30.3% .063 271);--tw-color-border-strong:oklch(53.7% .095 271);--tw-color-accent:oklch(76.9% .165 70);--tw-color-accent-hover:oklch(83.7% .164 84);--tw-color-accent-wash:oklch(76.9% .165 70/.14);--tw-color-on-accent:oklch(14.4% .029 271);--tw-color-success:oklch(69.6% .149 163);--tw-color-warning:oklch(70% .17 48);--tw-color-danger:oklch(64.5% .215 16);--tw-color-info:oklch(75.4% .139 233);--tw-color-success-wash:oklch(69.6% .149 163/.14);--tw-color-warning-wash:oklch(70% .17 48/.14);--tw-color-danger-wash:oklch(64.5% .215 16/.14);--tw-color-info-wash:oklch(75.4% .139 233/.14);--tw-font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--tw-text-md:1rem;--tw-text-md--line-height:1.5rem;--tw-ease-entrance:cubic-bezier(.16, 1, .3, 1);--tw-ease-exit:cubic-bezier(.7, 0, .84, 0);--tw-spacing-sidebar:16.5rem;--tw-spacing-sidebar-collapsed:4.5rem;--tw-spacing-section-nav:13rem;--tw-container-content:90rem}}.tw\:pointer-events-none{pointer-events:none!important}.tw\:scrim{background:var(--color-overlay)!important;position:fixed!important;inset:0!important}.tw\:drawer{background:var(--color-surface)!important;border-inline-start:1px solid var(--color-border-strong)!important;width:100%!important;max-width:26rem!important;position:fixed!important;inset-block:0!important;inset-inline-end:0!important;box-shadow:-24px 0 64px -12px #000000b3!important}.tw\:skip-link{clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.tw\:skip-link:focus{z-index:50!important;clip-path:none!important;white-space:normal!important;border-radius:var(--radius-md)!important;background:var(--color-accent)!important;width:auto!important;height:auto!important;color:var(--color-on-accent)!important;outline:2px solid var(--color-text)!important;outline-offset:2px!important;padding:.5rem 1rem!important;font-weight:500!important;position:fixed!important;top:1rem!important;left:1rem!important;overflow:visible!important}.tw\:switch{appearance:none!important;background:var(--color-raised)!important;border:1px solid var(--color-border-strong)!important;cursor:pointer!important;width:2.5rem!important;height:1.5rem!important;transition:background-color .2s var(--ease-entrance), border-color .2s var(--ease-entrance)!important;border-radius:999px!important;flex-shrink:0!important;margin:0!important;position:relative!important}.tw\:switch:after{content:""!important;background:var(--color-text-muted)!important;width:1rem!important;height:1rem!important;transition:translate .2s var(--ease-entrance), background-color .2s var(--ease-entrance)!important;border-radius:999px!important;position:absolute!important;top:50%!important;left:.1875rem!important;translate:0 -50%!important}.tw\:switch:hover{border-color:#f59e0a73!important}@supports (color:color-mix(in lab, red, red)){.tw\:switch:hover{border-color:color-mix(in oklab, var(--color-accent) 45%, transparent)!important}}.tw\:switch:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:switch:checked{background:var(--color-accent)!important;border-color:var(--color-accent)!important}.tw\:switch:checked:after{background:var(--color-on-accent)!important;translate:1rem -50%!important}.tw\:switch:disabled{opacity:.55!important;cursor:not-allowed!important}.tw\:input-group{align-items:stretch!important;display:flex!important}.tw\:input-group>.tw\:input{border-radius:0!important}.tw\:input-group>:first-child{border-start-start-radius:var(--radius-md)!important;border-end-start-radius:var(--radius-md)!important}.tw\:input-group>:last-child{border-start-end-radius:var(--radius-md)!important;border-end-end-radius:var(--radius-md)!important}.tw\:input-group>*+*{margin-inline-start:-1px!important}.tw\:input-group>:focus-within,.tw\:input-group>:focus{z-index:1!important;position:relative!important}.tw\:btn-group{display:inline-flex!important}.tw\:btn-group>*{border-radius:0!important;margin-inline-start:-1px!important}.tw\:btn-group>:first-child{border-start-start-radius:var(--radius-md)!important;border-end-start-radius:var(--radius-md)!important;margin-inline-start:0!important}.tw\:btn-group>:last-child{border-start-end-radius:var(--radius-md)!important;border-end-end-radius:var(--radius-md)!important}.tw\:btn-group>:focus-visible{z-index:1!important;position:relative!important}.tw\:sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tw\:absolute{position:absolute!important}.tw\:fixed{position:fixed!important}.tw\:relative{position:relative!important}.tw\:sticky{position:sticky!important}.tw\:inset-0{inset:0!important}.tw\:inset-y-0{inset-block:0!important}.tw\:-top-0\.5{top:calc(var(--tw-spacing) * -.5)!important}.tw\:top-0{top:0!important}.tw\:top-1{top:var(--tw-spacing)!important}.tw\:top-full{top:100%!important}.tw\:-right-0\.5{right:calc(var(--tw-spacing) * -.5)!important}.tw\:right-0{right:0!important}.tw\:right-1{right:var(--tw-spacing)!important}.tw\:-bottom-40{bottom:calc(var(--tw-spacing) * -40)!important}.tw\:-left-40{left:calc(var(--tw-spacing) * -40)!important}.tw\:left-0{left:0!important}.tw\:z-20{z-index:20!important}.tw\:z-30{z-index:30!important}.tw\:z-40{z-index:40!important}.tw\:z-50{z-index:50!important}.tw\:breadcrumb{font-size:var(--text-xs)!important;color:var(--color-text-subtle)!important;flex-wrap:wrap!important;align-items:center!important;gap:.375rem!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.tw\:breadcrumb a{border-radius:var(--radius-sm)!important;transition:color .15s var(--ease-entrance)!important}.tw\:breadcrumb a:hover{color:var(--color-text)!important}.tw\:breadcrumb a:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:breadcrumb [aria-current=page]{color:var(--color-text-muted)!important}.tw\:checkbox{appearance:none!important;background:var(--color-raised)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;width:1.125rem!important;height:1.125rem!important;transition:background-color .15s var(--ease-entrance), border-color .15s var(--ease-entrance)!important;flex-shrink:0!important;margin:.1875rem 0 0!important}.tw\:checkbox:hover{border-color:#f59e0a73!important}@supports (color:color-mix(in lab, red, red)){.tw\:checkbox:hover{border-color:color-mix(in oklab, var(--color-accent) 45%, transparent)!important}}.tw\:checkbox:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:checkbox:checked{background:var(--color-accent)!important;border-color:var(--color-accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23060916' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.5l3.5 3.5L13 5'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:.875rem!important}.tw\:checkbox:indeterminate{background:var(--color-accent)!important;border-color:var(--color-accent)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23060916' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M4 8h8'/%3E%3C/svg%3E")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:.875rem!important}.tw\:mx-auto{margin-inline:auto!important}.tw\:prose{color:var(--color-text-muted)!important;font-size:var(--text-base)!important;max-width:68ch!important;line-height:1.7!important}.tw\:prose>*+*{margin-top:.9em!important}.tw\:prose h1,.tw\:prose h2,.tw\:prose h3,.tw\:prose h4{font-family:var(--font-display)!important;color:var(--color-text)!important;letter-spacing:-.01em!important;font-weight:600!important;line-height:1.3!important}.tw\:prose h1{font-size:var(--text-2xl)!important}.tw\:prose h2{font-size:var(--text-xl)!important}.tw\:prose h3{font-size:var(--text-lg)!important}.tw\:prose h4{font-size:var(--text-md)!important}.tw\:prose>h2,.tw\:prose>h3,.tw\:prose>h4{margin-top:1.6em!important}.tw\:prose strong{color:var(--color-text)!important;font-weight:600!important}.tw\:prose a{color:var(--color-accent)!important;text-underline-offset:2px!important;text-decoration:underline!important}.tw\:prose a:hover{color:var(--color-accent-hover,var(--color-accent))!important}.tw\:prose ul,.tw\:prose ol{padding-left:1.35em!important}.tw\:prose ul{list-style:outside!important}.tw\:prose ol{list-style:decimal!important}.tw\:prose li+li{margin-top:.35em!important}.tw\:prose li::marker{color:var(--color-text-subtle)!important}.tw\:prose blockquote{border-left:2px solid var(--color-accent)!important;color:var(--color-text)!important;padding-left:1em!important;font-style:italic!important}.tw\:prose code{border-radius:var(--radius-sm)!important;background:var(--color-raised)!important;color:var(--color-text)!important;padding:.15em .4em!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:.9em!important}.tw\:prose pre{border-radius:var(--radius-lg)!important;background:var(--color-raised)!important;border:1px solid var(--color-border)!important;padding:1rem!important;overflow-x:auto!important}.tw\:prose pre code{background:0 0!important;padding:0!important}.tw\:prose table{border-collapse:collapse!important;width:100%!important}.tw\:prose th,.tw\:prose td{border-bottom:1px solid var(--color-border)!important;text-align:left!important;padding:.5rem .75rem!important}.tw\:prose th{color:var(--color-text)!important;font-weight:600!important}.tw\:prose hr{background:var(--color-border)!important;border:0!important;height:1px!important;margin-block:1.75em!important}.tw\:prose img{border-radius:var(--radius-lg)!important;max-width:100%!important;height:auto!important}.tw\:divider{background:var(--color-border-strong)!important;border:0!important;height:1px!important;margin-block:1.5rem!important}.tw\:menu-separator{background:var(--color-border)!important;height:1px!important;margin-block:.375rem!important}.tw\:label-required:after{content:"*"!important;color:var(--color-danger)!important;speak:never!important;margin-inline-start:.25rem!important}.tw\:alert{border-radius:var(--radius-lg)!important;font-size:var(--text-base)!important;border:1px solid #0000!important;align-items:flex-start!important;gap:.75rem!important;padding:.875rem 1rem!important;display:flex!important}.tw\:alert>svg{flex-shrink:0!important;margin-top:.0625rem!important;font-size:1.125rem!important}.tw\:mt-0\.5{margin-top:calc(var(--tw-spacing) * .5)!important}.tw\:mt-1{margin-top:var(--tw-spacing)!important}.tw\:mt-2{margin-top:calc(var(--tw-spacing) * 2)!important}.tw\:mt-3{margin-top:calc(var(--tw-spacing) * 3)!important}.tw\:mt-4{margin-top:calc(var(--tw-spacing) * 4)!important}.tw\:mt-5{margin-top:calc(var(--tw-spacing) * 5)!important}.tw\:mt-6{margin-top:calc(var(--tw-spacing) * 6)!important}.tw\:mt-8{margin-top:calc(var(--tw-spacing) * 8)!important}.tw\:mt-16{margin-top:calc(var(--tw-spacing) * 16)!important}.tw\:mt-auto{margin-top:auto!important}.tw\:form-section-title{font-family:var(--font-display)!important;font-size:var(--text-md)!important;letter-spacing:0!important;align-items:center!important;gap:.5rem!important;margin-bottom:0!important;font-weight:600!important;display:inline-flex!important}.tw\:mb-2{margin-bottom:calc(var(--tw-spacing) * 2)!important}.tw\:mb-3{margin-bottom:calc(var(--tw-spacing) * 3)!important}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing) * 4)!important}.tw\:mb-5{margin-bottom:calc(var(--tw-spacing) * 5)!important}.tw\:mb-6{margin-bottom:calc(var(--tw-spacing) * 6)!important}.tw\:mb-8{margin-bottom:calc(var(--tw-spacing) * 8)!important}.tw\:mb-12{margin-bottom:calc(var(--tw-spacing) * 12)!important}.tw\:ml-1{margin-left:var(--tw-spacing)!important}.tw\:ml-1\.5{margin-left:calc(var(--tw-spacing) * 1.5)!important}.tw\:ml-2{margin-left:calc(var(--tw-spacing) * 2)!important}.tw\:ml-5{margin-left:calc(var(--tw-spacing) * 5)!important}.tw\:input{box-sizing:border-box!important;width:100%!important;min-height:2.75rem!important;font-family:inherit!important;font-size:var(--text-base)!important;color:var(--color-text)!important;background:var(--color-raised)!important;border:1px solid var(--color-border-strong)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;transition:border-color .15s var(--ease-entrance)!important;outline:none!important;padding:.625rem .875rem!important;line-height:1.5!important}.tw\:input::placeholder{color:var(--color-text-subtle)!important}.tw\:input:hover:not(:disabled){border-color:#f59e0a59!important}@supports (color:color-mix(in lab, red, red)){.tw\:input:hover:not(:disabled){border-color:color-mix(in oklab, var(--color-accent) 35%, transparent)!important}}.tw\:input:focus{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:input:disabled{opacity:.55!important;cursor:not-allowed!important}.tw\:input[aria-invalid=true]{border-color:var(--color-danger)!important}.tw\:avatar{border-radius:var(--radius-md)!important;background:var(--color-raised)!important;width:2rem!important;height:2rem!important;color:var(--color-text-muted)!important;font-size:var(--text-xs)!important;object-fit:cover!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;font-weight:500!important;display:inline-flex!important;overflow:hidden!important}.tw\:spinner{border:2px solid #f59e0a40!important;width:1.25rem!important;height:1.25rem!important;display:inline-block!important}@supports (color:color-mix(in lab, red, red)){.tw\:spinner{border:2px solid color-mix(in oklab, var(--color-accent) 25%, transparent)!important}}.tw\:spinner{border-top-color:var(--color-accent)!important;border-radius:999px!important;animation:.7s linear infinite ai-spin!important}.tw\:icon-btn{border-radius:var(--radius-md)!important;width:2.25rem!important;height:2.25rem!important;color:var(--color-text-muted)!important;cursor:pointer!important;transition:background-color .15s var(--ease-entrance), color .15s var(--ease-entrance)!important;background:0 0!important;border:1px solid #0000!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.tw\:icon-btn:hover{background:var(--color-raised)!important;color:var(--color-text)!important}.tw\:icon-btn:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:icon-btn>svg{font-size:1.125rem!important}.tw\:hint{font-size:var(--text-sm)!important;color:var(--color-text-subtle)!important}.tw\:hint svg{vertical-align:-.15em!important;width:1em!important;height:1em!important;display:inline-block!important}.tw\:progress-bar{background:var(--color-accent)!important;height:100%!important;transition:width .3s var(--ease-entrance)!important;border-radius:999px!important;display:block!important}.tw\:menu-item{border-radius:var(--radius-md)!important;width:100%!important;min-height:2.5rem!important;color:var(--color-text-muted)!important;font-size:var(--text-base)!important;text-align:left!important;cursor:pointer!important;transition:background-color .15s var(--ease-entrance), color .15s var(--ease-entrance)!important;background:0 0!important;border:0!important;align-items:center!important;gap:.625rem!important;padding-inline:.625rem!important;display:flex!important}.tw\:menu-item:hover{background:var(--color-raised)!important;color:var(--color-text)!important}.tw\:menu-item:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:-1px!important}.tw\:menu-item>svg{flex-shrink:0!important;font-size:1.125rem!important}.tw\:tab{white-space:nowrap!important;min-height:2.75rem!important;color:var(--color-text-muted)!important;font-size:var(--text-base)!important;cursor:pointer!important;transition:color .15s var(--ease-entrance), border-color .15s var(--ease-entrance)!important;background:0 0!important;border:0!important;border-bottom:2px solid #0000!important;flex:none!important;align-items:center!important;gap:.5rem!important;padding-inline:.875rem!important;font-weight:500!important;display:inline-flex!important}.tw\:tab:hover{color:var(--color-text)!important}.tw\:tab:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:-2px!important}.tw\:tab[aria-selected=true]{color:var(--color-accent)!important;border-bottom-color:var(--color-accent)!important}.tw\:btn{border-radius:var(--radius-md)!important;min-height:2.75rem!important;font-size:var(--text-base)!important;white-space:nowrap!important;cursor:pointer!important;transition:background-color .15s var(--ease-entrance), border-color .15s var(--ease-entrance), color .15s var(--ease-entrance)!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding-inline:1rem!important;font-weight:500!important;line-height:1.25!important;display:inline-flex!important}.tw\:btn:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:btn:disabled,.tw\:btn[aria-disabled=true]{opacity:.55!important;cursor:not-allowed!important}.tw\:btn>svg{flex-shrink:0!important;font-size:1.15em!important;translate:0 -.5px!important}.tw\:nav-link{border-radius:var(--radius-md)!important;min-height:2.75rem!important;color:var(--color-text-muted)!important;font-size:var(--text-base)!important;transition:background-color .15s var(--ease-entrance), color .15s var(--ease-entrance)!important;align-items:center!important;gap:.75rem!important;padding-inline:.75rem!important;display:flex!important}.tw\:nav-link:hover{background:var(--color-raised)!important;color:var(--color-text)!important}.tw\:nav-link:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:nav-link>svg{flex-shrink:0!important;font-size:1.25rem!important}.tw\:choice{cursor:pointer!important;min-height:2.75rem!important;font-size:var(--text-base)!important;color:var(--color-text)!important;align-items:flex-start!important;gap:.625rem!important;padding-block:.5rem!important;display:inline-flex!important}.tw\:tabs{border-bottom:1px solid var(--color-border)!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;gap:.25rem!important;min-width:0!important;display:flex!important;overflow-x:auto!important}.tw\:text-stack{flex-direction:column!important;gap:.125rem!important;min-width:0!important;display:flex!important}.tw\:badge{font-size:var(--text-xs)!important;white-space:nowrap!important;border-radius:999px!important;align-items:center!important;gap:.25rem!important;padding:.125rem .5rem!important;font-weight:500!important;line-height:1.5!important;display:inline-flex!important}.tw\:badge>svg{flex-shrink:0!important;font-size:.875rem!important}.tw\:field-error{font-size:var(--text-sm)!important;color:var(--color-danger)!important;align-items:center!important;gap:.25rem!important;display:flex!important}.tw\:field-error>svg{flex-shrink:0!important;font-size:.875rem!important}.tw\:choice-card{border:1px solid var(--color-border)!important;border-radius:var(--radius-lg,.75rem)!important;cursor:pointer!important;transition:border-color .2s var(--ease-entrance), background-color .2s var(--ease-entrance)!important;align-items:flex-start!important;gap:.75rem!important;padding:.75rem 1rem!important;display:flex!important}.tw\:choice-card:hover{border-color:#f59e0a73!important}@supports (color:color-mix(in lab, red, red)){.tw\:choice-card:hover{border-color:color-mix(in oklab, var(--color-accent) 45%, transparent)!important}}.tw\:choice-card:has(input:checked){border-color:var(--color-accent)!important;background:#f59e0a14!important}@supports (color:color-mix(in lab, red, red)){.tw\:choice-card:has(input:checked){background:color-mix(in oklab, var(--color-accent) 8%, transparent)!important}}.tw\:choice-card:has(input:focus-visible){outline:2px solid var(--color-accent)!important;outline-offset:2px!important}.tw\:field-row{grid-template-columns:1fr!important;gap:1rem!important;display:grid!important}@media (min-width:640px){.tw\:field-row{grid-template-columns:1fr 1fr!important}}.tw\:empty{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:1rem!important;padding:4rem 1.5rem!important;display:flex!important}.tw\:empty>div:first-of-type{flex-direction:column!important;gap:.25rem!important;display:flex!important}.tw\:stat{border-radius:var(--radius-2xl)!important;transition:border-color .25s var(--ease-entrance)!important;background:oklab(100% 0 5.96046e-8/.04)!important;border:1px solid oklab(100% 0 5.96046e-8/.08)!important;flex-direction:column!important;gap:.5rem!important;padding:1.25rem!important;display:flex!important}.tw\:stat:hover{border-color:#f59e0a59!important}@supports (color:color-mix(in lab, red, red)){.tw\:stat:hover{border-color:color-mix(in oklab, var(--color-accent) 35%, transparent)!important}}.tw\:form-section{border-bottom:1px solid var(--color-border-strong)!important;flex-direction:column!important;gap:1rem!important;padding-block:1rem!important;display:flex!important}.tw\:form-section:last-of-type{border-bottom:0!important;padding-block-end:0!important}.tw\:form-section:first-of-type{padding-block-start:0!important}.tw\:field{flex-direction:column!important;gap:.375rem!important;display:flex!important}.tw\:menu-identity-roles{flex-wrap:wrap!important;gap:.375rem!important;padding:0 .625rem .625rem!important;display:flex!important}.tw\:panel-footer{border-top:1px solid var(--color-border)!important;justify-content:flex-start!important;align-items:center!important;gap:.75rem!important;padding:1rem!important;display:flex!important}.tw\:panel-header{border-bottom:1px solid var(--color-border)!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;padding:1rem!important;display:flex!important}.tw\:chip{border-radius:var(--radius-sm)!important;background:var(--color-raised)!important;border:1px solid var(--color-border)!important;font-size:var(--text-xs)!important;color:var(--color-text-muted)!important;align-items:center!important;gap:.375rem!important;padding:.25rem .5rem!important;display:inline-flex!important}.tw\:menu-identity{align-items:center!important;gap:.75rem!important;padding:.625rem .625rem .5rem!important;display:flex!important}.tw\:panel-title{font-family:var(--font-display)!important;font-size:var(--text-md)!important;letter-spacing:-.01em!important;color:var(--color-text)!important;align-items:center!important;gap:.5rem!important;font-weight:600!important;display:inline-flex!important}.tw\:stat-meta{font-size:var(--text-sm)!important;color:var(--color-text-muted)!important;align-items:center!important;gap:.25rem!important;display:inline-flex!important}.tw\:kbd{border-radius:var(--radius-sm)!important;background:var(--color-raised)!important;border:1px solid var(--color-border-strong)!important;font-family:ui-monospace,Cascadia Code,Consolas,monospace!important;font-size:var(--text-xs)!important;color:var(--color-text-muted)!important;border-bottom-width:2px!important;align-items:center!important;padding:.125rem .375rem!important;display:inline-flex!important}.tw\:input-affix{background:var(--color-surface)!important;border:1px solid var(--color-border-strong)!important;color:var(--color-text-muted)!important;font-size:var(--text-sm)!important;white-space:nowrap!important;align-items:center!important;padding-inline:.875rem!important;display:inline-flex!important}.tw\:meta-row{font-size:var(--text-base)!important;justify-content:space-between!important;gap:1rem!important;display:flex!important}.tw\:meta-list{gap:.75rem!important;display:grid!important}.tw\:footer-link{color:var(--color-text-muted)!important;font-size:var(--text-sm)!important;transition:color .15s var(--ease-entrance)!important;line-height:1.4!important;display:inline-block!important}.tw\:footer-link:hover{color:var(--color-accent)!important}.tw\:footer-link:focus-visible{outline:1px solid var(--color-accent)!important;outline-offset:2px!important;border-radius:var(--radius-sm)!important}.tw\:block{display:block!important}.tw\:flex{display:flex!important}.tw\:grid{display:grid!important}.tw\:hidden{display:none!important}.tw\:inline{display:inline!important}.tw\:inline-block{display:inline-block!important}.tw\:inline-flex{display:inline-flex!important}.tw\:table{display:table!important}.tw\:aspect-4\/3{aspect-ratio:4/3!important}.tw\:aspect-16\/9{aspect-ratio:16/9!important}.tw\:aspect-square{aspect-ratio:1!important}.tw\:aspect-video{aspect-ratio:var(--tw-aspect-video)!important}.tw\:progress{background:var(--color-raised)!important;border-radius:999px!important;width:100%!important;height:.5rem!important;overflow:hidden!important}.tw\:avatar-lg{width:3rem!important;height:3rem!important;font-size:var(--text-base)!important}.tw\:h-2{height:calc(var(--tw-spacing) * 2)!important}.tw\:h-4{height:calc(var(--tw-spacing) * 4)!important}.tw\:h-8{height:calc(var(--tw-spacing) * 8)!important}.tw\:h-9{height:calc(var(--tw-spacing) * 9)!important}.tw\:h-10{height:calc(var(--tw-spacing) * 10)!important}.tw\:h-11{height:calc(var(--tw-spacing) * 11)!important}.tw\:h-14{height:calc(var(--tw-spacing) * 14)!important}.tw\:h-16{height:calc(var(--tw-spacing) * 16)!important}.tw\:h-24{height:calc(var(--tw-spacing) * 24)!important}.tw\:h-32{height:calc(var(--tw-spacing) * 32)!important}.tw\:h-96{height:calc(var(--tw-spacing) * 96)!important}.tw\:h-auto{height:auto!important}.tw\:h-full{height:100%!important}.tw\:max-h-64{max-height:calc(var(--tw-spacing) * 64)!important}.tw\:max-h-80{max-height:calc(var(--tw-spacing) * 80)!important}.tw\:max-h-96{max-height:calc(var(--tw-spacing) * 96)!important}.tw\:max-h-\[85vh\]{max-height:85vh!important}.tw\:chart{width:100%!important;min-height:18rem!important}.tw\:chart-spark{width:100%!important;min-height:3rem!important}.tw\:textarea{resize:vertical!important;min-height:6rem!important;line-height:1.6!important}.tw\:btn-lg{min-height:3.25rem!important;font-size:var(--text-md)!important;padding-inline:1.5rem!important}.tw\:btn-sm{min-height:2.25rem!important;font-size:var(--text-sm)!important;padding-inline:.75rem!important}.tw\:chart-sm{min-height:12rem!important}.tw\:min-h-11{min-height:calc(var(--tw-spacing) * 11)!important}.tw\:min-h-16{min-height:calc(var(--tw-spacing) * 16)!important}.tw\:min-h-72{min-height:calc(var(--tw-spacing) * 72)!important}.tw\:min-h-96{min-height:calc(var(--tw-spacing) * 96)!important}.tw\:min-h-screen{min-height:100vh!important}.tw\:modal{border-radius:var(--radius-2xl)!important;background:var(--color-surface)!important;border:1px solid var(--color-border-strong)!important;width:100%!important;max-width:32rem!important;box-shadow:0 24px 64px -12px #000000b3!important}.tw\:table{border-collapse:collapse!important;width:100%!important;font-size:var(--text-base)!important}.tw\:table th{text-align:left!important;font-size:var(--text-xs)!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--color-text-subtle)!important;border-bottom:1px solid var(--color-border)!important;padding:.75rem 1rem!important;font-weight:500!important}.tw\:table td{border-bottom:1px solid var(--color-border)!important;color:var(--color-text)!important;padding:.75rem 1rem!important}.tw\:table tbody tr{transition:background-color .15s var(--ease-entrance)!important}.tw\:table tbody tr:hover{background:#171f3a66!important}@supports (color:color-mix(in lab, red, red)){.tw\:table tbody tr:hover{background:color-mix(in oklab, var(--color-raised) 40%, transparent)!important}}.tw\:table tbody tr:last-child td{border-bottom:0!important}.tw\:btn-block{width:100%!important}.tw\:w-1\/3{width:33.3333%!important}.tw\:w-2{width:calc(var(--tw-spacing) * 2)!important}.tw\:w-2\/3{width:66.6667%!important}.tw\:w-4{width:calc(var(--tw-spacing) * 4)!important}.tw\:w-8{width:calc(var(--tw-spacing) * 8)!important}.tw\:w-9{width:calc(var(--tw-spacing) * 9)!important}.tw\:w-10{width:calc(var(--tw-spacing) * 10)!important}.tw\:w-11{width:calc(var(--tw-spacing) * 11)!important}.tw\:w-14{width:calc(var(--tw-spacing) * 14)!important}.tw\:w-16{width:calc(var(--tw-spacing) * 16)!important}.tw\:w-24{width:calc(var(--tw-spacing) * 24)!important}.tw\:w-32{width:calc(var(--tw-spacing) * 32)!important}.tw\:w-36{width:calc(var(--tw-spacing) * 36)!important}.tw\:w-64{width:calc(var(--tw-spacing) * 64)!important}.tw\:w-80{width:calc(var(--tw-spacing) * 80)!important}.tw\:w-96{width:calc(var(--tw-spacing) * 96)!important}.tw\:w-full{width:100%!important}.tw\:w-sidebar{width:var(--tw-spacing-sidebar)!important}.tw\:empty-text{max-width:28rem!important;font-size:var(--text-base)!important;color:var(--color-text-muted)!important}.tw\:max-w-2xl{max-width:var(--tw-container-2xl)!important}.tw\:max-w-3xl{max-width:var(--tw-container-3xl)!important}.tw\:max-w-4xl{max-width:var(--tw-container-4xl)!important}.tw\:max-w-5xl{max-width:var(--tw-container-5xl)!important}.tw\:max-w-6xl{max-width:var(--tw-container-6xl)!important}.tw\:max-w-48{max-width:calc(var(--tw-spacing) * 48)!important}.tw\:max-w-\[100rem\]{max-width:100rem!important}.tw\:max-w-full{max-width:100%!important}.tw\:max-w-lg{max-width:var(--tw-container-lg)!important}.tw\:max-w-md{max-width:var(--tw-container-md)!important}.tw\:max-w-none{max-width:none!important}.tw\:max-w-sm{max-width:var(--tw-container-sm)!important}.tw\:panel{border-radius:var(--radius-2xl)!important;transition:border-color var(--tw-duration,.25s) var(--ease-entrance)!important;background:oklab(100% 0 5.96046e-8/.04)!important;border:1px solid oklab(100% 0 5.96046e-8/.08)!important;min-width:0!important}.tw\:panel:hover{border-color:#f59e0a59!important}@supports (color:color-mix(in lab, red, red)){.tw\:panel:hover{border-color:color-mix(in oklab, var(--color-accent) 35%, transparent)!important}}.tw\:menu{border-radius:var(--radius-lg)!important;background:var(--color-surface)!important;border:1px solid #f59e0b4d!important;min-width:12rem!important;padding:.375rem!important;box-shadow:0 18px 40px -10px #000000b3,0 0 0 1px #0000004d!important}.tw\:min-w-0{min-width:0!important}.tw\:min-w-4{min-width:calc(var(--tw-spacing) * 4)!important}.tw\:min-w-48{min-width:calc(var(--tw-spacing) * 48)!important}.tw\:flex-1{flex:1!important}.tw\:shrink-0{flex-shrink:0!important}.tw\:-translate-x-full{--tw-translate-x:-100%!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.tw\:translate-x-0{--tw-translate-x:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.tw\:rotate-180{rotate:180deg!important}.tw\:skeleton{border-radius:var(--radius-md)!important;background:linear-gradient(90deg, var(--color-raised) 25%, #323951ad 37%, var(--color-raised) 63%)!important}@supports (color:color-mix(in lab, red, red)){.tw\:skeleton{background:linear-gradient(90deg, var(--color-raised) 25%, color-mix(in oklab, var(--color-raised) 60%, white 8%) 37%, var(--color-raised) 63%)!important}}.tw\:skeleton{background-size:400% 100%!important;animation:1.4s ease-in-out infinite ai-shimmer!important}.tw\:animate-spin{animation:var(--tw-animate-spin)!important}.tw\:cursor-pointer{cursor:pointer!important}.tw\:list-disc{list-style-type:disc!important}.tw\:list-none{list-style-type:none!important}.tw\:select{appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a9b4cc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right .875rem center!important;background-repeat:no-repeat!important;background-size:1rem 1rem!important;padding-right:2.5rem!important}.tw\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.tw\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.tw\:flex-col{flex-direction:column!important}.tw\:flex-row{flex-direction:row!important}.tw\:flex-wrap{flex-wrap:wrap!important}.tw\:items-baseline{align-items:baseline!important}.tw\:items-center{align-items:center!important}.tw\:items-end{align-items:flex-end!important}.tw\:items-start{align-items:flex-start!important}.tw\:justify-between{justify-content:space-between!important}.tw\:justify-center{justify-content:center!important}.tw\:justify-end{justify-content:flex-end!important}.tw\:gap-0\.5{gap:calc(var(--tw-spacing) * .5)!important}.tw\:gap-1{gap:var(--tw-spacing)!important}.tw\:gap-1\.5{gap:calc(var(--tw-spacing) * 1.5)!important}.tw\:gap-2{gap:calc(var(--tw-spacing) * 2)!important}.tw\:gap-3{gap:calc(var(--tw-spacing) * 3)!important}.tw\:gap-4{gap:calc(var(--tw-spacing) * 4)!important}.tw\:gap-5{gap:calc(var(--tw-spacing) * 5)!important}.tw\:gap-6{gap:calc(var(--tw-spacing) * 6)!important}.tw\:gap-8{gap:calc(var(--tw-spacing) * 8)!important}.tw\:gap-10{gap:calc(var(--tw-spacing) * 10)!important}:where(.tw\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(var(--tw-spacing) * var(--tw-space-y-reverse))!important;margin-block-end:calc(var(--tw-spacing) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.tw\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--tw-spacing) * 2) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--tw-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.tw\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--tw-spacing) * 3) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--tw-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.tw\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--tw-spacing) * 4) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--tw-spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))!important}:where(.tw\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--tw-spacing) * 6) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--tw-spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))!important}.tw\:self-center{align-self:center!important}.tw\:self-start{align-self:flex-start!important}.tw\:truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.tw\:overflow-auto{overflow:auto!important}.tw\:overflow-hidden{overflow:hidden!important}.tw\:overflow-x-auto{overflow-x:auto!important}.tw\:overflow-x-hidden{overflow-x:hidden!important}.tw\:overflow-y-auto{overflow-y:auto!important}.tw\:radio{border-radius:999px!important}.tw\:radio:checked{box-shadow:inset 0 0 0 3px var(--color-raised)!important;background-image:none!important}.tw\:rounded-2xl{border-radius:var(--tw-radius-2xl)!important}.tw\:rounded-full{border-radius:3.40282e38px!important}.tw\:rounded-lg{border-radius:var(--tw-radius-lg)!important}.tw\:rounded-md{border-radius:var(--tw-radius-md)!important}.tw\:rounded-sm{border-radius:var(--tw-radius-sm)!important}.tw\:rounded-xl{border-radius:var(--tw-radius-xl)!important}.tw\:border{border-style:var(--tw-border-style)!important;border-width:1px!important}.tw\:border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.tw\:border-r{border-right-style:var(--tw-border-style)!important;border-right-width:1px!important}.tw\:border-b{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:1px!important}.tw\:border-l{border-left-style:var(--tw-border-style)!important;border-left-width:1px!important}.tw\:btn-danger{color:var(--color-danger)!important;background:0 0!important;border:1px solid #f43f5f73!important}@supports (color:color-mix(in lab, red, red)){.tw\:btn-danger{border:1px solid color-mix(in oklab, var(--color-danger) 45%, transparent)!important}}.tw\:btn-danger:hover:not(:disabled){background:var(--color-danger)!important;color:var(--color-text)!important;border-color:#0000!important}.tw\:alert-danger{background:var(--color-danger-wash)!important;border-color:#f43f5f4d!important}@supports (color:color-mix(in lab, red, red)){.tw\:alert-danger{border-color:color-mix(in oklab, var(--color-danger) 30%, transparent)!important}}.tw\:alert-danger{color:var(--color-danger)!important}.tw\:alert-info{background:var(--color-info-wash)!important;border-color:#39bdf84d!important}@supports (color:color-mix(in lab, red, red)){.tw\:alert-info{border-color:color-mix(in oklab, var(--color-info) 30%, transparent)!important}}.tw\:alert-info{color:var(--color-info)!important}.tw\:alert-success{background:var(--color-success-wash)!important;border-color:#0ab9824d!important}@supports (color:color-mix(in lab, red, red)){.tw\:alert-success{border-color:color-mix(in oklab, var(--color-success) 30%, transparent)!important}}.tw\:alert-success{color:var(--color-success)!important}.tw\:alert-warning{background:var(--color-warning-wash)!important;border-color:#f0772d4d!important}@supports (color:color-mix(in lab, red, red)){.tw\:alert-warning{border-color:color-mix(in oklab, var(--color-warning) 30%, transparent)!important}}.tw\:alert-warning{color:var(--color-warning)!important}.tw\:nav-surface-rail{border-color:#f59e0b47!important;box-shadow:inset -12px 0 24px -20px #f59e0b80!important}.tw\:border-accent{border-color:var(--tw-color-accent)!important}.tw\:border-border{border-color:var(--tw-color-border)!important}.tw\:border-border-strong{border-color:var(--tw-color-border-strong)!important}.tw\:nav-surface{border-color:#f59e0b47!important}.tw\:panel-static:hover{border-color:oklab(100% 0 5.96046e-8/.08)!important}.tw\:tab-active{color:var(--color-accent)!important;border-bottom-color:var(--color-accent)!important}.tw\:bg-accent{background-color:var(--tw-color-accent)!important}.tw\:bg-accent-wash{background-color:var(--tw-color-accent-wash)!important}.tw\:bg-canvas,.tw\:bg-canvas\/80{background-color:var(--tw-color-canvas)!important}@supports (color:color-mix(in lab, red, red)){.tw\:bg-canvas\/80{background-color:color-mix(in oklab, var(--tw-color-canvas) 80%, transparent)!important}}.tw\:bg-danger-wash{background-color:var(--tw-color-danger-wash)!important}.tw\:bg-overlay{background-color:var(--tw-color-overlay)!important}.tw\:bg-raised{background-color:var(--tw-color-raised)!important}.tw\:bg-success-wash{background-color:var(--tw-color-success-wash)!important}.tw\:bg-surface{background-color:var(--tw-color-surface)!important}.tw\:bg-warning-wash{background-color:var(--tw-color-warning-wash)!important}.tw\:bg-white{background-color:var(--tw-color-white)!important}.tw\:object-cover{object-fit:cover!important}.tw\:p-0{padding:0!important}.tw\:p-2{padding:calc(var(--tw-spacing) * 2)!important}.tw\:p-3{padding:calc(var(--tw-spacing) * 3)!important}.tw\:p-4{padding:calc(var(--tw-spacing) * 4)!important}.tw\:p-5{padding:calc(var(--tw-spacing) * 5)!important}.tw\:p-6{padding:calc(var(--tw-spacing) * 6)!important}.tw\:panel-body{padding:1rem!important}.tw\:px-1{padding-inline:var(--tw-spacing)!important}.tw\:px-2\.5{padding-inline:calc(var(--tw-spacing) * 2.5)!important}.tw\:px-3{padding-inline:calc(var(--tw-spacing) * 3)!important}.tw\:px-4{padding-inline:calc(var(--tw-spacing) * 4)!important}.tw\:px-5{padding-inline:calc(var(--tw-spacing) * 5)!important}.tw\:px-6{padding-inline:calc(var(--tw-spacing) * 6)!important}.tw\:py-1{padding-block:var(--tw-spacing)!important}.tw\:py-2{padding-block:calc(var(--tw-spacing) * 2)!important}.tw\:py-2\.5{padding-block:calc(var(--tw-spacing) * 2.5)!important}.tw\:py-3{padding-block:calc(var(--tw-spacing) * 3)!important}.tw\:py-4{padding-block:calc(var(--tw-spacing) * 4)!important}.tw\:py-5{padding-block:calc(var(--tw-spacing) * 5)!important}.tw\:py-6{padding-block:calc(var(--tw-spacing) * 6)!important}.tw\:py-8{padding-block:calc(var(--tw-spacing) * 8)!important}.tw\:py-12{padding-block:calc(var(--tw-spacing) * 12)!important}.tw\:py-14{padding-block:calc(var(--tw-spacing) * 14)!important}.tw\:py-16{padding-block:calc(var(--tw-spacing) * 16)!important}.tw\:pt-1{padding-top:var(--tw-spacing)!important}.tw\:pt-3{padding-top:calc(var(--tw-spacing) * 3)!important}.tw\:pt-4{padding-top:calc(var(--tw-spacing) * 4)!important}.tw\:pt-10{padding-top:calc(var(--tw-spacing) * 10)!important}.tw\:pt-16{padding-top:calc(var(--tw-spacing) * 16)!important}.tw\:pb-2{padding-bottom:calc(var(--tw-spacing) * 2)!important}.tw\:pb-4{padding-bottom:calc(var(--tw-spacing) * 4)!important}.tw\:pb-14{padding-bottom:calc(var(--tw-spacing) * 14)!important}.tw\:pb-16{padding-bottom:calc(var(--tw-spacing) * 16)!important}.tw\:pl-3{padding-left:calc(var(--tw-spacing) * 3)!important}.tw\:pl-5{padding-left:calc(var(--tw-spacing) * 5)!important}.tw\:table-numeric{text-align:right!important;font-variant-numeric:tabular-nums!important}.tw\:text-center{text-align:center!important}.tw\:text-left{text-align:left!important}.tw\:text-right{text-align:right!important}.tw\:stat-value{font-family:var(--font-display)!important;font-size:var(--text-2xl)!important;font-variant-numeric:tabular-nums!important;color:var(--color-text)!important;font-weight:600!important;line-height:1.2!important}.tw\:empty-title{font-family:var(--font-display)!important;font-size:var(--text-md)!important;color:var(--color-text)!important;font-weight:600!important}.tw\:font-display{font-family:var(--tw-font-display)!important}.tw\:font-mono{font-family:var(--tw-font-mono)!important}.tw\:text-2xl,.tw\:text-2xl\!{font-size:var(--tw-text-2xl)!important;line-height:var(--tw-leading,var(--tw-text-2xl--line-height))!important}.tw\:text-3xl{font-size:var(--tw-text-3xl)!important;line-height:var(--tw-leading,var(--tw-text-3xl--line-height))!important}.tw\:text-4xl{font-size:var(--tw-text-4xl)!important;line-height:var(--tw-leading,var(--tw-text-4xl--line-height))!important}.tw\:text-base{font-size:var(--tw-text-base)!important;line-height:var(--tw-leading,var(--tw-text-base--line-height))!important}.tw\:text-lg{font-size:var(--tw-text-lg)!important;line-height:var(--tw-leading,var(--tw-text-lg--line-height))!important}.tw\:text-md{font-size:var(--tw-text-md)!important;line-height:var(--tw-leading,var(--tw-text-md--line-height))!important}.tw\:text-sm{font-size:var(--tw-text-sm)!important;line-height:var(--tw-leading,var(--tw-text-sm--line-height))!important}.tw\:text-xl{font-size:var(--tw-text-xl)!important;line-height:var(--tw-leading,var(--tw-text-xl--line-height))!important}.tw\:text-xs{font-size:var(--tw-text-xs)!important;line-height:var(--tw-leading,var(--tw-text-xs--line-height))!important}.tw\:stat-label{font-size:var(--text-xs)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--color-text-subtle)!important;font-weight:500!important}.tw\:label{font-size:var(--text-sm)!important;color:var(--color-text)!important;font-weight:500!important}.tw\:empty-icon{color:var(--color-text-subtle)!important;font-size:2rem!important}.tw\:text-\[10px\]{font-size:10px!important}.tw\:nav-link-active{background:var(--color-accent-wash)!important;color:var(--color-accent)!important;font-weight:500!important}.tw\:font-bold{--tw-font-weight:var(--tw-font-weight-bold)!important;font-weight:var(--tw-font-weight-bold)!important}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium)!important;font-weight:var(--tw-font-weight-medium)!important}.tw\:font-semibold{--tw-font-weight:var(--tw-font-weight-semibold)!important;font-weight:var(--tw-font-weight-semibold)!important}.tw\:tracking-tight{--tw-tracking:var(--tw-tracking-tight)!important;letter-spacing:var(--tw-tracking-tight)!important}.tw\:tracking-wide{--tw-tracking:var(--tw-tracking-wide)!important;letter-spacing:var(--tw-tracking-wide)!important}.tw\:tracking-widest{--tw-tracking:var(--tw-tracking-widest)!important;letter-spacing:var(--tw-tracking-widest)!important}.tw\:break-all{word-break:break-all!important}.tw\:whitespace-pre-line{white-space:pre-line!important}.tw\:whitespace-pre-wrap{white-space:pre-wrap!important}.tw\:meta-value{color:var(--color-text)!important;font-variant-numeric:tabular-nums!important}.tw\:btn-ghost{color:var(--color-text-muted)!important;background:0 0!important;border:1px solid #0000!important}.tw\:btn-ghost:hover:not(:disabled){background:var(--color-raised)!important;color:var(--color-text)!important}.tw\:btn-primary{background:var(--color-accent)!important;color:var(--color-on-accent)!important;border:1px solid #0000!important}.tw\:btn-primary:hover:not(:disabled){background:var(--color-accent-hover)!important}.tw\:btn-secondary{color:var(--color-text)!important;border:1px solid var(--color-border-strong)!important;background:0 0!important}.tw\:btn-secondary:hover:not(:disabled){background:var(--color-raised)!important}.tw\:menu-item-danger{color:var(--color-danger)!important}.tw\:menu-item-danger:hover,.tw\:badge-danger{background:var(--color-danger-wash)!important;color:var(--color-danger)!important}.tw\:badge-info{background:var(--color-info-wash)!important;color:var(--color-info)!important}.tw\:badge-neutral{background:var(--color-raised)!important;color:var(--color-text-muted)!important}.tw\:badge-success{background:var(--color-success-wash)!important;color:var(--color-success)!important}.tw\:badge-warning{background:var(--color-warning-wash)!important;color:var(--color-warning)!important}.tw\:icon-btn-danger:hover{background:var(--color-danger-wash)!important;color:var(--color-danger)!important}.tw\:alert-body{color:var(--color-text)!important}.tw\:meta-label{color:var(--color-text-muted)!important}.tw\:text-accent{color:var(--tw-color-accent)!important}.tw\:text-canvas{color:var(--tw-color-canvas)!important}.tw\:text-danger{color:var(--tw-color-danger)!important}.tw\:text-info{color:var(--tw-color-info)!important}.tw\:text-on-accent{color:var(--tw-color-on-accent)!important}.tw\:text-success{color:var(--tw-color-success)!important}.tw\:text-text{color:var(--tw-color-text)!important}.tw\:text-text-muted{color:var(--tw-color-text-muted)!important}.tw\:text-text-subtle{color:var(--tw-color-text-subtle)!important}.tw\:text-warning{color:var(--tw-color-warning)!important}.tw\:uppercase{text-transform:uppercase!important}.tw\:tabular{font-variant-numeric:tabular-nums!important}.tw\:underline{text-decoration-line:underline!important}.tw\:underline-offset-2{text-underline-offset:2px!important}.tw\:opacity-60{opacity:.6!important}.tw\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.tw\:brand-glow{filter:blur(12px)!important;background:radial-gradient(closest-side,#f59e0b38,#f59e0b0f 55%,#0000 75%)!important}.tw\:backdrop-blur{--tw-backdrop-blur:blur(8px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.tw\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--tw-default-transition-duration))!important}.tw\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to!important;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--tw-default-transition-duration))!important}.tw\:transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--tw-default-transition-duration))!important}.tw\:transition-shell{transition-property:width,transform,margin!important}.tw\:duration-200{--tw-duration:.2s!important;transition-duration:.2s!important}.tw\:ease-out{--tw-ease:var(--tw-ease-out)!important;transition-timing-function:var(--tw-ease-out)!important}.tw\:group-open\:rotate-180:is(:where(.tw\:group):is([open],:popover-open,:open) *){rotate:180deg!important}.tw\:last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important}@media (hover:hover){.tw\:hover\:border-accent:hover,.tw\:hover\:border-accent\/35:hover{border-color:var(--tw-color-accent)!important}@supports (color:color-mix(in lab, red, red)){.tw\:hover\:border-accent\/35:hover{border-color:color-mix(in oklab, var(--tw-color-accent) 35%, transparent)!important}}.tw\:hover\:border-border-strong:hover{border-color:var(--tw-color-border-strong)!important}.tw\:hover\:bg-raised:hover{background-color:var(--tw-color-raised)!important}.tw\:hover\:text-accent:hover{color:var(--tw-color-accent)!important}.tw\:hover\:text-accent-hover:hover{color:var(--tw-color-accent-hover)!important}.tw\:hover\:text-text:hover{color:var(--tw-color-text)!important}}.tw\:focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.tw\:focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style)!important;outline-width:2px!important}.tw\:focus-visible\:outline-offset-2:focus-visible{outline-offset:2px!important}.tw\:focus-visible\:outline-accent:focus-visible{outline-color:var(--tw-color-accent)!important}@media (min-width:40rem){.tw\:sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw\:sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw\:sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw\:sm\:flex-row{flex-direction:row!important}.tw\:sm\:items-center{align-items:center!important}.tw\:sm\:items-start{align-items:flex-start!important}.tw\:sm\:justify-between{justify-content:space-between!important}}@media (min-width:48rem){.tw\:md\:sticky{position:sticky!important}.tw\:md\:top-6{top:calc(var(--tw-spacing) * 6)!important}.tw\:md\:col-span-2{grid-column:span 2/span 2!important}.tw\:md\:aspect-auto{aspect-ratio:auto!important}.tw\:md\:h-fit{height:fit-content!important}.tw\:md\:h-full{height:100%!important}.tw\:md\:w-section-nav{width:var(--tw-spacing-section-nav)!important}.tw\:md\:shrink-0{flex-shrink:0!important}.tw\:md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw\:md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw\:md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw\:md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.tw\:md\:flex-col{flex-direction:column!important}.tw\:md\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.tw\:lg\:sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tw\:lg\:sticky{position:sticky!important}.tw\:lg\:top-20{top:calc(var(--tw-spacing) * 20)!important}.tw\:lg\:col-span-1{grid-column:span 1/span 1!important}.tw\:lg\:col-span-2{grid-column:span 2/span 2!important}.tw\:lg\:col-span-3{grid-column:span 3/span 3!important}.tw\:lg\:col-span-4{grid-column:span 4/span 4!important}.tw\:lg\:col-span-6{grid-column:span 6/span 6!important}.tw\:lg\:ml-sidebar{margin-left:var(--tw-spacing-sidebar)!important}.tw\:lg\:ml-sidebar-collapsed{margin-left:var(--tw-spacing-sidebar-collapsed)!important}.tw\:lg\:flex{display:flex!important}.tw\:lg\:hidden{display:none!important}.tw\:lg\:w-sidebar{width:var(--tw-spacing-sidebar)!important}.tw\:lg\:w-sidebar-collapsed{width:var(--tw-spacing-sidebar-collapsed)!important}.tw\:lg\:translate-x-0{--tw-translate-x:0px!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.tw\:lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tw\:lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw\:lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw\:lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.tw\:lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.tw\:lg\:px-6{padding-inline:calc(var(--tw-spacing) * 6)!important}.tw\:lg\:px-8{padding-inline:calc(var(--tw-spacing) * 8)!important}}@media (min-width:80rem){.tw\:xl\:col-span-2{grid-column:span 2/span 2!important}.tw\:xl\:col-span-3{grid-column:span 3/span 3!important}.tw\:xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.tw\:xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tw\:xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(../assets/fonts/space-grotesk-latin-wght-normal.woff2?v=2kuAIYUCiVO1rjJnGisLDP6O35M)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:300 700;src:url(../assets/fonts/space-grotesk-latin-ext-wght-normal.woff2?v=2kuAIYUCiVO1rjJnGisLDP6O35M)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--color-canvas:var(--tw-color-canvas);--color-surface:var(--tw-color-surface);--color-raised:var(--tw-color-raised);--color-overlay:var(--tw-color-overlay);--color-text:var(--tw-color-text);--color-text-muted:var(--tw-color-text-muted);--color-text-subtle:var(--tw-color-text-subtle);--color-border:var(--tw-color-border);--color-border-strong:var(--tw-color-border-strong);--font-display:var(--tw-font-display);--font-sans:var(--tw-font-sans);--color-accent:var(--tw-color-accent);--color-accent-hover:var(--tw-color-accent-hover);--color-accent-wash:var(--tw-color-accent-wash);--color-on-accent:var(--tw-color-on-accent);--color-success:var(--tw-color-success);--color-warning:var(--tw-color-warning);--color-danger:var(--tw-color-danger);--color-info:var(--tw-color-info);--color-success-wash:var(--tw-color-success-wash);--color-warning-wash:var(--tw-color-warning-wash);--color-danger-wash:var(--tw-color-danger-wash);--color-info-wash:var(--tw-color-info-wash);--radius-sm:var(--tw-radius-sm);--radius-md:var(--tw-radius-md);--radius-lg:var(--tw-radius-lg);--radius-xl:var(--tw-radius-xl);--radius-2xl:var(--tw-radius-2xl);--ease-entrance:var(--tw-ease-entrance);--ease-exit:var(--tw-ease-exit);--text-xs:var(--tw-text-xs);--text-sm:var(--tw-text-sm);--text-base:var(--tw-text-base);--text-md:var(--tw-text-md);--text-lg:var(--tw-text-lg);--text-xl:var(--tw-text-xl);--text-2xl:var(--tw-text-2xl);--spacing-sidebar:var(--tw-spacing-sidebar);--spacing-sidebar-collapsed:var(--tw-spacing-sidebar-collapsed);--spacing-section-nav:var(--tw-spacing-section-nav)}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.75);cursor:pointer}@keyframes ai-spin{to{rotate:360deg}}@keyframes ai-shimmer{0%{background-position:100%}to{background-position:0}}.tw\:tabs::-webkit-scrollbar{display:none}.dt-container{flex-direction:column;display:flex}.dt-container .dt-layout-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.875rem 1rem;display:flex}.dt-container .dt-layout-row.dt-layout-table{padding:0}.dt-container .dt-layout-cell{align-items:center;gap:.75rem;padding:0;display:flex}.dt-container .dt-length,.dt-container .dt-search{align-items:center;gap:.75rem;margin:0;display:flex}.dt-container .dt-layout-row:not(.dt-layout-table){flex-wrap:nowrap}.dt-container .dt-layout-cell.dt-layout-start{flex:none;min-width:0}.dt-container .dt-layout-cell.dt-layout-end,.dt-container .dt-search{flex:auto;min-width:0}.dt-container .dt-search input{width:100%;min-width:0}.dt-container .dt-length{flex:none}.dt-container .dt-info{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dt-container table.dataTable td .tw\:badge{white-space:normal!important}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{flex:100%;display:block}.dt-container table.dataTable{border-collapse:collapse;width:100%;margin:0}.dt-container table.dataTable>thead>tr>th,.dt-container table.dataTable>tbody>tr>td{border-bottom:1px solid var(--color-border);vertical-align:middle}.dt-container table.dataTable>tbody>tr:last-child>td{border-bottom:0}.dt-container table.dataTable>tbody>tr{transition:background-color .15s var(--ease-entrance)}.dt-container table.dataTable>tbody>tr:hover{background:#171f3a66}@supports (color:color-mix(in lab, red, red)){.dt-container table.dataTable>tbody>tr:hover{background:color-mix(in oklab, var(--color-raised) 40%, transparent)}}.dt-container label{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;margin:0}.dt-container label:empty{display:none}.ai-dt-control{box-sizing:border-box;line-height:1.25rem;font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:none;transition:border-color .15s var(--ease-entrance);background-image:none;outline:none;margin:0;padding:.4375rem .75rem;font-family:inherit}.ai-dt-control:hover{border-color:#f59e0a59}@supports (color:color-mix(in lab, red, red)){.ai-dt-control:hover{border-color:color-mix(in oklab, var(--color-accent) 35%, transparent)}}.ai-dt-control:focus{outline:1px solid var(--color-accent);outline-offset:2px;box-shadow:none}.ai-dt-control::placeholder{color:var(--color-text-subtle)}select.ai-dt-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23a9b4cc' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-right:2rem}select option{background-color:var(--color-surface);color:var(--color-text)}select option:checked,select option:hover,select option:focus{background-color:var(--color-accent);background:var(--color-accent) linear-gradient(0deg, var(--color-accent) 0%, var(--color-accent) 100%);color:var(--color-on-accent);font-weight:500}input.ai-dt-control[type=search]{min-width:min(14rem,100%)}.dt-container .dt-info{font-size:var(--text-sm);color:var(--color-text-subtle);font-variant-numeric:tabular-nums;padding:0}.dt-container .dt-paging{display:flex}.dt-container .dt-paging nav{align-items:center;gap:.25rem;display:flex}.dt-container .dt-paging-button{border-radius:var(--radius-md);min-width:2.25rem;height:2.25rem;color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s var(--ease-entrance), color .15s var(--ease-entrance);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .5rem;font-weight:500;line-height:1;display:inline-flex}.dt-container .dt-paging-button:hover:not(.disabled):not(.current){background:var(--color-raised);color:var(--color-text)}.dt-container .dt-paging-button:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px;box-shadow:none}.dt-container .dt-paging-button.current{background:var(--color-accent);color:var(--color-on-accent);cursor:default;border-color:#0000}.dt-container .dt-paging-button.disabled{color:var(--color-text-subtle);opacity:.45;pointer-events:none}.dt-container .dt-paging-button.ellipsis{pointer-events:none;color:var(--color-text-subtle)}.dt-container thead th.dt-orderable-asc,.dt-container thead th.dt-orderable-desc{cursor:pointer;position:relative}.dt-container thead th .dt-column-order{display:none}.dt-container thead th.dt-orderable-asc .dt-column-title,.dt-container thead th.dt-orderable-desc .dt-column-title{padding-right:1rem}.dt-container thead th.dt-orderable-asc:after,.dt-container thead th.dt-orderable-desc:after{content:"";opacity:.35;background-color:currentColor;width:.5rem;height:.5rem;margin-top:-.25rem;position:absolute;top:50%;right:.75rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0L7 3H1z'/%3E%3Cpath d='M4 8L1 5h6z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0L7 3H1z'/%3E%3Cpath d='M4 8L1 5h6z'/%3E%3C/svg%3E") 50%/contain no-repeat}.dt-container thead th.dt-ordering-asc,.dt-container thead th.dt-ordering-desc{color:var(--color-text)}.dt-container thead th.dt-ordering-asc:after{opacity:1;color:var(--color-accent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 1L7 4H1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 1L7 4H1z'/%3E%3C/svg%3E")}.dt-container thead th.dt-ordering-desc:after{opacity:1;color:var(--color-accent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 7L1 4h6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 7L1 4h6z'/%3E%3C/svg%3E")}.dt-container thead th button{all:unset;cursor:pointer;width:100%;display:block}.dt-container thead th button:focus-visible{outline:1px solid var(--color-accent);outline-offset:-2px}.dt-container td.dt-empty{text-align:center;color:var(--color-text-subtle);padding:3rem 1rem}.dt-container table.collapsed>thead>tr>th,.dt-container table.collapsed>tbody>tr>td{padding-left:.625rem!important;padding-right:.625rem!important}.dt-container table.collapsed td.dtr-control{cursor:pointer;position:relative;padding-left:2.25rem!important}.dt-container table.collapsed td.dtr-control:before{content:"";border:1px solid var(--color-border-strong);background:linear-gradient(var(--color-text-muted), var(--color-text-muted)) center/.5rem 1px no-repeat, linear-gradient(var(--color-text-muted), var(--color-text-muted)) center/1px .5rem no-repeat;width:1.125rem;height:1.125rem;transition:transform .15s var(--ease-entrance), border-color .15s var(--ease-entrance);border-radius:999px;margin-top:-.5625rem;position:absolute;top:50%;left:.5rem}.dt-container table.collapsed tr.dtr-expanded td.dtr-control:before{border-color:var(--color-accent);background:linear-gradient(var(--color-accent), var(--color-accent)) center/.5rem 1px no-repeat}.dt-container table.collapsed tr.dtr-expanded td.dtr-control{color:var(--color-accent)}.dt-container ul.dtr-details{gap:.5rem;margin:0;padding:.5rem 0;list-style:none;display:grid}.dt-container ul.dtr-details>li{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);gap:.75rem;padding-bottom:.5rem;display:flex}.dt-container ul.dtr-details>li:last-child{border-bottom:0;padding-bottom:0}.dt-container ul.dtr-details .dtr-title{min-width:8rem;color:var(--color-text-muted);font-weight:500}.dt-container .ai-dt-filters th{padding:0 .5rem .75rem}.dt-container .ai-dt-filters input{width:100%;font-size:var(--text-xs)}.geneal-tree{text-align:center;min-width:100%;display:inline-block}.geneal-tree ul{justify-content:center;margin:0;padding-top:1.75rem;list-style:none;display:flex;position:relative}.geneal-tree li{text-align:center;padding:1.75rem .6rem 0;list-style:none;position:relative}.geneal-tree li:before,.geneal-tree li:after{content:"";border-top:2px solid var(--color-border-strong);width:50%;height:1.75rem;position:absolute;top:0;right:50%}.geneal-tree li:after{border-left:2px solid var(--color-border-strong);left:50%;right:auto}.geneal-tree li:only-child:before,.geneal-tree li:only-child:after{display:none}.geneal-tree li:only-child{padding-top:1.75rem}.geneal-tree li:first-child:before,.geneal-tree li:last-child:after{border:0}.geneal-tree li:last-child:before{border-right:2px solid var(--color-border-strong);border-radius:0 6px 0 0}.geneal-tree li:first-child:after{border-radius:6px 0 0}.geneal-tree ul ul:before{content:"";border-left:2px solid var(--color-border-strong);width:0;height:1.75rem;position:absolute;top:0;left:50%}.geneal-node{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);text-align:center;width:15rem;transition:border-color .15s var(--ease-entrance), box-shadow .15s var(--ease-entrance);flex-direction:column;align-items:center;gap:.375rem;padding:1rem .875rem;display:inline-flex}.geneal-node:hover{border-color:var(--color-border-strong)}.geneal-node.is-mine{border-color:#f59e0b73}.geneal-node.leg-left{border-top:3px solid var(--color-info)}.geneal-node.leg-right{border-top:3px solid var(--color-success)}.geneal-node.leg-root{border-top:3px solid var(--color-accent)}.swal2-timer-progress-bar{transition:none}.ai-swal-close{border-radius:var(--radius-md);width:1.75rem;height:1.75rem;box-shadow:none;color:var(--color-text-subtle);font-family:var(--font-sans);transition:background-color .15s var(--ease-entrance), color .15s var(--ease-entrance);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex;position:absolute;top:.375rem;right:.5rem}.ai-swal-close:hover,.ai-swal-close:focus-visible{background:var(--color-raised);color:var(--color-text);outline:none}.ai-swal-close:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px}.ai-swal-toast .swal2-title{padding-right:2.5rem}s{color:var(--color-danger);text-decoration:line-through}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);margin:0;font-weight:600}[hidden][hidden]{display:none!important}p{margin:0}h1,.h1{line-height:1.4;font-size:var(--text-xl)!important}h2,.h2{line-height:1.45;font-size:var(--text-lg)!important}h3,.h3{line-height:1.5;font-size:var(--text-md)!important}h4,.h4{line-height:1.5;font-size:var(--text-base)!important}h5,.h5{line-height:1.5;font-size:var(--text-sm)!important}h6,.h6{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);line-height:1.5;font-size:var(--text-xs)!important}html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#f59e0a80 transparent}@supports (color:color-mix(in lab, red, red)){html{scrollbar-color:color-mix(in oklab, var(--color-accent) 50%, transparent) transparent}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#f59e0a80}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}::-webkit-scrollbar-thumb{border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#f59e0acc}@supports (color:color-mix(in lab, red, red)){::-webkit-scrollbar-thumb:hover{background-color:color-mix(in oklab, var(--color-accent) 80%, transparent)}}[x-cloak]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}