/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer base {
  @font-face {
    font-family: "remixicon";
    src: url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.eot);
    src: url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.eot#iefix) format('embedded-opentype'), url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.woff2) format("woff2"), url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.woff) format("woff"), url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.ttf) format('truetype'), url(https://d71qzvpa56542.cloudfront.net/assets/fonts/remixicon.svg#remixicon) format('svg');
    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-mark-fill:before {
    content: "\ead8";
  }
  .ri-book-mark-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-mark-fill:before {
    content: "\ecf4";
  }
  .ri-file-mark-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";
  }
}
@layer base {
  @-webkit-keyframes animate-stripes {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 44px 0;
    }
  }
  .ui-progress-bar {
    text-align: left;
    position: relative;
    height: 22px;
    padding-right: 2px;
    background-color: #abb2bc;
    margin: 7px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b6bcc6), color-stop(1, #9da5b0));
    background: -moz-linear-gradient(#9da5b0 0%, #b6bcc6 100%);
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  }
  .ui-progress {
    position: relative;
    display: block;
    overflow: hidden;
    height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #74d04c;
    background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0.00, rgba(255,255,255,0.17)), color-stop(0.25, rgba(255,255,255,0.17)), color-stop(0.26, rgba(255,255,255,0)), color-stop(0.50, rgba(255,255,255,0)), color-stop(0.51, rgba(255,255,255,0.17)), color-stop(0.75, rgba(255,255,255,0.17)), color-stop(0.76, rgba(255,255,255,0)), color-stop(1.00, rgba(255,255,255,0)) ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #74d04c), color-stop(1, #9bdd62));
    background: -moz-repeating-linear-gradient(top left -30deg, rgba(255,255,255,0.17), rgba(255,255,255,0.17) 15px, rgba(255,255,255,0) 15px, rgba(255,255,255,0) 30px ), -moz-linear-gradient(#9bdd62 0%, #74d04c 100%);
    -webkit-background-size: 44px 44px;
    background-size: 44px 44px;
    background-repeat: repeat;
    -webkit-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
    -moz-box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
    box-shadow: inset 0px 1px 0px 0px #dbf383, inset 0px -1px 1px #58c43a;
    border: 1px solid #4c8932;
    animation: animate-stripes 2s linear infinite;
    -webkit-animation: animate-stripes 2s linear infinite;
  }
  .ui-progress span.ui-label {
    font-size: 0.75em;
    position: absolute;
    right: 0;
    line-height: 20px;
    padding-right: 12px;
    color: rgba(0,0,0,0.6);
    text-shadow: rgba(255,255,255, 0.45) 0 1px 0px;
    white-space: nowrap;
  }
}
@layer base {
  /*!
Author  : Hunter Perrin
Version : 3.2.0
Link    : http://sciactive.com/pnotify/
*/
  .ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2;
  }
  body>.ui-pnotify {
    position: fixed;
    z-index: 100040;
  }
  .ui-pnotify-modal-overlay {
    background-color: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  body>.ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039;
  }
  .ui-pnotify.ui-pnotify-in {
    display: block !important;
  }
  .ui-pnotify.ui-pnotify-move {
    transition: left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
  }
  .ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .4s linear;
    opacity: 0;
  }
  .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
    transition: opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
  }
  .ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .25s linear;
    opacity: 0;
  }
  .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
    transition: opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
  }
  .ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .1s linear;
    opacity: 0;
  }
  .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
    transition: opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease;
  }
  .ui-pnotify.ui-pnotify-fade-in {
    opacity: 1;
  }
  .ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0 6px 28px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 28px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 28px 0 rgba(0,0,0,.1);
  }
  .ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
  }
  .ui-pnotify-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
  .ui-pnotify-container.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
  }
  .ui-pnotify-text {
    display: block;
  }
  .ui-pnotify-icon,.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
  }
  .ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft {
    left: 25px;
    right: auto;
  }
  .ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright {
    bottom: 25px;
    top: auto;
  }
  .ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px;
  }
}
@layer base {
  .brighttheme {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .brighttheme.ui-pnotify-container {
    padding: 18px;
  }
  .brighttheme .ui-pnotify-title {
    margin-bottom: 12px;
  }
  .brighttheme-notice {
    background-color: #ffffa2;
    border: 0 solid #ff0;
    color: #4f4f00;
  }
  .brighttheme-info {
    background-color: #8fcedd;
    border: 0 solid #0286a5;
    color: #012831;
  }
  .brighttheme-success {
    background-color: #aff29a;
    border: 0 solid #35db00;
    color: #104300;
  }
  .brighttheme-error {
    background-color: #ffaba2;
    background-image: repeating-linear-gradient(135deg,transparent,transparent 35px,rgba(255,255,255,.3) 35px,rgba(255,255,255,.3) 70px);
    border: 0 solid #ff1800;
    color: #4f0800;
  }
  .brighttheme-icon-closer,.brighttheme-icon-info,.brighttheme-icon-notice,.brighttheme-icon-sticker,.brighttheme-icon-success {
    position: relative;
    width: 16px;
    height: 16px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New",Courier,monospace;
    border-radius: 50%;
  }
  .brighttheme-icon-closer:after,.brighttheme-icon-info:after,.brighttheme-icon-notice:after,.brighttheme-icon-sticker:after,.brighttheme-icon-success:after {
    position: absolute;
    top: 0;
    left: 4px;
  }
  .brighttheme-icon-notice {
    background-color: #2e2e00;
    color: #ffffa2;
    margin-top: 2px;
  }
  .brighttheme-icon-notice:after {
    content: "!";
  }
  .brighttheme-icon-info {
    background-color: #012831;
    color: #8fcedd;
    margin-top: 2px;
  }
  .brighttheme-icon-info:after {
    content: "i";
  }
  .brighttheme-icon-success {
    background-color: #104300;
    color: #aff29a;
    margin-top: 2px;
  }
  .brighttheme-icon-success:after {
    content: "\002713";
  }
  .brighttheme-icon-error {
    position: relative;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid #2e0400;
    font-size: 0;
    line-height: 0;
    color: #ffaba2;
    margin-top: 1px;
  }
  .brighttheme-icon-error:after {
    position: absolute;
    top: 1px;
    left: -4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    font-family: "Courier New",Courier,monospace;
    content: "!";
  }
  .brighttheme-icon-closer,.brighttheme-icon-sticker {
    display: inline-block;
  }
  .brighttheme-icon-closer:after {
    top: -4px;
    content: "\002715";
  }
  .brighttheme-icon-sticker:after {
    top: -5px;
    content: "\01D1BC";
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .brighttheme-icon-sticker.brighttheme-icon-stuck:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .brighttheme .ui-pnotify-action-bar {
    padding-top: 12px;
  }
  .brighttheme .ui-pnotify-action-bar input,.brighttheme .ui-pnotify-action-bar textarea {
    display: block;
    width: 100%;
    margin-bottom: 12px !important;
  }
  .brighttheme .ui-pnotify-action-button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 8px;
    border: none;
    background: 0 0;
  }
  .brighttheme .ui-pnotify-action-button.btn-primary {
    border: none;
    border-radius: 0;
  }
  .brighttheme-notice .ui-pnotify-action-button.btn-primary {
    background-color: #ff0;
    color: #4f4f00;
  }
  .brighttheme-info .ui-pnotify-action-button.btn-primary {
    background-color: #0286a5;
    color: #012831;
  }
  .brighttheme-success .ui-pnotify-action-button.btn-primary {
    background-color: #35db00;
    color: #104300;
  }
  .brighttheme-error .ui-pnotify-action-button.btn-primary {
    background-color: #ff1800;
    color: #4f0800;
  }
}
@layer base {
  .ui-pnotify-closer,.ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
  }
}
@layer base {
  .ui-pnotify-history-container {
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none;
    padding: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    z-index: 10000;
  }
  .ui-pnotify-history-container.ui-pnotify-history-fixed {
    position: fixed;
  }
  .ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
    text-align: center;
  }
  .ui-pnotify-history-container button {
    cursor: pointer;
    display: block;
    width: 100%;
  }
  .ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto;
  }
  .ui-pnotify-history-brighttheme {
    background-color: #8fcedd;
    border: 0 solid #0286a5;
    color: #012831;
  }
  .ui-pnotify-history-brighttheme button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 8px;
    border: none;
    background: 0 0;
  }
  .ui-pnotify-history-brighttheme .ui-pnotify-history-pulldown::after {
    display: block;
    font-size: 16px;
    line-height: 14px;
    padding-bottom: 4px;
    content: "⌄";
    text-align: center;
    font-weight: 700;
    font-family: Arial,sans-serif;
  }
}
@layer base {
  .ui-pnotify-container {
    position: relative;
    left: 0;
  }
  @media (max-width:480px) {
    .ui-pnotify-mobile-able.ui-pnotify {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      width: auto !important;
      font-size: 1.2em;
      -webkit-font-smoothing: antialiased;
      -moz-font-smoothing: antialiased;
      -ms-font-smoothing: antialiased;
      font-smoothing: antialiased;
    }
    .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-bottom-width: 5px;
    }
    .ui-pnotify-mobile-able .ui-pnotify-container {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-topleft {
      left: 0;
      right: 0;
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright {
      left: 0;
      right: 0;
      bottom: 0;
      top: auto;
    }
    .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow,.ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow {
      border-top-width: 5px;
      border-bottom-width: 1px;
    }
  }
}
@layer base {
  .ui-pnotify.ui-pnotify-nonblock-fade {
    opacity: .2;
  }
  .ui-pnotify.ui-pnotify-nonblock-hide {
    display: none !important;
  }
}
@layer base {
  .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
  }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
  }
  .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
  }
  .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
  }
  .daterangepicker.opensleft:before {
    right: 9px;
  }
  .daterangepicker.opensleft:after {
    right: 10px;
  }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .daterangepicker.opensright:before {
    left: 9px;
  }
  .daterangepicker.opensright:after {
    left: 10px;
  }
  .daterangepicker.drop-up {
    margin-top: -7px;
  }
  .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
  }
  .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
  }
  .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
  }
  .daterangepicker.single .drp-selected {
    display: none;
  }
  .daterangepicker.show-calendar .drp-calendar {
    display: block;
  }
  .daterangepicker.show-calendar .drp-buttons {
    display: block;
  }
  .daterangepicker.auto-apply .drp-buttons {
    display: none;
  }
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
  }
  .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
  }
  .daterangepicker .drp-calendar.right {
    padding: 8px;
  }
  .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
  }
  .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
  }
  .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }
  .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
  }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
  }
  .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
  }
  .daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
  }
  .daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
  }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
  }
  .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
  }
  .daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
  }
  .daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
  }
  .daterangepicker td.start-date.end-date {
    border-radius: 4px;
  }
  .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
  }
  .daterangepicker th.month {
    width: auto;
  }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
  }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
  }
  .daterangepicker select.yearselect {
    width: 40%;
  }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
  }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
  }
  .daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
  }
  .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
  }
  .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
  }
  .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
  }
  .daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #ddd;
  }
  .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #ddd;
  }
  .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
  }
  .daterangepicker.show-calendar .ranges {
    margin-top: 8px;
  }
  .daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
  }
  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  @media (min-width: 564px) {
    .daterangepicker {
      width: auto;
    }
    .daterangepicker .ranges ul {
      width: 140px;
    }
    .daterangepicker.single .ranges ul {
      width: 100%;
    }
    .daterangepicker.single .drp-calendar.left {
      clear: none;
    }
    .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
      float: left;
    }
    .daterangepicker {
      direction: ltr;
      text-align: left;
    }
    .daterangepicker .drp-calendar.left {
      clear: left;
      margin-right: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
      border-right: none;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    .daterangepicker .drp-calendar.right {
      margin-left: 0;
    }
    .daterangepicker .drp-calendar.right .calendar-table {
      border-left: none;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
    .daterangepicker .drp-calendar.left .calendar-table {
      padding-right: 8px;
    }
    .daterangepicker .ranges, .daterangepicker .drp-calendar {
      float: left;
    }
  }
  @media (min-width: 730px) {
    .daterangepicker .ranges {
      width: auto;
    }
    .daterangepicker .ranges {
      float: left;
    }
    .daterangepicker.rtl .ranges {
      float: right;
    }
    .daterangepicker .drp-calendar.left {
      clear: none !important;
    }
  }
}
@layer base {
  .flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
  }
  .flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
  }
  .flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
  }
  .flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
  }
  .flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
  }
  .flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
  }
  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  }
  .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0;
  }
  .flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6;
  }
  .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
  }
  .flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    left: 22px;
  }
  .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px;
  }
  .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%;
  }
  .flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
  }
  .flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
  }
  .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%;
  }
  .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6;
  }
  .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff;
  }
  .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%;
  }
  .flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6;
  }
  .flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff;
  }
  .flatpickr-calendar:focus {
    outline: 0;
  }
  .flatpickr-wrapper {
    position: relative;
    display: inline-block;
  }
  .flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0,0,0,0.9);
    fill: rgba(0,0,0,0.9);
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none;
  }
  .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
    position: relative;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0;
  }
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0;
  }
  .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9;
  }
  .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747;
  }
  .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
  }
  .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s;
    fill: inherit;
  }
  .numInputWrapper {
    position: relative;
    height: auto;
  }
  .numInputWrapper input, .numInputWrapper span {
    display: inline-block;
  }
  .numInputWrapper input {
    width: 100%;
  }
  .numInputWrapper input::-ms-clear {
    display: none;
  }
  .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  .numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .numInputWrapper span:hover {
    background: rgba(0,0,0,0.1);
  }
  .numInputWrapper span:active {
    background: rgba(0,0,0,0.2);
  }
  .numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
  }
  .numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
  }
  .numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%;
  }
  .numInputWrapper span.arrowDown {
    top: 50%;
  }
  .numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%;
  }
  .numInputWrapper span svg {
    width: inherit;
    height: auto;
  }
  .numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5);
  }
  .numInputWrapper:hover {
    background: rgba(0,0,0,0.05);
  }
  .numInputWrapper:hover span {
    opacity: 1;
  }
  .flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  .flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
  }
  .flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05);
  }
  .flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\0;
    display: inline-block;
  }
  .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9);
  }
  .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9);
  }
  .flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  .flatpickr-current-month input.cur-year:focus {
    outline: 0;
  }
  .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    background: transparent;
    pointer-events: none;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none;
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,0.05);
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0;
  }
  .flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
  }
  .flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0,0,0,0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder;
  }
  .dayContainer, .flatpickr-weeks {
    padding: 1px 0 0 0;
  }
  .flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px;
  }
  .flatpickr-days:focus {
    outline: 0;
  }
  .dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
  .dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6;
  }
  .flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -webkit-flex-basis: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
  }
  .flatpickr-day.today {
    border-color: #959ea9;
  }
  .flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff;
  }
  .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7;
  }
  .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
  }
  .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
  }
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #569ff7;
    box-shadow: -10px 0 0 #569ff7;
  }
  .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
  }
  .flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  }
  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(57,57,57,0.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
  }
  .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57,57,57,0.1);
  }
  .flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  }
  .flatpickr-day.hidden {
    visibility: hidden;
  }
  .rangeMode .flatpickr-day {
    margin-top: 1px;
  }
  .flatpickr-weekwrapper {
    float: left;
  }
  .flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6;
  }
  .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px;
  }
  .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    background: transparent;
    cursor: default;
    border: none;
  }
  .flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }
  .flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
  }
  .flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left;
  }
  .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939;
  }
  .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939;
  }
  .flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
  }
  .flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
  }
  .flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
  }
  .flatpickr-time input.flatpickr-hour {
    font-weight: bold;
  }
  .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400;
  }
  .flatpickr-time input:focus {
    outline: 0;
    border: 0;
  }
  .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
  }
  .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
    background: #eee;
  }
  .flatpickr-input[readonly] {
    cursor: pointer;
  }
  @-webkit-keyframes fpFadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fpFadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
}
@layer base {
  :root {
    --ar-green: #39b34a;
    --ar-dark-green: #30983f;
    --ar-dark-blue: #00253d;
    --ar-darker-blue: #4f738a;
  }
}
@layer base {
  :root {
    --ar-z-base: 0;
    --ar-z-higher: 50;
    --ar-z-highest: 100;
  }
}
@layer base {
  body {
    font-family: 'Open Sans', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background: #FFF;
    font-size: 1.1em;
    &.insights {
      background: #13344A;
    }
  }
  p, ul, ol, textarea, h1,h2,h3,h4,h5,h6, label, table td {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    color: #16354a;
  }
  button {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  .spacer {
    height: 20px;
  }
  hr {
    height: 0px;
    border: 0px;
    border-bottom: 1px solid #bbb;
  }
  .simpleerror {
    color: #c00;
    font-weight: bold;
    text-transform: none;
  }
  .struck, .del {
    text-decoration: line-through;
  }
  .faded {
    color: #97aab9;
  }
  a:link, a:visited {
    color: var(--ar-darker-blue);
  }
  a.blue {
    color: blue !important;
    font-size: 0.8em;
  }
  a:hover {
    color: #c5802a;
  }
  a img {
    border: 0;
  }
  h2 {
    margin-top: 0;
    padding-bottom: 4px;
    font-weight: 300;
    border-bottom: 2px solid #DEE3EB;
    font-size: 1.4em;
  }
  #content h2 {
    color: #00253D;
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    padding-left: 0;
    padding-right: 0;
  }
  h2 span {
    color: #555;
  }
  h3 {
    text-align: left;
    font-size: 1.0em;
    color: #333;
    padding: 5px 10px;
    font-family: 'Open Sans', 'Lucida Grande', "Trebuchet MS" , Arial, sans-serif;
  }
  h3 span, h3 span a {
    color: #666;
    font-weight: normal;
  }
  h3 a, h4 a {
    font-weight: normal;
  }
  h4 {
    margin: 1em 0;
    font-size: 0.85em;
    font-family: 'Open Sans', 'Lucida Grande', "Trebuchet MS" , Arial, sans-serif;
  }
  h5 {
    font-size: 0.7em;
    color: brown;
  }
  h5.secure {
    color: #393;
  }
  h5.inverse {
    background: brown;
    color: white;
    padding: 5px 10px;
  }
  .tightbottom {
    margin-bottom: 0;
  }
  form {
    margin: 0;
    padding: 0;
  }
  input[type=text], button, textarea, select {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    padding: 2px;
  }
  input[type=text], input[type=password], input[type=tel], input[type=email], input[type=url], input[type=number], select, textarea {
    border: 1px solid #C3C3C3;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  button[type=submit] {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  input[type="checkbox"] {
    font-size: 1em;
  }
  label:not(.todos label) {
    text-align: left;
    font-size: 0.8em;
    color: #777;
  }
  label.smaller {
    font-size: 0.7em;
  }
  table {
    margin: 0.4em 0;
  }
  table tr th {
    color: var(--ar-darker-blue);
    height: 0px;
    padding: 10px 8px;
    text-align: left;
    background: #dee3eb;
    border-bottom: 1px solid #a7bac8;
    font-size: 0.8em;
    font-family: 'Open Sans', 'Lucida Grande', Arial, sans-serif;
  }
  table tr th a {
    text-decoration: none;
  }
  table td {
    padding: 8px;
    border-bottom: 1px solid #dee3eb;
    font-size: 1em;
  }
  table input, table textarea {
    font-size: 0.75em;
  }
  table table td {
    padding: 4px 0;
    padding-right: 8px;
    border: 0;
    font-size: 1em;
  }
  input.copyable {
    cursor: pointer;
    font-size: 1.2em;
    width: 99%;
    padding: 5px 0px;
    text-align: center;
  }
  input.copyable.inline {
    width: auto;
  }
  input.copyablebig {
    font-size: 1em;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  a.slidesjs-navigation {
    text-decoration: none;
  }
  label.strong {
    font-size: 0.7em;
    color: #111;
    font-weight: bold;
  }
  #javascriptisrequired {
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
    text-align: center;
    background: #333;
    padding: 17px 10px;
    font-size: 1.25em;
    color: #eee;
    border-bottom: 2px solid #666;
  }
  #javascriptisrequired .yell {
    background: transparent;
    color: #f66;
    font-weight: 500;
    font-size: 1.6em;
  }
  #javascriptisrequired label {
    color: white;
  }
  .hide {
    display: none;
  }
  .info-alert {
    align-items: center;
    color: #1447e6;
    background-color: #eff6ff;
    padding: 15px 5px;
    border-radius: 10px;
    border: 1px solid #b0d2ff;
    display: flex;
  }
  .opt-out-icon-container {
    background-color: #f59e0b;
  }
  .aisa-icon-container {
    background-color: #bae5fe;
  }
  .assign-label-container {
    align-items: end;
  }
  .bg-info {
    background-color: #007bff !important;
  }
  .bg-info:hover {
    background-color: #52a0f4 !important;
  }
}
@layer base {
  :root {
    --ar-header-max-width: 1280px;
    --ar-layout-width: 1280px;
  }
  #container {
    width: var(--ar-layout-width);
    margin: 30px auto 0;
    clear: both;
    position: relative;
  }
  #pageheader {
    margin: -20px -25px;
    margin-bottom: 10px;
  }
  #header {
    background: var(--ar-darker-blue);
    border-bottom: 2.5px solid #b2c6d5;
    padding: 0;
    h1 a {
      color: white;
    }
  }
  header .content {
    max-width: var(--ar-header-max-width);
    margin: 0 auto;
  }
  #header h1 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #fff;
    padding: 0;
  }
  #header h1 span {
    margin-left: 0.8em;
    color: #aaa;
    font-size: 0.8em;
  }
  .pane {
    float: left;
    background: url(https://d71qzvpa56542.cloudfront.net/assets/bgr_pane-right-2b3ea3be6f39e2a0caccb7b6a6b3d688ddafc6cb10cb074ec2a61b4438910083.gif) right top no-repeat;
    position: relative;
    margin: 0 0 12px 0;
    padding: 0;
    width: 100%;
  }
  .right {
    float: right;
  }
  #alerts {
    width: 358px;
  }
  #addupsheet a.utility {
    color: #c00;
    font-weight: normal;
    font-family: 'Lucida Grande', Tahoma, Arial, sans-serif;
  }
  #footer {
    margin-top: 1em;
    border: 2px solid #ccc;
  }
  .morecontent, #content, #footer {
    width: 720px;
    background: white;
  }
  .morecontent, #footer {
    padding: 20px 0 15px;
  }
  #content, #footer {
    min-height: 400px;
    margin-bottom: 0.5em;
  }
  #content {
    display: inline-block;
    padding: 0;
  }
  #content {
    #headers div.pager, #headers div:first-child {
      border-radius: 4px 4px 0 0;
    }
  }
  .morecontent, #content {
    margin-top: 0;
    position: relative;
    border: 1px solid #ddd;
    border-width: 0px;
    border-radius: 4px;
  }
  .morecontent {
    min-height: 0px;
    margin-bottom: 1em;
  }
  #actualcontent {
    padding: 0px 25px 15px;
  }
  #space {
    min-width: 200px;
  }
  h1#subtitle {
    color: #888;
    font-size: 0.75em;
    margin: 0 0 0.5em;
  }
  h1#subtitle span {
    font-weight: normal;
  }
  h2 span.subtitle {
    font-weight: bold;
  }
  h2 span a:link, h2 span a:visited {
    color: #369;
    font-weight: normal;
  }
  h2 span.deals {
    background: #090;
    color: white;
    padding: 2px 5px;
  }
  h2 span.vehicle {
    margin-left: 1em;
    font-size: 0.9em;
  }
  h2 span.secondary {
    display: block;
  }
  h2 span.searchContext {
    display: block;
    font-size: 0.7em;
    font-weight: normal;
  }
  h2 span.searchContext strong {
    color: black;
  }
  h2 .secondline {
    color: #333;
    font-size: 0.75em;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Helvetica, Arial, sans-serif;
    font-weight: normal;
  }
  h2 .secondline .subtle {
    color: #97aab9;
  }
  h3.notice {
    padding: 0;
    background: none;
    color: brown;
  }
  h3 .barlinks, h4 .barlinks {
    padding-top: 3px;
    float: right;
    font-size: 0.8em;
    vertical-align: middle;
    margin-right: -5px;
  }
  h3.greybar {
    font-size: 0.8em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    margin-left: -7px;
  }
  h3.greybar, h4.greybar {
    padding: 3px 7px;
    color: #00253D;
    border-bottom: 2px solid #DEE3EB;
  }
  h3.greybar span {
    color: #666;
  }
  h3.green {
    background: none;
    color: #090;
    padding-left: 0;
  }
  h3.squeeze {
    margin-top: 0.75em;
    margin-bottom: 0.25em;
  }
  h3.ngb {
    background: #eee;
    padding: 5px 10px;
    font-size: 0.75em;
    border-radius: 5px;
    margin-left: -10px;
    border-bottom: 1px solid #ddd;
  }
  h4.greybox {
    padding: 3px 10px;
    border: thin solid #eee;
  }
  .pane h3.title, .pane h2.title {
    font-size: 0.8em;
    margin: 0;
    padding: 2px 0 2px 15px;
    color: #fff;
    background: url(https://d71qzvpa56542.cloudfront.net/assets/bgr_pane-left-1b2975ce0d8582f9e715cb829c7d8e0557f6b7475b6186a6ec47d36528ceaa86.gif) left top no-repeat;
    padding: 3px 15px;
    min-height: 18px;
    padding-top: 5px;
  }
  h3.subhead {
    font-size: 0.65em;
    color: #543;
    background: #F6F1E6;
    border-bottom: 1px solid #eee;
    padding: 4px 7px;
    margin: 1em -7px;
    margin-bottom: 0.5em;
  }
  input[type="checkbox"]:not(.todos input) {
    appearance: none;
    -webkit-appearance: none;
    background-color: white;
    border-radius: 4px;
    border: 1px solid #a6bac9;
    height: 15px;
    position: relative;
    vertical-align: middle;
    width: 15px;
  }
  input[type="checkbox"]:checked:before {
    color: #FFB546;
    content: "\eb7b";
    font-family: "remixicon";
    font-size: .825em;
    line-height: 0;
    position: absolute;
    top: 7px;
    font-weight: bold;
  }
  input[type="checkbox"]:disabled {
    border-color: #C3C3C3;
    cursor: not-allowed;
  }
  input[type="checkbox"]:checked:disabled:before {
    color: #DADADA;
  }
  input[type="search"]::-webkit-search-decoration {
    display: none;
  }
  #upsheet-contactinfo label {
    display: block;
    font-weight: bold;
  }
  #upsheet div {
    float: left;
    display: block;
    margin: 1px 5px;
  }
  #upsheet input[type=text] {
    padding: 3px;
  }
  #upsheet select {
    padding: 2px;
  }
  #upsheet input[type=text], #upsheet select, #upsheet textarea {
    border: 1px solid #C3C3C3;
  }
  .upsheet-infoblock {
    padding: 5px 0 10px 0;
  }
  .quote-infoblock {
    display: block;
    width: 100%;
    padding: 2px 0;
  }
  .quote-infoblock label {
    display: inline;
  }
  #search_results {
    background: #eee;
    padding: 7px 15px;
    margin-top: 1em;
    font-size: 0.95em;
  }
  h2.quiet {
    color: #111;
    border: 0;
    font-size: 0.9em;
    margin-bottom: 1em;
  }
  h2 .normal {
    font-size: 0.70em;
    font-weight: normal;
  }
  h2 .normal label {
    color: #97aab9;
    font-weight: normal;
    font-size: 1em;
  }
  #footer {
    background: transparent;
    border: 0;
    padding-top: 0;
    min-height: 0;
  }
  .deleteup .contact-help {
    border-bottom: 2px solid #39b34a;
    color: #39b34a;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1.875em;
    text-decoration: none;
  }
  #footer .logo img {
    margin-right: 1em;
  }
  .report caption {
    caption-side: top;
    text-align: left;
    padding: 0 0 0.5em 0.75em;
    border-left: 3px solid #39b34a;
    font-size: 0.9em;
    font-weight: 700;
    color: #333;
  }
  #footer .logo {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    color: #666;
  }
  #content .pager, #content .important, #content .toperror {
    background: #def;
    padding-left: 25px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif;
    font-size: 0.85em;
    padding: 7px 25px 5px;
  }
  #content .pager {
    background: #ddeeff;
    border-bottom: 0;
    font-size: 0.75em;
    border-bottom: 1px solid #cde;
  }
  #content .ownerpager {
    background: #EAF0D2;
    background: #E6FCC1;
    padding: 2px 25px 5px;
  }
  #content .ownerpager a {
    color: #090;
  }
  #content .ownerpager a:hover {
    text-decoration: underline;
  }
  #content .breadcrumbs {
    padding-top: 4px;
    font-size: 0.75em;
    margin-bottom: 20px;
  }
  #content .important {
    background: #fcc;
  }
  #content .pager.warning {
    background-color: #dd0000;
    a {
      color: #ffffff;
    }
  }
  #content #headers .important.welcome {
    background: #FC6;
  }
  #content .toperror {
    background: #c33;
    color: white;
  }
  #content .toperror a {
    color: gold;
  }
  .status {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
  }
  p.loading {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    color: green;
    font-weight: bold;
    text-align: center;
  }
  ol.spaced li {
    margin-bottom: 1em;
  }
  ul.permissions {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0.2em;
  }
  ul.permissions label {
    font-weight: normal;
  }
  ul.permissions li {
    clear: left;
  }
  ul.permissions p {
    margin: none;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.85em;
  }
  ul.permissions div.controls {
    float: left;
    margin-right: 0.5em;
  }
  ul.permissions div.content {
    padding-top: 2px;
    float: left;
  }
  ul.subtle, ul.flat, ul.selector {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
  }
  ul.arrows, ul.circles, ul.alerts {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    margin-top: 0;
  }
  ul.spaced li {
    margin-bottom: 0.5em;
  }
  ul.alerts li {
    background: url(https://d71qzvpa56542.cloudfront.net/assets/icons/mini/alert-a42d0957134200acc82a4aee3fdccdff08de19746625f94ed7529db1e49dd4ef.gif) no-repeat 0px 3px;
    padding-left: 15px;
  }
  ul.arrows li {
    background: url(https://d71qzvpa56542.cloudfront.net/assets/arrow-ae787990c5b9c2e7393eb4cea94e8e8026c86d78d4e25fc15db5a71c5b5c1712.png) no-repeat 7px 6px;
    padding-left: 15px;
  }
  ul.circles li {
    background: url(https://d71qzvpa56542.cloudfront.net/assets/small_circle-8de53a344e47c5457f2504e1a5f59f706b16003e1b299901a46d62968ec2f1cb.gif) no-repeat 6px 6px;
    padding-left: 20px;
  }
  ul.pad li {
    margin-bottom: 0.6em;
  }
  p.deleteup, div.deleteup {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    float: right;
    margin-top: 0;
    font-size: 0.8em;
  }
  .deleteup a {
    color: #777;
  }
  .deleteup a.disabled {
    color: 777;
    text-decoration: none;
  }
  ul.recent {
    list-style-type: none;
    margin-left: 5px;
    padding-left: 0;
    font-size: 0.75em;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    margin-top: 0;
  }
  .contact address {
    margin: 0.25em 0 0.5em;
    font-size: 0.8em;
    color: #666;
    font-style: normal;
  }
  p.qdtoggle {
    margin: 0;
    float: right;
    color: #c00;
    font-size: 0.8em;
    padding-top: 1px;
  }
  .quotes a:hover {
    background: #000;
    padding: 1px 0;
    color: white;
    text-decoration: none;
  }
  table.upsheet_header td {
    padding-left: 0;
    padding-right: 0;
  }
  .upsheet_header label {
    font-size: 0.75em;
  }
  .trlinks-level {
    padding: 7px 7px 5px;
    margin: 0 -7px;
    margin-bottom: -1em;
    &.secondary {
      margin-top: 1em;
      border-top: 1px solid #ddd;
    }
  }
  .trlinks {
    float: right;
    font-size: 0.75em;
  }
  .trlinks a {
    color: #468;
    margin-left: 8px;
  }
  .trlinks span.greyed {
    margin-left: 10px;
    text-decoration: underline;
  }
  .trlinks a.new {
    color: brown;
  }
  .trlinks a span {
    background: gold;
    color: #333;
    padding: 1px 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  .trlinks a.selected {
    background: #cde;
    padding: 2px 10px;
    color: #000;
    text-decoration: none;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
  }
  p.help, div.help {
    font-size: 0.8em;
  }
  ol.help {
    font-size: 0.8em;
  }
  div.alert {
    border: 1px solid #CCCA8B;
    background: #ffc url(https://d71qzvpa56542.cloudfront.net/assets/icons/16x16/info-3276b7dced08385292f40578f0076a056b25f17da516467491a3f7f3ea21717a.gif) no-repeat 7px 10px;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding: 10px 15px;
    padding-left: 30px;
  }
  .yellowbox, .redbox {
    padding: 15px 12px;
    background: #ffc;
    font-size: 0.9em;
    border: 1px solid tan;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  .subtlegreybox {
    background: #eee;
    width: 400px;
    padding: 20px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
  }
  .yellowbox a {
    color: #c00;
  }
  .redbox {
    background: #c00;
    color: white;
  }
  #find_pane, #build_pane {
    width: 44%;
    float: left;
    background: #e9e9e9;
    padding: 10px 15px;
    min-height: 13em;
    margin-bottom: 1em;
    margin-right: 0.5em;
  }
  p#matching_found {
    font-size: 0.8em;
    padding: 4px 10px;
    border: 1px solid #cc9;
    background: url(https://d71qzvpa56542.cloudfront.net/assets/icons/16x16/alert-518d6148670a20ea0429b3b24885b894d1a832d36bb06f8774d08f56c53bb8b0.gif) no-repeat 4px 3px #ffc;
    padding-left: 25px;
  }
  #worksheet h3 {
    margin-top: 0;
  }
  #leasebyebye {
    color: #f00;
    font-size: 0.8em;
  }
  #bulletins ul {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  #bulletins ul li {
    margin-bottom: 0.5em;
  }
  .tqu label {
    font-weight: normal;
  }
  .pq .total td {
    border-bottom: 0;
  }
  #tradePanels {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  #tradePanels div.carfax {
    padding: 2px 0px;
    font-size: 0.9em;
  }
  #tradePanels span.vin {
    color: #666;
  }
  #tradePanels div span.miles {
    font-size: 0.9em;
  }
  div.output {
    background: #eee;
    padding: 1px 10px;
  }
  div.output pre {
    font-size: 0.7em;
    font-family: 'Bitstream Vera Sans Mono', Monaco, Courier, serif;
  }
  #search_status {
    font-family: 'Open Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
    margin-top: 0.4em;
    color: #c00;
    font-weight: bold;
    font-size: 0.8em;
    float: right;
  }
  .greenhelp {
    color: #090;
    font-weight: bold;
  }
  .yell {
    background: #c00;
    color: white;
    padding: 1px 5px;
  }
  .activenote {
    background: #CF6;
  }
  .teachbox {
    color: #00253D;
    padding: 10px 15px;
    background: #E4EEFC;
    font-size: 0.8em;
    margin-top: -0.5em;
    border: 1px solid #D9E5F6;
    margin: 0 -4px 30px;
  }
  .top-bar {
    padding: 8px 0;
    font-size: 12px;
    line-height: 16px;
    font-family: 'Open Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
  }
  .system-status {
    background: #10171C;
    box-shadow: 0px 3px 6px rgba(80, 115, 138, 0.2);
    color: #B9C7D0;
    strong {
      font-weight: normal;
    }
    em {
      font-style: normal;
      color: #00C807;
      &.warn {
        background: transparent;
        color: #FF6919;
      }
      &.time {
        padding: 0 8px 0 4px;
      }
    }
  }
  div.context {
    padding: 8px 15px;
    background-color: #FAE2B1;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  div.context a.cancel {
    font-size: 0.8em;
    color: red;
  }
  a.dialable {
    cursor: pointer;
  }
  pre.example {
    background: #eee;
    border: 1px solid #ddd;
    padding: 7px;
  }
  div.editables {
    background: #dee3eb;
    padding: 0px 10px 5px;
    border: 1px solid #ccc;
    padding-right: 2px;
    border-right: 0px;
    border-radius: 20px 0 0 20px;
  }
  .note-highlight {
    color: red;
  }
  .numeric {
    text-align: right;
  }
}
@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-green-400: oklch(79.2% 0.209 151.711);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-teal-700: oklch(51.1% 0.096 186.391);
    --color-cyan-400: oklch(78.9% 0.154 211.53);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-violet-400: oklch(70.2% 0.183 293.541);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-600: oklch(43.9% 0 0);
    --color-neutral-900: oklch(20.5% 0 0);
    --color-black: #000;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size !important;
  }
  .pointer-events-auto {
    pointer-events: auto !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .collapse {
    visibility: collapse !important;
  }
  .invisible {
    visibility: hidden !important;
  }
  .visible {
    visibility: visible !important;
  }
  .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border-width: 0 !important;
  }
  .absolute {
    position: absolute !important;
  }
  .absolute\! {
    position: absolute !important;
  }
  .fixed {
    position: fixed !important;
  }
  .relative {
    position: relative !important;
  }
  .relative\! {
    position: relative !important;
  }
  .static {
    position: static !important;
  }
  .sticky {
    position: sticky !important;
  }
  .inset-0 {
    inset: 0 !important;
  }
  .inset-y-\[20\%\] {
    inset-block: 20% !important;
  }
  .inset-e-full {
    inset-inline-end: 100% !important;
  }
  .-top-2 {
    top: calc(0.125rem * -1) !important;
  }
  .-top-4 {
    top: calc(0.25rem * -1) !important;
  }
  .-top-8 {
    top: calc(0.5rem * -1) !important;
  }
  .-top-24 {
    top: calc(1.5rem * -1) !important;
  }
  .top-0 {
    top: 0 !important;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%) !important;
  }
  .top-2 {
    top: 0.125rem !important;
  }
  .top-4 {
    top: 0.25rem !important;
  }
  .top-8 {
    top: 0.5rem !important;
  }
  .top-12 {
    top: 0.75rem !important;
  }
  .top-\[25\%\] {
    top: 25% !important;
  }
  .top-\[calc\(100\%\+0\.5rem\)\] {
    top: calc(100% + 0.5rem) !important;
  }
  .top-full {
    top: 100% !important;
  }
  .-right-6 {
    right: calc(0.375rem * -1) !important;
  }
  .-right-8 {
    right: calc(0.5rem * -1) !important;
  }
  .right-0 {
    right: 0 !important;
  }
  .right-2 {
    right: 0.125rem !important;
  }
  .right-4 {
    right: 0.25rem !important;
  }
  .right-8 {
    right: 0.5rem !important;
  }
  .right-12 {
    right: 0.75rem !important;
  }
  .right-\[inherit\] {
    right: inherit !important;
  }
  .bottom-0 {
    bottom: 0 !important;
  }
  .bottom-4 {
    bottom: 0.25rem !important;
  }
  .bottom-\[calc\(100\%\+0\.5rem\)\] {
    bottom: calc(100% + 0.5rem) !important;
  }
  .bottom-full {
    bottom: 100% !important;
  }
  .left-0 {
    left: 0 !important;
  }
  .left-1\/2 {
    left: calc(1 / 2 * 100%) !important;
  }
  .left-2 {
    left: 0.125rem !important;
  }
  .left-4 {
    left: 0.25rem !important;
  }
  .left-8 {
    left: 0.5rem !important;
  }
  .left-12 {
    left: 0.75rem !important;
  }
  .left-\[15px\] {
    left: 15px !important;
  }
  .isolate {
    isolation: isolate !important;
  }
  .z-1 {
    z-index: 1 !important;
  }
  .z-10 {
    z-index: 10 !important;
  }
  .z-20 {
    z-index: 20 !important;
  }
  .z-40 {
    z-index: 40 !important;
  }
  .z-50 {
    z-index: 50 !important;
  }
  .z-200 {
    z-index: 200 !important;
  }
  .z-10000 {
    z-index: 10000 !important;
  }
  .z-100000 {
    z-index: 100000 !important;
  }
  .z-top {
    z-index: 99 !important;
  }
  .z-topmost {
    z-index: 100 !important;
  }
  .order-0 {
    order: 0 !important;
  }
  .order-1 {
    order: 1 !important;
  }
  .order-2 {
    order: 2 !important;
  }
  .order-3 {
    order: 3 !important;
  }
  .order-first {
    order: -9999 !important;
  }
  .order-last {
    order: 9999 !important;
  }
  .col-12 {
    grid-column: 12 !important;
  }
  .col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .col-span-8 {
    grid-column: span 8 / span 8 !important;
  }
  .col-span-9 {
    grid-column: span 9 / span 9 !important;
  }
  .col-span-12 {
    grid-column: span 12 / span 12 !important;
  }
  .col-span-full {
    grid-column: 1 / -1 !important;
  }
  .row-3 {
    grid-row: 3 !important;
  }
  .float-left {
    float: left !important;
  }
  .float-none {
    float: none !important;
  }
  .float-right {
    float: right !important;
  }
  .clear-both {
    clear: both !important;
  }
  .container {
    width: 100% !important;
    @media (width >= 480px) {
      max-width: 480px !important;
    }
    @media (width >= 960px) {
      max-width: 960px !important;
    }
    @media (width >= 1280px) {
      max-width: 1280px !important;
    }
    @media (width >= 80rem) {
      max-width: 80rem !important;
    }
    @media (width >= 96rem) {
      max-width: 96rem !important;
    }
  }
  .button-ghost {
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.3rem !important;
    --tw-border-style: none !important;
    border-style: none !important;
    text-decoration-line: none !important;
    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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
    cursor: pointer !important;
    background-color: transparent !important;
    padding-inline: 0.75rem !important;
    padding-block: 0.5rem !important;
    font-family: "Open Sans" !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    color: #405C6E !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0.0625rem !important;
    outline-color: transparent !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    &:hover {
      @media (hover: hover) {
        outline-color: #B9C7D0 !important;
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
    &:focus-visible {
      outline-color: #66DE6A !important;
    }
    &:active {
      background-color: #EDF1F3 !important;
    }
    &:active {
      outline-color: #B9C7D0 !important;
    }
    &:disabled {
      cursor: default !important;
    }
    &:disabled {
      outline-color: transparent !important;
    }
    &:any-link {
      color: #405C6E !important;
    }
  }
  .button-outline-emphasis {
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.3rem !important;
    --tw-border-style: none !important;
    border-style: none !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    text-decoration-line: none !important;
    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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
    background-color: transparent !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0.0625rem !important;
    outline-offset: calc(0.0625rem * -1) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        outline-color: #00A006 !important;
      }
    }
    &:focus-visible {
      color: #00A006 !important;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
    &:focus-visible {
      outline-offset: 0 !important;
    }
    &:focus-visible {
      outline-color: #66DE6A !important;
    }
    &:active {
      color: #005003 !important;
    }
    &:active {
      outline-color: #005003 !important;
    }
    &:disabled {
      background-color: #F5F6F7 !important;
    }
    &:disabled {
      color: #7F868A !important;
    }
    &:disabled {
      outline-color: #D9DCDE !important;
    }
    color: #007804 !important;
    outline-color: #007804 !important;
  }
  .button-outline-gray {
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.3rem !important;
    --tw-border-style: none !important;
    border-style: none !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    text-decoration-line: none !important;
    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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
    background-color: transparent !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0.0625rem !important;
    outline-offset: calc(0.0625rem * -1) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        outline-color: #00A006 !important;
      }
    }
    &:focus-visible {
      color: #00A006 !important;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
    &:focus-visible {
      outline-offset: 0 !important;
    }
    &:focus-visible {
      outline-color: #66DE6A !important;
    }
    &:active {
      color: #005003 !important;
    }
    &:active {
      outline-color: #005003 !important;
    }
    &:disabled {
      background-color: #F5F6F7 !important;
    }
    &:disabled {
      color: #7F868A !important;
    }
    &:disabled {
      outline-color: #D9DCDE !important;
    }
    color: #405C6E !important;
    outline-color: #405C6E !important;
  }
  .button-outline-base {
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.3rem !important;
    --tw-border-style: none !important;
    border-style: none !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    text-decoration-line: none !important;
    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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
    background-color: transparent !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0.0625rem !important;
    outline-offset: calc(0.0625rem * -1) !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
    &:hover {
      @media (hover: hover) {
        outline-color: #00A006 !important;
      }
    }
    &:focus-visible {
      color: #00A006 !important;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
    &:focus-visible {
      outline-offset: 0 !important;
    }
    &:focus-visible {
      outline-color: #66DE6A !important;
    }
    &:active {
      color: #005003 !important;
    }
    &:active {
      outline-color: #005003 !important;
    }
    &:disabled {
      background-color: #F5F6F7 !important;
    }
    &:disabled {
      color: #7F868A !important;
    }
    &:disabled {
      outline-color: #D9DCDE !important;
    }
  }
  .button-filled {
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.3rem !important;
    --tw-border-style: none !important;
    border-style: none !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    text-decoration-line: none !important;
    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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
    background-color: #007804 !important;
    color: #FFFFFF !important;
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
    --tw-outline-style: solid !important;
    outline-style: solid !important;
    &:hover {
      @media (hover: hover) {
        background-color: #00A006 !important;
      }
    }
    &:focus-visible {
      background-color: #00A006 !important;
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
    &:focus-visible {
      outline-color: #66DE6A !important;
    }
    &:active {
      background-color: #005003 !important;
    }
    &:disabled {
      cursor: not-allowed !important;
    }
    &:disabled {
      background-color: #7F868A !important;
    }
    &:any-link {
      color: #FFFFFF !important;
    }
  }
  .button-text {
    margin: 0 !important;
    cursor: pointer !important;
    --tw-border-style: none !important;
    border-style: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    color: #007804 !important;
    text-decoration-line: underline !important;
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
    &:active {
      color: #005003 !important;
    }
    &:disabled {
      color: #7F868A !important;
    }
    &:any-link {
      color: #007804 !important;
    }
    &:hover {
      @media (hover: hover) {
        &:any-link {
          color: #00A006 !important;
        }
      }
    }
    text-decoration-line: none !important;
  }
  .button-link {
    margin: 0 !important;
    cursor: pointer !important;
    --tw-border-style: none !important;
    border-style: none !important;
    background-color: transparent !important;
    padding: 0 !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    color: #007804 !important;
    text-decoration-line: underline !important;
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
    &:active {
      color: #005003 !important;
    }
    &:disabled {
      color: #7F868A !important;
    }
    &:any-link {
      color: #007804 !important;
    }
    &:hover {
      @media (hover: hover) {
        &:any-link {
          color: #00A006 !important;
        }
      }
    }
  }
  .m-0 {
    margin: 0 !important;
  }
  .m-1 {
    margin: 0.0625rem !important;
  }
  .m-10 {
    margin: 0.625rem !important;
  }
  .m-12 {
    margin: 0.75rem !important;
  }
  .m-20 {
    margin: 1.25rem !important;
  }
  .m-24 {
    margin: 1.5rem !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .-mx-12 {
    margin-inline: calc(0.75rem * -1) !important;
  }
  .mx-0 {
    margin-inline: 0 !important;
  }
  .mx-4 {
    margin-inline: 0.25rem !important;
  }
  .mx-6 {
    margin-inline: 0.375rem !important;
  }
  .mx-8 {
    margin-inline: 0.5rem !important;
  }
  .mx-16 {
    margin-inline: 1rem !important;
  }
  .mx-24 {
    margin-inline: 1.5rem !important;
  }
  .mx-\[calc\(50\%-50vw\)\] {
    margin-inline: calc(50% - 50vw) !important;
  }
  .mx-auto {
    margin-inline: auto !important;
  }
  .my-0 {
    margin-block: 0 !important;
  }
  .my-2 {
    margin-block: 0.125rem !important;
  }
  .my-4 {
    margin-block: 0.25rem !important;
  }
  .my-8 {
    margin-block: 0.5rem !important;
  }
  .my-10 {
    margin-block: 0.625rem !important;
  }
  .my-12 {
    margin-block: 0.75rem !important;
  }
  .my-16 {
    margin-block: 1rem !important;
  }
  .my-24 {
    margin-block: 1.5rem !important;
  }
  .my-\[0\.4em\] {
    margin-block: 0.4em !important;
  }
  .ms-2 {
    margin-inline-start: 0.125rem !important;
  }
  .ms-4 {
    margin-inline-start: 0.25rem !important;
  }
  .me-2 {
    margin-inline-end: 0.125rem !important;
  }
  .-mt-1 {
    margin-top: calc(0.0625rem * -1) !important;
  }
  .-mt-6 {
    margin-top: calc(0.375rem * -1) !important;
  }
  .-mt-px {
    margin-top: -1px !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mt-1 {
    margin-top: 0.0625rem !important;
  }
  .mt-2 {
    margin-top: 0.125rem !important;
  }
  .mt-4 {
    margin-top: 0.25rem !important;
  }
  .mt-5 {
    margin-top: 0.3125rem !important;
  }
  .mt-6 {
    margin-top: 0.375rem !important;
  }
  .mt-8 {
    margin-top: 0.5rem !important;
  }
  .mt-10 {
    margin-top: 0.625rem !important;
  }
  .mt-12 {
    margin-top: 0.75rem !important;
  }
  .mt-14 {
    margin-top: 0.875rem !important;
  }
  .mt-16 {
    margin-top: 1rem !important;
  }
  .mt-18 {
    margin-top: 1.125rem !important;
  }
  .mt-20 {
    margin-top: 1.25rem !important;
  }
  .mt-24 {
    margin-top: 1.5rem !important;
  }
  .mt-32 {
    margin-top: 2rem !important;
  }
  .mt-36 {
    margin-top: 2.25rem !important;
  }
  .mt-40 {
    margin-top: 2.5rem !important;
  }
  .mt-\[160\] {
    margin-top: 160 !important;
  }
  .-mr-px {
    margin-right: -1px !important;
  }
  .mr-0 {
    margin-right: 0 !important;
  }
  .mr-1 {
    margin-right: 0.0625rem !important;
  }
  .mr-2 {
    margin-right: 0.125rem !important;
  }
  .mr-4 {
    margin-right: 0.25rem !important;
  }
  .mr-6 {
    margin-right: 0.375rem !important;
  }
  .mr-8 {
    margin-right: 0.5rem !important;
  }
  .mr-10 {
    margin-right: 0.625rem !important;
  }
  .mr-12 {
    margin-right: 0.75rem !important;
  }
  .mr-14 {
    margin-right: 0.875rem !important;
  }
  .mr-16 {
    margin-right: 1rem !important;
  }
  .mr-\[48px\] {
    margin-right: 48px !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mb-1 {
    margin-bottom: 0.0625rem !important;
  }
  .mb-2 {
    margin-bottom: 0.125rem !important;
  }
  .mb-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-16 {
    margin-bottom: 1rem !important;
  }
  .mb-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-24 {
    margin-bottom: 1.5rem !important;
  }
  .mb-32 {
    margin-bottom: 2rem !important;
  }
  .mb-36 {
    margin-bottom: 2.25rem !important;
  }
  .mb-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-\[0\.1rem\] {
    margin-bottom: 0.1rem !important;
  }
  .mb-\[5px\] {
    margin-bottom: 5px !important;
  }
  .mb-\[8vh\] {
    margin-bottom: 8vh !important;
  }
  .mb-\[36px\] {
    margin-bottom: 36px !important;
  }
  .-ml-6 {
    margin-left: calc(0.375rem * -1) !important;
  }
  .-ml-px {
    margin-left: -1px !important;
  }
  .ml-0 {
    margin-left: 0 !important;
  }
  .ml-2 {
    margin-left: 0.125rem !important;
  }
  .ml-4 {
    margin-left: 0.25rem !important;
  }
  .ml-6 {
    margin-left: 0.375rem !important;
  }
  .ml-8 {
    margin-left: 0.5rem !important;
  }
  .ml-12 {
    margin-left: 0.75rem !important;
  }
  .ml-16 {
    margin-left: 1rem !important;
  }
  .ml-24 {
    margin-left: 1.5rem !important;
  }
  .ml-28 {
    margin-left: 1.75rem !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .box-border {
    box-sizing: border-box !important;
  }
  .scrollbar-hide {
    &::-webkit-scrollbar {
      display: none !important;
    }
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }
  .line-clamp-2 {
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
  .\!block {
    display: block !important;
  }
  .block {
    display: block !important;
  }
  .contents {
    display: contents !important;
  }
  .flex {
    display: flex !important;
  }
  .grid {
    display: grid !important;
  }
  .hidden {
    display: none !important;
  }
  .inline {
    display: inline !important;
  }
  .inline\! {
    display: inline !important;
  }
  .inline-block {
    display: inline-block !important;
  }
  .inline-flex {
    display: inline-flex !important;
  }
  .table {
    display: table !important;
  }
  .table\! {
    display: table !important;
  }
  .table-row {
    display: table-row !important;
  }
  .aspect-4\/3 {
    aspect-ratio: 4/3 !important;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video) !important;
  }
  .size-16 {
    width: 1rem !important;
    height: 1rem !important;
  }
  .size-24 {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
  .size-32 {
    width: 2rem !important;
    height: 2rem !important;
  }
  .size-40 {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  .size-auto {
    width: auto !important;
    height: auto !important;
  }
  .h-0 {
    height: 0 !important;
  }
  .h-1 {
    height: 0.0625rem !important;
  }
  .h-2 {
    height: 0.125rem !important;
  }
  .h-4 {
    height: 0.25rem !important;
  }
  .h-5 {
    height: 0.3125rem !important;
  }
  .h-6 {
    height: 0.375rem !important;
  }
  .h-8 {
    height: 0.5rem !important;
  }
  .h-10 {
    height: 0.625rem !important;
  }
  .h-12 {
    height: 0.75rem !important;
  }
  .h-16 {
    height: 1rem !important;
  }
  .h-20 {
    height: 1.25rem !important;
  }
  .h-28 {
    height: 1.75rem !important;
  }
  .h-32 {
    height: 2rem !important;
  }
  .h-36 {
    height: 2.25rem !important;
  }
  .h-40 {
    height: 2.5rem !important;
  }
  .h-\[3rem\] {
    height: 3rem !important;
  }
  .h-\[4px\] {
    height: 4px !important;
  }
  .h-\[18rem\] {
    height: 18rem !important;
  }
  .h-\[20px\] {
    height: 20px !important;
  }
  .h-\[32px\] {
    height: 32px !important;
  }
  .h-\[60px\] {
    height: 60px !important;
  }
  .h-\[80\%\] {
    height: 80% !important;
  }
  .h-\[80px\] {
    height: 80px !important;
  }
  .h-\[88px\] {
    height: 88px !important;
  }
  .h-\[90\%\] {
    height: 90% !important;
  }
  .h-\[90px\] {
    height: 90px !important;
  }
  .h-\[100\%\] {
    height: 100% !important;
  }
  .h-\[310px\] {
    height: 310px !important;
  }
  .h-\[400px\] {
    height: 400px !important;
  }
  .h-\[500px\] {
    height: 500px !important;
  }
  .h-\[600px\] {
    height: 600px !important;
  }
  .h-\[800px\] {
    height: 800px !important;
  }
  .h-auto {
    height: auto !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-full {
    height: 100% !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .h-screen {
    height: 100vh !important;
  }
  .max-h-0 {
    max-height: 0 !important;
  }
  .max-h-20 {
    max-height: 1.25rem !important;
  }
  .max-h-\[75vh\] {
    max-height: 75vh !important;
  }
  .max-h-\[80vh\] {
    max-height: 80vh !important;
  }
  .max-h-\[85vh\] {
    max-height: 85vh !important;
  }
  .max-h-\[90vh\] {
    max-height: 90vh !important;
  }
  .max-h-\[200px\] {
    max-height: 200px !important;
  }
  .max-h-\[238px\] {
    max-height: 238px !important;
  }
  .max-h-\[400px\] {
    max-height: 400px !important;
  }
  .max-h-\[500px\] {
    max-height: 500px !important;
  }
  .max-h-\[600px\] {
    max-height: 600px !important;
  }
  .max-h-\[1000vh\] {
    max-height: 1000vh !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .max-h-full {
    max-height: 100% !important;
  }
  .max-h-none {
    max-height: none !important;
  }
  .max-h-screen {
    max-height: 100vh !important;
  }
  .max-h-screen {
    max-height: 100vh !important;
  }
  .min-h-28 {
    min-height: 1.75rem !important;
  }
  .min-h-36 {
    min-height: 2.25rem !important;
  }
  .min-h-\[24px\] {
    min-height: 24px !important;
  }
  .min-h-\[72px\] {
    min-height: 72px !important;
  }
  .min-h-\[101px\] {
    min-height: 101px !important;
  }
  .min-h-\[200px\] {
    min-height: 200px !important;
  }
  .min-h-\[400px\] {
    min-height: 400px !important;
  }
  .min-h-fit {
    min-height: fit-content !important;
  }
  .min-h-full {
    min-height: 100% !important;
  }
  .min-h-full {
    min-height: 100% !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  .min-h-screen {
    min-height: 100vh !important;
  }
  .w-0 {
    width: 0 !important;
  }
  .w-1 {
    width: 0.0625rem !important;
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%) !important;
  }
  .w-1\/3 {
    width: 33.3vw !important;
  }
  .w-1\/4 {
    width: calc(1 / 4 * 100%) !important;
  }
  .w-2\/4 {
    width: calc(2 / 4 * 100%) !important;
  }
  .w-2\/5 {
    width: calc(2 / 5 * 100%) !important;
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%) !important;
  }
  .w-4\/5 {
    width: calc(4 / 5 * 100%) !important;
  }
  .w-5 {
    width: 0.3125rem !important;
  }
  .w-5\/6-screen {
    width: 83.3vw !important;
  }
  .w-6 {
    width: 0.375rem !important;
  }
  .w-8 {
    width: 0.5rem !important;
  }
  .w-10 {
    width: 0.625rem !important;
  }
  .w-12 {
    width: 0.75rem !important;
  }
  .w-16 {
    width: 1rem !important;
  }
  .w-20 {
    width: 1.25rem !important;
  }
  .w-24 {
    width: 1.5rem !important;
  }
  .w-28 {
    width: 1.75rem !important;
  }
  .w-32 {
    width: 2rem !important;
  }
  .w-36 {
    width: 2.25rem !important;
  }
  .w-40 {
    width: 2.5rem !important;
  }
  .w-96 {
    width: 6rem !important;
  }
  .w-\[12rem\] {
    width: 12rem !important;
  }
  .w-\[20px\] {
    width: 20px !important;
  }
  .w-\[32px\] {
    width: 32px !important;
  }
  .w-\[40\%\] {
    width: 40% !important;
  }
  .w-\[50px\] {
    width: 50px !important;
  }
  .w-\[64px\] {
    width: 64px !important;
  }
  .w-\[80px\] {
    width: 80px !important;
  }
  .w-\[90\%\] {
    width: 90% !important;
  }
  .w-\[100\%\] {
    width: 100% !important;
  }
  .w-\[100px\] {
    width: 100px !important;
  }
  .w-\[120px\] {
    width: 120px !important;
  }
  .w-\[200px\] {
    width: 200px !important;
  }
  .w-\[212px\] {
    width: 212px !important;
  }
  .w-\[220px\] {
    width: 220px !important;
  }
  .w-\[280px\] {
    width: 280px !important;
  }
  .w-\[330px\] {
    width: 330px !important;
  }
  .w-\[360px\] {
    width: 360px !important;
  }
  .w-\[400px\] {
    width: 400px !important;
  }
  .w-\[480px\] {
    width: 480px !important;
  }
  .w-\[640px\] {
    width: 640px !important;
  }
  .w-auto {
    width: auto !important;
  }
  .w-fit {
    width: fit-content !important;
  }
  .w-fit {
    width: fit-content !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-full {
    width: 100% !important;
  }
  .w-half {
    width: 50% !important;
  }
  .w-max {
    width: max-content !important;
  }
  .w-screen {
    width: 100vw !important;
  }
  .w-screen {
    width: 100vw !important;
  }
  .w-xs {
    width: var(--container-xs) !important;
  }
  .max-w-\(--ar-layout-width\) {
    max-width: var(--ar-layout-width) !important;
  }
  .max-w-2xl {
    max-width: var(--container-2xl) !important;
  }
  .max-w-4xl {
    max-width: var(--container-4xl) !important;
  }
  .max-w-5xl {
    max-width: var(--container-5xl) !important;
  }
  .max-w-6xl {
    max-width: var(--container-6xl) !important;
  }
  .max-w-75\% {
    max-width: 75% !important;
  }
  .max-w-1280 {
    max-width: 1280px !important;
  }
  .max-w-\[36px\] {
    max-width: 36px !important;
  }
  .max-w-\[64px\] {
    max-width: 64px !important;
  }
  .max-w-\[70\%\] {
    max-width: 70% !important;
  }
  .max-w-\[75vw\] {
    max-width: 75vw !important;
  }
  .max-w-\[80\%\] {
    max-width: 80% !important;
  }
  .max-w-\[90vw\] {
    max-width: 90vw !important;
  }
  .max-w-\[150px\] {
    max-width: 150px !important;
  }
  .max-w-\[158px\] {
    max-width: 158px !important;
  }
  .max-w-\[200px\] {
    max-width: 200px !important;
  }
  .max-w-\[210px\] {
    max-width: 210px !important;
  }
  .max-w-\[300px\] {
    max-width: 300px !important;
  }
  .max-w-\[364px\] {
    max-width: 364px !important;
  }
  .max-w-\[400\] {
    max-width: 400 !important;
  }
  .max-w-\[505px\] {
    max-width: 505px !important;
  }
  .max-w-\[575px\] {
    max-width: 575px !important;
  }
  .max-w-\[640px\] {
    max-width: 640px !important;
  }
  .max-w-\[800px\] {
    max-width: 800px !important;
  }
  .max-w-\[1800px\] {
    max-width: 1800px !important;
  }
  .max-w-fit {
    max-width: fit-content !important;
  }
  .max-w-fit {
    max-width: fit-content !important;
  }
  .max-w-full {
    max-width: 100% !important;
  }
  .max-w-lg {
    max-width: var(--container-lg) !important;
  }
  .max-w-none {
    max-width: none !important;
  }
  .max-w-xl {
    max-width: var(--container-xl) !important;
  }
  .min-w-0 {
    min-width: 0 !important;
  }
  .min-w-36 {
    min-width: 2.25rem !important;
  }
  .min-w-96 {
    min-width: 6rem !important;
  }
  .min-w-\[14rem\] {
    min-width: 14rem !important;
  }
  .min-w-\[40px\] {
    min-width: 40px !important;
  }
  .min-w-\[100px\] {
    min-width: 100px !important;
  }
  .min-w-\[160px\] {
    min-width: 160px !important;
  }
  .min-w-\[200px\] {
    min-width: 200px !important;
  }
  .min-w-\[282px\] {
    min-width: 282px !important;
  }
  .min-w-\[360px\] {
    min-width: 360px !important;
  }
  .min-w-\[480px\] {
    min-width: 480px !important;
  }
  .min-w-full {
    min-width: 100% !important;
  }
  .min-w-screen {
    min-width: 100vw !important;
  }
  .min-w-screen {
    min-width: 100vw !important;
  }
  .flex-0 {
    flex: 0 !important;
  }
  .flex-1 {
    flex: 1 !important;
  }
  .flex-2 {
    flex: 2 !important;
  }
  .flex-4 {
    flex: 4 !important;
  }
  .flex-\[0_1_auto\] {
    flex: 0 1 auto !important;
  }
  .flex-\[1_1_100\%\] {
    flex: 1 1 100% !important;
  }
  .flex-\[2_1_0\] {
    flex: 2 1 0 !important;
  }
  .flex-auto {
    flex: auto !important;
  }
  .flex-initial {
    flex: 0 auto !important;
  }
  .flex-none {
    flex: none !important;
  }
  .flex-shrink {
    flex-shrink: 1 !important;
  }
  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .shrink {
    flex-shrink: 1 !important;
  }
  .shrink-0 {
    flex-shrink: 0 !important;
  }
  .grow {
    flex-grow: 1 !important;
  }
  .grow-0 {
    flex-grow: 0 !important;
  }
  .basis-20 {
    flex-basis: 1.25rem !important;
  }
  .basis-full {
    flex-basis: 100% !important;
  }
  .border-collapse {
    border-collapse: collapse !important;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .scale-x-flip {
    --tw-scale-x: -1 !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .rotate-0 {
    rotate: 0deg !important;
  }
  .rotate-180 {
    rotate: 180deg !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .animate-fade-in {
    animation: fadeIn 500ms linear forwards !important;
  }
  .animate-fade-out {
    animation: fadeOut 500ms linear forwards !important;
  }
  .animate-highlight {
    animation: highlight 1s linear forwards !important;
  }
  .animate-pulse {
    animation: var(--animate-pulse) !important;
  }
  .animate-spin {
    animation: var(--animate-spin) !important;
  }
  .cursor-default {
    cursor: default !important;
  }
  .cursor-ew-resize {
    cursor: ew-resize !important;
  }
  .cursor-grab {
    cursor: grab !important;
  }
  .cursor-help {
    cursor: help !important;
  }
  .cursor-not-allowed {
    cursor: not-allowed !important;
  }
  .cursor-ns-resize {
    cursor: ns-resize !important;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize !important;
  }
  .cursor-pointer {
    cursor: pointer !important;
  }
  .touch-none {
    touch-action: none !important;
  }
  .resize {
    resize: both !important;
  }
  .resize-none {
    resize: none !important;
  }
  .resize-y {
    resize: vertical !important;
  }
  .snap-none {
    scroll-snap-type: none !important;
  }
  .scroll-mt-\[150px\] {
    scroll-margin-top: 150px !important;
  }
  .scroll-mt-\[200px\] {
    scroll-margin-top: 200px !important;
  }
  .list-inside {
    list-style-position: inside !important;
  }
  .list-disc {
    list-style-type: disc !important;
  }
  .list-none {
    list-style-type: none !important;
  }
  .appearance-none {
    appearance: none !important;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .flex-col {
    flex-direction: column !important;
  }
  .flex-col-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-row {
    flex-direction: row !important;
  }
  .flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  .items-baseline {
    align-items: baseline !important;
  }
  .items-center {
    align-items: center !important;
  }
  .items-end {
    align-items: flex-end !important;
  }
  .items-start {
    align-items: flex-start !important;
  }
  .items-stretch {
    align-items: stretch !important;
  }
  .justify-between {
    justify-content: space-between !important;
  }
  .justify-center {
    justify-content: center !important;
  }
  .justify-end {
    justify-content: flex-end !important;
  }
  .justify-start {
    justify-content: flex-start !important;
  }
  .gap-0 {
    gap: 0 !important;
  }
  .gap-1 {
    gap: 0.0625rem !important;
  }
  .gap-2 {
    gap: 0.125rem !important;
  }
  .gap-4 {
    gap: 0.25rem !important;
  }
  .gap-5 {
    gap: 0.3125rem !important;
  }
  .gap-6 {
    gap: 0.375rem !important;
  }
  .gap-8 {
    gap: 0.5rem !important;
  }
  .gap-10 {
    gap: 0.625rem !important;
  }
  .gap-12 {
    gap: 0.75rem !important;
  }
  .gap-16 {
    gap: 1rem !important;
  }
  .gap-20 {
    gap: 1.25rem !important;
  }
  .gap-24 {
    gap: 1.5rem !important;
  }
  .gap-32 {
    gap: 2rem !important;
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.125rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.25rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.375rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.5rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.625rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-12 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(0.75rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .space-y-16 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0 !important;
      margin-block-start: calc(1rem * var(--tw-space-y-reverse)) !important;
      margin-block-end: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
    }
  }
  .gap-x-2 {
    column-gap: 0.125rem !important;
  }
  .gap-x-4 {
    column-gap: 0.25rem !important;
  }
  .gap-x-6 {
    column-gap: 0.375rem !important;
  }
  .gap-x-8 {
    column-gap: 0.5rem !important;
  }
  .gap-x-10 {
    column-gap: 0.625rem !important;
  }
  .gap-x-12 {
    column-gap: 0.75rem !important;
  }
  .gap-x-16 {
    column-gap: 1rem !important;
  }
  .gap-x-20 {
    column-gap: 1.25rem !important;
  }
  .gap-x-22 {
    column-gap: 1.375rem !important;
  }
  .gap-x-32 {
    column-gap: 2rem !important;
  }
  .gap-x-40 {
    column-gap: 2.5rem !important;
  }
  .space-x-2 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0 !important;
      margin-inline-start: calc(0.125rem * var(--tw-space-x-reverse)) !important;
      margin-inline-end: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }
  }
  .space-x-5 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0 !important;
      margin-inline-start: calc(0.3125rem * var(--tw-space-x-reverse)) !important;
      margin-inline-end: calc(0.3125rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }
  }
  .space-x-8 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0 !important;
      margin-inline-start: calc(0.5rem * var(--tw-space-x-reverse)) !important;
      margin-inline-end: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }
  }
  .space-x-10 {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0 !important;
      margin-inline-start: calc(0.625rem * var(--tw-space-x-reverse)) !important;
      margin-inline-end: calc(0.625rem * calc(1 - var(--tw-space-x-reverse))) !important;
    }
  }
  .gap-y-2 {
    row-gap: 0.125rem !important;
  }
  .gap-y-4 {
    row-gap: 0.25rem !important;
  }
  .gap-y-6 {
    row-gap: 0.375rem !important;
  }
  .gap-y-8 {
    row-gap: 0.5rem !important;
  }
  .gap-y-10 {
    row-gap: 0.625rem !important;
  }
  .gap-y-12 {
    row-gap: 0.75rem !important;
  }
  .gap-y-16 {
    row-gap: 1rem !important;
  }
  .gap-y-24 {
    row-gap: 1.5rem !important;
  }
  .gap-y-32 {
    row-gap: 2rem !important;
  }
  .divide-x {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0 !important;
      border-inline-style: var(--tw-border-style) !important;
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-top-style: var(--tw-border-style) !important;
      border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    }
  }
  .divide-none {
    :where(& > :not(:last-child)) {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .divide-solid {
    :where(& > :not(:last-child)) {
      --tw-border-style: solid !important;
      border-style: solid !important;
    }
  }
  .divide-gray-100 {
    :where(& > :not(:last-child)) {
      border-color: #ECEDEE !important;
    }
  }
  .divide-gray-200 {
    :where(& > :not(:last-child)) {
      border-color: #D9DCDE !important;
    }
  }
  .divide-neutral-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-neutral-100) !important;
    }
  }
  .divide-primary-100 {
    :where(& > :not(:last-child)) {
      border-color: #DCE3E8 !important;
    }
  }
  .divide-primary-200 {
    :where(& > :not(:last-child)) {
      border-color: #B9C7D0 !important;
    }
  }
  .divide-secondary {
    :where(& > :not(:last-child)) {
      border-color: #DCE3E8 !important;
    }
  }
  .self-auto {
    align-self: auto !important;
  }
  .self-center {
    align-self: center !important;
  }
  .self-end {
    align-self: flex-end !important;
  }
  .self-start {
    align-self: flex-start !important;
  }
  .self-stretch {
    align-self: stretch !important;
  }
  .justify-self-end {
    justify-self: flex-end !important;
  }
  .truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  .overflow-auto {
    overflow: auto !important;
  }
  .overflow-hidden {
    overflow: hidden !important;
  }
  .overflow-visible {
    overflow: visible !important;
  }
  .overflow-x-auto {
    overflow-x: auto !important;
  }
  .overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-y-auto {
    overflow-y: auto !important;
  }
  .overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .rounded {
    border-radius: 0.5rem !important;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl) !important;
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl) !important;
  }
  .rounded-\[0\.25rem\] {
    border-radius: 0.25rem !important;
  }
  .rounded-\[4px\] {
    border-radius: 4px !important;
  }
  .rounded-full {
    border-radius: 9999px !important;
  }
  .rounded-lg {
    border-radius: 0.75rem !important;
  }
  .rounded-m {
    border-radius: 0.5rem !important;
  }
  .rounded-md {
    border-radius: var(--radius-md) !important;
  }
  .rounded-ms {
    border-radius: 0.375rem !important;
  }
  .rounded-none {
    border-radius: 0 !important;
  }
  .rounded-sm {
    border-radius: 0.3rem !important;
  }
  .rounded-xl {
    border-radius: var(--radius-xl) !important;
  }
  .rounded-xs {
    border-radius: 0.125rem !important;
  }
  .rounded-t-lg {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl) !important;
    border-top-right-radius: var(--radius-xl) !important;
  }
  .rounded-l-lg {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .rounded-tl-\[4px\] {
    border-top-left-radius: 4px !important;
  }
  .rounded-r-lg {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .rounded-tr-\[4px\] {
    border-top-right-radius: 4px !important;
  }
  .rounded-b-lg {
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .rounded-b-sm {
    border-bottom-right-radius: 0.3rem !important;
    border-bottom-left-radius: 0.3rem !important;
  }
  .rounded-b-xl {
    border-bottom-right-radius: var(--radius-xl) !important;
    border-bottom-left-radius: var(--radius-xl) !important;
  }
  .rounded-br-lg {
    border-bottom-right-radius: 0.75rem !important;
  }
  .rounded-br-none {
    border-bottom-right-radius: 0 !important;
  }
  .rounded-bl-lg {
    border-bottom-left-radius: 0.75rem !important;
  }
  .rounded-bl-none {
    border-bottom-left-radius: 0 !important;
  }
  .ar-border {
    border-style: var(--tw-border-style) !important;
    border-width: 0.0625rem !important;
    --tw-border-style: solid !important;
    border-style: solid !important;
    border-color: #B9C7D0 !important;
  }
  .border {
    border-style: var(--tw-border-style) !important;
    border-width: 0.0625rem !important;
  }
  .border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }
  .border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 0.125rem !important;
  }
  .border-8 {
    border-style: var(--tw-border-style) !important;
    border-width: 0.5rem !important;
  }
  .border-x-0 {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 0 !important;
  }
  .border-y {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0.0625rem !important;
  }
  .border-y-0 {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0 !important;
  }
  .border-y-1 {
    border-block-style: var(--tw-border-style) !important;
    border-block-width: 0.0625rem !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0.0625rem !important;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0 !important;
  }
  .border-t-4 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0.25rem !important;
  }
  .border-r {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0.0625rem !important;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0 !important;
  }
  .border-r-4 {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0.25rem !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0.0625rem !important;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }
  .border-b-\[0px\] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .border-b-\[1px\] {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-l {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0.0625rem !important;
  }
  .border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0.125rem !important;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0.25rem !important;
  }
  .border-dashed {
    --tw-border-style: dashed !important;
    border-style: dashed !important;
  }
  .border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-solid {
    --tw-border-style: solid !important;
    border-style: solid !important;
  }
  .border-\[\#50738A\] {
    border-color: #50738A !important;
  }
  .border-\[\#C9DAE5\] {
    border-color: #C9DAE5 !important;
  }
  .border-blue-100 {
    border-color: #DFEEFE !important;
  }
  .border-blue-200 {
    border-color: var(--color-blue-200) !important;
  }
  .border-blue-300 {
    border-color: #A0CDFC !important;
  }
  .border-dark {
    border-color: #405C6E !important;
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200) !important;
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300) !important;
  }
  .border-error {
    border-color: #C23D11 !important;
  }
  .border-gray-100 {
    border-color: #ECEDEE !important;
  }
  .border-gray-200 {
    border-color: #D9DCDE !important;
  }
  .border-gray-300 {
    border-color: #D1D5DB !important;
  }
  .border-gray-300\! {
    border-color: #D1D5DB !important;
  }
  .border-gray-400 {
    border-color: var(--color-gray-400) !important;
  }
  .border-green-300 {
    border-color: #66DE6A !important;
  }
  .border-green-400 {
    border-color: var(--color-green-400) !important;
  }
  .border-green-600 {
    border-color: #00A006 !important;
  }
  .border-header {
    border-color: #306384 !important;
  }
  .border-message {
    border-color: #D9DCDE !important;
  }
  .border-neutral-100 {
    border-color: var(--color-neutral-100) !important;
  }
  .border-neutral-200 {
    border-color: var(--color-neutral-200) !important;
  }
  .border-orange-200 {
    border-color: #FFDEA5 !important;
  }
  .border-primary {
    border-color: #B9C7D0 !important;
  }
  .border-primary-100 {
    border-color: #DCE3E8 !important;
  }
  .border-primary-200 {
    border-color: #B9C7D0 !important;
  }
  .border-primary-700 {
    border-color: #304553 !important;
  }
  .border-red-200 {
    border-color: var(--color-red-200) !important;
  }
  .border-red-300 {
    border-color: var(--color-red-300) !important;
  }
  .border-red-400 {
    border-color: var(--color-red-400) !important;
  }
  .border-red-500 {
    border-color: #F24C15 !important;
  }
  .border-red-500\! {
    border-color: #F24C15 !important;
  }
  .border-red-600 {
    border-color: #C23D11 !important;
  }
  .border-red-600\! {
    border-color: #C23D11 !important;
  }
  .border-secondary {
    border-color: #DCE3E8 !important;
  }
  .border-selected {
    border-color: #00A006 !important;
  }
  .border-slate-100 {
    border-color: var(--color-slate-100) !important;
  }
  .border-slate-200 {
    border-color: var(--color-slate-200) !important;
  }
  .border-slate-300 {
    border-color: var(--color-slate-300) !important;
  }
  .border-transparent {
    border-color: transparent !important;
  }
  .border-violet-400 {
    border-color: var(--color-violet-400) !important;
  }
  .border-white {
    border-color: #FFFFFF !important;
  }
  .border-yellow-200 {
    border-color: #FFF799 !important;
  }
  .border-yellow-400 {
    border-color: #FFEE33 !important;
  }
  .border-t-primary-100 {
    border-top-color: #DCE3E8 !important;
  }
  .border-t-slate-900 {
    border-top-color: var(--color-slate-900) !important;
  }
  .border-r-transparent {
    border-right-color: transparent !important;
  }
  .border-b-primary-100 {
    border-bottom-color: #DCE3E8 !important;
  }
  .border-b-secondary {
    border-bottom-color: #DCE3E8 !important;
  }
  .border-l-blue-500 {
    border-left-color: #60ABFA !important;
  }
  .border-l-transparent {
    border-left-color: transparent !important;
  }
  .\!bg-main {
    background-color: #FFFFFF !important;
  }
  .bg-\[\#0F2A3D\] {
    background-color: #0F2A3D !important;
  }
  .bg-\[\#9c7\] {
    background-color: #9c7 !important;
  }
  .bg-\[\#69c\] {
    background-color: #69c !important;
  }
  .bg-\[\#F2F7FA\] {
    background-color: #F2F7FA !important;
  }
  .bg-\[\#FFBAC9\] {
    background-color: #FFBAC9 !important;
  }
  .bg-\[\#c66\] {
    background-color: #c66 !important;
  }
  .bg-\[\#dee3eb\] {
    background-color: #dee3eb !important;
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50) !important;
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100) !important;
  }
  .bg-banner-buyAgain {
    background-color: #66DE6A !important;
  }
  .bg-banner-error {
    background-color: #FF9CB7 !important;
  }
  .bg-banner-fresh {
    background-color: #DFB5EC !important;
  }
  .bg-banner-info {
    background-color: #A0CDFC !important;
  }
  .bg-banner-pager {
    background-color: #F5F6F7 !important;
  }
  .bg-banner-priority {
    background-color: #FFEE33 !important;
  }
  .bg-banner-warning {
    background-color: #FF9CB7 !important;
  }
  .bg-black {
    background-color: var(--color-black) !important;
  }
  .bg-black\/8 {
    background-color: color-mix(in srgb, #000 8%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 8%, transparent) !important;
    }
  }
  .bg-black\/30 {
    background-color: color-mix(in srgb, #000 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important;
    }
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent) !important;
    }
  }
  .bg-black\/50 {
    background-color: color-mix(in srgb, #000 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
    }
  }
  .bg-blue-50 {
    background-color: #EFF7FF !important;
  }
  .bg-blue-100 {
    background-color: #DFEEFE !important;
  }
  .bg-blue-500 {
    background-color: #60ABFA !important;
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600) !important;
  }
  .bg-button {
    background-color: #007804 !important;
  }
  .bg-button-disabled {
    background-color: #7F868A !important;
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50) !important;
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100) !important;
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500) !important;
  }
  .bg-gray-50 {
    background-color: #F5F6F7 !important;
  }
  .bg-gray-100 {
    background-color: #ECEDEE !important;
  }
  .bg-gray-200 {
    background-color: #D9DCDE !important;
  }
  .bg-gray-300 {
    background-color: #D1D5DB !important;
  }
  .bg-gray-400 {
    background-color: var(--color-gray-400) !important;
  }
  .bg-gray-500 {
    background-color: #9FA7AC !important;
  }
  .bg-gray-600 {
    background-color: #7F868A !important;
  }
  .bg-gray-600\/50 {
    background-color: color-mix(in oklab, #7F868A 50%, transparent) !important;
  }
  .bg-green-50 {
    background-color: #E5F9E6 !important;
  }
  .bg-green-50\/60 {
    background-color: color-mix(in oklab, #E5F9E6 60%, transparent) !important;
  }
  .bg-green-50\/80 {
    background-color: color-mix(in oklab, #E5F9E6 80%, transparent) !important;
  }
  .bg-green-100 {
    background-color: #CCF4CD !important;
  }
  .bg-green-500 {
    background-color: #00C807 !important;
  }
  .bg-green-600 {
    background-color: #00A006 !important;
  }
  .bg-green-700 {
    background-color: #007804 !important;
  }
  .bg-main {
    background-color: #FFFFFF !important;
  }
  .bg-navigation {
    background-color: #202E37 !important;
  }
  .bg-neutral-50 {
    background-color: var(--color-neutral-50) !important;
  }
  .bg-neutral-100 {
    background-color: var(--color-neutral-100) !important;
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50) !important;
  }
  .bg-orange-100 {
    background-color: #FFEED2 !important;
  }
  .bg-orange-500 {
    background-color: #FFAC1F !important;
  }
  .bg-primary-50 {
    background-color: #EDF1F3 !important;
  }
  .bg-primary-100 {
    background-color: #DCE3E8 !important;
  }
  .bg-primary-700 {
    background-color: #304553 !important;
  }
  .bg-primary-800 {
    background-color: #202E37 !important;
  }
  .bg-purple-50 {
    background-color: #FAF3FC !important;
  }
  .bg-purple-100 {
    background-color: #F4E6F9 !important;
  }
  .bg-purple-600 {
    background-color: var(--color-purple-600) !important;
  }
  .bg-red-50 {
    background-color: #FEEDE8 !important;
  }
  .bg-red-100 {
    background-color: #FFDEE7 !important;
  }
  .bg-red-500 {
    background-color: #F24C15 !important;
  }
  .bg-red-600 {
    background-color: #C23D11 !important;
  }
  .bg-secondary {
    background-color: #F5F6F7 !important;
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50) !important;
  }
  .bg-slate-50\/50 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent) !important;
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100) !important;
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900) !important;
  }
  .bg-status-active {
    background-color: #66DE6A !important;
  }
  .bg-status-bback {
    background-color: #F24C15 !important;
  }
  .bg-status-cold {
    background-color: #A0CDFC !important;
  }
  .bg-status-delivered {
    background-color: #66DED0 !important;
  }
  .bg-status-fresh {
    background-color: #F4E6F9 !important;
  }
  .bg-status-hot {
    background-color: #FF9CB7 !important;
  }
  .bg-status-inactive {
    background-color: #ECEDEE !important;
  }
  .bg-status-lost {
    background-color: #D1D5DB !important;
  }
  .bg-status-sold {
    background-color: #005047 !important;
  }
  .bg-status-warm {
    background-color: #FDBA74 !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-white {
    background-color: #FFFFFF !important;
  }
  .bg-yellow-50 {
    background-color: #FFFDE5 !important;
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100) !important;
  }
  .bg-yellow-600 {
    background-color: var(--color-yellow-600) !important;
  }
  .bg-\[linear-gradient\(to_right\,white_0\%\,white_12\.5\%\,\#E5F9E61A_25\%\,\#E5F9E6_50\%\,\#E5F9E61A_75\%\,white_87\.5\%\)\] {
    background-image: linear-gradient(to right,white 0%,white 12.5%,#E5F9E61A 25%,#E5F9E6 50%,#E5F9E61A 75%,white 87.5%) !important;
  }
  .bg-card-claimable {
    background-image: linear-gradient(263.19deg, rgba(0, 160, 4, 0.08) 4.36%, rgba(255, 255, 255, 0) 14.25%) !important;
  }
  .bg-gradient-radial {
    background-image: radial-gradient(var(--tw-gradient-stops)) !important;
  }
  .from-neutral-900 {
    --tw-gradient-from: var(--color-neutral-900) !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-white {
    --tw-gradient-from: #FFFFFF !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .from-30\% {
    --tw-gradient-from-position: 30% !important;
  }
  .to-transparent {
    --tw-gradient-to: transparent !important;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)) !important;
  }
  .bg-size-\[800\%_auto\] {
    background-size: 800% auto !important;
  }
  .object-contain {
    object-fit: contain !important;
  }
  .object-cover {
    object-fit: cover !important;
  }
  .p-0 {
    padding: 0 !important;
  }
  .p-1 {
    padding: 0.0625rem !important;
  }
  .p-2 {
    padding: 0.125rem !important;
  }
  .p-2\! {
    padding: 0.125rem !important;
  }
  .p-4 {
    padding: 0.25rem !important;
  }
  .p-5 {
    padding: 0.3125rem !important;
  }
  .p-6 {
    padding: 0.375rem !important;
  }
  .p-8 {
    padding: 0.5rem !important;
  }
  .p-10 {
    padding: 0.625rem !important;
  }
  .p-12 {
    padding: 0.75rem !important;
  }
  .p-14 {
    padding: 0.875rem !important;
  }
  .p-16 {
    padding: 1rem !important;
  }
  .p-20 {
    padding: 1.25rem !important;
  }
  .p-24 {
    padding: 1.5rem !important;
  }
  .p-32 {
    padding: 2rem !important;
  }
  .px-0 {
    padding-inline: 0 !important;
  }
  .px-1 {
    padding-inline: 0.0625rem !important;
  }
  .px-2 {
    padding-inline: 0.125rem !important;
  }
  .px-4 {
    padding-inline: 0.25rem !important;
  }
  .px-5 {
    padding-inline: 0.3125rem !important;
  }
  .px-6 {
    padding-inline: 0.375rem !important;
  }
  .px-8 {
    padding-inline: 0.5rem !important;
  }
  .px-10 {
    padding-inline: 0.625rem !important;
  }
  .px-12 {
    padding-inline: 0.75rem !important;
  }
  .px-14 {
    padding-inline: 0.875rem !important;
  }
  .px-16 {
    padding-inline: 1rem !important;
  }
  .px-20 {
    padding-inline: 1.25rem !important;
  }
  .px-24 {
    padding-inline: 1.5rem !important;
  }
  .px-\[25px\] {
    padding-inline: 25px !important;
  }
  .py-0 {
    padding-block: 0 !important;
  }
  .py-1 {
    padding-block: 0.0625rem !important;
  }
  .py-2 {
    padding-block: 0.125rem !important;
  }
  .py-4 {
    padding-block: 0.25rem !important;
  }
  .py-5 {
    padding-block: 0.3125rem !important;
  }
  .py-6 {
    padding-block: 0.375rem !important;
  }
  .py-8 {
    padding-block: 0.5rem !important;
  }
  .py-10 {
    padding-block: 0.625rem !important;
  }
  .py-12 {
    padding-block: 0.75rem !important;
  }
  .py-16 {
    padding-block: 1rem !important;
  }
  .py-20 {
    padding-block: 1.25rem !important;
  }
  .py-24 {
    padding-block: 1.5rem !important;
  }
  .py-32 {
    padding-block: 2rem !important;
  }
  .py-40 {
    padding-block: 2.5rem !important;
  }
  .py-\[4px\] {
    padding-block: 4px !important;
  }
  .py-\[6rem\] {
    padding-block: 6rem !important;
  }
  .py-\[10px\] {
    padding-block: 10px !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-2 {
    padding-top: 0.125rem !important;
  }
  .pt-4 {
    padding-top: 0.25rem !important;
  }
  .pt-6 {
    padding-top: 0.375rem !important;
  }
  .pt-8 {
    padding-top: 0.5rem !important;
  }
  .pt-10 {
    padding-top: 0.625rem !important;
  }
  .pt-12 {
    padding-top: 0.75rem !important;
  }
  .pt-16 {
    padding-top: 1rem !important;
  }
  .pt-20 {
    padding-top: 1.25rem !important;
  }
  .pt-24 {
    padding-top: 1.5rem !important;
  }
  .pt-\[30px\] {
    padding-top: 30px !important;
  }
  .pr-0 {
    padding-right: 0 !important;
  }
  .pr-0\! {
    padding-right: 0 !important;
  }
  .pr-4 {
    padding-right: 0.25rem !important;
  }
  .pr-5 {
    padding-right: 0.3125rem !important;
  }
  .pr-6 {
    padding-right: 0.375rem !important;
  }
  .pr-8 {
    padding-right: 0.5rem !important;
  }
  .pr-12 {
    padding-right: 0.75rem !important;
  }
  .pr-16 {
    padding-right: 1rem !important;
  }
  .pr-20 {
    padding-right: 1.25rem !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: 0.0625rem !important;
  }
  .pb-2 {
    padding-bottom: 0.125rem !important;
  }
  .pb-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-16 {
    padding-bottom: 1rem !important;
  }
  .pb-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-24 {
    padding-bottom: 1.5rem !important;
  }
  .pb-28 {
    padding-bottom: 1.75rem !important;
  }
  .pb-32 {
    padding-bottom: 2rem !important;
  }
  .pb-\[25px\] {
    padding-bottom: 25px !important;
  }
  .pl-0 {
    padding-left: 0 !important;
  }
  .pl-2 {
    padding-left: 0.125rem !important;
  }
  .pl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-5 {
    padding-left: 0.3125rem !important;
  }
  .pl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-16 {
    padding-left: 1rem !important;
  }
  .pl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-24 {
    padding-left: 1.5rem !important;
  }
  .pl-26 {
    padding-left: 1.625rem !important;
  }
  .pl-32 {
    padding-left: 2rem !important;
  }
  .pl-40 {
    padding-left: 2.5rem !important;
  }
  .text-center {
    text-align: center !important;
  }
  .text-end {
    text-align: end !important;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .align-middle {
    vertical-align: middle !important;
  }
  .align-top {
    vertical-align: top !important;
  }
  .text-label {
    font-family: "Open Sans" !important;
    font-size: 0.625rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-font-weight: 700 !important;
    font-weight: 700 !important;
    color: #405C6E !important;
    text-transform: uppercase !important;
  }
  .ar-cancel {
    font-family: "Open Sans" !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
    color: #405C6E !important;
    text-decoration-line: none !important;
  }
  .heading-lg {
    font-family: "Open Sans" !important;
    font-size: 1.25rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 2rem !important;
    line-height: 2rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .heading-md {
    font-family: "Open Sans" !important;
    font-size: 1rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.5rem !important;
    line-height: 1.5rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .heading-xl {
    font-family: "Open Sans" !important;
    font-size: 1.5rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 2rem !important;
    line-height: 2rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .text-body {
    font-family: "Open Sans" !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 400 !important;
    font-weight: 400 !important;
  }
  .text-body-sm {
    font-family: "Open Sans" !important;
    font-size: 0.75rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1rem !important;
    line-height: 1rem !important;
    --tw-font-weight: 400 !important;
    font-weight: 400 !important;
  }
  .text-semibold {
    font-family: "Open Sans" !important;
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .text-semibold-sm {
    font-family: "Open Sans" !important;
    font-size: 0.75rem !important;
    line-height: var(--tw-leading, normal) !important;
    --tw-leading: 1rem !important;
    line-height: 1rem !important;
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .font-mono {
    font-family: var(--font-mono) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .text-3xl {
    font-size: var(--text-3xl) !important;
    line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
  }
  .text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .text-5xl {
    font-size: 3.1rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-6xl {
    font-size: var(--text-6xl) !important;
    line-height: var(--tw-leading, var(--text-6xl--line-height)) !important;
  }
  .text-base {
    font-size: var(--text-base) !important;
    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
  }
  .text-l {
    font-size: 1rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-lg {
    font-size: var(--text-lg) !important;
    line-height: var(--tw-leading, var(--text-lg--line-height)) !important;
  }
  .text-m {
    font-size: 0.875rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-s {
    font-size: 0.75rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-xl {
    font-size: 1.25rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-xs {
    font-size: 0.625rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-xxl {
    font-size: 1.5rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-xxs {
    font-size: 0.25rem !important;
    line-height: var(--tw-leading, normal) !important;
  }
  .text-\[0\.8em\] {
    font-size: 0.8em !important;
  }
  .text-\[1\.2rem\] {
    font-size: 1.2rem !important;
  }
  .text-\[10px\] {
    font-size: 10px !important;
  }
  .text-\[11px\] {
    font-size: 11px !important;
  }
  .text-\[13px\] {
    font-size: 13px !important;
  }
  .text-\[36px\] {
    font-size: 36px !important;
  }
  .leading-0 {
    --tw-leading: 0 !important;
    line-height: 0 !important;
  }
  .leading-4 {
    --tw-leading: 0.25rem !important;
    line-height: 0.25rem !important;
  }
  .leading-32 {
    --tw-leading: 2rem !important;
    line-height: 2rem !important;
  }
  .leading-\[10px\] {
    --tw-leading: 10px !important;
    line-height: 10px !important;
  }
  .leading-l {
    --tw-leading: 1.5rem !important;
    line-height: 1.5rem !important;
  }
  .leading-m {
    --tw-leading: 1.25rem !important;
    line-height: 1.25rem !important;
  }
  .leading-none {
    --tw-leading: 1 !important;
    line-height: 1 !important;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed) !important;
    line-height: var(--leading-relaxed) !important;
  }
  .leading-s {
    --tw-leading: 1rem !important;
    line-height: 1rem !important;
  }
  .leading-xl {
    --tw-leading: 2rem !important;
    line-height: 2rem !important;
  }
  .font-b {
    --tw-font-weight: 700 !important;
    font-weight: 700 !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold) !important;
    font-weight: var(--font-weight-extrabold) !important;
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light) !important;
    font-weight: var(--font-weight-light) !important;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }
  .font-r {
    --tw-font-weight: 400 !important;
    font-weight: 400 !important;
  }
  .font-sb {
    --tw-font-weight: 600 !important;
    font-weight: 600 !important;
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold) !important;
    font-weight: var(--font-weight-semibold) !important;
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal) !important;
    letter-spacing: var(--tracking-normal) !important;
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide) !important;
    letter-spacing: var(--tracking-wide) !important;
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider) !important;
    letter-spacing: var(--tracking-wider) !important;
  }
  .break-anywhere {
    overflow-wrap: anywhere !important;
  }
  .wrap-break-word {
    overflow-wrap: break-word !important;
  }
  .text-ellipsis {
    text-overflow: ellipsis !important;
  }
  .whitespace-normal {
    white-space: normal !important;
  }
  .whitespace-nowrap {
    white-space: nowrap !important;
  }
  .whitespace-pre-line {
    white-space: pre-line !important;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap !important;
  }
  .\!text-primary-500 {
    color: #50738A !important;
  }
  .text-\[\#00A004\] {
    color: #00A004 !important;
  }
  .text-\[\#3fae49\] {
    color: #3fae49 !important;
  }
  .text-\[\#4f738a\] {
    color: #4f738a !important;
  }
  .text-\[\#96ABB9\] {
    color: #96ABB9 !important;
  }
  .text-\[\#97aab9\] {
    color: #97aab9 !important;
  }
  .text-\[\#717e89\] {
    color: #717e89 !important;
  }
  .text-\[\#777\] {
    color: #777 !important;
  }
  .text-\[\#007804\] {
    color: #007804 !important;
  }
  .text-\[\#13344A\] {
    color: #13344A !important;
  }
  .text-\[\#16354a\] {
    color: #16354a !important;
  }
  .text-\[\#33121B\] {
    color: #33121B !important;
  }
  .text-\[\#50738A\] {
    color: #50738A !important;
  }
  .text-\[\#B28300\] {
    color: #B28300 !important;
  }
  .text-\[\#D1300E\] {
    color: #D1300E !important;
  }
  .text-amber-500 {
    color: var(--color-amber-500) !important;
  }
  .text-amber-600 {
    color: var(--color-amber-600) !important;
  }
  .text-amber-700 {
    color: var(--color-amber-700) !important;
  }
  .text-black {
    color: var(--color-black) !important;
  }
  .text-blue-500 {
    color: #60ABFA !important;
  }
  .text-blue-600 {
    color: var(--color-blue-600) !important;
  }
  .text-blue-700 {
    color: var(--color-blue-700) !important;
  }
  .text-blue-800 {
    color: #264464 !important;
  }
  .text-button {
    color: #FFFFFF !important;
  }
  .text-button-link {
    color: #007804 !important;
  }
  .text-cyan-400 {
    color: var(--color-cyan-400) !important;
  }
  .text-emerald-300 {
    color: var(--color-emerald-300) !important;
  }
  .text-emerald-500 {
    color: var(--color-emerald-500) !important;
  }
  .text-emerald-600 {
    color: var(--color-emerald-600) !important;
  }
  .text-emerald-700 {
    color: var(--color-emerald-700) !important;
  }
  .text-emerald-800 {
    color: var(--color-emerald-800) !important;
  }
  .text-error {
    color: #C23D11 !important;
  }
  .text-gray-50 {
    color: #F5F6F7 !important;
  }
  .text-gray-300 {
    color: #D1D5DB !important;
  }
  .text-gray-400 {
    color: var(--color-gray-400) !important;
  }
  .text-gray-500 {
    color: #9FA7AC !important;
  }
  .text-gray-600 {
    color: #7F868A !important;
  }
  .text-gray-700 {
    color: var(--color-gray-700) !important;
  }
  .text-gray-800 {
    color: var(--color-gray-800) !important;
  }
  .text-gray-900 {
    color: var(--color-gray-900) !important;
  }
  .text-green-300 {
    color: #66DE6A !important;
  }
  .text-green-400 {
    color: var(--color-green-400) !important;
  }
  .text-green-500 {
    color: #00C807 !important;
  }
  .text-green-600 {
    color: #00A006 !important;
  }
  .text-green-700 {
    color: #007804 !important;
  }
  .text-green-800 {
    color: #005003 !important;
  }
  .text-inherit {
    color: inherit !important;
  }
  .text-link {
    color: #007804 !important;
  }
  .text-muted {
    color: #B9C7D0 !important;
  }
  .text-neutral-400 {
    color: var(--color-neutral-400) !important;
  }
  .text-neutral-600 {
    color: var(--color-neutral-600) !important;
  }
  .text-neutral-900 {
    color: var(--color-neutral-900) !important;
  }
  .text-orange-500 {
    color: #FFAC1F !important;
  }
  .text-orange-600 {
    color: var(--color-orange-600) !important;
  }
  .text-orange-700 {
    color: #E65F05 !important;
  }
  .text-orange-800 {
    color: #66450C !important;
  }
  .text-primary {
    color: #10171C !important;
  }
  .text-primary-200 {
    color: #B9C7D0 !important;
  }
  .text-primary-300 {
    color: #96ABB9 !important;
  }
  .text-primary-400 {
    color: #738FA1 !important;
  }
  .text-primary-500 {
    color: #50738A !important;
  }
  .text-primary-600 {
    color: #405C6E !important;
  }
  .text-primary-700 {
    color: #304553 !important;
  }
  .text-primary-800 {
    color: #202E37 !important;
  }
  .text-primary-900 {
    color: #10171C !important;
  }
  .text-purple-500 {
    color: #CA83E0 !important;
  }
  .text-purple-600 {
    color: var(--color-purple-600) !important;
  }
  .text-purple-800 {
    color: #51345A !important;
  }
  .text-red-400 {
    color: var(--color-red-400) !important;
  }
  .text-red-500 {
    color: #F24C15 !important;
  }
  .text-red-600 {
    color: #C23D11 !important;
  }
  .text-red-600\! {
    color: #C23D11 !important;
  }
  .text-red-700 {
    color: #912E0D !important;
  }
  .text-red-800 {
    color: var(--color-red-800) !important;
  }
  .text-secondary {
    color: #405C6E !important;
  }
  .text-slate-300 {
    color: var(--color-slate-300) !important;
  }
  .text-slate-400 {
    color: var(--color-slate-400) !important;
  }
  .text-slate-500 {
    color: var(--color-slate-500) !important;
  }
  .text-slate-600 {
    color: var(--color-slate-600) !important;
  }
  .text-slate-700 {
    color: var(--color-slate-700) !important;
  }
  .text-slate-800 {
    color: var(--color-slate-800) !important;
  }
  .text-slate-900 {
    color: var(--color-slate-900) !important;
  }
  .text-status-active {
    color: #66DE6A !important;
  }
  .text-status-cold {
    color: #A0CDFC !important;
  }
  .text-status-delivered {
    color: #66DED0 !important;
  }
  .text-status-hot {
    color: #FF9CB7 !important;
  }
  .text-status-inactive {
    color: #ECEDEE !important;
  }
  .text-status-lost {
    color: #D1D5DB !important;
  }
  .text-status-sold {
    color: #005047 !important;
  }
  .text-status-warm {
    color: #FDBA74 !important;
  }
  .text-teal-700 {
    color: var(--color-teal-700) !important;
  }
  .text-violet-500 {
    color: var(--color-violet-500) !important;
  }
  .text-white {
    color: #FFFFFF !important;
  }
  .text-white\/70 {
    color: color-mix(in oklab, #FFFFFF 70%, transparent) !important;
  }
  .text-yellow-400 {
    color: #FFEE33 !important;
  }
  .text-yellow-500 {
    color: #B28300 !important;
  }
  .text-yellow-600 {
    color: var(--color-yellow-600) !important;
  }
  .text-yellow-700 {
    color: var(--color-yellow-700) !important;
  }
  .text-yellow-800 {
    color: var(--color-yellow-800) !important;
  }
  .capitalize {
    text-transform: capitalize !important;
  }
  .capitalize\! {
    text-transform: capitalize !important;
  }
  .lowercase {
    text-transform: lowercase !important;
  }
  .normal-case {
    text-transform: none !important;
  }
  .uppercase {
    text-transform: uppercase !important;
  }
  .italic {
    font-style: italic !important;
  }
  .not-italic {
    font-style: normal !important;
  }
  .ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .line-through {
    text-decoration-line: line-through !important;
  }
  .no-underline {
    text-decoration-line: none !important;
  }
  .underline {
    text-decoration-line: underline !important;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }
  .opacity-25 {
    opacity: 25% !important;
  }
  .opacity-30 {
    opacity: 30% !important;
  }
  .opacity-40 {
    opacity: 40% !important;
  }
  .opacity-50 {
    opacity: 50% !important;
  }
  .opacity-60 {
    opacity: 60% !important;
  }
  .opacity-75 {
    opacity: 75% !important;
  }
  .opacity-80 {
    opacity: 80% !important;
  }
  .shadow {
    --tw-shadow: 4px 4px 5px var(--tw-shadow-color, #aaa) !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;
  }
  .shadow\! {
    --tw-shadow: 4px 4px 5px var(--tw-shadow-color, #aaa) !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;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !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;
  }
  .shadow-\[0_0_0_3px_rgba\(0\,120\,4\,0\.15\)\] {
    --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(0,120,4,0.15)) !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;
  }
  .shadow-active {
    --tw-shadow: 0px 8px 16px var(--tw-shadow-color, rgba(48, 99, 132, 0.08)), 0px -8px 16px var(--tw-shadow-color, rgba(48, 99, 132, 0.04)) !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;
  }
  .shadow-card {
    --tw-shadow: 0px -12px 24px var(--tw-shadow-color, rgba(48, 99, 132, 0.04)), 0px 12px 24px var(--tw-shadow-color, rgba(48, 99, 132, 0.06)), 0px 4px 6px var(--tw-shadow-color, rgba(48, 99, 132, 0.06)) !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;
  }
  .shadow-floating {
    --tw-shadow: 0px 5px 5px -3px var(--tw-shadow-color, rgba(0,0,0,0.2)), 0px 8px 10px 1px var(--tw-shadow-color, rgba(0,0,0,0.14)), 0px 3px 14px 2px var(--tw-shadow-color, rgba(0,0,0,0.12)) !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;
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .shadow-modal {
    --tw-shadow: 0px 15px 12px var(--tw-shadow-color, rgba(48, 99, 132, 0.22)), 0px 19px 38px var(--tw-shadow-color, rgba(48, 99, 132, 0.3)) !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;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
  }
  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
  }
  .ring-blue-400 {
    --tw-ring-color: var(--color-blue-400) !important;
  }
  .ring-blue-700\/10 {
    --tw-ring-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent) !important;
    }
  }
  .ring-gray-300 {
    --tw-ring-color: #D1D5DB !important;
  }
  .ring-gray-800 {
    --tw-ring-color: var(--color-gray-800) !important;
  }
  .ring-green-400 {
    --tw-ring-color: var(--color-green-400) !important;
  }
  .ring-red-400 {
    --tw-ring-color: var(--color-red-400) !important;
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px !important;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  }
  .outline-hidden {
    --tw-outline-style: none !important;
    outline-style: none !important;
    @media (forced-colors: active) {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
    }
  }
  .outline {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0.0625rem !important;
  }
  .outline-0 {
    outline-style: var(--tw-outline-style) !important;
    outline-width: 0 !important;
  }
  .outline-primary-200 {
    outline-color: #B9C7D0 !important;
  }
  .outline-white {
    outline-color: #FFFFFF !important;
  }
  .blur {
    --tw-blur: blur(8px) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .grayscale {
    --tw-grayscale: grayscale(100%) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .invert {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .invert\! {
    --tw-invert: invert(100%) !important;
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter\! {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-all {
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .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(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-shadow {
    transition-property: box-shadow !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
  }
  .duration-150 {
    --tw-duration: 150ms !important;
    transition-duration: 150ms !important;
  }
  .duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .duration-300 {
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
  }
  .duration-500 {
    --tw-duration: 500ms !important;
    transition-duration: 500ms !important;
  }
  .duration-700 {
    --tw-duration: 700ms !important;
    transition-duration: 700ms !important;
  }
  .duration-1000 {
    --tw-duration: 1000ms !important;
    transition-duration: 1000ms !important;
  }
  .ease-in {
    --tw-ease: var(--ease-in) !important;
    transition-timing-function: var(--ease-in) !important;
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out) !important;
    transition-timing-function: var(--ease-in-out) !important;
  }
  .ease-out {
    --tw-ease: var(--ease-out) !important;
    transition-timing-function: var(--ease-out) !important;
  }
  .outline-none {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  .select-none {
    -webkit-user-select: none !important;
    user-select: none !important;
  }
  .\[file\:line\] {
    file: line !important;
  }
  .\[link\:doc\/command_line_usage\.rdoc\] {
    link: doc/command line usage.rdoc !important;
  }
  .\[link\:doc\/glossary\.rdoc\] {
    link: doc/glossary.rdoc !important;
  }
  .\[link\:doc\/rakefile\.rdoc\] {
    link: doc/rakefile.rdoc !important;
  }
  .\[link\:doc\/rational\.rdoc\] {
    link: doc/rational.rdoc !important;
  }
  .\[mailto\:U1355044\@app\.autoraptor\.com\] {
    mailto: U1355044@app.autoraptor.com !important;
  }
  .\[mailto\:rbuckley\@jakekaplans\.com\] {
    mailto: rbuckley@jakekaplans.com !important;
  }
  .\[rdoc-ref\:BigDecimal\@Not\+a\+Number\] {
    rdoc-ref: BigDecimal@Not+a+Number !important;
  }
  .\[ruby-core\:4261\] {
    ruby-core: 4261 !important;
  }
  .\[ruby-core\:85266\] {
    ruby-core: 85266 !important;
  }
  .\[ruby-dev\:27513\] {
    ruby-dev: 27513 !important;
  }
  .\[ruby-dev\:28445\] {
    ruby-dev: 28445 !important;
  }
  .\[ruby-dev\:29520\] {
    ruby-dev: 29520 !important;
  }
  .\[test-unit-users-en\:00026\] {
    test-unit-users-en: 00026 !important;
  }
  .\[test-unit-users-en\:00035\] {
    test-unit-users-en: 00035 !important;
  }
  .\[test-unit-users-en\:00089\] {
    test-unit-users-en: 00089 !important;
  }
  .\[test-unit-users-en\:00098\] {
    test-unit-users-en: 00098 !important;
  }
  .ring-inset {
    --tw-ring-inset: inset !important;
  }
  .\*\:box-border {
    :is(& > *) {
      box-sizing: border-box !important;
    }
  }
  .\*\:flex-1 {
    :is(& > *) {
      flex: 1 !important;
    }
  }
  .\*\:pl-12 {
    :is(& > *) {
      padding-left: 0.75rem !important;
    }
  }
  .\*\:text-xs {
    :is(& > *) {
      font-size: 0.625rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .\*\:text-\[\#16354a\] {
    :is(& > *) {
      color: #16354a !important;
    }
  }
  .\*\*\:box-border {
    :is(& *) {
      box-sizing: border-box !important;
    }
  }
  .\*\*\:wrap-break-word {
    :is(& *) {
      overflow-wrap: break-word !important;
    }
  }
  .\*\*\:text-white {
    :is(& *) {
      color: #FFFFFF !important;
    }
  }
  .not-empty\:mt-16 {
    &:not(*:empty) {
      margin-top: 1rem !important;
    }
  }
  .not-empty\:mb-12 {
    &:not(*:empty) {
      margin-bottom: 0.75rem !important;
    }
  }
  .group-first\:rounded-l-sm {
    &:is(:where(.group):first-child *) {
      border-top-left-radius: 0.3rem !important;
      border-bottom-left-radius: 0.3rem !important;
    }
  }
  .group-last\:rounded-r-sm {
    &:is(:where(.group):last-child *) {
      border-top-right-radius: 0.3rem !important;
      border-bottom-right-radius: 0.3rem !important;
    }
  }
  .group-open\:hidden {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      display: none !important;
    }
  }
  .group-open\:inline {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      display: inline !important;
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg !important;
    }
  }
  .group-open\:rounded-b-none {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }
  .group-open\:font-semibold {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      --tw-font-weight: var(--font-weight-semibold) !important;
      font-weight: var(--font-weight-semibold) !important;
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105% !important;
        --tw-scale-y: 105% !important;
        --tw-scale-z: 105% !important;
        scale: var(--tw-scale-x) var(--tw-scale-y) !important;
      }
    }
  }
  .group-hover\:bg-green-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        background-color: #CCF4CD !important;
      }
    }
  }
  .group-hover\:text-green-600 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
  }
  .group-hover\:text-green-700 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: #007804 !important;
      }
    }
  }
  .group-hover\:underline {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        text-decoration-line: underline !important;
      }
    }
  }
  .group-hover\:opacity-80 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 80% !important;
      }
    }
  }
  .group-aria-checked\:inline-block {
    &:is(:where(.group)[aria-checked="true"] *) {
      display: inline-block !important;
    }
  }
  .group-\[\.auto-submitting\]\:block {
    &:is(:where(.group):is(.auto-submitting) *) {
      display: block !important;
    }
  }
  .group-\[\.auto-submitting\]\:hidden {
    &:is(:where(.group):is(.auto-submitting) *) {
      display: none !important;
    }
  }
  .group-\[\.deleted\]\:bg-primary-100 {
    &:is(:where(.group):is(.deleted) *) {
      background-color: #DCE3E8 !important;
    }
  }
  .group-\[\.deleted\]\:text-secondary {
    &:is(:where(.group):is(.deleted) *) {
      color: #405C6E !important;
    }
  }
  .group-\[\.deleted\]\:line-through {
    &:is(:where(.group):is(.deleted) *) {
      text-decoration-line: line-through !important;
    }
  }
  .group-\[\.expanded\]\:border-selected {
    &:is(:where(.group):is(.expanded) *) {
      border-color: #00A006 !important;
    }
  }
  .group-\[\.expanded\]\:bg-green-50 {
    &:is(:where(.group):is(.expanded) *) {
      background-color: #E5F9E6 !important;
    }
  }
  .group-\[\.new\]\:visible {
    &:is(:where(.group):is(.new) *) {
      visibility: visible !important;
    }
  }
  .group-\[\.no-check\]\:hidden {
    &:is(:where(.group):is(.no-check) *) {
      display: none !important;
    }
  }
  .group-\[\.no-truncate\]\:whitespace-normal {
    &:is(:where(.group):is(.no-truncate) *) {
      white-space: normal !important;
    }
  }
  .group-\[\.open\]\:block {
    &:is(:where(.group):is(.open) *) {
      display: block !important;
    }
  }
  .group-\[\.open\]\:hidden {
    &:is(:where(.group):is(.open) *) {
      display: none !important;
    }
  }
  .group-\[\.open\]\:rounded-lg {
    &:is(:where(.group):is(.open) *) {
      border-radius: 0.75rem !important;
    }
  }
  .group-\[\.open\]\:border {
    &:is(:where(.group):is(.open) *) {
      border-style: var(--tw-border-style) !important;
      border-width: 0.0625rem !important;
    }
  }
  .group-\[\.open\]\:border-b-0 {
    &:is(:where(.group):is(.open) *) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .group-\[\.open\]\:border-solid {
    &:is(:where(.group):is(.open) *) {
      --tw-border-style: solid !important;
      border-style: solid !important;
    }
  }
  .group-\[\.open\]\:border-primary {
    &:is(:where(.group):is(.open) *) {
      border-color: #B9C7D0 !important;
    }
  }
  .group-\[\.open\]\:bg-blue-50 {
    &:is(:where(.group):is(.open) *) {
      background-color: #EFF7FF !important;
    }
  }
  .group-\[\.open\]\:bg-secondary {
    &:is(:where(.group):is(.open) *) {
      background-color: #F5F6F7 !important;
    }
  }
  .group-\[\.open\]\:px-8 {
    &:is(:where(.group):is(.open) *) {
      padding-inline: 0.5rem !important;
    }
  }
  .group-\[\.open\]\:text-primary {
    &:is(:where(.group):is(.open) *) {
      color: #10171C !important;
    }
  }
  .group-\[\.open\]\:outline-hidden {
    &:is(:where(.group):is(.open) *) {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
  }
  .group-\[\.size-small\]\:min-h-28 {
    &:is(:where(.group):is(.size-small) *) {
      min-height: 1.75rem !important;
    }
  }
  .group-\[\.size-small\]\:text-body-sm {
    &:is(:where(.group):is(.size-small) *) {
      font-family: "Open Sans" !important;
      font-size: 0.75rem !important;
      line-height: var(--tw-leading, normal) !important;
      --tw-leading: 1rem !important;
      line-height: 1rem !important;
      --tw-font-weight: 400 !important;
      font-weight: 400 !important;
    }
  }
  .peer-checked\:inline-block {
    &:is(:where(.peer):checked ~ *) {
      display: inline-block !important;
    }
  }
  .peer-checked\:border-selected {
    &:is(:where(.peer):checked ~ *) {
      border-color: #00A006 !important;
    }
  }
  .peer-checked\:bg-green-50 {
    &:is(:where(.peer):checked ~ *) {
      background-color: #E5F9E6 !important;
    }
  }
  .peer-checked\:text-green-800 {
    &:is(:where(.peer):checked ~ *) {
      color: #005003 !important;
    }
  }
  .peer-empty\:inline-flex {
    &:is(:where(.peer):empty ~ *) {
      display: inline-flex !important;
    }
  }
  .peer-disabled\:text-gray-300 {
    &:is(:where(.peer):disabled ~ *) {
      color: #D1D5DB !important;
    }
  }
  .peer-\[\:not\(\:has\(details\[open\]\)\)\]\:hidden {
    &:is(:where(.peer):is(:not(:has(details[open]))) ~ *) {
      display: none !important;
    }
  }
  .placeholder\:text-green-700 {
    &::placeholder {
      color: #007804 !important;
    }
  }
  .placeholder\:text-secondary {
    &::placeholder {
      color: #405C6E !important;
    }
  }
  .backdrop\:bg-black\/30 {
    &::backdrop {
      background-color: color-mix(in srgb, #000 30%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important;
      }
    }
  }
  .backdrop\:bg-black\/50 {
    &::backdrop {
      background-color: color-mix(in srgb, #000 50%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
      }
    }
  }
  .backdrop\:bg-black\/75 {
    &::backdrop {
      background-color: color-mix(in srgb, #000 75%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent) !important;
      }
    }
  }
  .before\:pointer-events-none {
    &::before {
      content: var(--tw-content);
      pointer-events: none !important;
    }
  }
  .before\:absolute {
    &::before {
      content: var(--tw-content);
      position: absolute !important;
    }
  }
  .before\:top-0 {
    &::before {
      content: var(--tw-content);
      top: 0 !important;
    }
  }
  .before\:top-\[6px\] {
    &::before {
      content: var(--tw-content);
      top: 6px !important;
    }
  }
  .before\:left-0 {
    &::before {
      content: var(--tw-content);
      left: 0 !important;
    }
  }
  .before\:left-\[-2px\] {
    &::before {
      content: var(--tw-content);
      left: -2px !important;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100% !important;
    }
  }
  .before\:h-full {
    &::before {
      content: var(--tw-content);
      height: 100% !important;
    }
  }
  .before\:w-16 {
    &::before {
      content: var(--tw-content);
      width: 1rem !important;
    }
  }
  .before\:rotate-180 {
    &::before {
      content: var(--tw-content);
      rotate: 180deg !important;
    }
  }
  .before\:bg-mobile-tab-fade {
    &::before {
      content: var(--tw-content);
      background-image: linear-gradient(270deg, #FFF 31.73%, rgba(255, 255, 255, 0) 100%) !important;
    }
  }
  .before\:font-icon {
    &::before {
      content: var(--tw-content);
      font-family: remixicon !important;
    }
  }
  .before\:text-\[16px\] {
    &::before {
      content: var(--tw-content);
      font-size: 16px !important;
    }
  }
  .before\:text-white {
    &::before {
      content: var(--tw-content);
      color: #FFFFFF !important;
    }
  }
  .before\:content-\[\'\'\] {
    &::before {
      content: var(--tw-content);
      --tw-content: '' !important;
      content: var(--tw-content) !important;
    }
  }
  .after\:pointer-events-none {
    &::after {
      content: var(--tw-content);
      pointer-events: none !important;
    }
  }
  .after\:absolute {
    &::after {
      content: var(--tw-content);
      position: absolute !important;
    }
  }
  .after\:top-0 {
    &::after {
      content: var(--tw-content);
      top: 0 !important;
    }
  }
  .after\:right-0 {
    &::after {
      content: var(--tw-content);
      right: 0 !important;
    }
  }
  .after\:bottom-0 {
    &::after {
      content: var(--tw-content);
      bottom: 0 !important;
    }
  }
  .after\:hidden {
    &::after {
      content: var(--tw-content);
      display: none !important;
    }
  }
  .after\:h-2 {
    &::after {
      content: var(--tw-content);
      height: 0.125rem !important;
    }
  }
  .after\:h-\[3px\] {
    &::after {
      content: var(--tw-content);
      height: 3px !important;
    }
  }
  .after\:h-full {
    &::after {
      content: var(--tw-content);
      height: 100% !important;
    }
  }
  .after\:h-full {
    &::after {
      content: var(--tw-content);
      height: 100% !important;
    }
  }
  .after\:w-16 {
    &::after {
      content: var(--tw-content);
      width: 1rem !important;
    }
  }
  .after\:w-\[80\%\] {
    &::after {
      content: var(--tw-content);
      width: 80% !important;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100% !important;
    }
  }
  .after\:w-full {
    &::after {
      content: var(--tw-content);
      width: 100% !important;
    }
  }
  .after\:bg-green-500 {
    &::after {
      content: var(--tw-content);
      background-color: #00C807 !important;
    }
  }
  .after\:bg-mobile-tab-fade {
    &::after {
      content: var(--tw-content);
      background-image: linear-gradient(270deg, #FFF 31.73%, rgba(255, 255, 255, 0) 100%) !important;
    }
  }
  .after\:content-\[\"\"\] {
    &::after {
      content: var(--tw-content);
      --tw-content: "" !important;
      content: var(--tw-content) !important;
    }
  }
  .after\:content-\[\'\'\] {
    &::after {
      content: var(--tw-content);
      --tw-content: '' !important;
      content: var(--tw-content) !important;
    }
  }
  .first\:left-0 {
    &:first-child {
      left: 0 !important;
    }
  }
  .first\:z-1 {
    &:first-child {
      z-index: 1 !important;
    }
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: 0 !important;
    }
  }
  .first\:hidden {
    &:first-child {
      display: none !important;
    }
  }
  .first\:rounded-l-sm {
    &:first-child {
      border-top-left-radius: 0.3rem !important;
      border-bottom-left-radius: 0.3rem !important;
    }
  }
  .first\:pt-0 {
    &:first-child {
      padding-top: 0 !important;
    }
  }
  .first\:pt-12 {
    &:first-child {
      padding-top: 0.75rem !important;
    }
  }
  .\*\:first\:ml-16 {
    :is(& > *) {
      &:first-child {
        margin-left: 1rem !important;
      }
    }
  }
  .last\:mb-0 {
    &:last-child {
      margin-bottom: 0 !important;
    }
  }
  .last\:rounded-r-sm {
    &:last-child {
      border-top-right-radius: 0.3rem !important;
      border-bottom-right-radius: 0.3rem !important;
    }
  }
  .last\:border-b-0 {
    &:last-child {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .last\:pb-0 {
    &:last-child {
      padding-bottom: 0 !important;
    }
  }
  .last\:pb-12 {
    &:last-child {
      padding-bottom: 0.75rem !important;
    }
  }
  .\*\:last\:mr-16 {
    :is(& > *) {
      &:last-child {
        margin-right: 1rem !important;
      }
    }
  }
  .first-of-type\:rounded-l-\[0\.25rem\] {
    &:first-of-type {
      border-top-left-radius: 0.25rem !important;
      border-bottom-left-radius: 0.25rem !important;
    }
  }
  .first-of-type\:pl-24 {
    &:first-of-type {
      padding-left: 1.5rem !important;
    }
  }
  .first-of-type\:text-left {
    &:first-of-type {
      text-align: left !important;
    }
  }
  .last-of-type\:rounded-r-\[0\.25rem\] {
    &:last-of-type {
      border-top-right-radius: 0.25rem !important;
      border-bottom-right-radius: 0.25rem !important;
    }
  }
  .visited\:text-primary {
    &:visited {
      color: #10171C !important;
    }
  }
  .visited\:text-secondary {
    &:visited {
      color: #405C6E !important;
    }
  }
  .checked\:border-5 {
    &:checked {
      border-style: var(--tw-border-style) !important;
      border-width: 0.3125rem !important;
    }
  }
  .checked\:border-focus {
    &:checked {
      border-color: #00C807 !important;
    }
  }
  .checked\:bg-green-500 {
    &:checked {
      background-color: #00C807 !important;
    }
  }
  .checked\:before\:content-\[\'\'\] {
    &:checked {
      &::before {
        content: var(--tw-content);
        --tw-content: '' !important;
        content: var(--tw-content) !important;
      }
    }
  }
  .empty\:hidden {
    &:empty {
      display: none !important;
    }
  }
  .focus-within\:border-error {
    &:focus-within {
      border-color: #C23D11 !important;
    }
  }
  .focus-within\:border-focus {
    &:focus-within {
      border-color: #00C807 !important;
    }
  }
  .hover\:-translate-y-1 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(0.0625rem * -1) !important;
        translate: var(--tw-translate-x) var(--tw-translate-y) !important;
      }
    }
  }
  .hover\:cursor-pointer {
    &:hover {
      @media (hover: hover) {
        cursor: pointer !important;
      }
    }
  }
  .hover\:border-dark {
    &:hover {
      @media (hover: hover) {
        border-color: #405C6E !important;
      }
    }
  }
  .hover\:border-green-300 {
    &:hover {
      @media (hover: hover) {
        border-color: #66DE6A !important;
      }
    }
  }
  .hover\:border-green-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-green-400) !important;
      }
    }
  }
  .hover\:border-hover {
    &:hover {
      @media (hover: hover) {
        border-color: #66DE6A !important;
      }
    }
  }
  .hover\:border-primary-300 {
    &:hover {
      @media (hover: hover) {
        border-color: #96ABB9 !important;
      }
    }
  }
  .hover\:border-selected {
    &:hover {
      @media (hover: hover) {
        border-color: #00A006 !important;
      }
    }
  }
  .hover\:bg-\[\#F2F7FA\] {
    &:hover {
      @media (hover: hover) {
        background-color: #F2F7FA !important;
      }
    }
  }
  .hover\:bg-\[\#fbfbfb\] {
    &:hover {
      @media (hover: hover) {
        background-color: #fbfbfb !important;
      }
    }
  }
  .hover\:bg-black\/4 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 4%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 4%, transparent) !important;
        }
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: #EFF7FF !important;
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600) !important;
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700) !important;
      }
    }
  }
  .hover\:bg-button-hover {
    &:hover {
      @media (hover: hover) {
        background-color: #00A006 !important;
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: #F5F6F7 !important;
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: #ECEDEE !important;
      }
    }
  }
  .hover\:bg-gray-200 {
    &:hover {
      @media (hover: hover) {
        background-color: #D9DCDE !important;
      }
    }
  }
  .hover\:bg-gray-300 {
    &:hover {
      @media (hover: hover) {
        background-color: #D1D5DB !important;
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400) !important;
      }
    }
  }
  .hover\:bg-gray-600 {
    &:hover {
      @media (hover: hover) {
        background-color: #7F868A !important;
      }
    }
  }
  .hover\:bg-gray-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-700) !important;
      }
    }
  }
  .hover\:bg-green-50 {
    &:hover {
      @media (hover: hover) {
        background-color: #E5F9E6 !important;
      }
    }
  }
  .hover\:bg-green-600 {
    &:hover {
      @media (hover: hover) {
        background-color: #00A006 !important;
      }
    }
  }
  .hover\:bg-green-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #007804 !important;
      }
    }
  }
  .hover\:bg-main {
    &:hover {
      @media (hover: hover) {
        background-color: #FFFFFF !important;
      }
    }
  }
  .hover\:bg-primary-50 {
    &:hover {
      @media (hover: hover) {
        background-color: #EDF1F3 !important;
      }
    }
  }
  .hover\:bg-primary-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #304553 !important;
      }
    }
  }
  .hover\:bg-primary-800 {
    &:hover {
      @media (hover: hover) {
        background-color: #202E37 !important;
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: #FEEDE8 !important;
      }
    }
  }
  .hover\:bg-red-100 {
    &:hover {
      @media (hover: hover) {
        background-color: #FFDEE7 !important;
      }
    }
  }
  .hover\:bg-red-500 {
    &:hover {
      @media (hover: hover) {
        background-color: #F24C15 !important;
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #912E0D !important;
      }
    }
  }
  .hover\:bg-secondary {
    &:hover {
      @media (hover: hover) {
        background-color: #F5F6F7 !important;
      }
    }
  }
  .hover\:bg-secondary\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #F5F6F7 30%, transparent) !important;
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50) !important;
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100) !important;
      }
    }
  }
  .hover\:bg-transparent {
    &:hover {
      @media (hover: hover) {
        background-color: transparent !important;
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: #FFFFFF !important;
      }
    }
  }
  .hover\:bg-white\/10 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in oklab, #FFFFFF 10%, transparent) !important;
      }
    }
  }
  .hover\:bg-yellow-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-yellow-700) !important;
      }
    }
  }
  .hover\:text-\[\#3b9846\] {
    &:hover {
      @media (hover: hover) {
        color: #3b9846 !important;
      }
    }
  }
  .hover\:text-blue-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-600) !important;
      }
    }
  }
  .hover\:text-blue-800 {
    &:hover {
      @media (hover: hover) {
        color: #264464 !important;
      }
    }
  }
  .hover\:text-button-link-hover {
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
  }
  .hover\:text-emerald-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-emerald-800) !important;
      }
    }
  }
  .hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: #7F868A !important;
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700) !important;
      }
    }
  }
  .hover\:text-gray-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-800) !important;
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900) !important;
      }
    }
  }
  .hover\:text-green-100 {
    &:hover {
      @media (hover: hover) {
        color: #CCF4CD !important;
      }
    }
  }
  .hover\:text-green-300 {
    &:hover {
      @media (hover: hover) {
        color: #66DE6A !important;
      }
    }
  }
  .hover\:text-green-700 {
    &:hover {
      @media (hover: hover) {
        color: #007804 !important;
      }
    }
  }
  .hover\:text-link-hover {
    &:hover {
      @media (hover: hover) {
        color: #00A006 !important;
      }
    }
  }
  .hover\:text-primary {
    &:hover {
      @media (hover: hover) {
        color: #10171C !important;
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: #912E0D !important;
      }
    }
  }
  .hover\:text-red-800 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-800) !important;
      }
    }
  }
  .hover\:text-secondary {
    &:hover {
      @media (hover: hover) {
        color: #405C6E !important;
      }
    }
  }
  .hover\:text-slate-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-700) !important;
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: #FFFFFF !important;
      }
    }
  }
  .hover\:text-white\/90 {
    &:hover {
      @media (hover: hover) {
        color: color-mix(in oklab, #FFFFFF 90%, transparent) !important;
      }
    }
  }
  .hover\:text-yellow-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-yellow-900) !important;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline !important;
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90% !important;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100% !important;
      }
    }
  }
  .hover\:shadow-lg {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
      }
    }
  }
  .hover\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
      }
    }
  }
  .hover\:shadow-xl {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !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;
      }
    }
  }
  .hover\:ring-2 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
      }
    }
  }
  .hover\:ring-green-600 {
    &:hover {
      @media (hover: hover) {
        --tw-ring-color: #00A006 !important;
      }
    }
  }
  .hover\:placeholder\:text-green-800 {
    &:hover {
      @media (hover: hover) {
        &::placeholder {
          color: #005003 !important;
        }
      }
    }
  }
  .hover\:focus-within\:border-error {
    &:hover {
      @media (hover: hover) {
        &:focus-within {
          border-color: #C23D11 !important;
        }
      }
    }
  }
  .hover\:focus-within\:border-focus {
    &:hover {
      @media (hover: hover) {
        &:focus-within {
          border-color: #00C807 !important;
        }
      }
    }
  }
  .focus\:mt-10 {
    &:focus {
      margin-top: 0.625rem !important;
    }
  }
  .focus\:border-focus {
    &:focus {
      border-color: #00C807 !important;
    }
  }
  .focus\:border-indigo-500 {
    &:focus {
      border-color: var(--color-indigo-500) !important;
    }
  }
  .focus\:border-selected {
    &:focus {
      border-color: #00A006 !important;
    }
  }
  .focus\:border-transparent {
    &:focus {
      border-color: transparent !important;
    }
  }
  .focus\:text-secondary {
    &:focus {
      color: #405C6E !important;
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !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;
    }
  }
  .focus\:ring-blue-300 {
    &:focus {
      --tw-ring-color: #A0CDFC !important;
    }
  }
  .focus\:ring-blue-500 {
    &:focus {
      --tw-ring-color: #60ABFA !important;
    }
  }
  .focus\:ring-gray-300 {
    &:focus {
      --tw-ring-color: #D1D5DB !important;
    }
  }
  .focus\:ring-gray-500 {
    &:focus {
      --tw-ring-color: #9FA7AC !important;
    }
  }
  .focus\:ring-indigo-500 {
    &:focus {
      --tw-ring-color: var(--color-indigo-500) !important;
    }
  }
  .focus\:ring-red-500 {
    &:focus {
      --tw-ring-color: #F24C15 !important;
    }
  }
  .focus\:ring-yellow-500 {
    &:focus {
      --tw-ring-color: #B28300 !important;
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px !important;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    }
  }
  .focus\:outline-hidden {
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
  }
  .focus\:outline {
    &:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.0625rem !important;
    }
  }
  .focus\:outline-0 {
    &:focus {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0 !important;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
    }
  }
  .focus\:placeholder\:text-secondary {
    &:focus {
      &::placeholder {
        color: #405C6E !important;
      }
    }
  }
  .focus-visible\:border-focus {
    &:focus-visible {
      border-color: #00C807 !important;
    }
  }
  .focus-visible\:outline-hidden {
    &:focus-visible {
      --tw-outline-style: none !important;
      outline-style: none !important;
      @media (forced-colors: active) {
        outline: 2px solid transparent !important;
        outline-offset: 2px !important;
      }
    }
  }
  .active\:bg-green-800 {
    &:active {
      background-color: #005003 !important;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default !important;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed !important;
    }
  }
  .disabled\:bg-gray-100 {
    &:disabled {
      background-color: #ECEDEE !important;
    }
  }
  .disabled\:bg-gray-400 {
    &:disabled {
      background-color: var(--color-gray-400) !important;
    }
  }
  .disabled\:bg-primary-100 {
    &:disabled {
      background-color: #DCE3E8 !important;
    }
  }
  .disabled\:text-secondary {
    &:disabled {
      color: #405C6E !important;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40% !important;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50% !important;
    }
  }
  .disabled\:hover\:bg-gray-400 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-400) !important;
        }
      }
    }
  }
  .has-\[\[class\~\=bg-banner-warning\]\]\:mt-8 {
    &:has(*:is([class~=bg-banner-warning])) {
      margin-top: 0.5rem !important;
    }
  }
  .has-\[details\[open\]\]\:mb-8 {
    &:has(*:is(details[open])) {
      margin-bottom: 0.5rem !important;
    }
  }
  .aria-checked\:bg-primary-100 {
    &[aria-checked="true"] {
      background-color: #DCE3E8 !important;
    }
  }
  .aria-checked\:text-secondary {
    &[aria-checked="true"] {
      color: #405C6E !important;
    }
  }
  .aria-disabled\:pointer-events-none {
    &[aria-disabled="true"] {
      pointer-events: none !important;
    }
  }
  .aria-disabled\:opacity-40 {
    &[aria-disabled="true"] {
      opacity: 40% !important;
    }
  }
  .aria-expanded\:hidden {
    &[aria-expanded="true"] {
      display: none !important;
    }
  }
  .aria-selected\:border-selected {
    &[aria-selected="true"] {
      border-color: #00A006 !important;
    }
  }
  .aria-selected\:text-green-800 {
    &[aria-selected="true"] {
      color: #005003 !important;
    }
  }
  .data-error\:rounded-lg {
    &[data-error] {
      border-radius: 0.75rem !important;
    }
  }
  .data-error\:bg-banner-error {
    &[data-error] {
      background-color: #FF9CB7 !important;
    }
  }
  .data-error\:px-24 {
    &[data-error] {
      padding-inline: 1.5rem !important;
    }
  }
  .data-error\:py-16 {
    &[data-error] {
      padding-block: 1rem !important;
    }
  }
  .sm\:order-0 {
    @media (width >= 480px) {
      order: 0 !important;
    }
  }
  .sm\:mx-0 {
    @media (width >= 480px) {
      margin-inline: 0 !important;
    }
  }
  .sm\:my-24 {
    @media (width >= 480px) {
      margin-block: 1.5rem !important;
    }
  }
  .sm\:my-32 {
    @media (width >= 480px) {
      margin-block: 2rem !important;
    }
  }
  .sm\:mt-0 {
    @media (width >= 480px) {
      margin-top: 0 !important;
    }
  }
  .sm\:mt-12 {
    @media (width >= 480px) {
      margin-top: 0.75rem !important;
    }
  }
  .sm\:mt-40 {
    @media (width >= 480px) {
      margin-top: 2.5rem !important;
    }
  }
  .sm\:mb-16 {
    @media (width >= 480px) {
      margin-bottom: 1rem !important;
    }
  }
  .sm\:mb-20 {
    @media (width >= 480px) {
      margin-bottom: 1.25rem !important;
    }
  }
  .sm\:mb-40 {
    @media (width >= 480px) {
      margin-bottom: 2.5rem !important;
    }
  }
  .sm\:ml-12 {
    @media (width >= 480px) {
      margin-left: 0.75rem !important;
    }
  }
  .sm\:ml-16 {
    @media (width >= 480px) {
      margin-left: 1rem !important;
    }
  }
  .sm\:ml-auto {
    @media (width >= 480px) {
      margin-left: auto !important;
    }
  }
  .sm\:flex {
    @media (width >= 480px) {
      display: flex !important;
    }
  }
  .sm\:size-40 {
    @media (width >= 480px) {
      width: 2.5rem !important;
      height: 2.5rem !important;
    }
  }
  .sm\:w-auto {
    @media (width >= 480px) {
      width: auto !important;
    }
  }
  .sm\:w-full {
    @media (width >= 480px) {
      width: 100% !important;
    }
  }
  .sm\:w-full {
    @media (width >= 480px) {
      width: 100% !important;
    }
  }
  .sm\:max-w-lg {
    @media (width >= 480px) {
      max-width: var(--container-lg) !important;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 480px) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .sm\:flex-row {
    @media (width >= 480px) {
      flex-direction: row !important;
    }
  }
  .sm\:flex-row-reverse {
    @media (width >= 480px) {
      flex-direction: row-reverse !important;
    }
  }
  .sm\:items-center {
    @media (width >= 480px) {
      align-items: center !important;
    }
  }
  .sm\:items-start {
    @media (width >= 480px) {
      align-items: flex-start !important;
    }
  }
  .sm\:justify-end {
    @media (width >= 480px) {
      justify-content: flex-end !important;
    }
  }
  .sm\:rounded-lg {
    @media (width >= 480px) {
      border-radius: 0.75rem !important;
    }
  }
  .sm\:border {
    @media (width >= 480px) {
      border-style: var(--tw-border-style) !important;
      border-width: 0.0625rem !important;
    }
  }
  .sm\:p-0 {
    @media (width >= 480px) {
      padding: 0 !important;
    }
  }
  .sm\:p-24 {
    @media (width >= 480px) {
      padding: 1.5rem !important;
    }
  }
  .sm\:px-24 {
    @media (width >= 480px) {
      padding-inline: 1.5rem !important;
    }
  }
  .sm\:py-12 {
    @media (width >= 480px) {
      padding-block: 0.75rem !important;
    }
  }
  .sm\:pb-16 {
    @media (width >= 480px) {
      padding-bottom: 1rem !important;
    }
  }
  .sm\:text-left {
    @media (width >= 480px) {
      text-align: left !important;
    }
  }
  .sm\:text-2xl {
    @media (width >= 480px) {
      font-size: var(--text-2xl) !important;
      line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
    }
  }
  .sm\:text-base {
    @media (width >= 480px) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .sm\:text-sm {
    @media (width >= 480px) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .sm\:text-xl {
    @media (width >= 480px) {
      font-size: 1.25rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .sm\:has-\[details\[open\]\]\:mb-16 {
    @media (width >= 480px) {
      &:has(*:is(details[open])) {
        margin-bottom: 1rem !important;
      }
    }
  }
  .sm\:nth-3\:ml-0 {
    @media (width >= 480px) {
      &:nth-child(3) {
        margin-left: 0 !important;
      }
    }
  }
  .md\:invisible {
    @media (width >= 960px) {
      visibility: hidden !important;
    }
  }
  .md\:absolute {
    @media (width >= 960px) {
      position: absolute !important;
    }
  }
  .md\:inset-\[inherit\] {
    @media (width >= 960px) {
      inset: inherit !important;
    }
  }
  .md\:-right-16 {
    @media (width >= 960px) {
      right: calc(1rem * -1) !important;
    }
  }
  .md\:right-\[-4rem\] {
    @media (width >= 960px) {
      right: -4rem !important;
    }
  }
  .md\:left-1\/3 {
    @media (width >= 960px) {
      left: 33.3vw !important;
    }
  }
  .md\:order-0 {
    @media (width >= 960px) {
      order: 0 !important;
    }
  }
  .md\:order-2 {
    @media (width >= 960px) {
      order: 2 !important;
    }
  }
  .md\:col-span-4 {
    @media (width >= 960px) {
      grid-column: span 4 / span 4 !important;
    }
  }
  .md\:col-span-8 {
    @media (width >= 960px) {
      grid-column: span 8 / span 8 !important;
    }
  }
  .md\:col-span-full {
    @media (width >= 960px) {
      grid-column: 1 / -1 !important;
    }
  }
  .md\:float-right {
    @media (width >= 960px) {
      float: right !important;
    }
  }
  .md\:m-0 {
    @media (width >= 960px) {
      margin: 0 !important;
    }
  }
  .md\:m-30 {
    @media (width >= 960px) {
      margin: 1.875rem !important;
    }
  }
  .md\:m-auto {
    @media (width >= 960px) {
      margin: auto !important;
    }
  }
  .md\:mx-2 {
    @media (width >= 960px) {
      margin-inline: 0.125rem !important;
    }
  }
  .md\:my-2 {
    @media (width >= 960px) {
      margin-block: 0.125rem !important;
    }
  }
  .md\:my-16 {
    @media (width >= 960px) {
      margin-block: 1rem !important;
    }
  }
  .md\:mt-0 {
    @media (width >= 960px) {
      margin-top: 0 !important;
    }
  }
  .md\:mt-8 {
    @media (width >= 960px) {
      margin-top: 0.5rem !important;
    }
  }
  .md\:mt-24 {
    @media (width >= 960px) {
      margin-top: 1.5rem !important;
    }
  }
  .md\:mt-\[3rem\] {
    @media (width >= 960px) {
      margin-top: 3rem !important;
    }
  }
  .md\:mr-16 {
    @media (width >= 960px) {
      margin-right: 1rem !important;
    }
  }
  .md\:mb-0 {
    @media (width >= 960px) {
      margin-bottom: 0 !important;
    }
  }
  .md\:mb-2 {
    @media (width >= 960px) {
      margin-bottom: 0.125rem !important;
    }
  }
  .md\:mb-8 {
    @media (width >= 960px) {
      margin-bottom: 0.5rem !important;
    }
  }
  .md\:ml-24 {
    @media (width >= 960px) {
      margin-left: 1.5rem !important;
    }
  }
  .md\:block {
    @media (width >= 960px) {
      display: block !important;
    }
  }
  .md\:flex {
    @media (width >= 960px) {
      display: flex !important;
    }
  }
  .md\:grid {
    @media (width >= 960px) {
      display: grid !important;
    }
  }
  .md\:hidden {
    @media (width >= 960px) {
      display: none !important;
    }
  }
  .md\:inline {
    @media (width >= 960px) {
      display: inline !important;
    }
  }
  .md\:inline-block {
    @media (width >= 960px) {
      display: inline-block !important;
    }
  }
  .md\:inline-flex {
    @media (width >= 960px) {
      display: inline-flex !important;
    }
  }
  .md\:table {
    @media (width >= 960px) {
      display: table !important;
    }
  }
  .md\:table-cell {
    @media (width >= 960px) {
      display: table-cell !important;
    }
  }
  .md\:table-row {
    @media (width >= 960px) {
      display: table-row !important;
    }
  }
  .md\:h-fit {
    @media (width >= 960px) {
      height: fit-content !important;
    }
  }
  .md\:max-h-\[70vh\] {
    @media (width >= 960px) {
      max-height: 70vh !important;
    }
  }
  .md\:w-1\/2 {
    @media (width >= 960px) {
      width: calc(1 / 2 * 100%) !important;
    }
  }
  .md\:w-1\/6 {
    @media (width >= 960px) {
      width: calc(1 / 6 * 100%) !important;
    }
  }
  .md\:w-3xs {
    @media (width >= 960px) {
      width: var(--container-3xs) !important;
    }
  }
  .md\:w-5\/12 {
    @media (width >= 960px) {
      width: calc(5 / 12 * 100%) !important;
    }
  }
  .md\:w-\[8rem\] {
    @media (width >= 960px) {
      width: 8rem !important;
    }
  }
  .md\:w-\[27\.75rem\] {
    @media (width >= 960px) {
      width: 27.75rem !important;
    }
  }
  .md\:w-\[233px\] {
    @media (width >= 960px) {
      width: 233px !important;
    }
  }
  .md\:w-auto {
    @media (width >= 960px) {
      width: auto !important;
    }
  }
  .md\:w-fit {
    @media (width >= 960px) {
      width: fit-content !important;
    }
  }
  .md\:w-fit {
    @media (width >= 960px) {
      width: fit-content !important;
    }
  }
  .md\:w-full {
    @media (width >= 960px) {
      width: 100% !important;
    }
  }
  .md\:w-full {
    @media (width >= 960px) {
      width: 100% !important;
    }
  }
  .md\:w-half {
    @media (width >= 960px) {
      width: 50% !important;
    }
  }
  .md\:w-lg {
    @media (width >= 960px) {
      width: var(--container-lg) !important;
    }
  }
  .md\:max-w-\[460px\] {
    @media (width >= 960px) {
      max-width: 460px !important;
    }
  }
  .md\:max-w-\[500px\] {
    @media (width >= 960px) {
      max-width: 500px !important;
    }
  }
  .md\:min-w-\[300px\] {
    @media (width >= 960px) {
      min-width: 300px !important;
    }
  }
  .md\:flex-\[0_1_100\%\] {
    @media (width >= 960px) {
      flex: 0 1 100% !important;
    }
  }
  .md\:flex-initial {
    @media (width >= 960px) {
      flex: 0 auto !important;
    }
  }
  .md\:flex-none {
    @media (width >= 960px) {
      flex: none !important;
    }
  }
  .md\:shrink-0 {
    @media (width >= 960px) {
      flex-shrink: 0 !important;
    }
  }
  .md\:grow-0 {
    @media (width >= 960px) {
      flex-grow: 0 !important;
    }
  }
  .md\:basis-\[90px\] {
    @media (width >= 960px) {
      flex-basis: 90px !important;
    }
  }
  .md\:translate-y-8 {
    @media (width >= 960px) {
      --tw-translate-y: 0.5rem !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 960px) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 960px) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 960px) {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
  }
  .md\:grid-cols-12 {
    @media (width >= 960px) {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
  }
  .md\:flex-col {
    @media (width >= 960px) {
      flex-direction: column !important;
    }
  }
  .md\:flex-row {
    @media (width >= 960px) {
      flex-direction: row !important;
    }
  }
  .md\:flex-row-reverse {
    @media (width >= 960px) {
      flex-direction: row-reverse !important;
    }
  }
  .md\:items-center {
    @media (width >= 960px) {
      align-items: center !important;
    }
  }
  .md\:items-start {
    @media (width >= 960px) {
      align-items: flex-start !important;
    }
  }
  .md\:justify-normal {
    @media (width >= 960px) {
      justify-content: normal !important;
    }
  }
  .md\:gap-0 {
    @media (width >= 960px) {
      gap: 0 !important;
    }
  }
  .md\:gap-8 {
    @media (width >= 960px) {
      gap: 0.5rem !important;
    }
  }
  .md\:gap-24 {
    @media (width >= 960px) {
      gap: 1.5rem !important;
    }
  }
  .md\:gap-40 {
    @media (width >= 960px) {
      gap: 2.5rem !important;
    }
  }
  .md\:space-y-10 {
    @media (width >= 960px) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0 !important;
        margin-block-start: calc(0.625rem * var(--tw-space-y-reverse)) !important;
        margin-block-end: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))) !important;
      }
    }
  }
  .md\:gap-x-24 {
    @media (width >= 960px) {
      column-gap: 1.5rem !important;
    }
  }
  .md\:space-x-0 {
    @media (width >= 960px) {
      :where(& > :not(:last-child)) {
        --tw-space-x-reverse: 0 !important;
        margin-inline-start: calc(0 * var(--tw-space-x-reverse)) !important;
        margin-inline-end: calc(0 * calc(1 - var(--tw-space-x-reverse))) !important;
      }
    }
  }
  .md\:self-end {
    @media (width >= 960px) {
      align-self: flex-end !important;
    }
  }
  .md\:truncate {
    @media (width >= 960px) {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
  }
  .md\:rounded-lg {
    @media (width >= 960px) {
      border-radius: 0.75rem !important;
    }
  }
  .md\:rounded-sm {
    @media (width >= 960px) {
      border-radius: 0.3rem !important;
    }
  }
  .md\:rounded-t-lg {
    @media (width >= 960px) {
      border-top-left-radius: 0.75rem !important;
      border-top-right-radius: 0.75rem !important;
    }
  }
  .md\:rounded-b-none {
    @media (width >= 960px) {
      border-bottom-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }
  .md\:ar-border {
    @media (width >= 960px) {
      border-style: var(--tw-border-style) !important;
      border-width: 0.0625rem !important;
      --tw-border-style: solid !important;
      border-style: solid !important;
      border-color: #B9C7D0 !important;
    }
  }
  .md\:border-0 {
    @media (width >= 960px) {
      border-style: var(--tw-border-style) !important;
      border-width: 0 !important;
    }
  }
  .md\:border-b {
    @media (width >= 960px) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0.0625rem !important;
    }
  }
  .md\:border-b-0 {
    @media (width >= 960px) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .md\:border-none {
    @media (width >= 960px) {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .md\:border-solid {
    @media (width >= 960px) {
      --tw-border-style: solid !important;
      border-style: solid !important;
    }
  }
  .md\:border-b-primary-100 {
    @media (width >= 960px) {
      border-bottom-color: #DCE3E8 !important;
    }
  }
  .md\:p-0 {
    @media (width >= 960px) {
      padding: 0 !important;
    }
  }
  .md\:p-16 {
    @media (width >= 960px) {
      padding: 1rem !important;
    }
  }
  .md\:p-24 {
    @media (width >= 960px) {
      padding: 1.5rem !important;
    }
  }
  .md\:px-16 {
    @media (width >= 960px) {
      padding-inline: 1rem !important;
    }
  }
  .md\:px-24 {
    @media (width >= 960px) {
      padding-inline: 1.5rem !important;
    }
  }
  .md\:px-26 {
    @media (width >= 960px) {
      padding-inline: 1.625rem !important;
    }
  }
  .md\:py-0 {
    @media (width >= 960px) {
      padding-block: 0 !important;
    }
  }
  .md\:py-8 {
    @media (width >= 960px) {
      padding-block: 0.5rem !important;
    }
  }
  .md\:pt-8 {
    @media (width >= 960px) {
      padding-top: 0.5rem !important;
    }
  }
  .md\:pb-16 {
    @media (width >= 960px) {
      padding-bottom: 1rem !important;
    }
  }
  .md\:pl-18 {
    @media (width >= 960px) {
      padding-left: 1.125rem !important;
    }
  }
  .md\:pl-\[40px\] {
    @media (width >= 960px) {
      padding-left: 40px !important;
    }
  }
  .md\:text-right {
    @media (width >= 960px) {
      text-align: right !important;
    }
  }
  .md\:align-middle {
    @media (width >= 960px) {
      vertical-align: middle !important;
    }
  }
  .md\:align-top {
    @media (width >= 960px) {
      vertical-align: top !important;
    }
  }
  .md\:text-m {
    @media (width >= 960px) {
      font-size: 0.875rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .md\:text-s {
    @media (width >= 960px) {
      font-size: 0.75rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .md\:text-xxl {
    @media (width >= 960px) {
      font-size: 1.5rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .md\:whitespace-nowrap {
    @media (width >= 960px) {
      white-space: nowrap !important;
    }
  }
  .md\:text-black {
    @media (width >= 960px) {
      color: var(--color-black) !important;
    }
  }
  .md\:opacity-0 {
    @media (width >= 960px) {
      opacity: 0% !important;
    }
  }
  .md\:drop-shadow-md {
    @media (width >= 960px) {
      --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12))) !important;
      --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)) !important;
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
    }
  }
  .md\:group-hover\:visible {
    @media (width >= 960px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          visibility: visible !important;
        }
      }
    }
  }
  .md\:group-hover\:opacity-100 {
    @media (width >= 960px) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          opacity: 100% !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:-mb-8 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        margin-bottom: calc(0.5rem * -1) !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:rounded-none {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        border-radius: 0 !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:rounded-t-sm {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        border-top-left-radius: 0.3rem !important;
        border-top-right-radius: 0.3rem !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:border-primary {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        border-color: #B9C7D0 !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:border-b-white {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        border-bottom-color: #FFFFFF !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:bg-main {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        background-color: #FFFFFF !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:pb-18 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        padding-bottom: 1.125rem !important;
      }
    }
  }
  .md\:before\:content-none {
    @media (width >= 960px) {
      &::before {
        content: var(--tw-content);
        --tw-content: none !important;
        content: none !important;
      }
    }
  }
  .after\:md\:block {
    &::after {
      content: var(--tw-content);
      @media (width >= 960px) {
        display: block !important;
      }
    }
  }
  .md\:after\:content-none {
    @media (width >= 960px) {
      &::after {
        content: var(--tw-content);
        --tw-content: none !important;
        content: none !important;
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:absolute {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          position: absolute !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:-bottom-5 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          bottom: calc(0.3125rem * -1) !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:left-0 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          left: 0 !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:z-9999 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          z-index: 9999 !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:h-10 {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          height: 0.625rem !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:w-full {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          width: 100% !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:w-full {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          width: 100% !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:bg-white {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          background-color: #FFFFFF !important;
        }
      }
    }
  }
  .md\:group-\[\.expanded\]\:after\:content-\[\"\"\] {
    @media (width >= 960px) {
      &:is(:where(.group):is(.expanded) *) {
        &::after {
          content: var(--tw-content);
          --tw-content: "" !important;
          content: var(--tw-content) !important;
        }
      }
    }
  }
  .md\:first\:pl-0 {
    @media (width >= 960px) {
      &:first-child {
        padding-left: 0 !important;
      }
    }
  }
  .md\:\*\:first\:ml-0 {
    @media (width >= 960px) {
      :is(& > *) {
        &:first-child {
          margin-left: 0 !important;
        }
      }
    }
  }
  .md\:\*\:last\:mr-0 {
    @media (width >= 960px) {
      :is(& > *) {
        &:last-child {
          margin-right: 0 !important;
        }
      }
    }
  }
  .md\:\*\:last\:mr-16 {
    @media (width >= 960px) {
      :is(& > *) {
        &:last-child {
          margin-right: 1rem !important;
        }
      }
    }
  }
  .lg\:m-40 {
    @media (width >= 1280px) {
      margin: 2.5rem !important;
    }
  }
  .lg\:w-half-screen {
    @media (width >= 1280px) {
      width: 50vw !important;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 1280px) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 1280px) {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  .lg\:text-base {
    @media (width >= 1280px) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
    }
  }
  .lg\:text-l {
    @media (width >= 1280px) {
      font-size: 1rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .lg\:text-sm {
    @media (width >= 1280px) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .\[\&\]\:bg-red-600 {
    background-color: #C23D11 !important;
  }
  .hover\:\[\&\]\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: #912E0D !important;
      }
    }
  }
  .\[\&_\:is\(th\,td\)\]\:cursor-auto {
    & :is(th,td) {
      cursor: auto !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:border-b {
    & :is(th,td) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0.0625rem !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:border-secondary {
    & :is(th,td) {
      border-color: #DCE3E8 !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:border-b-primary {
    & :is(th,td) {
      border-bottom-color: #B9C7D0 !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:bg-transparent {
    & :is(th,td) {
      background-color: transparent !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:px-0 {
    & :is(th,td) {
      padding-inline: 0 !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:py-8 {
    & :is(th,td) {
      padding-block: 0.5rem !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:text-sm {
    & :is(th,td) {
      font-size: var(--text-sm) !important;
      line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    }
  }
  .\[\&_\:is\(th\,td\)\]\:font-normal {
    & :is(th,td) {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
  }
  .\[\&_p\]\:m-0 {
    & p {
      margin: 0 !important;
    }
  }
  .\[\&_td\]\:border-b-0 {
    & td {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .\[\&_td\]\:border-none {
    & td {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .\[\&_td\]\:p-0 {
    & td {
      padding: 0 !important;
    }
  }
  .\[\&_td\]\:px-0 {
    & td {
      padding-inline: 0 !important;
    }
  }
  .\[\&_td\]\:text-right {
    & td {
      text-align: right !important;
    }
  }
  .\[\&_td\]\:text-primary {
    & td {
      color: #10171C !important;
    }
  }
  .md\:\[\&_td\]\:p-8 {
    @media (width >= 960px) {
      & td {
        padding: 0.5rem !important;
      }
    }
  }
  .md\:\[\&_td\:last-child\]\:px-24 {
    @media (width >= 960px) {
      & td:last-child {
        padding-inline: 1.5rem !important;
      }
    }
  }
  .\[\&_td\:not\(\[class\]\)\]\:text-primary {
    & td:not([class]) {
      color: #10171C !important;
    }
  }
  .\[\&_th\]\:cursor-auto {
    & th {
      cursor: auto !important;
    }
  }
  .\[\&_th\]\:bg-transparent {
    & th {
      background-color: transparent !important;
    }
  }
  .\[\&_th\]\:font-normal {
    & th {
      --tw-font-weight: var(--font-weight-normal) !important;
      font-weight: var(--font-weight-normal) !important;
    }
  }
  .\[\&_th\]\:text-secondary {
    & th {
      color: #405C6E !important;
    }
  }
  .\[\&_tr\:last-of-type_\:is\(th\,td\)\]\:border-b-0 {
    & tr:last-of-type :is(th,td) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .\[\&_tr\:last-of-type\>\:is\(th\,td\)\]\:border-0 {
    & tr:last-of-type>:is(th,td) {
      border-style: var(--tw-border-style) !important;
      border-width: 0 !important;
    }
  }
  .\[\&_tr\:last-of-type\>td\]\:border-b-0 {
    & tr:last-of-type>td {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 0 !important;
    }
  }
  .\[\&\.fit\]\:inline-flex {
    &.fit {
      display: inline-flex !important;
    }
  }
  .\[\&\.fit\]\:w-auto {
    &.fit {
      width: auto !important;
    }
  }
  .\[\&\.new\]\:bg-purple-100 {
    &.new {
      background-color: #F4E6F9 !important;
    }
  }
  .\[\&\.selected\]\:outline-2 {
    &.selected {
      outline-style: var(--tw-outline-style) !important;
      outline-width: 0.125rem !important;
    }
  }
  .\[\&\.selected\]\:outline-primary-900 {
    &.selected {
      outline-color: #10171C !important;
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none !important;
    }
  }
  .\[\&\:checked\+label\]\:border-selected {
    &:checked+label {
      border-color: #00A006 !important;
    }
  }
  .\[\&\:checked\+label\]\:bg-\[\#ECF8EC\] {
    &:checked+label {
      background-color: #ECF8EC !important;
    }
  }
  .\[\&\:checked\+label\]\:bg-green-50 {
    &:checked+label {
      background-color: #E5F9E6 !important;
    }
  }
  .\[\&\:checked\+label\]\:text-green-600 {
    &:checked+label {
      color: #00A006 !important;
    }
  }
  .\[\&\:checked\+label\]\:text-green-800 {
    &:checked+label {
      color: #005003 !important;
    }
  }
  .\[\&\:hover\+label\]\:border-hover {
    &:hover+label {
      border-color: #66DE6A !important;
    }
  }
  .\[\&\:hover\+label\]\:text-green-700 {
    &:hover+label {
      color: #007804 !important;
    }
  }
  .\[\&\:not\(\:empty\)\:not\(\:has\(\[class\~\=bg-banner-warning\]\)\)\]\:px-16 {
    &:not(:empty):not(:has([class~=bg-banner-warning])) {
      padding-inline: 1rem !important;
    }
  }
  .\[\&\:not\(\:empty\)\:not\(\:has\(\[class\~\=bg-banner-warning\]\)\)\]\:pb-16 {
    &:not(:empty):not(:has([class~=bg-banner-warning])) {
      padding-bottom: 1rem !important;
    }
  }
  .\[\&\:not\(\:has\(\[aria-expanded\=true\]\)\)\+\*\]\:hidden {
    &:not(:has([aria-expanded=true]))+* {
      display: none !important;
    }
  }
  .\[\&\:not\(\:hover\,\:focus\)\]\:text-primary {
    &:not(:hover,:focus) {
      color: #10171C !important;
    }
  }
  .\[\&\:not\(\:hover\,\:focus\)\]\:outline-primary-200 {
    &:not(:hover,:focus) {
      outline-color: #B9C7D0 !important;
    }
  }
  .\[\&\:where\(\:not\(\:empty\)\)\]\:mt-32 {
    &:where(:not(:empty)) {
      margin-top: 2rem !important;
    }
  }
  .\[\&\>\:is\(th\,td\)\]\:border-b-\[1px\] {
    &>:is(th,td) {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 1px !important;
    }
  }
  .\[\&\>\:is\(th\,td\)\]\:border-dark {
    &>:is(th,td) {
      border-color: #405C6E !important;
    }
  }
  .\[\&\>\:is\(th\,td\)\]\:border-secondary {
    &>:is(th,td) {
      border-color: #DCE3E8 !important;
    }
  }
  .\[\&\>\:is\(th\,td\)\]\:text-primary {
    &>:is(th,td) {
      color: #10171C !important;
    }
  }
  .\[\&\>a\]\:text-neutral-900 {
    &>a {
      color: var(--color-neutral-900) !important;
    }
  }
  .\[\&\>a\]\:no-underline {
    &>a {
      text-decoration-line: none !important;
    }
  }
  .\[\&\>a\]\:underline {
    &>a {
      text-decoration-line: underline !important;
    }
  }
  .\[\&\>button\]\:flex-1 {
    &>button {
      flex: 1 !important;
    }
  }
  .\[\&\>button\]\:text-green-700 {
    &>button {
      color: #007804 !important;
    }
  }
  .sm\:\[\&\>button\]\:flex-\[0_0_150px\] {
    @media (width >= 480px) {
      &>button {
        flex: 0 0 150px !important;
      }
    }
  }
  .\[\&\>div\]\:leading-s {
    &>div {
      --tw-leading: 1rem !important;
      line-height: 1rem !important;
    }
  }
  .\[\&\>span\]\:font-sb {
    &>span {
      --tw-font-weight: 600 !important;
      font-weight: 600 !important;
    }
  }
  .\[\&\>td\]\:ar-border {
    &>td {
      border-style: var(--tw-border-style) !important;
      border-width: 0.0625rem !important;
      --tw-border-style: solid !important;
      border-style: solid !important;
      border-color: #B9C7D0 !important;
    }
  }
  .\[\&\>td\]\:border-0 {
    &>td {
      border-style: var(--tw-border-style) !important;
      border-width: 0 !important;
    }
  }
  .\[\&\>td\]\:border-y-0 {
    &>td {
      border-block-style: var(--tw-border-style) !important;
      border-block-width: 0 !important;
    }
  }
  .\[\&\>td\]\:border-t {
    &>td {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 0.0625rem !important;
    }
  }
  .\[\&\>td\]\:border-t-0 {
    &>td {
      border-top-style: var(--tw-border-style) !important;
      border-top-width: 0 !important;
    }
  }
  .\[\&\>td\]\:border-none {
    &>td {
      --tw-border-style: none !important;
      border-style: none !important;
    }
  }
  .\[\&\>td\]\:border-primary {
    &>td {
      border-color: #B9C7D0 !important;
    }
  }
  .\[\&\>td\]\:pt-0 {
    &>td {
      padding-top: 0 !important;
    }
  }
  .\[\&\>td\]\:pb-0 {
    &>td {
      padding-bottom: 0 !important;
    }
  }
  .\[\&\>td\]\:text-s {
    &>td {
      font-size: 0.75rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .\[\&\>td\]\:font-r {
    &>td {
      --tw-font-weight: 400 !important;
      font-weight: 400 !important;
    }
  }
  .\[\&\>td\]\:font-sb {
    &>td {
      --tw-font-weight: 600 !important;
      font-weight: 600 !important;
    }
  }
  .\[\&\>td\]\:text-primary {
    &>td {
      color: #10171C !important;
    }
  }
  .\[\&\>th\]\:bg-main {
    &>th {
      background-color: #FFFFFF !important;
    }
  }
  .\[\&\>th\]\:text-xs {
    &>th {
      font-size: 0.625rem !important;
      line-height: var(--tw-leading, normal) !important;
    }
  }
  .\[\&\>th\]\:font-b {
    &>th {
      --tw-font-weight: 700 !important;
      font-weight: 700 !important;
    }
  }
  .\[\&\>th\]\:text-secondary {
    &>th {
      color: #405C6E !important;
    }
  }
  .\[\&\>tr\>td\]\:pt-12 {
    &>tr>td {
      padding-top: 0.75rem !important;
    }
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  .stripe-icon {
    height: 16px;
    border-radius: 2px;
  }
  .accountlist {
    .account_column {
      float: left;
      width: 305px;
      margin-right: 15px;
      &:last-child {
        margin-right: 0;
      }
      .account {
        border: 3px solid #eeeeee;
        padding: 7px 10px;
        width: 280px;
        border-radius: 10px;
        margin-bottom: 5px;
        overflow: hidden;
        .trash {
          float: right;
        }
        .name {
          font-weight: bold;
          font-size: 0.8em;
          color: #333333;
        }
        .title {
          font-weight: bold;
        }
        label.suspended, .welcome {
          display: block;
          margin-top: 2px;
          font-weight: bold;
          color: #cc0000;
        }
        label.welcome {
          color: darkorange;
        }
      }
      .account:hover {
        background: #e1f3fd;
        cursor: pointer;
        * {
          cursor: pointer;
        }
      }
    }
  }
}
@layer base {
  .billing-information {
    label {
      font-weight: bold;
    }
    input[type=text], #card-element {
      box-sizing: border-box;
      display: inline-block;
      width: 100%;
      padding: 15px;
      margin-bottom: 5px;
      font-size: 13px;
      &[type=submit] {
        width: inherit;
      }
    }
    #card-element {
      border: 1px solid #C3C3C3;
      border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
    }
  }
  .customer-information {
    label {
      &:before, &:after {
        content: "";
        display: table;
        clear: both;
      }
    }
  }
  .payment-information {
    margin-top: 40px;
    #card_address_state, #card_address_country {
      float: right;
    }
    p {
      font-size: 0.8em;
    }
  }
  #signup label.use-dealership-address {
    display: block;
    font-weight: initial;
    margin: 5px 0;
    input[type="checkbox"] {
      margin-left: 0;
    }
  }
  .payment-pricing {
    padding: 15px;
    background: #F8FCFF;
    border: 1px solid #D3E2EC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 20px 0;
    .price {
      span {
        text-decoration: line-through;
      }
    }
    .title {
      color: #3fae29;
      font-size: 15px;
      font-weight: bold;
      margin-top: 0;
    }
    ul {
      font-size: 16px;
    }
    small {
      font-size: 13px;
      width: 100%;
      text-align: center;
      display: block;
    }
    p {
      font-size: 13px;
      font-style: italic;
      width: 100%;
      display: block;
    }
  }
}
@layer base {
  #conversation #content, #conversation #content * {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .conversation .messages {
    width: 100%;
    display: table;
  }
  .conversation .message {
    display: table-row;
  }
  .conversation .message.outgoing {
    background: #eef7ff;
  }
  .conversation .speaker {
    width: 15%;
    display: table-cell;
    color: #666666;
    font-weight: normal;
    white-space: nowrap;
    padding: 5px 0;
    padding-left: 10px;
    padding-right: 15px;
  }
  .conversation .body {
    display: table-cell;
    padding: 5px 0;
  }
  .conversation .replybar {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }
  .conversation .replybar textarea {
    width: 100%;
    font-size: 1em;
  }
}
@layer base {
  .providers {
    margin-bottom: 0.5em;
    margin-right: -10px;
    br.clear {
      clear: left;
      font-size: 1px;
    }
  }
  .bigprovider.empty {
    padding: 30px 0;
    font-size: 0.8em;
    color: #333333;
  }
  .bigprovider {
    border: 3px solid #eeeeee;
    width: 195px;
    padding: 30px 0 10px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    float: left;
    padding-top: 0;
    .logo {
      margin: 1em 0;
      img {
        height: 100px;
      }
    }
    .namenologo {
      font-weight: bold;
      font-size: 1.2em;
      display: block;
      height: 100px;
      span {
        display: block;
        padding-top: 2.2em;
      }
    }
    h1 {
      font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-weight: normal;
      font-size: 2em;
      margin-top: 0;
      margin-bottom: 1em;
      padding: 5px 0;
      background: #eeeeee;
      border-radius: 12px 12px 0 0;
    }
    label {
      color: #97aab9;
      font-size: 0.7em;
      text-align: center;
      display: block;
    }
    label.none {
      background: #cc0000;
      border-radius: 5px;
      color: white;
    }
    p.id {
      margin-top: 0.5em;
      font-size: 1em;
      color: #666666;
      em {
        font-weight: bold;
        font-style: normal;
        color: #666666;
      }
      label {
        width: 80%;
        color: #777777;
        padding: 2px 0;
        margin: 0 auto;
        margin-bottom: 0;
      }
    }
  }
}
@layer base {
  .users.floatright {
    float: right;
    width: 46%;
    margin-top: 0px;
  }
  form.spaceattop {
    margin-top: 1em;
  }
}
@layer base {
  .new_dealership, .edit_dealership {
    fieldset {
      border: none;
      padding: 0;
      margin-bottom: 15px;
      width: 100%;
      box-sizing: border-box;
      .field {
        box-sizing: border-box;
        float: left;
        &:nth-child(even) {
          padding-left: 15px;
        }
        &.field-4-4 {
          width: 100%;
        }
        &.field-2-4 {
          width: 50%;
        }
        &.field-3-4 {
          width: 75%;
        }
        &.field-1-4 {
          width: 25%;
        }
        &.field-1-3 {
          width: 33.3333%;
          &:not(:first-of-type) {
            padding-left: 15px;
          }
        }
        input, select, textarea {
          width: 100%;
        }
      }
    }
    fieldset .field input, fieldset .field select, fieldset .field textarea {
      font-size: 16px;
      box-sizing: border-box;
      padding: 6px;
    }
    .task-gating-section {
      border: 1px solid #ccc;
      border-radius: 4px;
      padding: 10px 15px;
      margin: 10px 0 15px;
    }
    .task-gating-fields {
      input[type="number"] {
        width: 2em;
      }
      .task-gating-rules-label {
        margin: 0 0 0.25em;
      }
      .permissions {
        margin: 0 0 0.5em;
      }
      .task-gating-threshold {
        padding-left: 0.2em;
        margin: 0.5em 0;
      }
      &:disabled {
        opacity: 0.55;
      }
    }
  }
}
@layer base {
  div.email {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 0.75em;
    font-size: 0.9em;
    p.opennotice {
      margin-top: 0;
      border-bottom: 1px solid #eeeeee;
      padding-bottom: 3px;
      label {
        color: #887766;
      }
    }
  }
  div.email p:last-child {
    margin-bottom: 0;
  }
  .email .bounce, .email .spam {
    margin: 5px 10px;
    background: #ffc;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 15px;
    font-size: 0.8em;
    border: 1px solid #FC6;
    color: #333;
  }
  .email {
    .spam {
      background: orange;
    }
    .bounce strong {
      color: #c00;
    }
    .author {
      font-weight: bold;
    }
    .body p {
      margin: 0.5em 0;
      font-size: 1em;
    }
    .subject {
      font-size: 0.85em;
      color: #666;
    }
    .date {
      float: right;
      color: #666;
      font-size: 0.8em;
    }
    .body {
      overflow-x: auto;
    }
    .footer {
      color: #777;
      font-size: 0.8em;
    }
    &.email-collapse > .body {
      display: none;
    }
    .email-html-body {
      img {
        max-width: 100%;
        height: auto;
      }
    }
  }
  .newemail {
    .subject {
      float: left;
      margin: 0;
      margin-bottom: 10px;
      width: 80%;
      label {
        font-size: 0.5em;
      }
    }
    .wysiwyg-container {
      .cke {
        &, .cke_top, .cke_bottom {
          background: #f9f9f9;
        }
      }
    }
    #attachment_area {
      .progress {
        width: 50%;
        .bar {
          height: 1.5em;
          color: white;
        }
      }
    }
    .attachments .utility {
      font-size: 0.7em;
      margin-left: 10px;
    }
    .attachments .file-attachment-container {
      margin-top: 5px;
      font-size: 0.7em;
      .remove-file {
        visibility: hidden;
        padding-left: 10px;
        color: brown;
        text-decoration: underline;
      }
      &:hover .remove-file {
        visibility: visible;
        &:hover {
          cursor: pointer;
        }
      }
    }
    textarea {
      border: 0px;
    }
    textarea:focus {
      border: 0px solid #cccccc;
      outline: none;
    }
    textarea[data-email--draft-target="userContext"] {
      border: 1px solid rgb(185 199 208);
    }
    textarea[data-email--draft-target="userContext"]:focus {
      border: 1px solid rgb(185 199 208);
      outline: revert;
    }
    .headers {
      margin-left: -5px;
      font-size: 0.85em;
      td {
        border: 0;
        padding: 2px 10px;
      }
      th {
        font-size: 0.9em;
        border: 0;
        padding: 2px 10px;
        background-color: transparent;
        color: #97aab9;
      }
      .editable {
        border-bottom: 1px dotted #97aab9;
      }
    }
    .submit-button {
      border: 0;
      padding: 5px 20px;
    }
  }
}
@layer base {
  .message-template-label {
    font-size: 0.7em;
    font-weight: bold;
    padding: 1px 5px;
    white-space: nowrap;
    text-align: center;
    border-radius: 3px;
    &.published-template {
      background: #369;
      color: white;
    }
    &.draft-template {
      background: #ddd;
      color: #666;
    }
  }
}
@layer base {
  .pdf-fill-drawer {
    --d-green: #16820e;
    --d-green-soft: #f1faf0;
    --d-ink: #10171c;
    --d-navy: #13344a;
    --d-muted: #38556a;
    --d-line: #d7e0e7;
    --d-border: #b9c7d0;
    --d-panel: #f4f7f9;
    --d-viewer: #e6ebef;
    position: fixed;
    inset: 0;
    z-index: 1200;
    font-family: "Open Sans", -apple-system, sans-serif;
    color: var(--d-ink);
  }
  .pdf-fill-drawer__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(16, 23, 28, 0.34);
    animation: pdf-fill-drawer-fade 0.15s ease-out;
  }
  .pdf-fill-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 740px;
    max-width: calc(100vw - 64px);
    background: var(--d-panel);
    border-left: 1px solid var(--d-border);
    display: flex;
    flex-direction: column;
    box-shadow: -18px 0 44px rgba(16, 23, 28, 0.22);
    animation: pdf-fill-drawer-slide 0.18s ease-out;
  }
  @keyframes pdf-fill-drawer-fade {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes pdf-fill-drawer-slide {
    from {
      transform: translateX(28px);
    }
    to {
      transform: translateX(0);
    }
  }
  .pdf-fill-drawer__head {
    flex: 0 0 auto;
    min-height: 72px;
    background: #fff;
    border-bottom: 1px solid var(--d-line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.25rem;
  }
  .pdf-fill-drawer__title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--d-navy);
  }
  .pdf-fill-drawer__subtitle {
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
    color: var(--d-muted);
  }
  .pdf-fill-drawer__toolbar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 1.25rem;
    background: #eef2f5;
    border-bottom: 1px solid var(--d-line);
    font-size: 0.8rem;
  }
  .pdf-fill-drawer__pager, .pdf-fill-drawer__zoom {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
  }
  .pdf-fill-drawer__zoom {
    margin-left: 0.5rem;
  }
  .pdf-fill-drawer__pager-label, .pdf-fill-drawer__zoom-label {
    min-width: 3.2rem;
    text-align: center;
    color: var(--d-muted);
  }
  .pdf-fill-drawer__filename {
    margin-left: auto;
    max-width: 16rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--d-muted);
    font-weight: 600;
  }
  .pdf-fill-drawer__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--d-navy);
    cursor: pointer;
    text-decoration: none;
    font-size: 1.05rem;
    &:hover {
      background: rgba(19, 52, 74, 0.08);
    }
    &:disabled {
      opacity: 0.35;
      cursor: default;
    }
  }
  .pdf-fill-drawer__viewer {
    flex: 1 1 auto;
    overflow: auto;
    background: var(--d-viewer);
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .pdf-fill-drawer__page {
    position: relative;
    background: #fff;
    box-shadow: 0 2px 16px rgba(16, 23, 28, 0.18);
    flex: 0 0 auto;
  }
  .pdf-fill-drawer__canvas {
    display: block;
  }
  .pdf-fill-drawer__field {
    position: absolute;
    display: flex;
    align-items: stretch;
  }
  .pdf-fill-drawer__input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid var(--d-border);
    border-radius: 2px;
    background: #fff;
    color: var(--d-ink);
    font-size: 0.72rem;
    line-height: 1;
    padding: 0 3px;
    font-family: inherit;
    &:focus {
      outline: none;
      border-color: var(--d-green);
      background: var(--d-green-soft);
      box-shadow: 0 0 0 2px rgba(22, 130, 14, 0.25);
    }
  }
  .pdf-fill-drawer__input--multiline {
    resize: none;
    line-height: 1.15;
    padding: 2px 3px;
  }
  .pdf-fill-drawer__checkbox {
    margin: auto;
    width: 90%;
    height: 90%;
    cursor: pointer;
    accent-color: var(--d-green);
  }
  .pdf-fill-drawer__notice {
    margin: auto;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    background: #fff;
    font-size: 0.85rem;
    &--error {
      color: #c23d11;
    }
  }
  .pdf-fill-drawer__footer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.25rem;
    background: #fff;
    border-top: 1px solid var(--d-line);
  }
  .pdf-fill-drawer__foot-note {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: var(--d-muted);
  }
  .pdf-fill-drawer__actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .pdf-fill-drawer__saved {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    color: var(--d-green);
  }
  .pdf-fill-drawer__error {
    font-size: 0.78rem;
    color: #c23d11;
    max-width: 16rem;
  }
  body.pdf-fill-drawer-open #hubspot-messages-iframe-container {
    display: none !important;
  }
}
@layer base {
  body.pdf-template-editor-page {
    #container {
      width: 100%;
      max-width: none;
      margin: 0 !important;
      padding: 0 !important;
      overflow: visible;
    }
    #container > div {
      margin: 0 !important;
      padding: 0 !important;
    }
    #content.pdf-template-editor-page__content {
      width: 100%;
      max-width: none;
      min-height: 0;
      margin: 0 !important;
      padding: 0 !important;
      border: 0;
      background: transparent;
    }
    #content.pdf-template-editor-page__content #actualcontent {
      padding: 0 !important;
    }
    #headers {
      display: none;
    }
  }
  .pdf-template-editor {
    --e-ink: var(--ar-dark-blue, #00253d);
    --e-muted: #6b7f8e;
    --e-subtle: rgba(0, 37, 61, 0.06);
    --e-stroke: rgba(0, 37, 61, 0.08);
    --e-accent: var(--ar-green, #39b34a);
    --e-accent-strong: var(--ar-dark-green, #30983f);
    --e-accent-soft: rgba(57, 179, 74, 0.08);
    --e-warning: #c48a00;
    --e-alert: #b24f33;
    --e-radius: 6px;
    color: var(--e-ink);
    font-family: "Open Sans", -apple-system, sans-serif;
    box-sizing: border-box;
    max-width: none;
    margin: 0;
    padding-inline: clamp(8px, 1vw, 16px);
  }
  .pdf-template-editor a {
    color: inherit;
  }
  .pdf-template-editor__hero {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0;
  }
  .pdf-template-editor__hero-left {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
  }
  .pdf-template-editor__breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.9rem;
    min-width: 0;
    a {
      color: var(--e-muted);
      text-decoration: none;
      &:hover {
        color: var(--e-ink);
      }
    }
    > span {
      color: rgba(107, 127, 142, 0.3);
      font-size: 0.8rem;
    }
  }
  .pdf-template-editor__status-badge {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.15rem 0.45rem;
    border-radius: var(--e-radius);
    background: var(--e-subtle);
    color: var(--e-muted);
    white-space: nowrap;
    &.is-published {
      background: var(--e-accent-soft);
      color: var(--e-accent-strong);
    }
  }
  .pdf-template-editor__hero-center {
    margin-left: auto;
  }
  .pdf-template-editor__hero-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
  }
  .pdf-template-editor__status-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.78rem;
    font-weight: 500;
    padding: 0;
    white-space: nowrap;
    &.is-saved {
      color: var(--e-muted);
    }
    &.is-published {
      color: var(--e-accent-strong);
    }
    i {
      font-size: 0.72rem;
    }
  }
  .pdf-template-editor__hero-message {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    &.is-success {
      color: var(--e-accent-strong);
    }
    &.is-error {
      color: var(--e-alert);
    }
  }
  .pdf-template-editor__action-btn {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: var(--e-radius);
    color: var(--e-muted);
    transition: color 120ms, background 120ms;
    &:hover {
      color: var(--e-ink);
      background: var(--e-subtle);
    }
    &:disabled {
      opacity: 0.35;
      cursor: not-allowed;
      pointer-events: none;
    }
    &--secondary {
      color: var(--e-ink);
      border: 1px solid var(--e-stroke);
      background: #fff;
      &:hover {
        border-color: var(--e-accent);
        background: var(--e-accent-soft);
      }
    }
    &--primary {
      color: #fff;
      background: var(--e-accent-strong);
      font-weight: 600;
      &:hover {
        background: var(--e-accent);
      }
      &:disabled {
        background: var(--e-subtle);
        color: var(--e-muted);
      }
    }
  }
  .pdf-template-editor__zoom {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    span {
      color: var(--e-muted);
      font-size: 0.62rem;
      min-width: 2rem;
      text-align: center;
    }
    input[type="range"] {
      accent-color: var(--e-accent-strong);
      width: 4.5rem;
      height: 2px;
    }
  }
  .pdf-template-editor__zoom-btn {
    all: unset;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: var(--e-radius);
    color: var(--e-muted);
    font-size: 0.65rem;
    transition: color 100ms, background 100ms;
    &:hover {
      color: var(--e-ink);
      background: var(--e-subtle);
    }
  }
  .pdf-template-editor__preview-group {
    position: relative;
    display: inline-flex;
    align-items: stretch;
  }
  .pdf-template-editor__preview-toggle {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    width: 0.9rem;
    color: var(--e-muted);
    font-size: 0.6rem;
    margin-left: -0.2rem;
    transition: color 100ms;
    &:hover {
      color: var(--e-ink);
    }
    &:disabled {
      opacity: 0.35;
      cursor: not-allowed;
    }
  }
  .pdf-template-editor__preview-popover {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    background: #fff;
    border: 1px solid var(--e-stroke);
    border-radius: var(--e-radius);
    padding: 0.6rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    z-index: 50;
    min-width: 14rem;
  }
  .pdf-template-editor__popover-label {
    display: block;
    font-size: 0.62rem;
    color: var(--e-muted);
    margin-bottom: 0.25rem;
  }
  .pdf-template-editor__popover-row {
    display: flex;
    gap: 0.3rem;
  }
  .pdf-template-editor__hero-input {
    flex: 1;
    border-radius: var(--e-radius);
    border: 1px solid var(--e-stroke);
    background: #fff;
    padding: 0.25rem 0.45rem;
    font-size: 0.72rem;
    color: var(--e-ink);
    &:focus {
      outline: none;
      border-color: var(--e-accent);
    }
  }
  .pdf-template-editor__body {
    display: grid;
    grid-template-columns: 16rem minmax(0, 1fr) 17rem;
    gap: 4px;
    margin-top: 0.25rem;
    height: calc(100dvh - var(--editor-body-top, 14rem));
    min-width: 960px;
    overflow: hidden;
  }
  .pdf-template-editor__sidebar, .pdf-template-editor__inspector {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 0;
  }
  .pdf-template-editor__panel {
    background: #fff;
    border: 1px solid var(--e-stroke);
    border-radius: var(--e-radius);
    padding: 0.6rem;
  }
  .pdf-template-editor__panel--tools {
    padding: 0.5rem;
  }
  .pdf-template-editor__panel--fields {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    gap: 0.3rem;
  }
  .pdf-template-editor__panel--inspector {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
  }
  .pdf-template-editor__tool-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
  }
  .pdf-template-editor__add-tool {
    all: unset;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.35rem 0.15rem;
    border-radius: var(--e-radius);
    border: 1px solid transparent;
    text-align: center;
    transition: border-color 100ms, background 100ms;
    i {
      font-size: 1rem;
      color: var(--e-muted);
      transition: color 100ms;
    }
    span {
      font-size: 0.66rem;
      font-weight: 600;
      color: var(--e-muted);
    }
    &:hover {
      border-color: var(--e-stroke);
      background: var(--e-subtle);
      i {
        color: var(--e-ink);
      }
    }
    &.is-active {
      border-color: var(--e-accent);
      background: var(--e-accent-soft);
      i, span {
        color: var(--e-accent-strong);
      }
    }
  }
  .pdf-template-editor__sidebar-search {
    position: relative;
    display: flex;
    align-items: center;
    > i {
      position: absolute;
      left: 0.4rem;
      font-size: 0.72rem;
      color: var(--e-muted);
      opacity: 0.5;
      pointer-events: none;
    }
    .pdf-template-editor__search {
      padding-left: 1.4rem;
      border-color: transparent;
      background: var(--e-subtle);
      &:focus {
        border-color: var(--e-accent);
        background: #fff;
      }
    }
  }
  .pdf-template-editor__filter-bar {
    display: flex;
    gap: 1px;
    background: var(--e-subtle);
    border-radius: var(--e-radius);
    padding: 1px;
  }
  .pdf-template-editor__filter-btn {
    all: unset;
    cursor: pointer;
    flex: 1;
    text-align: center;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.25rem 0.25rem;
    border-radius: calc(var(--e-radius) - 1px);
    color: var(--e-muted);
    transition: background 80ms, color 80ms;
    white-space: nowrap;
    &:hover {
      background: rgba(255, 255, 255, 0.6);
    }
    &.is-active {
      background: #fff;
      color: var(--e-ink);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    }
  }
  .pdf-template-editor__filter-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0.85rem;
    height: 0.85rem;
    font-size: 0.5rem;
    font-weight: 700;
    background: rgba(196, 138, 0, 0.15);
    color: var(--e-warning);
    border-radius: 999px;
    margin-left: 0.15rem;
    padding: 0 0.2rem;
  }
  .pdf-template-editor__field-list {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0.2rem;
  }
  .pdf-template-editor__field-row {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.35rem 0.35rem;
    border-radius: var(--e-radius);
    border: 1px solid transparent;
    background: transparent;
    cursor: pointer;
    text-align: left;
    transition: background 80ms, border-color 80ms;
    &:hover {
      background: rgba(107, 127, 142, 0.04);
    }
    &.is-selected {
      background: var(--e-accent-soft);
      border-color: rgba(57, 179, 74, 0.18);
      box-shadow: inset 3px 0 0 var(--e-accent-strong);
    }
  }
  .pdf-template-editor__field-row-icon {
    color: var(--e-muted);
    opacity: 0.35;
    font-size: 0.72rem;
    flex-shrink: 0;
    width: 0.85rem;
    text-align: center;
    transition: opacity 80ms;
  }
  .pdf-template-editor__field-row:hover .pdf-template-editor__field-row-icon {
    opacity: 0.6;
  }
  .pdf-template-editor__field-row.is-selected .pdf-template-editor__field-row-icon {
    opacity: 1;
    color: var(--e-accent-strong);
  }
  .pdf-template-editor__field-row-name {
    flex: 1;
    min-width: 0;
    font-size: 0.78rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--e-ink);
  }
  .pdf-template-editor__field-row.is-selected .pdf-template-editor__field-row-name {
    font-weight: 600;
  }
  .pdf-template-editor__field-row-badges {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
  }
  .pdf-template-editor__field-badge {
    font-size: 0.54rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.1rem 0.25rem;
    border-radius: 3px;
    background: rgba(107, 127, 142, 0.05);
    color: rgba(107, 127, 142, 0.55);
    border: 1px solid rgba(107, 127, 142, 0.12);
    white-space: nowrap;
    line-height: 1;
    &.is-bound {
      border-color: rgba(57, 179, 74, 0.25);
      color: var(--e-accent-strong);
      background: rgba(57, 179, 74, 0.06);
    }
    &.is-required {
      border-color: rgba(196, 138, 0, 0.25);
      color: var(--e-warning);
      background: rgba(196, 138, 0, 0.06);
    }
  }
  .pdf-template-editor__field-row-issue {
    flex-shrink: 0;
    font-size: 0.58rem;
    color: rgba(196, 138, 0, 0.45);
    cursor: help;
    transition: color 80ms;
    &.is-error {
      color: rgba(178, 79, 51, 0.45);
    }
  }
  .pdf-template-editor__field-row:hover .pdf-template-editor__field-row-issue {
    color: var(--e-warning);
    &.is-error {
      color: var(--e-alert);
    }
  }
  .pdf-template-editor__field-count {
    font-size: 0.62rem;
    color: var(--e-muted);
    text-align: center;
    padding-top: 0.3rem;
    margin-top: 0.15rem;
    border-top: 1px solid var(--e-subtle);
    opacity: 0.6;
  }
  .pdf-template-editor__floating-tip {
    position: fixed;
    background: var(--e-ink);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.4;
    padding: 0.5rem 0.7rem;
    border-radius: var(--e-radius);
    white-space: normal;
    max-width: 22rem;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
    z-index: 10000;
    pointer-events: none;
    animation: pdf-tip-in 60ms ease-out;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
  }
  .pdf-template-editor__floating-tip-row {
    word-break: break-word;
    &.is-error {
      color: #ffb4a0;
    }
    &.is-warning {
      color: #ffd47a;
    }
  }
  @keyframes pdf-tip-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .pdf-template-editor__workspace {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #eceef1;
    border-radius: var(--e-radius);
  }
  .pdf-template-editor__pages {
    padding: 0.5rem;
    overflow: auto;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pdf-template-editor__page-shell + .pdf-template-editor__page-shell {
    margin-top: 1rem;
  }
  .pdf-template-editor__page-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
    color: var(--e-muted);
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }
  .pdf-template-editor__page {
    position: relative;
    overflow: hidden;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.04);
    cursor: crosshair;
  }
  .pdf-template-editor__page-canvas, .pdf-template-editor__page-grid {
    position: absolute;
    inset: 0;
  }
  .pdf-template-editor__page-grid {
    display: none;
  }
  .pdf-template-editor__page.is-tool-armed::after {
    content: "Click to place field";
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    background: rgba(0, 37, 61, 0.88);
    color: white;
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
  }
  .pdf-template-editor__field {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.1rem;
    padding: 0 0.2rem;
    border-radius: 2px;
    border: 1px solid rgba(48, 152, 63, 0.3);
    background: rgba(48, 152, 63, 0.04);
    color: var(--e-ink);
    cursor: move;
    box-sizing: border-box;
    overflow: visible;
    transition: background 80ms, border-color 80ms;
    &:hover {
      border-color: rgba(48, 152, 63, 0.55);
      background: rgba(48, 152, 63, 0.08);
    }
  }
  .pdf-template-editor__field--checkbox, .pdf-template-editor__field--radio {
    justify-content: center;
    padding: 0;
    border-color: rgba(107, 127, 142, 0.3);
    background: rgba(107, 127, 142, 0.04);
    &:hover {
      border-color: rgba(107, 127, 142, 0.5);
      background: rgba(107, 127, 142, 0.08);
    }
  }
  .pdf-template-editor__field--signature {
    border-color: rgba(86, 38, 156, 0.55);
    border-style: dashed;
    background: rgba(86, 38, 156, 0.05);
    &:hover {
      border-color: rgba(86, 38, 156, 0.75);
      background: rgba(86, 38, 156, 0.1);
    }
  }
  .pdf-template-editor__field.has-warning {
    border-color: rgba(196, 138, 0, 0.4);
    background: rgba(196, 138, 0, 0.04);
  }
  .pdf-template-editor__field.has-error {
    border-color: rgba(178, 79, 51, 0.4);
    background: rgba(178, 79, 51, 0.04);
  }
  .pdf-template-editor__field.is-selected {
    border-color: var(--e-accent-strong);
    border-width: 2px;
    background: rgba(48, 152, 63, 0.06);
    box-shadow: 0 0 0 2px rgba(48, 152, 63, 0.15);
    z-index: 10;
  }
  .pdf-template-editor__field-actionbar {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--e-stroke);
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    z-index: 12;
    overflow: hidden;
  }
  .pdf-template-editor__field-tag {
    font-size: 0.68rem;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
    color: var(--e-ink);
    font-weight: 600;
    line-height: 1.3;
    pointer-events: none;
    span {
      color: var(--e-muted);
      font-weight: 400;
      font-size: 0.62rem;
    }
  }
  .pdf-template-editor__field-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    cursor: pointer;
    pointer-events: auto;
    color: var(--e-muted);
    border-left: 1px solid var(--e-stroke);
    transition: color 80ms, background 80ms;
    font-size: 0.58rem;
    &:hover {
      color: var(--e-ink);
      background: var(--e-subtle);
    }
    &--delete:hover {
      color: var(--e-alert);
      background: rgba(178, 79, 51, 0.05);
    }
  }
  .pdf-template-editor__field-icon {
    font-size: 0.7rem;
    opacity: 0.35;
    pointer-events: none;
    flex-shrink: 0;
  }
  .pdf-template-editor__field.is-selected .pdf-template-editor__field-icon {
    opacity: 0.6;
  }
  .pdf-template-editor__field-label {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.55rem;
    font-weight: 600;
    pointer-events: none;
  }
  .pdf-template-editor__field-resize {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--e-accent-strong);
    border: 1.5px solid #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
    z-index: 12;
    &--br {
      right: -3px;
      bottom: -3px;
      cursor: nwse-resize;
    }
    &--bl {
      left: -3px;
      bottom: -3px;
      cursor: nesw-resize;
    }
    &--tr {
      right: -3px;
      top: -3px;
      cursor: nesw-resize;
    }
    &--tl {
      left: -3px;
      top: -3px;
      cursor: nwse-resize;
    }
  }
  .pdf-template-editor__notice {
    margin: 0.5rem;
    padding: 0.5rem 0.65rem;
    border-radius: var(--e-radius);
    background: var(--e-subtle);
    border: 1px solid var(--e-stroke);
    color: var(--e-ink);
    font-size: 0.72rem;
  }
  .pdf-template-editor__notice--error {
    background: rgba(178, 79, 51, 0.06);
    border-color: rgba(178, 79, 51, 0.12);
    color: var(--e-alert);
  }
  .pdf-template-editor__notice-list {
    margin: 0.4rem 0 0;
    padding-left: 1rem;
  }
  .pdf-template-editor__notice-list li + li {
    margin-top: 0.2rem;
  }
  .pdf-template-editor__section {
    padding-top: 0.75rem;
    border-top: 1px solid var(--e-stroke);
    &:first-child {
      padding-top: 0;
      border-top: none;
    }
  }
  .pdf-template-editor__section-title {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--e-muted);
    margin-bottom: 0.5rem;
  }
  .pdf-template-editor__section-toggle {
    all: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    span {
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--e-muted);
    }
    small {
      font-size: 0.66rem;
      color: var(--e-muted);
      opacity: 0.5;
    }
  }
  .pdf-template-editor__section--danger {
    padding-top: 0.6rem;
  }
  .pdf-template-editor__issue-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .pdf-template-editor__issue {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.45rem 0.55rem;
    border-radius: var(--e-radius);
    font-size: 0.76rem;
    line-height: 1.35;
    word-break: break-word;
    &.is-error {
      background: rgba(178, 79, 51, 0.08);
      color: var(--e-alert);
      border: 1px solid rgba(178, 79, 51, 0.2);
    }
    &.is-warning {
      background: rgba(196, 138, 0, 0.08);
      color: var(--e-warning);
      border: 1px solid rgba(196, 138, 0, 0.2);
    }
  }
  .pdf-template-editor__issue-badge {
    flex-shrink: 0;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.7);
  }
  .pdf-template-editor__issue-text {
    flex: 1;
    min-width: 0;
  }
  .pdf-template-editor__switches {
    display: flex;
    flex-direction: column;
  }
  .pdf-template-editor__switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0;
    cursor: pointer;
    border-bottom: 1px solid var(--e-subtle);
    &:last-child {
      border-bottom: none;
    }
    span {
      font-size: 0.82rem;
      color: var(--e-ink);
    }
    input[type="checkbox"] {
      appearance: none;
      width: 1.75rem;
      height: 0.95rem;
      background: rgba(107, 127, 142, 0.18);
      border-radius: 999px;
      position: relative;
      cursor: pointer;
      transition: background 120ms;
      flex-shrink: 0;
      &::after {
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        width: calc(0.95rem - 4px);
        height: calc(0.95rem - 4px);
        background: #fff;
        border-radius: 50%;
        transition: transform 120ms;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
      }
      &:checked {
        background: var(--e-accent-strong);
        &::after {
          transform: translateX(0.8rem);
        }
      }
    }
  }
  .pdf-template-editor__delete-btn {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.38rem 0.7rem;
    border-radius: var(--e-radius);
    color: var(--e-alert);
    border: 1px solid rgba(178, 79, 51, 0.15);
    transition: background 100ms, border-color 100ms;
    &:hover {
      background: rgba(178, 79, 51, 0.06);
      border-color: rgba(178, 79, 51, 0.3);
    }
  }
  .pdf-template-editor__form-grid {
    display: grid;
    gap: 0.5rem;
  }
  .pdf-template-editor__form-grid--compact {
    gap: 0.4rem;
  }
  .pdf-template-editor__form-row {
    display: flex;
    gap: 0.4rem;
    > label {
      flex: 1 1 0;
    }
  }
  .pdf-template-editor__form-grid label {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    color: var(--e-muted);
    font-size: 0.68rem;
  }
  .pdf-template-editor__search, .pdf-template-editor__form-grid input, .pdf-template-editor__form-grid select, .pdf-template-editor__form-grid textarea {
    width: 100%;
    border-radius: var(--e-radius);
    border: 1px solid var(--e-stroke);
    background: #fff;
    padding: 0.35rem 0.45rem;
    font-size: 0.82rem;
    box-sizing: border-box;
    color: var(--e-ink);
    caret-color: var(--e-accent-strong);
    transition: border-color 120ms;
    &:focus {
      border-color: var(--e-accent);
      outline: none;
    }
  }
  .pdf-template-editor__hint {
    position: relative;
    display: inline;
    vertical-align: middle;
    margin-left: 0.1rem;
    cursor: help;
    i {
      font-size: 0.82rem;
      color: var(--e-muted);
      opacity: 0.4;
    }
    &::after {
      content: attr(data-tip);
      position: absolute;
      left: 0;
      top: calc(100% + 4px);
      background: var(--e-ink);
      color: #fff;
      font-size: 0.58rem;
      font-weight: 400;
      font-style: normal;
      line-height: 1.4;
      padding: 0.25rem 0.45rem;
      border-radius: var(--e-radius);
      white-space: normal;
      width: max-content;
      max-width: 12rem;
      pointer-events: none;
      opacity: 0;
      transition: opacity 60ms;
      z-index: 100;
    }
    &:hover::after {
      opacity: 1;
    }
  }
  .pdf-template-editor__help-btn {
    all: unset;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    color: var(--e-muted);
    font-size: 0.8rem;
    opacity: 0.5;
    transition: opacity 100ms, background 100ms;
    &:hover {
      opacity: 1;
      background: var(--e-subtle);
    }
  }
  .pdf-template-editor__help-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 20, 40, 0.3);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pdf-tip-in 80ms ease-out;
  }
  .pdf-template-editor__help-modal {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
    width: 28rem;
    max-width: 90vw;
    max-height: 80vh;
    overflow-y: auto;
  }
  .pdf-template-editor__help-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--e-stroke);
    span {
      font-size: 0.85rem;
      font-weight: 600;
    }
    button {
      all: unset;
      cursor: pointer;
      display: flex;
      align-items: center;
      font-size: 1rem;
      color: var(--e-muted);
      padding: 0.2rem;
      border-radius: 4px;
      &:hover {
        color: var(--e-ink);
        background: var(--e-subtle);
      }
    }
  }
  .pdf-template-editor__help-grid {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .pdf-template-editor__help-section {
    h4 {
      margin: 0 0 0.35rem;
      font-size: 0.62rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--e-muted);
    }
  }
  .pdf-template-editor__help-row {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0;
    font-size: 0.75rem;
    span {
      margin-left: auto;
      color: var(--e-muted);
      font-size: 0.7rem;
    }
    kbd {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1.3rem;
      height: 1.3rem;
      padding: 0 0.3rem;
      background: var(--e-subtle);
      border: 1px solid var(--e-stroke);
      border-radius: 4px;
      font-family: inherit;
      font-size: 0.62rem;
      font-weight: 600;
      color: var(--e-ink);
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    }
  }
  .pdf-template-editor__field-row:focus-visible, .pdf-template-editor__add-tool:focus-visible {
    outline: 2px solid rgba(57, 179, 74, 0.4);
    outline-offset: 1px;
  }
  .pdf-template-editor__sidebar-tabs {
    display: flex;
    gap: 2px;
    padding: 2px;
    background: var(--e-subtle);
    border-radius: var(--e-radius);
    margin-bottom: 0.5rem;
    flex-shrink: 0;
  }
  .pdf-template-editor__sidebar-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 0;
    background: transparent;
    padding: 0.3rem 0.4rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--e-muted);
    border-radius: calc(var(--e-radius) - 1px);
    cursor: pointer;
    &.is-active {
      background: #fff;
      color: var(--e-ink);
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    }
  }
  .pdf-template-editor__tab-count {
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    font-size: 0.6rem;
    line-height: 1rem;
    background: var(--e-warning);
    color: #fff;
    text-align: center;
    &.is-error {
      background: var(--e-alert);
    }
  }
  .pdf-template-editor__issues {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
  }
  .pdf-template-editor__issues-summary {
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.35;
    padding: 0.4rem 0.5rem;
    border-radius: var(--e-radius);
    background: var(--e-subtle);
    color: var(--e-muted);
    &.is-blocked {
      background: rgba(178, 79, 51, 0.08);
      color: var(--e-alert);
    }
    &.is-warnings {
      background: rgba(196, 138, 0, 0.08);
      color: var(--e-warning);
    }
    &.is-ready {
      background: var(--e-accent-soft);
      color: var(--e-accent-strong);
    }
  }
  .pdf-template-editor__issues-empty {
    text-align: center;
    color: var(--e-muted);
    font-size: 0.68rem;
    padding: 1.25rem 0.5rem;
    i {
      display: block;
      font-size: 1.4rem;
      color: var(--e-accent-strong);
      margin-bottom: 0.3rem;
    }
  }
  .pdf-template-editor__issues-group-title {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--e-muted);
    margin: 0.35rem 0 0.25rem;
    small {
      font-weight: 400;
      text-transform: none;
      letter-spacing: normal;
    }
  }
  .pdf-template-editor__issue-cards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
  .pdf-template-editor__issue-card {
    border: 1px solid var(--e-stroke);
    border-left: 3px solid var(--e-muted);
    border-radius: var(--e-radius);
    padding: 0.45rem 0.5rem;
    background: #fff;
    &.is-blocker {
      border-left-color: var(--e-alert);
    }
    &.is-warning {
      border-left-color: var(--e-warning);
    }
    &.is-info {
      border-left-color: var(--e-stroke);
    }
    &.is-resolved {
      opacity: 0.8;
    }
  }
  .pdf-template-editor__issue-card-head {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-wrap: wrap;
  }
  .pdf-template-editor__issue-card-badge {
    font-size: 0.55rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    background: var(--e-subtle);
    color: var(--e-muted);
    white-space: nowrap;
    &.is-blocker {
      background: rgba(178, 79, 51, 0.1);
      color: var(--e-alert);
    }
    &.is-warning {
      background: rgba(196, 138, 0, 0.1);
      color: var(--e-warning);
    }
  }
  .pdf-template-editor__issue-card-title {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--e-ink);
  }
  .pdf-template-editor__issue-card-impact {
    margin: 0.25rem 0 0;
    font-size: 0.65rem;
    line-height: 1.4;
    color: var(--e-muted);
  }
  .pdf-template-editor__issue-card-meta {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.3rem;
    font-size: 0.62rem;
    color: var(--e-muted);
    i {
      font-size: 0.75rem;
    }
  }
  .pdf-template-editor__issue-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.4rem;
  }
  .pdf-template-editor__issue-action {
    border: 1px solid var(--e-stroke);
    background: #fff;
    border-radius: var(--e-radius);
    padding: 0.2rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 600;
    color: var(--e-ink);
    cursor: pointer;
    transition: background 100ms, border-color 100ms;
    &:hover {
      background: var(--e-subtle);
    }
    &.is-primary {
      border-color: var(--e-accent);
      color: var(--e-accent-strong);
      background: var(--e-accent-soft);
    }
    &.is-primary:hover {
      background: rgba(57, 179, 74, 0.16);
    }
    &.is-destructive {
      color: var(--e-alert);
      border-color: rgba(178, 79, 51, 0.3);
    }
    &.is-destructive:hover {
      background: rgba(178, 79, 51, 0.06);
    }
    &:focus-visible {
      outline: 2px solid rgba(57, 179, 74, 0.4);
      outline-offset: 1px;
    }
  }
  .pdf-template-editor__readiness {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border: 0;
    background: transparent;
    font-size: 0.66rem;
    font-weight: 600;
    padding: 0.3rem 0.5rem;
    border-radius: var(--e-radius);
    cursor: pointer;
    white-space: nowrap;
    &.is-blocked {
      color: var(--e-alert);
      background: rgba(178, 79, 51, 0.08);
    }
    &.is-warnings {
      color: var(--e-warning);
      background: rgba(196, 138, 0, 0.08);
    }
    &.is-ready {
      color: var(--e-accent-strong);
    }
    &:hover {
      filter: brightness(0.95);
    }
  }
  .pdf-template-editor__field.is-flashing {
    animation: pdf-template-editor-field-flash 0.9s ease-in-out 2;
  }
  @keyframes pdf-template-editor-field-flash {
    0%, 100% {
      box-shadow: 0 0 0 0 rgba(57, 179, 74, 0);
    }
    50% {
      box-shadow: 0 0 0 5px rgba(57, 179, 74, 0.55);
    }
  }
  @media (max-width: 1260px) {
    .pdf-template-editor__body {
      grid-template-columns: 16rem minmax(0, 1fr);
    }
    .pdf-template-editor__inspector {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 920px) {
    .pdf-template-editor__hero, .pdf-template-editor__body {
      display: block;
    }
    .pdf-template-editor__sidebar, .pdf-template-editor__workspace, .pdf-template-editor__inspector {
      margin-top: 0.5rem;
    }
  }
}
@layer base {
  .redesign-on .snapshot.dark, .redesign-on .custom-dashboard .custom-dashboard-card, .redesign-on .custom-dashboard .custom-dashboard-card.dark-card, .redesign-on .dark-form {
    background: #fff;
    background-color: #fff;
    border: 1px solid #c9dae5;
    border-radius: 12px;
    box-shadow: 0 -12px 24px rgba(48, 99, 132, 0.04), 0 12px 24px rgba(48, 99, 132, 0.06), 0 4px 6px rgba(48, 99, 132, 0.06);
  }
  #dash.redesign-on #container .account-performance {
    background: #fff;
    background-color: #fff;
    border: 1px solid #c9dae5;
    border-radius: 12px;
    box-shadow: 0 -12px 24px rgba(48, 99, 132, 0.04), 0 12px 24px rgba(48, 99, 132, 0.06), 0 4px 6px rgba(48, 99, 132, 0.06);
  }
  .redesign-on .snapshot .snapshot-group-name {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 700;
    color: #50738a;
  }
  .redesign-on .insight-reports .snapshot.dark .snapshot-group-stats, .redesign-on .snapshot.dark .snapshot-group-stats, .redesign-on .snapshot .snapshot-group-stats {
    border: 1px solid #dce3e8;
    border-radius: 8px;
  }
  .redesign-on .insight-reports .snapshot.dark .snapshot-stat:not(:last-child), .redesign-on .snapshot.dark .snapshot-stat:not(:last-child), .redesign-on .snapshot .snapshot-stat:not(:last-child) {
    border-right-color: #dce3e8;
  }
  .redesign-on .insight-reports .snapshot.dark .snapshot-stat, .redesign-on .snapshot.dark .snapshot-stat {
    border-right-color: #dce3e8;
  }
  .redesign-on .insight-reports .snapshot.dark .snapshot-stat-name, .redesign-on .snapshot.dark .snapshot-stat-name, .redesign-on .snapshot .snapshot-stat-name {
    color: #50738a;
  }
  .redesign-on .insight-reports .snapshot.dark .primary-stat, .redesign-on .insight-reports .snapshot.dark .secondary-stat, .redesign-on .snapshot.dark .primary-stat, .redesign-on .snapshot.dark .secondary-stat, .redesign-on .snapshot .primary-stat, .redesign-on .snapshot .secondary-stat {
    color: #13344a;
  }
  .redesign-on .insight-reports .snapshot.dark .snapshot-stat-link, .redesign-on .snapshot.dark .snapshot-stat-link, .redesign-on .snapshot .snapshot-stat-link {
    color: #00a006;
  }
  .redesign-on .dark-form .snapshot.dark {
    background: transparent;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .redesign-on #dealership-appointments-snapshot .loading, .redesign-on #dealership-upsheet-snapshot .loading {
    background: #fff;
    background-color: #fff;
    color: #50738a;
  }
  .redesign-on .insight-reports {
    border-color: #c9dae5;
    border-radius: 12px 12px 0 0;
  }
  .redesign-on .insight-reports .graph-section {
    background: #f2f7fa;
  }
  .redesign-on .insight-reports .graph-group {
    border-color: #c9dae5;
  }
  .redesign-on .insight-reports .graph-group > div.graph-group-child:first-child {
    border-right-color: #dce3e8;
  }
  .redesign-on .insight-reports a.insight-cta {
    color: #00a006;
    background-color: transparent;
  }
  .redesign-on .dark-form a {
    color: #00a006;
  }
  .redesign-on .dark-form h3 {
    color: #13344a;
  }
  .redesign-on .dark-form .loading {
    color: #50738a;
  }
  .redesign-on .dark-form table, .redesign-on .dark-form table thead td, .redesign-on .dark-form table thead th {
    background-color: transparent;
  }
  .redesign-on .dark-form table td, .redesign-on .dark-form table th {
    color: #13344a;
    border-bottom-color: #dce3e8;
  }
  .redesign-on .dark-form table td.zero {
    color: #96abb9;
  }
  .redesign-on .dark-form table td.sub-row-label {
    color: #50738a;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card.dark-card {
    border-color: #c9dae5;
  }
  .redesign-on .work-plan h5, .redesign-on .work-plan .special_dates h5 {
    background: #f2f7fa;
    color: #50738a;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 700;
  }
  .redesign-on .work-plan .item {
    border-bottom-color: #dce3e8;
  }
  .redesign-on .work-plan .clickable:hover {
    background: #f2f7fa;
  }
  .redesign-on .work-plan .small, .redesign-on .work-plan .tasks .date {
    color: #50738a;
  }
  .redesign-on .custom-dashboard {
    padding: 24px 0;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card .loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #50738a;
    font-size: 14px;
  }
  .redesign-on .dashboard-builder {
    --db-green: #00c807;
    --db-line: #dce3e8;
    --db-ink: #13344a;
    --db-muted: #50738a;
  }
  .redesign-on .db-help-btn {
    background: #e5f9e6;
    border-color: #ccf4cd;
    color: #008003;
  }
  .redesign-on .db-help-btn:hover {
    background: #ccf4cd;
    color: #002801;
  }
  .redesign-on .db-help-modal {
    box-shadow: 0 24px 48px rgba(16, 23, 28, 0.18), 0 8px 16px rgba(16, 23, 28, 0.1);
  }
  .redesign-on .db-help-modal-head, .redesign-on .db-help-modal-foot {
    border-color: #dce3e8;
  }
  .redesign-on .db-help-modal-head h3 {
    color: #13344a;
  }
  .redesign-on .db-help-close {
    color: #50738a;
  }
  .redesign-on .db-help-close:hover {
    background: #f2f7fa;
    color: #13344a;
  }
  .redesign-on .db-help-modal-body > p {
    color: #50738a;
  }
  .redesign-on .db-help-modal-body strong {
    color: #13344a;
  }
  .redesign-on .db-help-list strong {
    color: #13344a;
  }
  .redesign-on .db-help-chip {
    background: #00c807;
  }
  .redesign-on .dashboard-builder .db-palette-title, .redesign-on .dashboard-builder .db-palette-sub, .redesign-on .dashboard-builder .db-palette-group {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-palette-item {
    border-color: #c9dae5;
    border-radius: 8px;
  }
  .redesign-on .dashboard-builder .db-palette-item:hover {
    border-color: #96abb9;
    box-shadow: 0 12px 24px rgba(48, 99, 132, 0.06), 0 4px 6px rgba(48, 99, 132, 0.06);
  }
  .redesign-on .dashboard-builder .db-palette-item.is-added {
    border-color: #ccf4cd;
    background: #e5f9e6;
  }
  .redesign-on .dashboard-builder .db-palette-name {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-palette-label {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-added {
    color: #002801;
    background: #ccf4cd;
  }
  .redesign-on .dashboard-builder .db-add {
    border-color: #c9dae5;
    background: #f2f7fa;
    color: #50738a;
    border-radius: 4px;
  }
  .redesign-on .dashboard-builder .db-add:hover {
    background: #00c807;
    border-color: #00c807;
    color: #fff;
  }
  .redesign-on .dashboard-builder .db-add:disabled:hover {
    background: #f2f7fa;
    border-color: #c9dae5;
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-canvas-title > span:first-child {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-count {
    background: #f2f7fa;
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-clear:hover {
    color: #c23d11;
  }
  .redesign-on .dashboard-builder .db-grid {
    background: #f2f7fa;
    border: 2px dashed #c9dae5;
    border-radius: 12px;
  }
  .redesign-on .dashboard-builder .db-grid.is-drop-target {
    border-color: #00c807;
  }
  .redesign-on .dashboard-builder .db-tile {
    border-color: #c9dae5;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(48, 99, 132, 0.06);
  }
  .redesign-on .dashboard-builder .db-tile.is-over {
    border-color: #00c807;
    box-shadow: 0 0 0 2px rgba(0, 200, 7, 0.25);
  }
  .redesign-on .dashboard-builder .db-tile-head {
    background: #f2f7fa;
    border-bottom-color: #dce3e8;
  }
  .redesign-on .dashboard-builder .db-tile-name {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-tile-preview {
    background: #fff;
  }
  .redesign-on .dashboard-builder .db-seg {
    background: #f2f7fa;
    border-radius: 4px;
  }
  .redesign-on .dashboard-builder .db-seg button {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-seg button.is-active {
    background: #fff;
    color: #13344a;
    box-shadow: 0 1px 1px rgba(48, 99, 132, 0.12);
  }
  .redesign-on .dashboard-builder .db-tile-remove:hover {
    background: rgba(242, 76, 21, 0.08);
    color: #c23d11;
  }
  .redesign-on .dashboard-builder .db-endzone {
    border-color: #c9dae5;
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-endzone.is-over {
    border-color: #00c807;
    color: #00a006;
  }
  .redesign-on .dashboard-builder .db-empty {
    background: #f2f7fa;
    border-color: #c9dae5;
  }
  .redesign-on .dashboard-builder .db-empty.is-over {
    border-color: #00c807;
  }
  .redesign-on .dashboard-builder .db-empty-title, .redesign-on .dashboard-builder .db-empty-text {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-save {
    background: #00c807;
    border-radius: 4px;
    box-shadow: none;
  }
  .redesign-on .dashboard-builder .db-save:hover {
    background: #00a006;
  }
  .redesign-on .dashboard-builder .db-reset {
    background: #fff;
    border: 1px solid #c9dae5;
    border-radius: 4px;
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-reset:hover {
    background: #f2f7fa;
  }
  .redesign-on .dashboard-builder .db-thumb {
    background: #f2f7fa;
    border-color: #dce3e8;
    border-radius: 4px;
  }
  .redesign-on .dashboard-builder .db-pv-table .db-row {
    border-bottom-color: #f2f7fa;
  }
  .redesign-on .dashboard-builder .db-pv-table .db-row.head {
    border-bottom-color: #dce3e8;
  }
  .redesign-on .dashboard-builder .db-pv-table .db-c1, .redesign-on .dashboard-builder .db-pv-table .db-c3 {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-pv-table .db-c2 {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-table .head .db-c1, .redesign-on .dashboard-builder .db-pv-table .head .db-c2, .redesign-on .dashboard-builder .db-pv-table .head .db-c3 {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-kpi .db-kpi {
    background: #f2f7fa;
    border-color: #dce3e8;
    border-radius: 8px;
  }
  .redesign-on .dashboard-builder .db-pv-kpi .db-kpi-num {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-pv-kpi .db-kpi-num.accent {
    color: #00a006;
  }
  .redesign-on .dashboard-builder .db-pv-kpi .db-kpi-lbl {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-darkbars .db-dark {
    background: #f2f7fa;
    border: 1px solid #dce3e8;
  }
  .redesign-on .dashboard-builder .db-pv-darkbars .db-dark-title {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-pv-darkbars .db-dark-sub {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-darkbars .db-dark-bars i {
    background: #00c807;
  }
  .redesign-on .dashboard-builder .db-pv-darkbars .db-dark-bars i:nth-child(even) {
    background: rgba(0, 200, 7, 0.45);
  }
  .redesign-on .dashboard-builder .db-pv-funnel .db-stage-name {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-funnel .db-stage-bar {
    background: #f2f7fa;
  }
  .redesign-on .dashboard-builder .db-pv-funnel .db-stage-bar i {
    background: #00c807;
  }
  .redesign-on .dashboard-builder .db-pv-funnel .db-stage-val {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-pv-donut .db-donut-cap {
    color: #50738a;
  }
  .redesign-on .dashboard-builder .db-pv-donut .db-donut-big {
    color: #13344a;
  }
  .redesign-on .dashboard-builder .db-pv-donut .db-donut-delta {
    color: #00a006;
  }
  .redesign-on .dash-kpi .dash-kpi-title {
    color: #50738a;
  }
  .redesign-on .dash-kpi .dash-kpi-num {
    color: #13344a;
  }
  .redesign-on .dash-kpi .dash-kpi-lbl {
    color: #50738a;
  }
  .redesign-on .dash-kpi .dash-kpi-sub {
    color: #8aa0b0;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card .loading:has(~ .data) {
    display: none;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card .snapshot.dark {
    background: transparent;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card .snapshot.dark .snapshot-group-stats {
    border: 0;
    border-radius: 0;
  }
  .redesign-on .custom-dashboard .custom-dashboard-card:has(.snapshot.dark):not(:has(.dark-form)) {
    display: flex;
    flex-direction: column;
    justify-content: safe center;
  }
}
@layer base {
  .release-note-form {
    .title-field {
      width: 500px;
    }
    .content-field {
      font-family: monospace;
    }
  }
  .markdown-reference {
    border: 1px solid #e0e0e0;
    padding: 15px;
    background: #f8f8f8;
    margin-top: 20px;
    h4 {
      margin: 0 0 10px 0;
    }
    pre {
      font-size: 11px;
      line-height: 1.4;
      margin: 0;
      background: none;
      padding: 0;
    }
  }
  .release-note-card {
    h3, time, p {
      margin-left: 0;
      padding-left: 0;
      text-indent: 0;
    }
  }
  .prose {
    line-height: 1.7;
    color: #202E37;
    > *:first-child {
      margin-top: 0;
    }
    h3 {
      font-size: 1rem;
      font-weight: 600;
      margin: 1.25rem 0 0.5rem 0;
      color: #10171C;
      &:first-child {
        margin-top: 0;
      }
    }
    p {
      margin: 0 0 1rem 0;
      &:last-child {
        margin-bottom: 0;
      }
    }
    ul, ol {
      margin: 0 0 1rem 0;
      padding-left: 1.5rem;
      &:last-child {
        margin-bottom: 0;
      }
      li {
        margin-bottom: 0.25rem;
      }
    }
    a {
      color: #007804;
      text-decoration: underline;
      &:hover {
        color: #00A006;
      }
    }
    code {
      background: #F5F6F7;
      padding: 0.125rem 0.375rem;
      border-radius: 0.25rem;
      font-size: 0.875em;
    }
    pre {
      background: #F5F6F7;
      padding: 1rem;
      border-radius: 0.375rem;
      overflow-x: auto;
      margin: 0 0 1rem 0;
      code {
        background: none;
        padding: 0;
      }
    }
  }
}
@layer base {
  .report-month-selector {
    float: right;
  }
  .report-month-selector {
    label {
      font-size: 0.7em;
    }
  }
  tr.text-table-header, th {
    cursor: pointer;
  }
  tr.text-table-header, th:hover {
    background-color: #ddd;
  }
  .report-header {
    color: #717e89;
    font-size: 0.8em;
    margin-bottom: 5px;
    text-transform: uppercase;
  }
  th.headerSortUp:after {
    font-family: "remixicon";
    content: "\ea55";
    position: absolute;
    padding-top: 6px;
    padding-left: 3px;
  }
  th.headerSortDown:after {
    font-family: "remixicon";
    content: "\ea4f";
    position: absolute;
    padding-left: 3px;
    padding-top: 1px;
  }
  #aisa-report {
    #actualcontent {
      padding: 0;
    }
    h3 {
      padding: 0;
    }
  }
  .info-tip-trigger {
    position: relative;
    cursor: help;
    .info-tip {
      display: none;
      position: absolute;
      right: 0;
      bottom: 100%;
      margin-bottom: 6px;
      background: #1f2937;
      color: white;
      padding: 6px 10px;
      border-radius: 6px;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.4;
      white-space: normal;
      width: max-content;
      max-width: 300px;
      pointer-events: none;
      z-index: 100;
      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }
    &:hover .info-tip {
      display: block;
    }
  }
  .chart-tooltip {
    position: absolute;
    background: #1f2937;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.4;
    pointer-events: none;
    z-index: 100;
    white-space: nowrap;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    display: none;
  }
  .source-segment {
    position: relative;
    .source-tip {
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 8px;
    }
    &:hover .source-tip {
      display: block;
    }
  }
  .sankey-link {
    transition: stroke-opacity 0.15s ease;
    &:hover {
      stroke-opacity: 0.55 !important;
    }
  }
}
@layer base {
  .placeholderphoto {
    width: 100px;
    height: 125px;
    background: #eee;
    border: 1px dashed #ccc;
    float: left;
    margin-right: 0.5em;
    margin-bottom: 1em;
  }
  .placeholderphoto p {
    font-size: 0.7em;
    margin-top: 50px;
    color: #666;
    text-align: center;
  }
  .actualphoto {
    float: left;
    margin-right: 0.5em;
    margin-bottom: 1em;
  }
  .provider-details-table {
    width: 100%;
    td {
      width: 33%;
      &:nth-child(n+2) {
        padding-left: 8px;
      }
    }
  }
  .edit_user_signature .button, .new_user_signature .button {
    display: none;
    clear: left;
  }
  .edit_user_signature .utility, .new_user_signature .utility {
    display: none;
  }
}
@layer base {
  .task-list-template {
    h3 {
      padding-left: 0;
    }
    .option {
      color: #369;
      font-size: 0.8em;
      margin-left: 1em;
    }
    .task-template {
      .edit {
        color: #369;
        font-size: 0.8em;
      }
      .task-meta {
        color: #777;
        font-size: 0.85em;
      }
    }
  }
  .edit-task-template-container {
    padding: 20px 25px;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding-top: 0;
    ul {
      padding-left: 22px;
      margin-left: 0;
      list-style-type: circle;
      font-size: 0.9em;
      line-height: 2em;
    }
    .task-template-when {
      width: 40px;
    }
  }
}
@layer base {
  .page.texting_phone_numbers {
    p {
      font-weight: 300;
      color: #333333;
      font-size: 1.2em;
    }
    h1 {
      font-size: 2em;
      font-weight: 300;
    }
    input.huge {
      font-size: 3em;
    }
    .area_code_placeholder {
      margin-top: 0;
      font-size: 3em;
      color: #666666;
    }
    input#area_code {
      width: auto;
      text-align: center;
      position: relative;
      top: -10px;
    }
  }
}
@layer base {
  :root {
    --ar-green: #39b34a;
    --ar-dark-green: #30983f;
    --ar-dark-blue: #00253d;
    --ar-darker-blue: #4f738a;
  }
  :root {
    --ar-z-base: 0;
    --ar-z-higher: 50;
    --ar-z-highest: 100;
  }
  .userlist {
    .user_column {
      float: left;
      width: 200px;
      margin-right: 10px;
      .user {
        border: 3px solid #eeeeee;
        padding: 7px 10px;
        width: 175px;
        border-radius: 10px;
        margin-bottom: 5px;
        .name {
          font-weight: bold;
          color: #333333;
        }
        .title {
          font-weight: bold;
        }
        label.suspended, .welcome {
          display: block;
          margin-top: 2px;
          font-weight: bold;
          color: #cc0000;
        }
        label.welcome {
          color: darkorange;
        }
      }
      .user:hover {
        background: #e1f3fd;
        cursor: pointer;
        * {
          cursor: pointer;
        }
      }
    }
  }
  .primary-roles {
    label:not(:last-of-type) {
      margin-bottom: 10px;
      display: inline-block;
    }
  }
  .new_user {
    .permbox {
      border: 1px solid #ddd;
      padding: 10px 15px;
      background: #eee;
      margin-top: 0.5em;
      p {
        margin: 0 0;
      }
    }
  }
  #user_password {
    &.weak-password {
      border-color: #c00 !important;
    }
    &.moderate-password {
      border-color: #F9AE35 !important;
    }
    &.strong-password {
      border-color: var(--ar-green) !important;
    }
  }
  .check-password-message {
    &.weak {
      color: #c00;
    }
    &.moderate {
      color: #F9AE35;
    }
    &.strong {
      color: var(--ar-green);
    }
  }
}
@layer base {
  .welcome {
    .help {
      &.single-user {
        color: #c33;
      }
      img {
        vertical-align: middle;
        margin-right: 0.5em;
      }
      strong {
        font-size: 1.0em;
      }
    }
    .heading {
      margin-top: 1.5em;
    }
    .inventory-search-img {
      float: right;
      border: 1px solid #ccc;
      margin-top: 0.5em;
      height: 110px;
    }
    .hide-welcome {
      font-size: 0.8em;
      color: #97aab9;
      float: right;
    }
    .welcome-graph-img {
      height: 110px;
      margin-right: 0.5em;
    }
    .welcome-legend-img {
      height: 70px;
      margin-right: 1em;
    }
    .arrow-down-img {
      float: right;
      margin: 0 3em 0 1.5em;
    }
  }
}
@layer base {
  :root {
    --aisa-bg-color: #f8f9fa;
    --aisa-card-bg-color: #ffffff;
    --aisa-card-border-color: #dee2e6;
    --aisa-header-bg-color: #f1f3f5;
    --aisa-primary-color: #007bff;
    --aisa-primary-hover-color: #0056b3;
    --aisa-secondary-color: #6c757d;
    --aisa-secondary-hover-color: #5a6268;
    --aisa-danger-color: #dc3545;
    --aisa-warning-color: #ffc107;
    --aisa-success-color: #28a745;
    --aisa-info-color: #17a2b8;
    --aisa-text-color: #212529;
    --aisa-text-muted-color: #6c757d;
    --aisa-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --aisa-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --aisa-border-radius: 0.5rem;
    --aisa-box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    --aisa-box-shadow-lg: 0 4px 12px rgba(0,0,0,0.1);
  }
  .aisa-admin-container {
    font-family: var(--aisa-font-family);
    background-color: var(--aisa-bg-color);
    color: var(--aisa-text-color);
    padding: 2rem;
  }
  .aisa-admin-container h1, .aisa-admin-container h2, .aisa-admin-container h3, .aisa-admin-container h4, .aisa-admin-container h5 {
    font-weight: 600;
  }
  .aisa-card {
    background-color: var(--aisa-card-bg-color);
    border: 1px solid var(--aisa-card-border-color);
    border-radius: var(--aisa-border-radius);
    box-shadow: var(--aisa-box-shadow);
    margin-bottom: 1.5rem;
  }
  .aisa-card__header {
    background-color: var(--aisa-header-bg-color);
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--aisa-card-border-color);
    border-top-left-radius: var(--aisa-border-radius);
    border-top-right-radius: var(--aisa-border-radius);
  }
  .aisa-card__header h5 {
    margin: 0;
    font-size: 1.1rem;
  }
  .aisa-card__body {
    padding: 1.5rem;
  }
  .aisa-card__footer {
    background-color: var(--aisa-header-bg-color);
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--aisa-card-border-color);
    border-bottom-left-radius: var(--aisa-border-radius);
    border-bottom-right-radius: var(--aisa-border-radius);
    display: flex;
    gap: 0.5rem;
  }
  .aisa-form-group {
    margin-bottom: 1.5rem;
  }
  .aisa-form-group label {
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
  }
  .aisa-form-control {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--aisa-card-border-color);
    border-radius: 0.375rem;
    font-family: var(--aisa-font-family);
    font-size: 1rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .aisa-form-control:focus {
    outline: none;
    border-color: var(--aisa-primary-color);
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  }
  textarea.aisa-form-control {
    min-height: 120px;
  }
  .aisa-form-text {
    color: var(--aisa-text-muted-color);
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
  .aisa-btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 0.625rem 1.25rem;
    font-size: 0.9rem;
    border-radius: 0.375rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
  }
  .aisa-btn--primary {
    color: #fff;
    background-color: var(--aisa-primary-color);
    border-color: var(--aisa-primary-color);
  }
  .aisa-btn--primary:hover {
    background-color: var(--aisa-primary-hover-color);
    border-color: var(--aisa-primary-hover-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  .aisa-btn--secondary {
    color: var(--aisa-text-color);
    background-color: transparent;
    border-color: var(--aisa-secondary-color);
  }
  .aisa-btn--secondary:hover {
    background-color: var(--aisa-secondary-color);
    color: #fff;
  }
  .aisa-btn--warning {
    color: #212529;
    background-color: var(--aisa-warning-color);
    border-color: var(--aisa-warning-color);
  }
  .aisa-badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
  }
  .aisa-badge--primary {
    background-color: var(--aisa-primary-color);
  }
  .aisa-badge--secondary {
    background-color: var(--aisa-secondary-color);
    color: #fff;
  }
  .aisa-badge--success {
    background-color: var(--aisa-success-color);
  }
  .aisa-badge--warning {
    background-color: var(--aisa-warning-color);
    color: #212529;
  }
  .aisa-badge--info {
    background-color: var(--aisa-info-color);
  }
  .aisa-text-muted {
    color: var(--aisa-text-muted-color);
  }
  .aisa-font-monospace {
    font-family: var(--aisa-font-monospace);
  }
  pre.aisa-code-block {
    background-color: var(--aisa-bg-color);
    padding: 1rem;
    border-radius: 0.375rem;
    border: 1px solid var(--aisa-card-border-color);
    white-space: pre-wrap;
    word-break: break-all;
    font-family: var(--aisa-font-monospace);
    font-size: 0.875rem;
  }
  .aisa-admin-container {
    max-width: 1120px;
    margin: 0 auto;
    padding: clamp(12px, 2vw, 32px);
  }
  .aisa-layout {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
  }
  @media (max-width: 1200px) {
    .aisa-layout {
      grid-template-columns: 1fr;
    }
  }
  .aisa-admin-container h1 {
    font-size: clamp(1.5rem, 1.2rem + 2vw, 2.25rem);
    line-height: 1.2;
  }
  .aisa-admin-container h5 {
    font-size: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  }
  .aisa-card {
    border-radius: 6px;
    box-shadow: var(--aisa-box-shadow);
  }
  .aisa-card__body {
    padding: clamp(12px, 1.5vw, 24px);
  }
  .aisa-code-block {
    max-height: 28rem;
    overflow: auto;
    word-break: break-word;
  }
  .aisa-form-control {
    font-size: 1rem;
    min-height: 44px;
  }
  textarea.aisa-form-control {
    min-height: 12rem;
  }
  .aisa-card__footer, .button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .aisa-btn {
    min-height: 44px;
    padding: 10px 16px;
  }
  @media (min-width: 1024px) {
    .aisaside {
      position: sticky;
      top: 16px;
    }
  }
  .break-anywhere {
    overflow-wrap: anywhere;
  }
  .aisa-tabs {
    display: flex;
    gap: 4px;
    border-bottom: 1px solid var(--aisa-card-border-color);
    margin-bottom: 12px;
  }
  .aisa-tab {
    appearance: none;
    background: transparent;
    border: none;
    padding: 10px 12px;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
    color: var(--aisa-text-muted-color);
    font-weight: 600;
  }
  .aisa-tab[aria-selected="true"] {
    background: #fff;
    color: var(--aisa-text-color);
    border: 1px solid var(--aisa-card-border-color);
    border-bottom-color: #fff;
  }
  .aisa-tabpanel {
    display: none;
  }
  .aisa-tabpanel[aria-hidden="false"] {
    display: block;
  }
  .aisa-context-tabs {
    margin-bottom: 1rem;
    .nav-tabs {
      border-bottom: 2px solid var(--aisa-card-border-color);
      display: flex;
      gap: 0.25rem;
      .nav-item {
        margin-bottom: -2px;
      }
      .nav-link {
        padding: 0.5rem 1rem;
        border: 1px solid transparent;
        border-radius: 0.375rem 0.375rem 0 0;
        color: var(--aisa-text-muted-color);
        text-decoration: none;
        transition: all 0.2s ease;
        &:hover {
          color: var(--aisa-text-color);
          background-color: var(--aisa-header-bg-color);
        }
        &.active {
          color: var(--aisa-primary-color);
          background-color: var(--aisa-card-bg-color);
          border-color: var(--aisa-card-border-color) var(--aisa-card-border-color) var(--aisa-card-bg-color);
          border-bottom: 2px solid var(--aisa-card-bg-color);
          font-weight: 600;
        }
      }
    }
  }
  .aisa-actionbar {
    position: sticky;
    bottom: 0;
    background: rgba(255,255,255,0.92);
    backdrop-filter: saturate(140%) blur(6px);
    border-top: 1px solid var(--aisa-card-border-color);
    padding: 10px 12px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    z-index: 10;
  }
  .aisa-compact .aisa-card__body {
    padding: 12px;
  }
  .aisa-compact .aisa-form-group {
    margin-bottom: 12px;
  }
  .aisa-textarea {
    min-height: 10rem;
    max-height: 40vh;
    resize: vertical;
  }
  .aisa-btn--sm {
    padding: 6px 10px;
    font-size: 0.85rem;
    min-height: 36px;
  }
  .aisa-btn--ghost {
    background: transparent;
    border-color: var(--aisa-card-border-color);
    color: var(--aisa-text-color);
  }
  .aisa-btn--ghost:hover {
    background: #f8f9fb;
  }
  .aisa-code {
    border: 1px solid var(--aisa-card-border-color);
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
  }
  .aisa-code__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    background: var(--aisa-header-bg-color);
    border-bottom: 1px solid var(--aisa-card-border-color);
  }
  .aisa-code__title {
    font-size: 0.85rem;
    color: var(--aisa-text-muted-color);
  }
  .aisa-code__actions {
    display: flex;
    gap: 6px;
  }
  .aisa-grid-compare {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  @media (max-width: 1024px) {
    .aisa-grid-compare {
      grid-template-columns: 1fr;
    }
  }
  .aisa-admin-container {
    font-size: 16px;
    line-height: 1.5;
  }
  .aisa-admin-container h1 {
    font-weight: 700;
    letter-spacing: -0.01em;
  }
  .aisa-admin-container label {
    font-weight: 600;
  }
  .aisa-admin-container input, .aisa-admin-container textarea, .aisa-admin-container select {
    font-family: var(--aisa-font-family);
    font-size: 1rem;
  }
  .aisa-admin-container ::placeholder {
    color: #9aa3af;
  }
  .aisa-surface {
    background: #fff;
    border: 1px solid var(--aisa-card-border-color);
    border-radius: 6px;
    padding: 12px;
  }
  .aisa-card, .aisa-card__body, .aisa-code-block, .aisa-surface {
    overflow-x: auto;
  }
  .aisa-tabs {
    gap: 2px;
    background: var(--aisa-header-bg-color);
    padding: 4px;
    border-radius: 8px 8px 0 0;
  }
  .aisa-tab {
    border-radius: 6px;
    padding: 10px 14px;
  }
  .aisa-tab[aria-selected="true"] {
    background: #fff;
    border-color: var(--aisa-card-border-color);
    box-shadow: inset 0 -2px 0 var(--aisa-primary-color);
  }
  .aisa-admin-container .aisa-btn {
    border-radius: 8px;
    font-weight: 600;
    border-width: 1px;
  }
  .aisa-admin-container .aisa-btn--primary {
    background-color: var(--aisa-primary-color);
    border-color: var(--aisa-primary-color);
    color: #fff;
  }
  .aisa-admin-container .aisa-btn--primary:hover {
    background-color: var(--aisa-primary-hover-color);
    border-color: var(--aisa-primary-hover-color);
  }
  .aisa-admin-container .aisa-btn--secondary {
    background: #fff;
    color: var(--aisa-text-color);
    border-color: var(--aisa-card-border-color);
  }
  .aisa-admin-container .aisa-btn--secondary:hover {
    background: #f8f9fb;
  }
  .aisa-admin-container .aisa-btn--ghost {
    background: transparent;
    border-color: var(--aisa-card-border-color);
  }
  .aisa-admin-container .aisa-btn:focus-visible {
    outline: 2px solid rgba(37,99,235,0.35);
    outline-offset: 2px;
  }
  .aisa-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
  }
  .aisa-chip--info {
    background: #e0f2fe;
    color: #075985;
  }
  .aisa-chip--secondary {
    background: #eceff3;
    color: #374151;
  }
  .aisa-list :where(li) {
    margin-bottom: 8px;
  }
  .knowledge-modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow: hidden;
    &.show {
      display: block;
    }
  }
  .knowledge-modal-container {
    padding: 20px;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
  }
  .knowledge-modal-content {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    max-width: 650px;
    width: 100%;
    margin: 20px auto;
    max-height: calc(100vh - 40px);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .knowledge-modal-header {
    padding: 20px 30px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: white;
    border-radius: 12px 12px 0 0;
  }
  .knowledge-modal-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
  }
  .knowledge-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: #6c757d;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    &:hover {
      color: #212529;
    }
  }
  .knowledge-modal-body {
    padding: 30px;
    overflow-y: auto;
    flex: 1;
  }
  .knowledge-modal-footer {
    padding: 20px 30px;
    border-top: 1px solid #e5e5e5;
    background: #f8f9fa;
    border-radius: 0 0 12px 12px;
    flex-shrink: 0;
  }
  .knowledge-tip-box {
    background: #e7f3ff;
    border-left: 4px solid #007bff;
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 4px;
  }
  .knowledge-examples-box {
    background: #f0f8ff;
    border: 1px solid #d4e3f4;
    padding: 20px;
    margin: 20px 0;
    border-radius: 6px;
    h5 {
      color: #0066cc;
      margin-top: 0;
    }
    pre {
      background: white;
      padding: 15px;
      border-radius: 4px;
      overflow-x: auto;
      margin: 10px 0;
      border: 1px solid #e1e8ed;
    }
  }
  .knowledge-avoid-box {
    background: #fff5f5;
    border: 1px solid #ffc1c1;
    padding: 20px;
    margin: 20px 0;
    border-radius: 6px;
    h5 {
      color: #cc0000;
      margin-top: 0;
    }
    pre {
      background: white;
      padding: 15px;
      border-radius: 4px;
      overflow-x: auto;
      margin: 10px 0;
      border: 1px solid #ffe0e0;
    }
  }
  .knowledge-template-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 16px;
    margin: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background 0.2s;
    &:hover {
      background: #0056b3;
    }
  }
}
@layer base {
  .import-wizard {
    max-width: 1100px;
    margin: 0 auto;
  }
  .import-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    h2 {
      margin-top: 0;
    }
  }
  .import-hint {
    color: #64748b;
    font-size: 13px;
    margin-bottom: 16px;
  }
  .import-field {
    margin-bottom: 16px;
    label {
      display: block;
      font-weight: 600;
      margin-bottom: 4px;
    }
    select, input[type="text"], input[type="date"], input[type="file"] {
      width: 100%;
      max-width: 480px;
      padding: 6px 8px;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
    }
  }
  .import-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
  }
  .import-wizard .import-btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    &:disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
  }
  .import-wizard .import-btn-primary {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
  }
  .import-alert {
    border: 1px solid #fca5a5;
    background: #fef2f2;
    color: #991b1b;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
  }
  .import-notice {
    border: 1px solid #86efac;
    background: #f0fdf4;
    color: #166534;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
  }
  .import-info {
    border: 1px solid #93c5fd;
    background: #eff6ff;
    color: #1e40af;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 16px;
  }
  .import-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    &.mapped {
      background: #dbeafe;
      color: #1e40af;
    }
    &.auto {
      background: #dcfce7;
      color: #166534;
    }
    &.unmapped {
      background: #fef9c3;
      color: #854d0e;
    }
  }
  table.import-table {
    width: 100%;
    border-collapse: collapse;
    th, td {
      text-align: left;
      padding: 6px 8px;
      border-bottom: 1px solid #e2e8f0;
      font-size: 13px;
      vertical-align: top;
    }
    td.sample {
      color: #64748b;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .import-steps {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
    li {
      flex: 1;
      text-align: center;
      padding: 8px 4px;
      border-bottom: 3px solid #e2e8f0;
      color: #94a3b8;
      font-size: 13px;
      font-weight: 600;
      &.active {
        border-bottom-color: #2563eb;
        color: #1e40af;
      }
    }
  }
  .import-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: #e2e8f0;
    color: #334155;
  }
  .import-group {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 8px;
    > summary {
      cursor: pointer;
      font-weight: 600;
    }
  }
  .import-decisions {
    display: flex;
    gap: 12px;
    label {
      font-weight: 400;
      display: inline-flex;
      align-items: center;
      gap: 4px;
    }
  }
}
@layer base {
  .admin-menu {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    &.new {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      .menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 2px solid #ccc;
        h2 {
          font-size: 24px;
          color: var(--ar-dark-blue);
          margin: 0;
          font-weight: normal;
        }
      }
      .menu-groups {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
      }
      .menu-group {
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        transition: all 0.2s;
        &:hover {
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          border-color: var(--ar-darker-blue);
        }
      }
      .group-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--ar-dark-blue);
        margin: 0 0 16px 0;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .group-icon {
        font-size: 18px;
      }
      .group-items {
        list-style: none;
        padding: 0;
        margin: 0;
        li {
          margin-bottom: 8px;
          padding-left: 0;
          &:last-child {
            margin-bottom: 0;
          }
        }
        a {
          color: #666;
          text-decoration: none;
          font-size: 14px;
          display: inline-block;
          padding: 2px 0;
          transition: color 0.2s;
          position: relative;
          &:hover {
            color: var(--ar-green);
            text-decoration: underline;
          }
        }
        .sub-items {
          list-style: none;
          padding: 0;
          margin: 8px 0 0 0;
          padding-left: 20px;
          border-left: 2px solid #e0e0e0;
          li {
            margin-bottom: 6px;
            padding-left: 8px;
            &:last-child {
              margin-bottom: 0;
            }
          }
          a {
            font-size: 13px;
            color: #888;
            &:hover {
              color: var(--ar-green);
            }
          }
        }
      }
      .monitoring-section {
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        margin-top: 30px;
        h3 {
          font-size: 16px;
          color: var(--ar-dark-blue);
          margin: 0 0 16px 0;
          font-weight: 600;
        }
      }
      @media (max-width: 768px) {
        .menu-groups {
          grid-template-columns: 1fr;
        }
        .menu-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
        }
      }
    }
  }
}
@layer base {
  .close-graph {
    float: right;
  }
  .close-graph::after {
    content: "";
    display: table;
    clear: both;
  }
  .graph-navigation {
    .series-selector {
      display: inline;
    }
    .series-separator {
      padding: 0 5px;
    }
    ul {
      list-style-type: none;
      text-align: center;
    }
    li {
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      border: 1px solid #4F738A;
      padding: 5px;
      text-transform: capitalize;
      &.active {
        background-color: lightblue;
      }
      &:first-child {
        border-radius: 5px 0 0 5px;
      }
      &:last-child {
        border-radius: 0 5px 5px 0;
      }
    }
  }
}
@layer base {
  .automaster_form {
    display: inline-block;
    text-align: left;
  }
  .automaster_header {
    text-align: right;
  }
  .automaster_body {
    font-size: 0.8em;
    margin-top: 10px;
    text-align: right;
    select, input {
      margin-left: 0.5em;
    }
  }
}
@layer base {
  .call-card {
    transition: box-shadow 0.2s, border 0.2s, background 0.2s;
    border-radius: 1em;
    margin-bottom: 1.25em;
    background: #fff;
    padding: 1em 1.25em;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    font-family: 'Open Sans', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
    font-size: inherit;
    border: 1px solid #e2e8f0;
    position: relative;
  }
  .call-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    bottom: 0.5em;
    width: 4px;
    background-color: transparent;
    border-radius: 2px;
  }
  .call-card.incoming::before {
    background-color: #22c55e;
  }
  .call-card.outgoing::before {
    background-color: #2563eb;
  }
  .call-card.missed::before {
    background-color: #ef4444;
  }
  .call-card:not(:first-child) {
    border-top: 1px solid #f1f5f9;
  }
  .call-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
    border-color: #2563eb55;
    transform: translateY(-2px);
    background: #f8fafc;
  }
  .call-card.active, .call-card[aria-expanded='true'] {
    border-color: #2563eb;
    background: #f0f6ff;
    transform: scale(1.01);
    box-shadow: 0 6px 24px rgba(0,0,0,0.08);
  }
  .call-icon {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 999px;
    background-color: #f1f5f9;
    flex-shrink: 0;
  }
  .call-icon.incoming {
    color: #22c55e;
    background-color: #dcfce7;
  }
  .call-icon.outgoing {
    color: #2563eb;
    background-color: #dbeafe;
  }
  .call-icon.missed {
    color: #ef4444;
    background-color: #fee2e2;
  }
  .call-meta {
    font-size: 0.85em;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .sentiment-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2em 0.7em;
    border-radius: 999px;
    font-size: 0.85em;
    font-weight: 600;
    margin-top: 0.2em;
    &.positive {
      background: #d1fae5;
      color: #065f46;
    }
    &.negative {
      background: #fee2e2;
      color: #991b1b;
    }
    &.neutral {
      background: #fef9c3;
      color: #92400e;
    }
  }
  .recording-btn {
    display: flex;
    align-items: center;
    gap: 0.3em;
    color: #3b82f6;
    font-weight: 500;
    text-decoration: none;
    font-size: 0.9em;
    &:hover {
      text-decoration: underline;
    }
  }
  .toggle-transcript-btn {
    background: none;
    color: #2563eb;
    border: none;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5em;
    transition: background 0.15s, color 0.15s;
    font-family: 'Open Sans', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    padding: 0.25em 0.5em;
    border-radius: 0.5em;
    &:hover, &:focus {
      background: #dbeafe;
      color: #1d4ed8;
    }
    .chevron {
      display: inline-block;
      transition: transform 0.2s;
    }
  }
  .transcript-preview {
    color: #64748b;
    font-size: 0.9em;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
  }
  .transcript-area {
    animation: fadeIn 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    margin-top: 0.75em;
    padding-top: 0.5em;
    border-top: 1px solid #f1f5f9;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  .recording-player {
    margin-bottom: 1rem;
    audio {
      width: 100%;
      height: 40px;
      background-color: #f8fafc;
      border-radius: 999px;
    }
    audio::-webkit-media-controls-panel {
      background-color: #f8fafc;
    }
    audio::-webkit-media-controls-play-button {
      background-color: #dbeafe;
      border-radius: 50%;
    }
    audio::-webkit-media-controls-play-button:hover {
      background-color: #bfdbfe;
    }
    audio::-webkit-media-controls-timeline {
      background-color: #e2e8f0;
      border-radius: 6px;
      margin-left: 8px;
      margin-right: 8px;
    }
    audio::-webkit-media-controls-current-time-display, audio::-webkit-media-controls-time-remaining-display {
      color: #475569;
      font-family: monospace;
      font-size: 0.9em;
    }
  }
  .transcript-bubble {
    background: #f1f5f9;
    border-radius: 1.2em;
    padding: 0.65em 1em;
    margin-bottom: 0;
    max-width: 85%;
    font-size: 0.95em;
    display: flex;
    align-items: flex-start;
    font-family: 'Open Sans', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
    color: #1e293b;
    position: relative;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    padding-right: 4.5em;
    &:hover {
      filter: brightness(0.97);
    }
  }
  .transcript-bubble.agent {
    background: #e0f2fe;
    color: #0c4a6e;
    border-radius: 1.2em 1.2em 1.2em 0.2em;
    align-self: flex-start;
    &.current-playing {
      background-color: #93c5fd;
      color: #1e3a8a;
    }
  }
  .transcript-bubble.caller {
    background: #f0fdf4;
    color: #15803d;
    border-radius: 1.2em 1.2em 0.2em 1.2em;
    align-self: flex-end;
    &.current-playing {
      background-color: #6ee7b7;
      color: #065f46;
    }
  }
  .timestamp-label {
    position: absolute;
    right: 1em;
    bottom: 0.65em;
    font-size: 0.8em;
    font-family: monospace;
    color: #94a3b8;
  }
  .speaker-label {
    font-weight: 700;
    margin-right: 0.5em;
    color: #475569;
    min-width: 55px;
    display: inline-block;
  }
  @media (max-width: 640px) {
    .call-card {
      padding: 0.75em;
      border-radius: 0.75em;
    }
    .transcript-bubble {
      font-size: 1em;
      padding: 0.7em 0.8em;
    }
    .call-icon {
      width: 2.25em;
      height: 2.25em;
      font-size: 1em;
    }
  }
}
@layer base {
  .credit-check {
    .hide {
      display: none;
    }
    .contact-action {
      color: brown;
      font-size: 0.75em;
      position: absolute;
      right: 17px;
      top: 52px;
    }
    form {
      .button {
        display: inline-block;
        font-size: inherit;
      }
    }
  }
}
@layer base {
  .latest_block {
    padding-left: 15px;
    padding-top: 10px;
    position: relative;
    left: -7px;
    font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif !important;
    margin-top: -10px;
    margin-bottom: 0px;
    .bar {
      padding: 10px 10px;
      -webkit-border-radius: 7px;
      border-radius: 7px;
      margin: -0.5em -10px 5px;
      font-size: 0.9em;
    }
    .appointmentalert {
      background: #ffe32a;
      border: 1px solid #eccf1e;
    }
    .needsaction {
      background: #cc3333;
      color: white;
      font-weight: normal;
      margin-bottom: 0;
    }
    .needsaction.warm {
      background: darkorange;
    }
  }
}
@layer base {
  .newtext {
    textarea {
      width: 99%;
      border-radius: 5px;
    }
    .toarea, .quick-consent {
      display: inline-block;
    }
    .toarea {
      padding-bottom: 5px;
    }
    .quick-consent {
      margin-left: 20px;
    }
  }
  #new_targeted_text_dialog {
    .text-message-compose {
      width: 95%;
      display: table;
      margin: auto;
      textarea {
        width: 99%;
        border-radius: 5px;
      }
      .text-message-template {
        padding-top: 5px;
      }
    }
  }
}
@layer base {
  .edit_task, .new_task {
    .addtime {
      margin-bottom: 9px;
    }
    .message-template {
      width: 100%;
    }
    .addtime {
      clear: both;
      font-size: 0.85em;
      margin-left: 37px;
    }
    .addtime a {
      color: #69c;
    }
    .automation-info {
      word-wrap: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto;
      margin-bottom: 5px;
    }
  }
}
@layer base {
  label.char-count {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
  }
  .notification label.char-count {
    text-align: right;
    display: block;
    float: none;
    margin-right: 0;
  }
  div.conversationitem .contact-number {
    color: #666;
    font-size: 0.85em;
    display: inline-block;
    word-break: break-all;
    max-width: 100%;
  }
  .conversationitem .date {
    font-size: 0.8em;
  }
  .conversationitem .message .date {
    width: 60px;
    color: #777;
  }
  div.conversationitem .cap {
    color: #97aab9;
    font-size: 0.8em;
    padding-left: 10px;
    padding-bottom: 4px;
  }
  div.conversationitem .messages {
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  div.conversationitem .message {
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px;
  }
  div.conversationitem .message .status {
    font-size: 0.7em;
    color: #97aab9;
    font-weight: bold;
  }
  div.conversationitem .reply {
    outline: none;
    resize: none;
    margin-top: 0.0em;
    border-radius: 5px;
    border: 1px solid #ddd;
    transition: width 0.2s, margin-top 0.2s, height 0.2s;
    width: 25%;
    max-height: 80px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  div.conversationitem .reply.expanded {
    max-height: 160px;
  }
  div.conversationitem .reply, div.conversationitem .reply:focus {
    opacity: 1;
    width: 100%;
  }
  .conversationitem .replybar, .newtext .replybar {
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    .replybar-up {
      display: inline;
      position: relative;
      text-align: left;
      vertical-align: top;
    }
    textarea {
      display: table-cell;
    }
  }
  .conversationitem .day-divider {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
  }
  .feedback {
    font-size: 10px;
    margin-top: 0;
    margin-bottom: 0;
    &.sending {
      color: #777;
    }
    &.failed {
      color: #900;
      font-weight: bold;
    }
  }
  .blankslate {
    p.title {
      font-size: 1.2em;
      color: #333;
      font-weight: bold;
    }
    p.tal {
      color: #666;
      font-size: 1em;
      width: 70%;
      line-height: 1.3em;
    }
    p.tac {
      margin-top: 1.5em;
    }
  }
  .conversation-error {
    font-size: 0.8em;
    color: #900;
    font-weight: bold;
  }
  .text-message-templates {
    display: inline-block;
  }
  .conversationitem {
    .flex {
      flex-wrap: wrap;
    }
    .contact-info {
      display: flex;
      flex-direction: column;
      gap: 4px;
      @media screen and (max-width: 480px) {
        width: 100%;
        margin-bottom: 8px;
      }
    }
  }
  div.conversationitem .text-message-compose {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  @supports (-webkit-touch-callout: none) {
    div.conversationitem .reply {
      font-size: 16px;
      position: relative;
      z-index: 1;
    }
    .conversationitem {
      position: relative;
      overflow: hidden;
    }
  }
  .text-message-spinner {
    width: 6px;
    height: 6px;
    border: 0.75px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-left: 2px;
    margin-right: 4px;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .text-messages-container {
    overflow: auto;
    resize: vertical !important;
    @media (pointer: coarse) {
      &::-webkit-resizer {
        width: 80px !important;
        height: 60px !important;
        background-image: linear-gradient(135deg, transparent 46%, #9ca3af 49%, #9ca3af 51%, transparent 54%), linear-gradient(135deg, transparent 36%, #9ca3af 39%, #9ca3af 41%, transparent 44%), linear-gradient(135deg, transparent 26%, #9ca3af 29%, #9ca3af 31%, transparent 34%);
        background-position: bottom 8px right 8px, bottom 12px right 12px, bottom 16px right 16px;
        background-size: 16px 16px, 12px 12px, 8px 8px;
        background-repeat: no-repeat;
        border: none;
        cursor: ns-resize;
      }
    }
  }
}
@layer base {
  table {
    border-collapse: collapse;
  }
  table thead.border th {
    border-bottom: 1px solid #ddd !important;
  }
  table tr td.tsh {
    background: #d8d8d8;
    color: #222;
    border-right: 1px solid #b0b0b0;
    border-bottom: 1px solid #bbb;
  }
  table.noborder tr td {
    border: 0;
  }
  table.border tr td {
    border: 1px solid #ccc;
  }
  table.hborders tr td {
    border-top: 1px solid #ccc !important;
  }
  table.nopadding tr td {
    padding: 0px;
  }
  table tr.nb td {
    border: 0;
  }
  table.quiet th {
    color: #696;
    font-size: 0.7em;
    background: transparent;
  }
  table tr.clickable, table tr.clickable * {
    cursor: pointer;
  }
  table tr.clickable:hover {
    background: #f8f9fb;
  }
  table.data tbody {
    font-size: 0.8em;
  }
  table td.label {
    background: #eee;
  }
  tr.deleted td {
    text-decoration: line-through;
    color: #bbb;
    background: #eee;
  }
  td.drag-handle {
    cursor: grab;
    user-select: none;
    text-align: center;
    font-size: 1.4em;
    color: #999;
    padding: 0 8px;
    &:hover {
      color: #333;
    }
    &:active {
      cursor: grabbing;
    }
  }
  tr.dragging {
    opacity: 0.4;
    background: #e8f0fe;
  }
  tr.deleted td.noline {
    text-decoration: none;
  }
  table tr.subtle th {
    background: white;
    color: #696;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    font-size: 0.7em;
  }
  table.clean tr th {
    background: transparent;
    border-bottom: 1px solid #ddd;
    color: #69AA4E;
  }
  table.table tbody {
    font-size: 0.8em;
  }
  table.table tbody input[type="checkbox"] {
    font-size: 1em;
  }
  table.form td, table.form th {
    font-size: 1em;
  }
  table.form td.label {
    vertical-align: top;
    font-size: 0.8em;
    width: 6.5em;
    padding-top: 0.9em;
  }
  table.form h4 {
    margin-top: 0;
  }
  table.quote_details {
    background: #eee;
    font-size: 0.70em;
    width: 250px;
    font-weight: bold;
    text-align: right;
  }
  table.quote_details td.l {
    font-weight: normal;
    text-align: left;
  }
  table.wide {
    width: 99%;
  }
  table.tight tr td {
    border-width: 0px;
    padding: 1px 4px;
  }
  table.quote_details input {
    text-align: right;
  }
  table.calculation tr.general label {
    font-weight: bold;
    color: green;
  }
  table.calculation tr td label {
    font-weight: normal;
  }
  table.calculation tr.totals td, table.calculation tr.totals td label {
    font-weight: bold;
    color: black;
  }
  table.calculation td.numeric {
    font-size: 0.75em;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  table tr td.bll {
    border-left: 1px solid #ddd;
  }
  table tr.perms {
    font-size: 0.7em;
  }
  table tr.disabled {
    background: #eee;
    color: #666;
  }
  table tr.perms td {
    border-bottom: 2px solid #ccc;
  }
  table tr.perms td.name {
    font-size: 1.3em;
    font-weight: bold;
  }
  table.permissions td {
    vertical-align: top;
  }
  table.permissions label {
    font-weight: normal;
  }
  table.debug tr td {
    background: white;
    border: 1px solid red !important;
  }
  table tr.locked td {
    color: #a99;
  }
  table tr.locked td .hilite {
    color: #a99 !important;
  }
  table tr.notopborder td {
    border-top: 2px solid transparent;
    padding-top: 0px;
  }
  table.debug tr td {
    border: 2px solid red !important;
  }
  table#ownerships tr td.date {
    color: #666;
    font-size: 0.9em;
  }
  table.notifications td {
    padding: 5px 10px;
  }
  table.notifications td.ind {
    padding: 5px 0px;
  }
  table.notifications tr.clickable:hover {
    background: #358;
    color: white;
  }
  table.notifications tr.clickable:hover label {
    color: white;
  }
  table.notifications tr.clickable:hover .paddedindicator {
    color: default;
  }
  table.ips tr td {
    vertical-align: top;
  }
  table.ips tr.bad {
    background: #c00;
    color: white;
  }
  table.ips tr.bad label {
    color: gold;
  }
}
@layer base {
  .alertbox {
    padding: 12px 15px;
    box-shadow: 0;
    border: 0;
    background: white;
    border-radius: 7px 7px;
    margin-bottom: 15px;
    span.notifications-count {
      background: #c00;
      color: white;
      font-weight: bold;
      padding: 2px 5px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      font-size: 0.6em;
      background: gold;
      float: right;
      margin-top: 6px;
    }
    span.icon {
      position: relative;
      margin-right: 20px;
      .icon-count {
        background: #d00;
        color: white;
        font-size: 0.55em;
        position: absolute;
        right: -12px;
        padding: 1px 2px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
      }
    }
  }
  .alertbox.warning {
    padding: 0px 12px;
    background: #FFBFBF;
    color: #B20000;
    font-size: 14px;
    border: 1px solid #B20000;
  }
  .alert-icon {
    float: left;
    margin-top: -7px;
    margin-bottom: 2em;
    margin-right: 1em;
  }
}
@layer base {
  .badge-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: var(--ar-z-higher);
    .badge {
      background: #d00;
      border-radius: 3px;
      box-shadow: #444 1px 1px;
      color: #fff;
      display: block;
      font-size: 9px;
      margin-right: -33%;
      min-width: 8px;
      padding: 1px 3px;
      position: absolute;
      right: 0;
      text-align: center;
      z-index: var(--ar-z-highest);
    }
  }
}
@layer base {
  .button {
    cursor: pointer;
    text-align: right;
    margin-top: 1em;
    padding: 6px 18px;
  }
  div.button {
    margin-right: 10px;
  }
  .button.subtle {
    margin-top: 10px;
    border-top: 0px;
    margin-right: 10px;
  }
  a.button, button.button, input.button {
    background: #eee;
    border: none;
    padding: 3px 10px;
    font-size: 0.70em;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 1.5;
    color: black;
    border-radius: 8px;
    font-weight: 700;
  }
  a:visited.button {
    color: black;
  }
  p.button {
    margin-top: 0.2em;
    padding-top: 0.2em;
    border-top: 2px solid #ccc;
    text-align: right;
  }
  .button_or {
    font-size: 0.75em;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    padding-left: 0.5em;
    color: #97aab9;
  }
  .button_or a, .button_or a:link, .button_or a:visited {
    padding-left: 0.25em;
    color: brown;
  }
  a.button.blue, a.button.green, a.button.red, a.button.brown, a.button.black, a.button.grey, button.button.blue, button.button.green, button.button.red, button.button.brown, button.button.black, button.button.grey, input.button[type=submit] {
    background: #3fae49;
    padding: 6px 18px;
    color: white;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    &[disabled], &[disabled]:hover {
      background: #a9a9a9;
    }
  }
  input.button[type=submit] {
    font-family: inherit;
  }
  button.button.medium, input.button.medium, a.button.medium {
    padding: 4px 15px;
    font-size: 12px;
    margin: 7px 0;
    display: inline-block;
  }
  button.button.large, input.button.large, a.button.large {
    padding: 6px 18px;
    font-size: 14px;
    margin: 7px 0;
    text-align: center;
    display: inline-block;
  }
  button.button.green, input.button.green, a.button.green {
    background: #3fae49;
  }
  input.button.green:hover, input.button[type=submit]:hover, button.button.green:hover, a.button.green:hover {
    background: #3b9846;
  }
  button.button.green:focus, input.button.green:focus, a.button.green:focus {
    background-color: #1d5b2e;
    color: #fff;
    position: relative;
  }
  button.button.yellow, input.button.yellow, a.button.yellow {
    background-color: #fdb72b;
  }
  button.button.yellow:hover, input.button.yellow:hover, a.button.yellow:hover {
    background-color: #eda83b;
  }
  button.button.black, a.button.black, input.button.black {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000) );
    border: 1px solid #666;
    background: -moz-linear-gradient(top, #8BCB29 0%, #007e00 100%);
    color: #eee;
  }
  button.button.grey, a.button.grey, input.button.grey {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #97aab9), color-stop(1, #333) );
    border: 1px solid #666;
    background: -moz-linear-gradient(top, #97aab9 0%, #333 100%);
    box-shadow: 0px 3px 0px #181818;
    color: #eee;
    font-weight: normal;
  }
  .button.grey:active {
    background: #333;
  }
  .button.black:active {
    background: #000;
  }
  button.button.green:active, input.button.green:active, a.button.green:active {
    background: #007e00;
  }
  button.button.huge, input.button.huge, a.button.huge {
    margin-top: 10px;
    font-size: 20px;
    -webkit-box-shadow: 3px 3px 5px #666;
    box-shadow: 3px 3px 5px #666;
    padding: 10px 25px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    text-shadow: #4E4E4E 0px 2px 0px;
    display: inline-block;
    border: 2px solid #428118;
  }
  button.button.square, input.button.square, a.button.square {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  button.button.red, input.button.red, a.button.red {
    font-weight: bold;
    background: #c00;
    color: white;
    text-shadow: none;
  }
  button.button.red.large, input.button.red.large, a.button.red.large {
    border: 2px solid #933;
  }
  a.greenbutton:active {
    background: #408000;
  }
  .button.circle {
    border-radius: 50%;
    vertical-align: middle;
  }
  .button.small.circle {
    display: inline-block;
    box-sizing: border-box;
    height: 15px;
    width: 15px;
    font-size: 10px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-left: 5px;
  }
  .button.circle.delete {
    color: white;
    font-weight: normal;
    line-height: 6px;
    font-size: 40px;
    background-color: #c43d36;
  }
  .button.circle.delete:after {
    content: "-";
    position: relative;
    margin-left: 1px;
    margin-right: 3px;
  }
  .button.circle.seek {
    color: white;
    text-align: center;
    background-color: #3264CD;
    font-style: normal;
    font-weight: bold;
  }
  .button.circle.seek:after {
    content: "S";
    position: relative;
  }
  .inventory-arrow-circle {
    display: inline-block;
    border: 0.08em solid #fff;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  a:hover .inventory-arrow-circle {
    border: 0.1em solid #fff;
  }
  .phonezoom .dial, .phonezoom .txtbtn {
    border: 1px solid #333;
    box-shadow: none !important;
    font-weight: 400 !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@layer base {
  .upsheet-top-button-row {
    background: #FFF3D8;
    border: 1px solid #D9CFBC;
    padding: 15px 25px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 10px;
    .text, ul {
      font-size: 0.8em;
    }
    .text {
      color: #133B56;
      font-weight: bold;
    }
    button.button, a.button {
      box-shadow: none;
      float: right;
      margin: -3px 0 0;
    }
    ul {
      list-style: none;
      padding-left: 0;
      li {
        margin-bottom: 5px;
      }
    }
  }
}
@layer base {
  :root {
    --ar-green: #39b34a;
    --ar-dark-green: #30983f;
    --ar-dark-blue: #00253d;
    --ar-darker-blue: #4f738a;
  }
}
@layer base {
  ul.criteria {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  ul.criteria li {
    margin-left: 2em;
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 7px 15px;
    display: block;
    margin-bottom: 3px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  ul.criteria label {
    color: #aaa;
  }
  ul.criteria li.selected {
    border: 2px solid #DBEFAF;
    background: #F4FEDF;
  }
  ul.criteria li.selected label {
    font-weight: bold;
    color: #333;
  }
  .criterion .selected-content {
    display: none;
  }
  .criterion.selected {
    .short {
      display: none;
    }
    .selected-content {
      display: block;
    }
  }
  ul.criteria li .content {
    margin: 0;
  }
  ul.criteria li .content label {
    font-weight: normal;
    color: #666;
  }
  ul.criteria li input[type=checkbox] {
    float: left;
    margin-left: -2.5em;
    margin-right: 1em;
  }
}
@layer base {
  .dark-form {
    background-color: #13344A;
    padding: 0 25px 50px;
    a {
      color: #e0e0e3;
    }
    h3 {
      color: #fff;
      font-size: 19px;
      margin: 0;
    }
    .loading {
      font-size: 12px;
      color: #F2F7FA;
      text-align: center;
      padding: 100px 0;
    }
    table {
      background-color: #13344A;
      width: 100%;
      thead td, thead th {
        background-color: #13344A;
        font-size: 12px;
      }
      td, th {
        color: #e0e0e3;
        border-bottom-color: #50738A;
        &.zero {
          color: #707070;
        }
        &.sub-row-label {
          padding-left: 2em;
          color: #999;
          font-size: 0.9em;
        }
      }
    }
    .dark-form-footer {
      display: flex;
      justify-content: flex-end;
      margin-top: 30px;
      font-size: 14px;
      a {
        flex: 0;
        white-space: nowrap;
        margin-left: 20px;
      }
    }
  }
}
@layer base {
  .report {
    table.dataTable {
      width: 100% !important;
      border: 1px solid #a7bac8;
      tr.odd td {
        background-color: #eee;
      }
      tr.even td {
        background-color: #fff;
      }
    }
  }
  #elead-distribution-report {
    th.left-separator, td:nth-child(3) {
      border-left: 1px solid #555;
    }
    td, th {
      text-align: center;
    }
    td.clickable {
      color: #369;
      &:hover {
        font-weight: bold;
        background: #4f738a;
        color: #ffffff;
      }
    }
  }
  #sr-activity-report {
    th {
      font-size: 0.7rem;
    }
    th.nowrap {
      white-space: nowrap;
    }
    th.left-separator {
      border-left: 1px solid #a7bac8;
    }
    th.left-separator-bold {
      border-left: 1px solid #555;
    }
    th.bottom-separator-bold {
      border-bottom: 1px solid #555;
    }
    td.left-separator {
      border-left: 1px solid #a7bac8;
    }
    td.left-separator-bold {
      border-left: 1px solid #555;
    }
    td:nth-of-type(2) ~ td, tfoot th:nth-of-type(2) ~ th {
      text-align: right;
    }
    .rep-filter {
      margin-right: 10px;
    }
  }
}
@layer base {
  :root {
    --ar-z-base: 0;
    --ar-z-higher: 50;
    --ar-z-highest: 100;
  }
}
@layer base {
  div.dialog {
    background: #eee;
    padding: 7px 15px;
    border: 1px solid #ccc;
  }
  div.dialog {
    margin-top: 1em;
  }
  .exactmatch {
    position: absolute;
    top: 0;
    width: 425px;
    border: 1px solid #bbb;
    background: white;
    padding: 20px;
    left: 100px;
    text-align: center;
    border: 5px solid orange;
    z-index: 20;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 0px 15px #333;
    -moz-box-shadow: 0px 0px 15px #333;
    box-shadow: 0px 0px 7px #888;
    padding-top: 0;
  }
  .exactmatch h2 {
    padding: 7px 10px;
    margin: 0px -20px;
    background: #FEE0A3;
  }
  #notepopup {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 500px;
    z-index: 10;
    background: #eee;
    padding: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #97aab9;
    border-bottom: 1px solid #97aab9;
    -webkit-box-shadow: 1px 1px 30px #97aab9;
    -moz-box-shadow: 1px 1px 30px #97aab9;
    box-shadow: 1px 1px 30px #97aab9;
  }
  #notepopup .context {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 1.2em;
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #222;
  }
  .phonezoom {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: black;
    color: white;
    padding: 20px 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-weight: bold;
  }
  .phonezoom * {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .phonezoom p {
    margin: 0;
    color: #fff;
  }
  .phonezoom p.name {
    font-size: 3em;
  }
  .phonezoom .location {
    margin-left: 0.5em;
    font-size: 0.6em;
    color: #aaa;
  }
  .phonezoom .number {
    font-size: 6em;
    font-weight: 300;
  }
  .phonezoom p.badnumber {
    color: #BC5F5F;
  }
  .phonezoom p label {
    font-weight: normal;
    color: #666;
  }
  .phonezoom p.buttons {
    margin-top: 12px;
    text-align: right;
  }
  .phonezoom .dial, .phonezoom .txtbtn {
    vertical-align: middle;
    cursor: pointer;
  }
  .phonezoom .texting {
    margin-top: 10px;
  }
  .phonezoom .texting textarea {
    padding: 5px 10px;
    height: 1.2em;
    font-size: 1em;
    width: 97%;
    background: #333;
    color: white;
    border: 1px solid #444;
  }
  .phonezoom .texting .calltoaction {
    width: 100%;
    background: #333;
    text-align: center;
    border: 1px solid #444;
    font-weight: 200;
    padding: 5px 10px;
    border-radius: 10px;
  }
  .phonezoom .texting .calltoaction a {
    font-weight: bold;
    color: #69c;
  }
  .dialog-container {
    &.uploading {
      z-index: 99999 !important;
      i {
        color: black;
        left: 50%;
        position: fixed;
        top: 50%;
      }
    }
  }
}
@layer base {
  #flash {
    padding: 7px 15px;
    border: 1px solid orange;
    background: #ddd;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    color: #00253D;
  }
  #flash.notice {
    background: #Fea;
  }
  #flash.error, p.inlineerror {
    background: #c00;
    border: 1px solid #900;
    color: white;
  }
  p.inlineerror {
    padding: 5px 10px;
  }
  #flash.error strong {
    color: gold;
  }
  .liteerror {
    font-size: 0.8em;
    color: #c00;
    font-weight: bold;
  }
  #flash.flash-double-sale {
    padding: 12px 20px;
    background: #fef2f2;
    border: 1px solid #f87171;
    border-radius: 8px;
    color: #991b1b;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
}
@layer base {
  input.primary {
    font-size: 1.3em;
    font-weight: bold;
    color: #333;
  }
  .about_notes {
    font-size: 0.75em;
  }
  hr.light {
    height: 0px;
    border: 0;
    border-bottom: 1px solid #ddd;
  }
  .largerEdit input {
    font-size: 1em;
  }
  .faded, input.faded {
    background: #f7f7f7;
    color: #444;
  }
  .light label, label.light {
    font-weight: normal;
  }
  * html label.checkbox {
    padding-left: 3px;
  }
  textarea.wide {
    width: 99%;
  }
  #please_wait {
    color: #c00;
    font-weight: bold;
    font-size: 0.75em;
  }
  #please_wait img {
    vertical-align: middle;
  }
  .emailheader {
    font-size: 0.8em;
    margin-bottom: 1em;
  }
  .emailheader label {
    font-size: 1em;
    margin-bottom: 0.1em;
  }
  .daterangepicker {
    thead {
      th, td {
        background: inherit;
      }
    }
    .calendar-table {
      th, td {
        min-width: auto;
        padding: inherit;
      }
    }
  }
  .upsheet-daterangepicker {
    table {
      tr th, td {
        padding: 0;
      }
      tr th {
        background: inherit;
      }
    }
  }
}
@layer base {
  #sales-rep-performance-graph .highcharts-tooltip span {
    background-color: rgba(0,0,0,0.8);
    z-index: 1;
  }
  .highcharts-axis-labels {
    strong {
      float: right;
    }
  }
  .highcharts-axis-labels a {
    color: inherit;
    text-decoration: inherit;
  }
}
@layer base {
  a img {
    border: 0;
  }
  a.utility, a:link.utility, a:visited.utility {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    border-bottom: 2px solid var(--ar-green);
    color: var(--ar-green);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1.875em;
    text-decoration: none;
  }
  a.blue {
    color: #369;
  }
  a.red {
    color: #c00;
  }
  a.addlink {
    color: #c00;
  }
  a.edit {
    font-weight: normal;
    font-size: 0.7em;
  }
  table a.utility {
    font-size: 1em;
  }
  a.subtle {
    color: #97aab9;
  }
  a.dotted {
    text-decoration: none;
    border-bottom: 1px dashed #97aab9;
  }
  a.black {
    color: black;
  }
  a.not-so-hidden {
    color: black;
    text-decoration: none;
  }
  label a.not-so-hidden {
    color: #97aab9;
  }
  a.greyed {
    color: #97aab9;
  }
  a.not-so-hidden:hover, a.greyed:hover {
    color: #248;
    text-decoration: underline;
  }
  a.green {
    background: transparent;
    border-bottom: 2px solid #39b34a;
    color: #39b34a;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1.875em;
    text-decoration: none;
  }
  .actionLinks {
    padding-top: 0;
    margin-top: 0;
    .right {
      float: right;
      font-size: 0.8em;
      margin-top: -3px;
    }
  }
}
@layer base {
  ul.attachments {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  ul.attachments li {
    padding-left: 0px;
    margin: 0;
  }
  div.attachments .file {
    display: block;
  }
  .assignee {
    margin-right: 1.5em;
  }
  .phones div.phone .editables {
    padding: 2px 7px 4px;
    background: #f3f3f3;
    border-radius: 5px;
    margin-top: -4px;
    margin-right: -5px;
  }
  .phones div.phone .phone-edit {
    font-size: 0.7em;
    color: red;
  }
  .phones div.phone {
    width: 40%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 15px 20px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .phones div.phone .number {
    letter-spacing: -1px;
    font-size: 1.5em;
  }
  .phones div.phone .number label {
    font-size: 0.6em;
  }
  .phones div.phone .number .paddedindicator {
    letter-spacing: 0px;
    font-size: 0.5em;
    margin-right: -5px;
  }
  .phones div.phone .number .unverified {
    float: right;
    font-size: 0.6em;
    color: #c00;
  }
  ul.plain {
    list-style-type: none;
  }
  div.userlist {
    font-size: 0.8em;
    clear: left;
  }
  div.userlist div.user {
    padding: 1px 0;
    width: 25%;
    float: left;
  }
  .elead-user-list {
    p {
      margin: 0.5em 0;
    }
    .userlist {
      margin-left: 0px;
    }
  }
  br.clearleft {
    clear: left;
  }
}
@layer base {
  .nav-switcher {
    padding: 4px 0 0 10px;
    float: right;
    position: relative;
  }
  .switcher {
    position: absolute;
    background: white;
    padding: 10px;
    top: -3px;
    right: -10px;
    z-index: 300;
    box-shadow: 0px 0px 7px #333;
    -webkit-box-shadow: 0px 0px 7px #333;
    -moz-box-shadow: 0px 0px 7px #333;
  }
  .switcher em {
    color: #222;
  }
  .switcher label {
    color: #97aab9;
  }
  .switcher label.email {
    color: brown;
    font-weight: bold;
  }
  .switcher em {
    font-size: 1.1em;
    font-family: 'Open Sans', 'Lucida Grande', Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
  }
  .user-menu {
    ul {
      list-style-type: none;
      font-size: 13px;
      padding: 0;
      white-space: nowrap;
      li {
        margin: 3px 0;
        text-align: left;
      }
    }
  }
  .user-menu {
    ul {
      margin-block-start: 0px;
      margin-block-end: 0px;
      min-width: 100%;
    }
    .drop-down {
      right: 0px;
      min-width: 100%;
    }
    .class-menu-toggle {
      color: white;
      text-decoration: none;
    }
    .content-area {
      border-radius: 0 0 8px 8px;
    }
  }
}
@layer base {
  .notification {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px;
    color: #333;
    background: #eee;
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.8em;
    width: 250px;
    box-shadow: 0px 0px 7px #666;
  }
  .notification input, .notification textarea {
    display: block;
    margin-top: 10px;
    padding-left: 10px;
    border-radius: 10px;
    outline: none;
  }
  .notification .msg {
    float: left;
    width: 200px;
  }
  .notification .icon {
    float: left;
    margin-right: 10px;
  }
  .notification .title {
    color: #888;
    font-weight: bold;
    display: block;
  }
  .notification .text {
    font-size: 0.9em;
    display: block;
  }
  .notification .buttons {
    text-align: right;
    font-weight: 500;
    display: block;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    margin: 15px -15px 0;
  }
  .notification .buttons div {
    text-align: center;
    display: inline-block;
    padding: 10px 0 5px;
    width: 49%;
    color: #97aab9;
  }
  .notification .buttons div:hover {
    color: #369;
    cursor: pointer;
  }
  .autoraptor-pnotify-message {
    background-color: #4f738a;
    border-radius: 4px;
    .alert {
      background: white;
      border: none;
      padding: 10px;
      margin-left: 10px;
      font-size: 13px;
      cursor: pointer;
      height: auto;
    }
    .ui-pnotify-icon {
      color: #4f738a;
      font-size: 16px;
      float: left;
      margin: 1px 6px 1px 0;
      & span {
        display: block;
        float: none;
        margin: 0;
      }
    }
    .ui-pnotify-title {
      color: #4f738a;
      font-size: 13px;
    }
  }
}
@layer base {
  a.next, a.prev {
    float: right;
    display: block;
    padding: 3px 5px;
    background: #eee;
    color: #333;
    color: #248;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    background: white;
    font-weight: normal;
  }
  a.prev {
    float: left;
  }
  .pagination {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-top: 1em;
    margin-bottom: 0.7em;
    color: #97aab9;
    font-weight: normal;
    font-size: 0.75em;
  }
  .pagination strong {
    color: #000;
  }
  .pagers {
    float: right;
    font-size: 0.75em;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma , Arial, sans-serif;
  }
  .pagers a {
    margin-left: 15px;
    text-decoration: none;
  }
  .pages {
    float: right;
    font-size: 0.85em;
    color: var(--ar-darker-blue);
    margin-top: 0;
  }
  .pages strong {
    color: #00253D;
  }
  .newpagination {
    float: right;
    font-size: 0.8em;
    margin-top: 0;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  .newpagination a {
    border: 1px solid #ccc;
    padding: 2px 5px;
    text-decoration: none;
    color: blue;
    font-weight: normal;
  }
  .newpagination a:hover {
    background: blue;
    color: white;
  }
  .newpagination span {
    margin-left: 0.5em;
    color: #666;
  }
  #content .pager a {
    text-decoration: none;
  }
  #content .pager a:hover {
    text-decoration: underline;
  }
  .pager.pagination {
    background: #def;
    padding: 7px 25px;
    font-size: 0.8em;
    width: 720px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-bottom: 10px;
    border: 1px solid #bcd;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  }
  .willpages a {
    font-weight: normal;
    border: 1px solid #e7e7e7;
    padding: 2px 4px;
    text-decoration: none;
    color: var(--ar-darker-blue);
    border-radius: 5px;
  }
  .willpages a:hover {
    background: #def;
    color: #111;
  }
  .willpages .current {
    border: 1px solid #DEE3EB;
    padding: 2px 4px;
    font-style: normal;
    font-weight: normal;
    color: #00253D;
    background: #eef2f5;
    border-radius: 5px;
  }
  .previous_page.disabled, .next_page.disabled {
    display: none;
  }
}
@layer base {
  .popover {
    position: absolute;
    z-index: 50;
  }
  span.popped, a.popped {
    font-weight: bold;
    padding: 2px 5px;
    background: gold;
  }
  .popover .box p.alert {
    padding: 10px 20px;
    background: #ddd;
    font-size: 0.85em;
    border-radius: 4px;
  }
  .popover .arrow, .popover .arrowdown {
    background: url(https://d71qzvpa56542.cloudfront.net/lib/popover_arrow.png) no-repeat;
    height: 18px;
    width: 35px;
  }
  .popover .arrowdown {
    background: url(https://d71qzvpa56542.cloudfront.net/lib/popover_arrow_down.png) no-repeat;
  }
  .popover.dark .box h1 {
    color: #fff;
  }
  .popover.dark .box h2 {
    color: #fff;
    border-bottom: none;
  }
  .popover.light .arrow, .popover.light .arrowdown {
    background: none;
    box-sizing: border-box;
    border: 18px solid white;
    border-top: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
  }
  .popover.light .arrowdown {
    border-top: 18px solid white;
    border-bottom: 0;
  }
  .popover .arrowright {
    background: url(https://d71qzvpa56542.cloudfront.net/lib/popover_arrow_right.png) no-repeat;
    height: 35px;
    width: 18px;
  }
  .popover .arrowleft {
    background: url(https://d71qzvpa56542.cloudfront.net/lib/popover_arrow_left.png) no-repeat;
    height: 35px;
    width: 18px;
  }
  .popover .box {
    margin: 0px !important;
    background: #333;
    padding: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-box-shadow: 1px 1px 12px #333;
    -moz-box-shadow: 1px 1px 12px #333;
    box-shadow: 1px 1px 12px #333;
    border-radius: 7px;
  }
  .popover.light .box {
    background: #fff;
    border-radius: 7px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .popover.light .box .content {
    background: transparent !important;
  }
  .popover.light * {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .popover.light h1 {
    font-weight: normal;
    margin: 5px 0 12px;
    color: #eee;
    font-size: 1em;
    text-align: center;
  }
  .popover.light h1 {
    color: #333;
  }
  .popover h1.left {
    text-align: left;
    padding-left: 10px;
  }
  .popover p.explain {
    margin: 0.75em 0 0.5em;
    color: #ccc;
    text-align: left;
    font-size: 0.8em;
    padding: 0 5px;
  }
  .popover .content {
    background: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
  .popover .textcontent {
    background: #ddd;
    font-size: 0.8em;
    color: #555;
    font-family: 'Open Sans', 'Helvetica', Arial, sans-serif;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 20px 15px;
  }
  .popover .textcontent p {
    margin: 0;
  }
  .popover .choice, .popover .heading {
    border-bottom: 1px solid #ccc;
  }
  .popover .choice {
    cursor: pointer;
    padding: 5px 10px;
  }
  .popover .heading {
    color: #333;
    padding: 2px 10px;
    background: #eee;
    font-size: 0.75em;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
  }
  .popover .heading .refnum {
    float: right;
    color: #666;
  }
  .popover .choice:last-child {
    border-bottom: 0;
  }
  .popover .choice:hover:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
  }
  .popover .choice:hover {
    background: #def;
  }
  .popover .simplebutton {
    width: 100%;
    padding: 9px 10px;
    border: none;
    border-radius: 8px;
    margin: 5px 0;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #333;
    background: #ddd;
  }
  .popover.light .box .simplebutton {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-decoration: underline;
    background: transparent;
  }
  .popover.light .box .simplebutton[data-dismiss] {
    color: #c00;
  }
  .popover .barbutton {
    cursor: pointer;
    margin-right: 10px;
    position: absolute;
    right: 0;
    color: white;
    background: #555;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.50, #555), color-stop(0.50, #444) );
    background: -moz-linear-gradient(top, #555 50%, #444 50%);
    border: 1px solid #222;
    padding: 4px 12px;
    font-size: 0.70em;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  }
}
@layer base {
  table.activity {
    :is(th[scope="row"], td) a.expand-row .arrow {
      transform: rotate(-90deg);
    }
    :is(th[scope="row"], td) a.expand-row.open .arrow {
      transform: rotate(0deg);
    }
  }
  table.report tr th {
    color: #666;
    font-size: 0.75em;
    text-align: center;
  }
  table.report tr.sold {
    background: #fff;
    color: black;
  }
  table.report tr td.high {
    color: #060;
    background: #ECFDB9;
  }
  table.report tr td.low {
    color: #700;
    background: #EFB7B6;
  }
  table.report tr.sold td:first-child {
    border-left: 2px solid #81A5C5;
  }
  table.report tr.deliver td:first-child {
    border-left: 2px solid #369;
  }
  table.report tr.closing td:first-child {
    border-left: 2px solid #C6F;
  }
  table.report tr.upsheets td:first-child {
    border-left: 2px solid #669933;
  }
  table.report tr.delivered td:first-child {
    border-left: 3px solid #369;
  }
  table.report {
    background: #fff;
  }
  table.report tr td {
    text-align: center;
    padding: 4px 6px;
  }
  table.report td.label {
    text-align: left;
  }
  table.report th.avg {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: white;
    color: #333;
  }
  table.report tr td.label {
    background: transparent;
  }
  table.report tr.summary td, table.report tr.summary td.avg {
    color: #090;
    border-top: 1px solid #666;
  }
  table.report tr td.avg {
    color: black;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ddd;
  }
  table.report tr.eor td.avg {
    background: #ccc;
  }
  table.report td.sub {
    text-align: left;
    padding-left: 10px;
    font-size: 0.85em;
    color: #333;
  }
  table.report td.grey {
    color: #97aab9;
  }
  table.report .expanded-row {
    background: #fafafa;
  }
  table.report .expanded-row .name {
    text-align: left;
    padding-left: 28px;
  }
  .make strong {
    text-decoration: underline;
  }
  table.report tr th {
    font-weight: normal;
  }
  table.report tr th.blank {
    border-top: 0;
    border-left: 0;
  }
  tr.sold td a {
    color: #369;
    text-decoration: underline;
  }
  .category {
    cursor: pointer;
  }
}
@layer base {
  #rightpanel {
    color: var(--ar-black);
    li:not(.reset, .task), p, label, table#contacts label {
      color: var(--ar-black);
    }
  }
  #rightpanel h4 {
    margin-top: 2em;
    font-size: 0.75em;
  }
  #rightpanel h4.greybar {
    padding-left: 7px;
    margin-left: -7px;
    border-bottom: 1px solid #a7bac8;
    margin-bottom: 0.5em;
    margin-top: 1.25em;
  }
  #rightpanel .fa {
    vertical-align: middle;
  }
  #rightpanel a:not(.ar-cancel, .button-filled) {
    color: var(--ar-dark-green);
    &.utility {
      border-bottom: 2px solid var(--ar-dark-green);
    }
  }
  #rightpanel h4.greybar .barlinks a, #rightpanel h4.greybar .actionLink a {
    font-weight: 700;
    text-decoration: none;
  }
  #rightpanel h4.greybar.soft {
    border: 0;
    color: #666;
  }
  #rightpanel h4.greybar span {
    color: #97aab9;
  }
  #rightpanel a.button.yellow.large, #rightpanel button.button.yellow.large {
    color: black;
    box-sizing: border-box;
    width: 100%;
  }
  #rightpanel a.button.green.large, #rightpanel button.button.green.large {
    color: #fff;
    box-sizing: border-box;
    width: 100%;
  }
  #rightpanel a.button.grey, #rightpanel button.button.grey {
    color: white;
    box-shadow: none;
  }
  #rightpanel table tr td {
    border-bottom: 1px solid #ccc;
  }
  #rightpanel table.noborder tr td {
    border: 0;
  }
  #rightpanel table:not(.weekcal) th {
    background: #bbb;
  }
  #rightpanel ul.selector li a {
    width: 250px;
  }
  #rightpanel > :first-child {
    margin-top: 0;
  }
  #rightpanel ul {
    font-family: 'Open Sans', 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
  }
  #rightpanel h3 {
    padding: 0;
  }
  #rightpanel .trades .name {
    font-size: 0.75em;
  }
  #rightpanel .trades .name .notes {
    display: block;
    font-size: 0.95em;
    color: #333;
  }
  #rightpanel .bgtask {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    padding: 7px 15px;
    font-size: 0.9em;
    margin-bottom: 0.5em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  #rightpanel .dismiss-link {
    font-size: .6250em;
    position: absolute;
    right: 5px;
  }
  #rightpanel .finished {
    background: #dfd;
    border: 1px solid #cdc;
  }
  #rightpanel .bgtask .label {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    color: #333;
  }
  #rightpanel .bgtask img {
    margin: 0.2em 0;
  }
  #rightpanel .bgtask .progress {
    margin-top: 1em;
    font-size: 0.8em;
    display: block;
    font-weight: bold;
    color: #00253D;
  }
  #rightpanel .bgtask .estimate, #rightpanel .bgtask .complete {
    display: block;
    font-size: 0.7em;
    color: #97aab9;
  }
  #rightpanel .bgtask .complete {
    color: #393;
  }
}
@layer base {
  ul.selector {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    margin-top: 0;
  }
  ul.selector li.framed {
    background: #ccc;
    border-width: 0 2px;
    background: #444;
    color: #eee;
  }
  ul.selector li.framed a {
    color: white;
  }
  ul.selector li a {
    padding: 3px 10px;
    display: block;
    font-size: 0.8em;
  }
  ul.selector li a:hover {
    background: #ccc;
  }
  ul.selector li.active a {
    text-decoration: none;
    background: #333;
    color: white;
  }
  ul.selector li.hilight a {
    text-decoration: none;
    background: #333;
    color: white;
  }
  div.selector {
    font-size: 0.7em;
    float: right;
    font-weight: normal;
    margin-top: 0.25em;
  }
  h2 div.selector {
    font-size: 0.45em;
    font-weight: normal;
  }
  h2 div.selector label {
    font-weight: normal;
  }
  div.selector a {
    background: #eee;
    padding: 3px 7px;
    text-decoration: none;
  }
  div.selector a.selected {
    background: #246;
    color: white;
    padding: 3px 7px;
    text-decoration: none;
  }
}
@layer base {
  .snapshot {
    display: flex;
    * {
      box-sizing: border-box;
    }
    .snapshot-group {
      flex: 1;
      &:not(:last-child) {
        padding-right: 10px;
      }
    }
    .snapshot-stat {
      flex: 1;
      padding: 0 10px;
      &:not(:last-child) {
        border-right: 1px solid #EEEEEE;
      }
    }
    .snapshot-group-name {
      text-transform: uppercase;
      margin-bottom: 5px;
    }
    .snapshot-group-stats {
      display: flex;
      border: 1px solid #EEEEEE;
      padding: 10px 0;
    }
    .snapshot-stat-name {
      display: flex;
      justify-content: space-between;
      color: #717e89;
      text-transform: uppercase;
      font-size: 0.75em;
    }
    .primary-stat {
      font-size: 1.5em;
      font-weight: 800;
    }
    .secondary-stat {
      font-size: 1.5em;
    }
    .snapshot-stat-link {
      font-size: 0.8em;
      text-transform: uppercase;
      text-decoration: none;
      img {
        width: 10px;
        vertical-align: middle;
        margin-left: 3px;
      }
    }
    &.dark {
      background-color: #13344A;
      .primary-stat, .secondary-stat, .snapshot-stat-link {
        color: #F2F7FA;
      }
      .snapshot-stat-name {
        color: #C9DAE5;
      }
      .snapshot-stat {
        border-color: #50738A;
      }
      .snapshot-group-stats {
        border: 1px solid #50738A;
        box-sizing: border-box;
        border-radius: 8px;
      }
    }
  }
}
@layer base {
  #stats tr.upsheets td:first-child {
    border-left: 3px solid #3c3;
  }
  #stats .subhead {
    font-size: 0.8em;
  }
  #stats table {
    margin-bottom: 0.05em;
  }
  #rightpanel #stats table {
    background: white;
    border: 1px solid #ccc;
  }
  #stats table tr td {
    padding: 3px 8px;
  }
  #stats th.hide {
    background: transparent;
    border-bottom: 1px solid #ccc;
  }
  #stats table tr th {
    background: #eee;
    text-align: center;
    padding: 3px 5px;
    font-weight: normal;
  }
  #stats .bd {
    color: #333;
    border-left: 1px solid #ddd;
  }
  #stats .na {
    text-align: center;
    color: #97aab9;
    font-size: 0.8em;
  }
  #stats .ytd {
    background: #eee;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  #stats h5 {
    margin: 0.75em 0 0.25em;
    font-size: 1em;
  }
}
@layer base {
  table.spaced {
    tr {
      th {
        text-align: center;
      }
      td {
        padding: 5px 12px;
        margin: 0;
        vertical-align: middle;
        height: 34px;
        overflow: hidden;
        &:nth-child(2n) {
          background: #f8f9fb;
        }
        a {
          padding: 10px 12px 11px;
          margin: -10px -12px;
          display: block;
          text-decoration: none;
          &:hover {
            color: white;
          }
        }
      }
      td.name, td.label {
        color: #00253d;
        font-size: 14px;
        background: white;
      }
      &:hover td {
        background: #f8f9fb;
      }
    }
    tr.row-open {
      border-bottom: 1px solid #a7bac8;
      td {
        background: #dee3eb;
      }
    }
    tr.last {
      border-bottom: 1px solid var(--ar-darker-blue);
      td {
        height: 0;
        padding: 0;
      }
    }
    .percentage {
      color: #a7bac8;
    }
    a:hover {
      background: var(--ar-darker-blue);
      color: white;
      text-decoration: none;
    }
    .avg {
      text-align: center;
    }
  }
}
@layer base {
  ul.tasklist {
    margin: 2px 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
  }
  ul.tasklist li {
    margin-left: 0;
    padding-left: 0;
  }
  ul.dashtodos {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    margin-left: 0;
    padding-left: 0;
  }
  ul.dashtodos li {
    font-size: 0.75em;
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0;
    padding-bottom: 0.4em;
    line-height: 1.1em;
  }
  ul.todos li strong {
    padding-right: 0.75em;
    color: #333;
  }
  .task span.date {
    margin-left: 0.5em;
  }
  .struck, ul.todos li.struck, ul.dashtodos li.struck {
    text-decoration: line-through;
  }
  ul.todos li.task.struck .assigned {
    background: transparent;
  }
  ul.todos li.task.struck .assigned .due {
    color: #97aab9;
  }
  ul.todos li strong {
    padding: 0;
  }
  ul.todos {
    padding-left: 0;
    margin-left: 0;
  }
  ul.todos li.overdue span span.due {
    color: #c00;
    width: auto;
    margin: 0;
  }
  ul.todos div.eor {
    background: #eee;
  }
  ul.todos span span {
    border-width: 0px;
    padding: 0px;
  }
  ul.todos .msg {
    width: 100%;
  }
  ul.todos .task_content {
    margin-left: 20px;
    line-height: 1.5;
    .automated-email {
      color: #277932;
      font-size: 14px;
      margin-bottom: 4px;
      margin-left: 10px;
    }
  }
  ul.todos .task_content .name.notme {
    color: var(--ar-darker-blue);
  }
  ul.tasklist .assigned, ul.todos .assigned {
    font-size: 0.9em;
    padding: 1px 5px;
    display: inline-block;
  }
  #content ul.tasklist .assigned {
    background: #eee;
  }
  ul.tasklist li.struck .assigned {
    display: none;
  }
  ul.tasklist .assigned .late {
    color: #c00;
    font-weight: 400;
  }
  form .anytime {
    font-size: 0.6em;
  }
  #yourtodos,#teamtodos {
    width: 358px;
  }
  #yourtodosb {
    width: 488px;
  }
  table.todos tr.hover:hover {
    background: #ffd;
    color: blue;
  }
}
@layer base {
  .altrow {
    background-color: #eaeaea;
  }
  .eor {
    background: #eee;
  }
  .mono p, .mono {
    font-family: "Menlo", "Monaco", "Consolas", "Courier New", "Bitstream Vera Sans Mono", monospace;
  }
  .bold {
    font-weight: bold;
  }
  .tar {
    text-align: right;
  }
  .vat {
    vertical-align: top;
  }
  .vab {
    vertical-align: bottom;
  }
  .tal, table td.tal {
    text-align: left !important;
  }
  .bd {
    font-weight: bold;
  }
  .tac, td.ac {
    color: #00253D;
    text-align: center;
  }
  .vac {
    vertical-align: middle;
  }
  .normal {
    font-weight: normal;
  }
  .capslock {
    padding: 5px 10px;
    color: white;
    background: #c00;
    font-size: 0.8em;
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
  }
  .hilite, .highlight {
    background: #FFFE91;
    font-weight: bold;
  }
  .greyed {
    color: #97aab9;
  }
  .inactive {
    color: #ccc;
  }
  .center {
    text-align: center;
  }
  .small {
    font-size: 0.9em;
  }
  .smaller {
    font-size: 0.8em;
  }
  .nowrap {
    white-space: nowrap;
  }
  .clickable {
    cursor: pointer;
  }
  .clearer {
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
    clear: both;
    font-size: 1x;
  }
  .clearerleft {
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
    clear: both;
    font-size: 1x;
  }
  .green {
    background: #060;
    color: white;
  }
  span.pipe {
    color: #97aab9 !important;
    font-size: 0.9em;
    padding: 0 0.25em;
  }
  p.warning {
    background: #c00;
    color: white;
    padding: 5px 10px;
  }
}
@layer base {
  .inline-schedule {
    width: 400px;
    height: 200px;
    background: #fff;
    border: 1px solid #97aab9;
    margin: 0;
    box-shadow: -4px 0px 20px #000;
    -webkit-box-shadow: -4px 0px 20px #000;
    border: 20px solid #e7e7e7;
    padding: 10px;
    border: 1px solid #ccc;
    background: #e7e7e7;
    border-right: 0;
    padding-right: 0;
    border-radius: 10px 0 0 10px;
  }
}
@layer base {
  .billing {
    background: #ffffee;
    padding: 25px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    border-bottom: 1px solid #dec;
  }
  .billing * {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  }
  .billing p {
    margin-bottom: 0.1em;
  }
  .billing p.explain {
    font-size: 1.0em;
    color: #666;
  }
  .billing h1 {
    margin-top: 0.1em;
    font-size: 1.4em;
    font-weight: 500;
  }
  .billing label {
    font-size: 0.8em;
    font-weight: 500;
    color: #393;
  }
}
@layer base {
  .data-tags {
    h5 {
      margin-bottom: 0;
    }
    table {
      font-size: 0.8em;
    }
  }
}
@layer base {
  #ymm div {
    display: inline;
    float: left;
    margin-right: 5px;
  }
  #ymm br.clear {
    clear: left;
  }
  #ymm input {
    font-size: 1.1em;
  }
}
@layer base {
  .text-message-body {
    border-radius: 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 16px;
    height: 200px;
    padding: 20px;
    width: 100%;
  }
}
@layer base {
  .editor {
    float: none;
    cursor: text;
    position: relative;
    .cke {
      box-shadow: none;
      &, .cke_top, .cke_bottom, .cke_path_item {
        border: none;
      }
      .cke_top, .cke_bottom {
        background: none;
        padding: 6px 0px 2px;
      }
      .cke_contents, .cke_toolgroup, .cke_combo_button, .cke_path_item {
        border: 1px solid #ccc;
      }
      .cke_top, .cke_combo_button, .cke_button_on {
        box-shadow: none;
      }
      .cke_toolgroup, .cke_combo_button, .cke_path_item {
        background: #fff;
      }
      .cke_contents {
        border-radius: 5px;
        border: 1px solid #ccc;
      }
      .cke_path_item {
        border-radius: 3px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .1) inset, 0 1px 0 rgba(255, 255, 255, .1);
      }
      .cke_button_on {
        background: #ccc;
        &:hover {
          box-shadow: 0 1px 5px rgba(0, 0, 0, .3) inset, 0 1px 0 rgba(0, 0, 0, .2);
        }
      }
      .cke_button_off:hover {
        box-shadow: 0 0 1px rgba(0,0,0,.4) inset;
        background: #f2f2f2;
      }
    }
    textarea {
      font-size: 0.9em;
      border: 0;
      font-family: 'Open Sans', 'Helvetica Neue','Helvetica','Arial',sans-serif;
      &:focus {
        border: 0px solid #ccc;
        outline: none;
      }
    }
  }
  .toolbar {
    float: left;
    a {
      background: #fff;
      border-radius: 3px;
      border: 1px solid #cccccc;
      color: #333333;
      cursor: pointer;
      display: block;
      float: left;
      font-size: 0.6em;
      font-weight: normal;
      margin-right: 6px;
      padding: 6px 10px;
      text-decoration: none;
      &:last-child {
        margin-right: 0;
      }
      &:hover {
        background: #f2f2f2;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;
      }
      &.popped, &:active {
        background: #ccc;
        box-shadow: none;
      }
    }
  }
  .cke_dialog {
    .cke_editor_body, .ImagePreviewBox {
      border: 1px solid #ccc;
    }
    .cke_dialog_title, .cke_dialog_body, .cke_dialog_footer {
      background: #fff;
    }
    .cke_dialog_title {
      border-bottom: none;
    }
    .cke_dialog_footer {
      outline: none;
    }
    .cke_dialog_ui_button[title="Browse Server"] {
      display: none !important;
    }
  }
  .dialog-container {
    &.active {
      background: rgba(0, 0, 0, 0.2);
      height: 4000px;
      min-height: 100%;
      position: absolute;
      width: 100%;
      z-index: 20;
    }
  }
  .popover {
    position: absolute;
    width: 360px;
    &.add-vehicle-popover {
      .content {
        height: 400px;
      }
    }
    .vin {
      color: black;
    }
    .arrow {
      margin: auto;
    }
    .box {
      img {
        max-width: 360px;
        width: 100%;
      }
      .content {
        overflow-y: scroll;
      }
      img {
        cursor: pointer;
      }
    }
  }
}
@layer base {
  .nav-search {
    display: flex;
    width: 230px;
    background-color: white;
    border: #4f738a solid 1px;
    border-radius: 4px;
    font: inherit;
    &:hover {
      border-color: #39b34a;
    }
    input[type=text] {
      height: 28px;
      padding: 0 0 0 6px;
      border: none;
      color: #13344A;
      font-size: 14px;
      line-height: 28px;
      &::placeholder {
        color: #4f738a;
      }
      &:focus {
        outline: none;
      }
    }
  }
}
@layer base {
  .dealershiplist .dealership {
    border-radius: 10px;
    margin: 0 auto;
    width: 50%;
    border: 1px solid #ccc;
    padding: 20px 25px;
    margin-bottom: 15px;
    text-align: center;
  }
  .dealershiplist .dealership label {
    font-size: 0.75em;
  }
  .dealership .name {
    font-weight: bold;
    font-size: 1em;
  }
}
@layer base {
  #payments {
    .payment-select {
      margin-top: 40px;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #DEE3EB;
    }
    input[type=radio] {
      margin-right: 20px;
    }
    .bank-payment .button {
      display: inline-block;
    }
  }
}
@layer base {
  form#filterup {
    label {
      font-size: 0.7em;
      display: -moz-inline-box;
      display: inline-block;
      vertical-align: middle;
    }
    p.button {
      border: none;
      margin-bottom: 0;
      padding-left: 0;
      padding-right: 0;
    }
    table.tight tr td {
      padding: 1px 4px 1px 0;
    }
    table.tight tr td.vat {
      padding-top: 6px;
    }
  }
  div.upsheet-search-actions {
    background: #dee3eb;
    border-radius: 4px;
    margin-top: 1em;
    padding: 10px 15px 10px 15px;
    & > .action-bar {
      color: #333;
      font-size: 0.9em;
      a.utility, a.utility:link, a.utility:visited {
        background: white;
        border-bottom: none;
        border-radius: 6px;
        display: inline-block;
        color: #4f738a;
        margin: 0 5px 0 3px;
        padding: 3px 9px;
      }
      a.utility.expanded {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 12px;
      }
    }
  }
  .upsheet-search-results {
    div, .upsheet-label {
      transition: opacity 0.3s;
    }
    .upsheet-label {
      &.marketing-email, &.texting {
        opacity: 0;
        display: none;
      }
    }
    &.show-marketing-email-badges {
      .no-marketing-email {
        opacity: 0.5;
      }
      .upsheet-label.marketing-email {
        opacity: 1;
        display: inline;
      }
    }
    &.show-texting-badges {
      .no-texting {
        opacity: 0.5;
      }
      .upsheet-label.texting {
        opacity: 1;
        display: inline;
      }
    }
  }
  .user-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
  }
  .user-tag {
    display: inline-flex;
    align-items: center;
    background-color: #e2e8f0;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 0.75rem;
    color: #475569;
    white-space: nowrap;
    max-width: 150px;
    .remove-tag {
      background: none;
      border: none;
      color: #64748b;
      cursor: pointer;
      font-size: 14px;
      font-weight: bold;
      margin-left: 4px;
      padding: 0;
      line-height: 1;
      width: 16px;
      height: 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 2px;
      &:hover {
        background-color: #f1f5f9;
        color: #374151;
      }
    }
  }
}
@layer base {
  .contact_edit {
    .search-first {
      td {
        padding-left: 0;
      }
      .button {
        border: 0;
      }
    }
    .search-message {
      font-size: 0.9em;
      padding-left: 7px;
      span {
        color: #393;
        font-weight: bold;
      }
    }
    .new_contact, .edit_contact {
      .yellowbox strong {
        color: #c00;
      }
      .merging {
        background: #eee;
        > div {
          font-size: 0.7em;
          padding: 5px 10px 0px;
        }
      }
      .contact-name {
        tr {
          td {
            &.name label {
              color: #888;
              font-size: 0.7em;
            }
            &.name-last {
              padding-right: 0;
            }
          }
        }
      }
      #phone_numbers img {
        height: 12px;
        vertical-align: middle;
        width: 12px;
      }
      #phone_numbers .item {
        display: block;
        margin-top: 10px;
      }
      .about_notes {
        width: 100%;
      }
      .search-spinner {
        vertical-align: top;
      }
    }
    table {
      border: 0;
      margin-left: 0px;
      padding: 0;
      &.fields {
        tr td, tr th {
          border-top: 1px solid #eee;
        }
        table {
          tr td, tr th {
            padding-top: 0;
            border: 0;
          }
          tr th {
            background: transparent;
            font-size: 0.8em;
            color: #666;
            font-weight: normal;
            border: 0;
            vertical-align: top;
            padding-top: 8px;
            width: 80px;
          }
          tr td {
            .item {
              display: block;
            }
            input {
              border: 1px solid #ccc;
            }
          }
        }
        p.another {
          margin-left: 6px;
          margin-top: 4px;
          margin-bottom: 0.5em;
          a {
            font-size: 0.7em;
            text-decoration: none;
            color: #777;
            &:hover {
              text-decoration: underline;
              color: #369;
            }
          }
        }
        #searchbar {
          background: #CF6;
          background: #D1EFFE;
          border-radius: 10px;
          border: 1px solid lightsteelblue;
          display: none;
          margin-bottom: 10px;
          padding: 7px 15px;
          width: 650px;
        }
        #search_first_help {
          background: #ffc;
          border-radius: 10px;
          padding: 15px;
        }
      }
    }
    .additional-info {
      font-size: 0.8em;
      padding-top: 12px;
    }
    .search-status {
      float: left;
    }
  }
}
@layer base {
  .disposition-trigger-section {
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    border-radius: 0.75rem;
    padding-bottom: 0.75rem;
    .tag-container {
      padding: 0.75rem;
    }
    .trigger-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.25rem 0.75rem;
      border-radius: 1rem;
      font-size: 0.875rem;
      border-width: 1px;
      border-style: solid;
      button {
        margin-left: 0.5rem;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 1rem;
      }
    }
    &.hot {
      border: 1px solid #ff6994;
      .trigger-pill {
        background-color: #ff9bb7;
        border-color: #ff6994;
        color: #ff4579;
        font-weight: 700;
        button {
          color: #b80034;
        }
      }
    }
    &.warm {
      border: 1px solid #f6a34a;
      .trigger-pill {
        background-color: #fdba74;
        border-color: #f6a34a;
        color: #8a4700;
        font-weight: 700;
        button {
          color: #f6a34a;
        }
      }
    }
    &.cold {
      border: 1px solid #78b7f9;
      .trigger-pill {
        background-color: #9fccfc;
        border-color: #78b7f9;
        color: #004fa3;
        font-weight: 700;
        button {
          color: #78b7f9;
        }
      }
    }
    .disposition-label-container {
      font-weight: 900;
      border-radius: 0.75rem 0.75rem 0 0;
      padding: 0.5rem;
      label {
        color: #353535;
      }
      &.hot {
        background-color: #ff9bb7;
      }
      &.warm {
        background-color: #fdba74;
      }
      &.cold {
        background-color: #9fccfc;
      }
      &.lost {
        background-color: #d1d5dc;
      }
    }
    .disposition-input-container {
      padding: 0 0.75rem;
    }
  }
  .section-image-svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    filter: brightness(0) saturate(100%) invert(24%) sepia(97%) saturate(7498%) hue-rotate(101deg) brightness(96%) contrast(108%);
  }
}
@layer base {
  #dash {
    #container {
      #actualcontent {
        padding: 0;
      }
      h2 {
        margin-bottom: 25px;
      }
      .user-switch {
        float: right;
        margin-top: 2px;
        label {
          margin-right: 5px;
        }
      }
      .dashboard-top {
        padding: 20px 0 0;
      }
      .account-performance {
        background-color: #303030;
        position: relative;
        .dark-form {
          padding: 25px;
        }
      }
      .dashboard-stats {
        padding: 20px 0 15px;
      }
    }
    #todo_list {
      margin-top: 0;
    }
    #new-upsheet {
      float: right;
      margin-top: 0.1em;
    }
    #dash-stats {
      font-size: 1.2em;
      table {
        width: 100%;
        margin: 0;
      }
    }
    .stats-header th:first-child {
      border-top-left-radius: 4px;
    }
    .stats-header th:last-child {
      border-top-right-radius: 4px;
    }
    .stats-header th {
      border-bottom-color: #a6bac9;
      width: 14.2857%;
    }
    #dashRecentActivity {
      float: right;
      width: 300px;
    }
    #dash ul.alerts {
      margin: 0;
      padding: 0;
    }
    #dash ul.alerts li {
      color: green;
    }
    .pageheader #bulletins {
      font-size: 0.75em;
      border-bottom: 1px solid #eee;
      padding: 5px 0;
      a {
        text-decoration: none;
      }
    }
    .pageheader #alerts {
      width: auto;
      font-size: 0.8em;
      padding: 5px 15px;
      border-width: 0 0 1px 0;
    }
    .bulletin-update {
      color: #A7BAC8;
      font-size: 14px;
      padding-right: 5px;
    }
    table.bulletins tr td:first-child {
      padding-left: 0;
    }
    table.bulletins td.date {
      color: #97aab9;
      width: 6em;
      vertical-align: top;
    }
    table.bulletins td {
      padding: 2px 5px;
    }
  }
  .custom-dashboard {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-auto-rows: 180px;
    align-items: stretch;
    gap: 14px;
    padding: 20px 0;
    .custom-dashboard-card {
      grid-column: var(--gx, auto) / span var(--gw, 1);
      grid-row: var(--gy, auto) / span var(--gh, 1);
      overflow: hidden;
      min-width: 0;
      border: 1px solid #C9DAE5;
      border-radius: 12px;
      padding: 16px;
      background-color: #FFFFFF;
    }
    .custom-dashboard-card.dark-card {
      background-color: #13344A;
      border-color: #50738A;
    }
    .custom-dashboard-chart {
      height: 100%;
      min-height: 0;
    }
    .custom-dashboard-card:not(.dark-card) {
      overflow: auto;
    }
  }
  .dash-kpi {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .dash-kpi .dash-kpi-title {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 700;
    color: #9DB7C8;
    margin: 0;
  }
  .dash-kpi .dash-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    gap: 16px 20px;
  }
  .dash-kpi .dash-kpi-stat {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }
  .dash-kpi .dash-kpi-num {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.01em;
    color: #FFFFFF;
  }
  .dash-kpi .dash-kpi-lbl {
    font-size: 12px;
    line-height: 1.3;
    color: #B7CAD7;
  }
  .dash-kpi .dash-kpi-sub {
    font-size: 11px;
    line-height: 1.3;
    color: #7E97A8;
  }
  @media (max-width: 1239px) {
    .custom-dashboard {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-auto-flow: row dense;
    }
    .custom-dashboard .custom-dashboard-card {
      grid-column: auto / span var(--gw, 1);
      grid-row: auto;
    }
  }
  @media (max-width: 999px) {
    .custom-dashboard {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 759px) {
    .custom-dashboard {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 519px) {
    .custom-dashboard {
      grid-template-columns: 1fr;
    }
  }
  .dashboard-builder {
    --db-green: #2e9d2e;
    --db-line: #e4e9ed;
    --db-ink: #2b3a45;
    --db-muted: #8a98a3;
    color: var(--db-ink);
    font-size: 13px;
  }
  .db-help-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #eef5ee;
    border: 1px solid #d4e7d2;
    color: #1f7d1f;
    border-radius: 16px;
    padding: 6px 13px;
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
  }
  .db-help-btn:hover {
    background: #e2f0e1;
  }
  .db-help-btn svg {
    flex: 0 0 auto;
  }
  .db-help-modal {
    border: none;
    border-radius: 12px;
    padding: 0;
    width: min(560px, 92vw);
    color: #2b3a45;
    box-shadow: 0 20px 60px rgba(20, 40, 55, 0.35);
  }
  .db-help-modal::backdrop {
    background: rgba(20, 40, 55, 0.45);
  }
  .db-help-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 20px;
    border-bottom: 1px solid #eef1f4;
  }
  .db-help-modal-head h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
  }
  .db-help-close {
    border: none;
    background: transparent;
    color: #8a98a3;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 6px;
  }
  .db-help-close:hover {
    background: #f0f3f5;
    color: #2b3a45;
  }
  .db-help-modal-body {
    padding: 16px 20px;
    font-size: 13.5px;
    line-height: 1.55;
  }
  .db-help-modal-body > p {
    margin: 0 0 12px;
    color: #41584a;
  }
  .db-help-modal-body strong {
    color: #2b4a2f;
  }
  .db-help-list {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .db-help-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 5px;
    background: #2e9d2e;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;
  }
  .db-help-modal-foot {
    padding: 14px 20px;
    border-top: 1px solid #eef1f4;
    display: flex;
    justify-content: flex-end;
  }
  .dashboard-builder .db-layout {
    display: flex;
    gap: 22px;
    align-items: flex-start;
  }
  .dashboard-builder .db-palette {
    flex: 0 0 248px;
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .dashboard-builder .db-palette-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--db-muted);
    margin-bottom: 4px;
  }
  .dashboard-builder .db-palette-sub {
    font-size: 12px;
    color: #9aa6af;
    margin-bottom: 13px;
  }
  .dashboard-builder .db-palette-group {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #a3aeb7;
    margin: 14px 0 7px;
    cursor: pointer;
    list-style: none;
    user-select: none;
  }
  .dashboard-builder .db-palette-group::-webkit-details-marker {
    display: none;
  }
  .dashboard-builder .db-palette-group::marker {
    content: "";
  }
  .dashboard-builder .db-palette-group:hover {
    color: #7c8893;
  }
  .dashboard-builder .db-group-name {
    flex: 1 1 auto;
    min-width: 0;
  }
  .dashboard-builder .db-group-count {
    flex: 0 0 auto;
    font-weight: 700;
    color: #b6c1c9;
  }
  .dashboard-builder .db-group-chevron {
    flex: 0 0 auto;
    color: #b6c1c9;
    transition: transform .15s ease;
  }
  .dashboard-builder .db-palette-group-wrap:not([open]) .db-group-chevron {
    transform: rotate(-90deg);
  }
  .dashboard-builder .db-palette-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .dashboard-builder .db-palette-item {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 10px;
    background: #fff;
    border: 1px solid var(--db-line);
    border-radius: 8px;
    cursor: grab;
    transition: border-color .12s, box-shadow .12s;
  }
  .dashboard-builder .db-palette-item:hover {
    border-color: #bcd9ac;
    box-shadow: 0 2px 8px rgba(46, 157, 46, 0.10);
  }
  .dashboard-builder .db-palette-item.is-dragging {
    opacity: .5;
  }
  .dashboard-builder .db-palette-meta {
    flex: 1;
    min-width: 0;
  }
  .dashboard-builder .db-palette-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--db-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dashboard-builder .db-palette-label {
    font-size: 11px;
    color: var(--db-muted);
  }
  .dashboard-builder .db-added {
    font-size: 10px;
    font-weight: 700;
    color: #1f7d1f;
    background: #e7f4e7;
    border-radius: 10px;
    padding: 2px 7px;
    white-space: nowrap;
  }
  .dashboard-builder .db-add {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border: 1px solid #d6dde2;
    background: #f7f9fa;
    color: #5b6b76;
    border-radius: 6px;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dashboard-builder .db-add:hover {
    background: var(--db-green);
    color: #fff;
    border-color: var(--db-green);
  }
  .dashboard-builder .db-palette-item.is-added {
    border-color: #d4e7d2;
    background: #f6faf5;
  }
  .dashboard-builder .db-add:disabled {
    opacity: .4;
    cursor: default;
  }
  .dashboard-builder .db-add:disabled:hover {
    background: #f7f9fa;
    color: #5b6b76;
    border-color: #d6dde2;
  }
  .dashboard-builder .db-canvas {
    flex: 1;
    min-width: 0;
  }
  .dashboard-builder .db-canvas-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }
  .dashboard-builder .db-canvas-actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .dashboard-builder .db-canvas-title {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .dashboard-builder .db-canvas-title > span:first-child {
    font-size: 14px;
    font-weight: 700;
  }
  .dashboard-builder .db-count {
    font-size: 12px;
    font-weight: 600;
    color: #5b6b76;
    background: #eef1f4;
    border-radius: 12px;
    padding: 3px 11px;
  }
  .dashboard-builder .db-clear {
    background: none;
    border: none;
    color: var(--db-muted);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    padding: 4px 6px;
  }
  .dashboard-builder .db-clear:hover {
    color: #c0392b;
  }
  .dashboard-builder .db-grid {
    background: #eef1f4;
    border: 2px dashed #dde3e8;
    border-radius: 12px;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    grid-auto-rows: 180px;
    align-items: stretch;
    align-content: start;
    min-height: 330px;
  }
  .dashboard-builder .db-grid.is-drop-target {
    border-color: #5cb82d;
  }
  .dashboard-builder .db-drop-ph {
    grid-column: var(--gx, auto) / span var(--gw, 1);
    grid-row: var(--gy, auto) / span var(--gh, 1);
    border: 2px dashed var(--db-green);
    border-radius: 9px;
    background: rgba(46, 157, 46, 0.10);
    pointer-events: none;
  }
  .dashboard-builder .db-drop-ph[hidden] {
    display: none;
  }
  .dashboard-builder .db-tile {
    grid-column: var(--gx, auto) / span var(--gw, 1);
    grid-row: var(--gy, auto) / span var(--gh, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e2e7eb;
    border-radius: 9px;
    overflow: hidden;
    cursor: grab;
    box-shadow: 0 1px 2px rgba(20, 40, 55, 0.05);
    min-height: 0;
  }
  .dashboard-builder .db-tile-resize {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: nwse-resize;
    touch-action: none;
    color: #b3bdc6;
    z-index: 2;
  }
  .dashboard-builder .db-tile-resize::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    border-bottom-right-radius: 3px;
  }
  .dashboard-builder .db-tile-resize:hover {
    color: #1f7d1f;
  }
  .dashboard-builder .db-tile.is-resizing {
    cursor: nwse-resize;
    outline: 2px solid var(--db-green);
    outline-offset: -1px;
  }
  .dashboard-builder .db-tile.is-resizing .db-tile-resize {
    color: #1f7d1f;
  }
  .dashboard-builder .db-tile.is-dragging {
    opacity: .45;
  }
  .dashboard-builder .db-tile-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid #eef1f4;
    background: #fafbfc;
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .dashboard-builder .db-grip {
    flex: 0 0 auto;
  }
  .dashboard-builder .db-tile-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--db-ink);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dashboard-builder .db-tile-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
  }
  .dashboard-builder .db-seg {
    display: flex;
    background: #f0f3f5;
    border-radius: 6px;
    padding: 2px;
  }
  .dashboard-builder .db-seg button {
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
    color: #85939c;
  }
  .dashboard-builder .db-seg button.is-active {
    background: #fff;
    color: #1f7d1f;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  }
  .dashboard-builder .db-tile-remove {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    color: #aeb9c2;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dashboard-builder .db-tile-remove:hover {
    background: #fbe9e7;
    color: #c0392b;
  }
  .dashboard-builder .db-tile-preview {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    background: #fff;
  }
  .dashboard-builder .db-endzone {
    margin-top: 12px;
    height: 54px;
    border: 2px dashed #c5cfd6;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #9aa6af;
    font-size: 13px;
    font-weight: 600;
  }
  .dashboard-builder .db-endzone.is-over {
    border-color: var(--db-green);
    color: #1f7d1f;
  }
  .dashboard-builder .db-endzone span {
    font-size: 16px;
  }
  .dashboard-builder .db-empty {
    background: #eef1f4;
    border: 2px dashed #c5cfd6;
    border-radius: 12px;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    text-align: center;
    padding: 30px;
  }
  .dashboard-builder .db-empty.is-over {
    border-color: var(--db-green);
  }
  .dashboard-builder .db-empty-title {
    font-size: 15px;
    font-weight: 700;
    color: #6b7884;
  }
  .dashboard-builder .db-empty-text {
    font-size: 13px;
    color: #9aa6af;
    max-width: 300px;
    line-height: 1.5;
  }
  .dashboard-builder .db-actions {
    display: flex;
    gap: 12px;
    margin-top: 22px;
  }
  .dashboard-builder .db-save, .dashboard-builder .db-reset {
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 11px 20px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
  }
  .dashboard-builder .db-save {
    background: var(--db-green);
    box-shadow: 0 1px 2px rgba(20, 40, 55, 0.12);
  }
  .dashboard-builder .db-save:hover {
    background: #288a28;
  }
  .dashboard-builder .db-reset {
    background: #1f7d1f;
  }
  .dashboard-builder .db-reset:hover {
    background: #1a6c1a;
  }
  .dashboard-builder .db-thumb {
    width: 46px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 6px;
    background: #f3f6f8;
    border: 1px solid var(--db-line);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .dashboard-builder .db-pv {
    width: 100%;
    height: 100%;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
  }
  .dashboard-builder .db-pv-svg {
    flex: 1;
    width: 100%;
    min-height: 0;
  }
  .dashboard-builder .db-pv-table {
    padding: 8px 12px;
  }
  .dashboard-builder .db-pv-table .db-row {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #f3f5f7;
  }
  .dashboard-builder .db-pv-table .db-row.head {
    padding: 4px 0;
    border-bottom: 1px solid #eceff2;
  }
  .dashboard-builder .db-pv-table .db-c1 {
    flex: 2;
    font-size: 11.5px;
    color: #33414c;
  }
  .dashboard-builder .db-pv-table .db-c2 {
    flex: 1;
    font-size: 11.5px;
    color: #5b6b76;
    text-align: right;
  }
  .dashboard-builder .db-pv-table .db-c3 {
    flex: 1;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--db-ink);
    text-align: right;
  }
  .dashboard-builder .db-pv-table .head .db-c1, .dashboard-builder .db-pv-table .head .db-c2, .dashboard-builder .db-pv-table .head .db-c3 {
    font-size: 10px;
    font-weight: 700;
    color: #9aa6af;
    letter-spacing: 0.04em;
  }
  .dashboard-builder .db-pv-kpi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 8px;
    padding: 12px 14px;
  }
  .dashboard-builder .db-pv-kpi .db-kpi {
    background: #f7f9fa;
    border: 1px solid #eceff2;
    border-radius: 7px;
    padding: 8px 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .dashboard-builder .db-pv-kpi .db-kpi-num {
    font-size: 19px;
    font-weight: 700;
    color: var(--db-ink);
  }
  .dashboard-builder .db-pv-kpi .db-kpi-num.accent {
    color: #16a085;
  }
  .dashboard-builder .db-pv-kpi .db-kpi-lbl {
    font-size: 10.5px;
    color: var(--db-muted);
    margin-top: 2px;
  }
  .dashboard-builder .db-pv-kpi .db-kpi:only-child, .dashboard-builder .db-pv-kpi .db-kpi:nth-child(3):last-child {
    grid-column: 1 / -1;
  }
  .dashboard-builder .db-pv-kpi-stats .db-kpi-num.skeleton {
    width: 38px;
    height: 14px;
    border-radius: 4px;
    background: #dde4ea;
  }
  .dashboard-builder .db-pv-kpi-stats .db-kpi-num.skeleton.accent {
    background: #c7e9c8;
  }
  .dashboard-builder .db-pv-darkbars {
    padding: 10px;
  }
  .dashboard-builder .db-pv-darkbars .db-dark {
    flex: 1;
    min-height: 0;
    background: #1c2c39;
    border-radius: 7px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .dashboard-builder .db-pv-darkbars .db-dark-title {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
  }
  .dashboard-builder .db-pv-darkbars .db-dark-sub {
    color: #8aa0b2;
    font-size: 9.5px;
    letter-spacing: 0.06em;
  }
  .dashboard-builder .db-pv-darkbars .db-dark-bars {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: flex-end;
    gap: 6px;
  }
  .dashboard-builder .db-pv-darkbars .db-dark-bars i {
    flex: 1;
    border-radius: 2px 2px 0 0;
    background: #5cb82d;
  }
  .dashboard-builder .db-pv-darkbars .db-dark-bars i:nth-child(even) {
    background: rgba(92, 184, 45, 0.5);
  }
  .dashboard-builder .db-pv-funnel {
    justify-content: center;
    gap: 8px;
  }
  .dashboard-builder .db-pv-funnel .db-stage {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .dashboard-builder .db-pv-funnel .db-stage-name {
    width: 92px;
    flex: 0 0 auto;
    font-size: 11.5px;
    color: #5b6b76;
  }
  .dashboard-builder .db-pv-funnel .db-stage-bar {
    flex: 1;
    height: 16px;
    background: #f0f3f5;
    border-radius: 3px;
    overflow: hidden;
  }
  .dashboard-builder .db-pv-funnel .db-stage-bar i {
    display: block;
    height: 100%;
    background: #16a085;
    border-radius: 3px;
  }
  .dashboard-builder .db-pv-funnel .db-stage-val {
    width: 26px;
    text-align: right;
    font-size: 11.5px;
    font-weight: 600;
    color: var(--db-ink);
  }
  .dashboard-builder .db-pv-donut {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }
  .dashboard-builder .db-pv-donut .db-donut-meta {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .dashboard-builder .db-pv-donut .db-donut-cap {
    font-size: 11px;
    color: var(--db-muted);
  }
  .dashboard-builder .db-pv-donut .db-donut-big {
    font-size: 22px;
    font-weight: 700;
    color: var(--db-ink);
  }
  .dashboard-builder .db-pv-donut .db-donut-delta {
    font-size: 11px;
    color: var(--db-green);
    font-weight: 600;
  }
  @media (max-width: 860px) {
    .dashboard-builder .db-layout {
      flex-direction: column;
    }
    .dashboard-builder .db-palette {
      position: static;
      flex: 1 1 auto;
      width: 100%;
      max-height: none;
      overflow: visible;
    }
  }
  @media (max-width: 1239px) {
    .dashboard-builder .db-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 999px) {
    .dashboard-builder .db-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (max-width: 759px) {
    .dashboard-builder .db-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 519px) {
    .dashboard-builder .db-grid {
      grid-template-columns: 1fr;
    }
  }
}
@layer base {
  #content.insights {
    #actualcontent {
      padding: 10px 0 0;
      h2 {
        margin: 0 0 25px 0;
      }
    }
    .clearer {
      display: none;
    }
  }
  .insight-reports {
    border: 1px solid #13344A;
    border-radius: 4px 4px 0 0;
    * {
      box-sizing: border-box;
    }
    .tooltip-trigger {
      cursor: pointer;
    }
    .table {
      .empty {
        text-align: center;
        padding: 25px;
      }
    }
    .date-range-picker {
      vertical-align: middle;
      background-color: #fff;
      border: 1px solid #aaa;
      border-radius: 4px;
      cursor: pointer;
      display: inline-block;
      height: 28px;
      text-align: center;
      font-size: 11px;
    }
    #origin-trend-line {
      width: 100%;
      height: 400px;
      clear: both;
    }
    .material-icons {
      font-size: 12px;
      color: #00C807;
      position: relative;
      top: 1px;
    }
    .snapshot {
      padding: 20px 25px;
      .greybar {
        padding-left: 0;
        margin-left: 0;
        &:first-child {
          margin-top: 0;
        }
      }
      .upsheets-today-snapshot-group {
        width: 100%;
      }
      &.dark {
        background-color: #13344A;
        .primary-stat, .secondary-stat, .snapshot-stat-link {
          color: #F2F7FA;
        }
        .snapshot-stat-name {
          color: #C9DAE5;
        }
        .snapshot-stat {
          border-color: #50738A;
        }
        .snapshot-group-stats {
          border: 1px solid #50738A;
          box-sizing: border-box;
          border-radius: 8px;
        }
      }
    }
    .graph-section {
      background: #13344A;
      padding: 25px;
      .snapshot {
        padding-bottom: 25px;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
      }
    }
    .filter-bar {
      text-align: right;
      padding-bottom: 25px;
      select {
        display: inline-block;
        vertical-align: middle;
      }
    }
    .graph-group {
      border: 1px solid #50738A;
      &.top {
        border-radius: 8px 8px 0 0;
        border-bottom: none;
      }
      &.bottom {
        border-radius: 0 0 8px 8px;
      }
      > div {
        padding: 15px;
        &.graph-group-child {
          &:first-child {
            border-right: 1px solid #4B4B4B;
          }
        }
      }
      &:before, &:after {
        content: '';
        display: table;
        clear: both;
      }
    }
    a.insight-cta {
      color: #C9DAE5;
      font-size: 14px;
      background-color: #50738A;
      display: block;
      padding: 5px;
      text-align: center;
      text-decoration: none;
      border-radius: 4px;
    }
  }
  #dealership-appointments-snapshot {
    .loading {
      padding-left: 25px;
      padding-right: 25px;
    }
  }
  #dealership-appointments-snapshot, #dealership-upsheet-snapshot {
    .loading {
      background-color: #13344A;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #e0e0e3;
    }
  }
}
@layer base {
  .integration-questionnaire {
    .seven-hundred-credit-divider {
      margin: 25px 0;
    }
  }
}
@layer base {
  #container .quotes-container {
    width: 100%;
    h2 span:first-child {
      float: right;
    }
    .dealership-info {
      font-size: 0.85em;
      width: 50%;
    }
  }
}
@layer base {
  turbo-frame[busy] {
    .loading {
      display: block;
    }
    .data {
      display: none;
    }
  }
  turbo-frame:not([busy]) {
    .loading {
      display: none;
    }
    .data {
      display: block;
    }
  }
}
@layer base {
  table.schedule-day {
    td:nth-child(1), td:nth-child(2) {
      width: 70px;
    }
  }
  .schedule h4.bar {
    color: #00253D;
    margin-top: 2em;
    background: transparent;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #DEE3EB;
    margin-right: 6px;
    font-size: 1.0em;
    padding-right: 3px;
  }
  .schedule h5 {
    color: #00253D;
    margin-top: 2em;
    background: transparent;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #DEE3EB;
    padding: 2px 10px;
  }
  .schedule p.nothing {
    margin-left: 88px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
  }
  h4.bar span.day {
    display: inline-block;
  }
  h4.bar span.date {
    font-weight: normal;
    font-weight: 400;
    color: #97aab9;
    margin-left: 0.3em;
    font-size: 0.75em;
  }
  .weekcal {
    width: 99.9%;
  }
  .weekcal.lefthover {
    background: white;
    float: none;
  }
  .weekcal th {
    min-width: 50px;
    border: 0px;
    border-right: 1px solid #e7e7e7;
    padding: 2px 8px;
    font-size: 0.7em;
    background: transparent;
    border: 1px solid #DEE3EB;
    border-bottom: 0;
    padding-bottom: 7px;
  }
  .weekcal th.today {
    background: #fff0da;
  }
  .weekcal.inline th {
    color: #eee;
    background: #666;
  }
  .weekcal th span {
    font-weight: normal;
  }
  .weekcal td.day, .weekcal td.daybottom {
    cursor: pointer;
    border: 1px solid #DEE3EB;
    border-top: 0;
  }
  .weekcal td.day {
    line-height: 1.2em;
    height: 30px;
  }
  .weekcal td.today {
    background: #fff0da;
  }
  .weekcal td.arrow {
    width: 10px;
    padding-right: 5px;
    padding-left: 5px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
  }
  [data-upsheet--inline-schedule-target = schedule] .weekcal td.daytop {
    height: 125px !important;
  }
  .weekcal td.daytop {
    border-bottom: 0px;
  }
  .weekcal td.daybottom {
    border-top: 0px;
    font-size: 0.7em;
    padding: 0px 5px 5px;
    color: var(--ar-darker-blue);
  }
  h4.bar {
    background: #E8F1FA;
    padding: 2px 10px;
    margin: 1em 0px;
    font-size: 0.8em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #B8CBDE;
  }
  h4.today {
    background: #fff0da;
    border-bottom: 2px solid #97aab9;
  }
  h4 .more-details {
    border-radius: 3px;
    text-decoration: none;
    font-size: 0.7em;
  }
  h4.bar span.more-details {
    margin-top: 6px;
    float: right;
  }
  h4.bar .rightLink {
    float: right;
    font-weight: normal;
    color: #369;
  }
  .schedule h4.overdue-appointment-warning {
    color: #ff0000;
  }
  .schedule .table tr:last-child td {
    border: none;
  }
  .schedule .table tr td:last-child {
    vertical-align: middle;
  }
  tr.apptrow td {
    vertical-align: top;
  }
  tr.apptrow td.first {
    padding: 0px;
    padding-right: 0px;
    padding-top: 5px;
  }
  .apptrow .notes {
    margin: 0;
  }
  .apptrow .appt {
    text-decoration: none;
    padding: 0px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    background: #9c7;
    color: black;
    text-align: right;
    font-size: 0.9em;
    float: none;
    display: inline;
    margin: 0 0.1em 0 0;
  }
  .apptrow .appt.apptDeliver {
    background: #69c;
    color: white;
  }
  .apptrow .apptCancelled {
    background: transparent;
    color: #97aab9;
    text-decoration: line-through;
  }
  .apptrow .apptMissed {
    background: #c66 !important;
    color: white !important;
  }
  .apptrow .apptKept {
    background: #ddd !important;
    color: #10171C !important;
  }
  .apptrow .apptScheduled {
    background: #9c7;
    color: #10171C;
  }
}
@layer base {
  .global-search {
    form {
      margin-bottom: 1em;
      float: right;
    }
    h2 span {
      font-weight: normal;
    }
    .verbose-results span {
      color: #090;
    }
    #results label {
      font-size: 0.9em;
      color: #666;
    }
    #results {
      color: #333;
    }
    .hilite {
      background: #FFECB0;
      padding: 1px 0px;
      color: #000;
    }
    .dealership-name {
      font-size: 0.8em;
      color: #97aab9;
    }
  }
}
@layer base {
  .settings-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px 32px;
    margin-bottom: 20px;
  }
  .settings-card__header-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 12px;
    .settings-card__header {
      margin: 0;
      border-bottom: none;
      padding-bottom: 0;
    }
  }
  .settings-card__active-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    background: #dcfce7;
    color: #15803d;
    border-radius: 99px;
    font-size: 12px;
    font-weight: 600;
  }
  .settings-card__switch-btn {
    margin-left: auto;
    padding: 6px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #fff;
    color: #6b7280;
    font-size: 13px;
    cursor: pointer;
    &:hover {
      background: #f9fafb;
      color: #374151;
      border-color: #9ca3af;
    }
  }
  .settings-card__header {
    margin: 0 0 16px 0;
    font-size: 18px;
    font-weight: 600;
    color: #111;
    border-bottom: 2px solid #2563eb;
    padding-bottom: 12px;
  }
  .settings-card__description {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #6b7280;
  }
  .settings-section {
    margin-bottom: 40px;
  }
  .settings-section:last-child {
    margin-bottom: 0;
  }
  .settings-section__header {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
    color: #111;
  }
  .settings-section__description {
    margin: 0 0 16px 0;
    font-size: 14px;
    color: #6b7280;
  }
  .settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px 32px;
    padding-bottom: 16px;
  }
  .settings-field {
    margin-bottom: 8px;
  }
  .settings-field__label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 8px;
  }
  .settings-field__input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
  }
  .settings-field__input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
  }
  .settings-field__helper {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #9ca3af;
  }
  .settings-field__required {
    color: #dc2626;
    font-size: 11px;
    font-weight: 600;
    margin-left: 6px;
    padding: 2px 6px;
    background: #fef2f2;
    border-radius: 4px;
  }
  .settings-field__input--error {
    border-color: #dc2626;
    background-color: #fef2f2;
  }
  .settings-field__input--error:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
  }
  .settings-field__error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #dc2626;
    font-weight: 500;
  }
  .settings-list {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
  }
  .settings-list__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
  }
  .settings-list__row:last-child {
    border-bottom: none;
  }
  .settings-list__row--locked {
    background: #f9fafb;
  }
  .settings-list__row--indented {
    padding-left: 44px;
    background: #f9fafb;
  }
  .settings-list__label {
    color: #374151;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .settings-list__label--muted {
    color: #6b7280;
  }
  .settings-list__label--indented {
    padding-left: 26px;
  }
  .settings-list__hint {
    color: #9ca3af;
    margin-left: 8px;
    font-size: 13px;
  }
  .settings-list__badge {
    color: #9ca3af;
    font-size: 13px;
  }
  .settings-list__toggle-label {
    color: #9ca3af;
    font-size: 13px;
    flex: 1;
    text-align: center;
  }
  .settings-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .settings-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
  }
  .settings-switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }
  .settings-switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d1d5db;
    transition: 0.2s;
    border-radius: 24px;
  }
  .settings-switch__slider::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.2s;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  }
  .settings-switch input:checked + .settings-switch__slider {
    background-color: #2563eb;
  }
  .settings-switch input:checked + .settings-switch__slider::before {
    transform: translateX(20px);
  }
  .settings-switch input:focus + .settings-switch__slider {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2);
  }
  .settings-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
  }
  .settings-radio {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
  }
  .settings-radio-option {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .settings-radio-option__label {
    font-size: 14px;
    color: #374151;
  }
  .settings-radio-option__hint {
    color: #6b7280;
  }
  .settings-radio-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
  }
  .settings-term-buttons {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
  }
  .settings-term-button {
    display: inline-block;
    min-width: 56px;
    padding: 12px 20px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    background: #fff;
    color: #374151;
    cursor: pointer;
    transition: all 0.15s ease;
  }
  .settings-term-button:hover {
    border-color: #2563eb;
    background: #eff6ff;
  }
  .settings-term-checkbox:checked + .settings-term-button {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
  }
  .settings-term-checkbox:checked + .settings-term-button:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
  }
  .settings-info-banner {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .settings-info-banner__icon {
    color: #2563eb;
    font-size: 16px;
  }
  .settings-info-banner__text {
    color: #1e40af;
    font-size: 13px;
  }
  .settings-warning-banner {
    background: #fef3c7;
    border: 1px solid #f59e0b;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
  .settings-warning-banner__icon {
    color: #d97706;
    font-size: 18px;
  }
  .settings-warning-banner__title {
    color: #92400e;
    font-size: 14px;
    font-weight: 600;
  }
  .settings-warning-banner__text {
    margin: 4px 0 0 0;
    color: #92400e;
    font-size: 13px;
  }
  .settings-file-preview {
    margin-bottom: 12px;
    padding: 12px;
    background: #f5f5f5;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .settings-checkbox-row {
    margin-bottom: 8px;
  }
  .settings-textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
  }
  .settings-textarea:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
  }
  .settings-lock-icon {
    margin-right: 10px;
  }
  .settings-quote-field {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .settings-quote-field__input {
    flex: 1;
  }
  .settings-quote-field__option {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
  }
  .settings-term-label {
    cursor: pointer;
  }
  .settings-term-checkbox {
    display: none;
  }
  .settings-fee-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }
  .settings-fee-filters__search {
    flex: 1;
    min-width: 140px;
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
  }
  .settings-fee-filters__search:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
  }
  .settings-fee-filters__select {
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    color: #374151;
    cursor: pointer;
  }
  .settings-fee-filters__select:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
  }
  .settings-fee-filters__reset {
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    color: #6b7280;
    cursor: pointer;
  }
  .settings-fee-filters__reset:hover {
    background: #f9fafb;
    color: #374151;
  }
  .settings-fee-filters__count {
    font-size: 12px;
    color: #9ca3af;
    margin-left: auto;
  }
  .settings-fee-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    margin-top: 2px;
    border-top: 1px solid #f3f4f6;
    font-size: 13px;
    color: #6b7280;
  }
  .settings-fee-pagination__nav {
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .settings-fee-pagination__btn {
    padding: 4px 10px;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    &:first-child {
      border-radius: 5px 0 0 5px;
    }
    &:last-child {
      border-radius: 0 5px 5px 0;
    }
    &:hover:not(:disabled) {
      background: #f9fafb;
      border-color: #9ca3af;
    }
    &:disabled {
      opacity: 0.4;
      cursor: default;
    }
  }
  .settings-fee-pagination__info {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-top: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    background: #f9fafb;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    color: #374151;
    white-space: nowrap;
    user-select: none;
  }
  .settings-fee-pagination__per-page {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: auto;
  }
  .settings-fee-pagination__label {
    font-size: 12px;
    color: #9ca3af;
  }
  .settings-fee-pagination__select {
    padding: 3px 6px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    font-size: 12px;
    background: #fff;
    color: #374151;
    cursor: pointer;
    &:focus {
      outline: none;
      border-color: #2563eb;
      box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
    }
  }
  .settings-fee-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    font-size: 12px;
    color: #9ca3af;
  }
  .settings-fee-badge {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: #f3f4f6;
    color: #6b7280;
  }
  .settings-fee-badge--f {
    background: #eff6ff;
    color: #2563eb;
  }
  .settings-fee-badge--l {
    background: #f5f3ff;
    color: #7c3aed;
  }
  .settings-fee-badge--a {
    background: #fefce8;
    color: #a16207;
  }
  .settings-fee-badge--c {
    background: #ecfdf5;
    color: #059669;
  }
  .settings-fee-badge--s {
    background: #fdf2f8;
    color: #db2777;
  }
  .settings-fee-tag {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
  }
  .settings-fee-tag--taxable {
    background: #fef3c7;
    color: #92400e;
  }
  .settings-fee-tag--nontaxable {
    background: #f3f4f6;
    color: #6b7280;
  }
  .settings-fee-tag--mapped {
    background: #ecfdf5;
    color: #065f46;
  }
  .settings-fee-tag--lookup {
    background: #eff6ff;
    color: #1e40af;
  }
  .settings-county-row {
    cursor: pointer;
  }
  .settings-county-row:hover {
    background: #f3f4f6;
  }
  .settings-county-row--match {
    background: #f0fdf4;
    border-left: 3px solid #22c55e;
  }
  .settings-county-row:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: -2px;
  }
  .settings-county-row__chevron {
    display: inline-block;
    width: 16px;
    font-size: 12px;
    color: #9ca3af;
    transition: transform 0.15s ease;
  }
  .settings-county-detail {
    padding: 12px 20px 12px 44px;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    font-size: 13px;
    color: #374151;
  }
  .settings-county-detail.hidden {
    display: none;
  }
  .settings-county-detail__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 32px;
  }
  .settings-county-detail__col-header {
    font-weight: 600;
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
  }
  .settings-county-detail__item {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
  }
  .settings-county-detail__item-label {
    color: #6b7280;
  }
  .settings-county-detail__item-value {
    font-weight: 500;
  }
  .settings-county-detail__calc {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
  }
  .settings-county-detail__calc-header {
    font-weight: 600;
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
  }
  .settings-county-detail__calc-row {
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
  }
  .settings-county-detail__calc-label {
    color: #6b7280;
  }
  .settings-county-detail__calc-value {
    font-weight: 600;
    color: #111;
  }
  .settings-county-detail__zips {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e7eb;
  }
  .settings-county-detail__zips-header {
    font-weight: 600;
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
  }
  .settings-county-detail__zips-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 12px;
    font-size: 12px;
    color: #374151;
  }
  .settings-county-detail__zip-item {
    display: inline-flex;
    gap: 4px;
    padding: 2px 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
  }
  .settings-county-detail__zip-code {
    font-weight: 500;
  }
  .settings-county-detail__zip-fee {
    color: #6b7280;
  }
  .settings-page-spacing {
    margin-top: 24px;
  }
}
@layer base {
  #signup {
    --ar-signup-width: 700px;
    * {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }
    #header .header-logo {
      padding: 10px;
      width: var(--ar-signup-width);
      margin: auto;
    }
    .signup-steps {
      text-align: center;
      margin-bottom: 15px;
      h2 {
        margin-bottom: 10px;
        border-bottom: none;
        font-size: 31.5px;
      }
      .step {
        background: transparent;
        color: #cde;
        display: inline-block;
        font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        margin-right: 34px;
        position: relative;
        &.active {
          color: #3fae29;
          border-bottom: 3px solid #3fae29;
        }
        &:after {
          color: #cde;
          content: "→";
          position: absolute;
          right: -25px;
        }
        &:last-of-type {
          margin-right: 0;
          &::after {
            content: "";
          }
        }
      }
    }
    #container {
      margin-top: 1em;
    }
    #content {
      display: block;
      margin: auto;
      background: white;
      padding: 75px 100px;
      width: var(--ar-signup-width);
      border: 1px solid #cccccc;
      border-right: 2px solid #dddddd;
      border-bottom: 2px solid #dddddd;
    }
    form {
      width: 100%;
    }
    .errorbox {
      font-family: "Open Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
      font-size: 0.8em;
      background: #f6e1dd;
      padding: 7px 20px;
      margin-left: -7px;
      margin-right: -7px;
    }
    .errorbox h3 {
      color: #cc0000;
      border-bottom: 2px solid pink;
    }
    h3 {
      color: #000000;
      padding: 0;
      margin-top: 40px;
      font-size: 15px;
    }
    em {
      padding: 1px 3px;
      background: #e1fcb5;
      font-style: normal;
    }
    label {
      color: #496373;
      font-size: 0.75em;
      font-weight: bold;
      text-transform: uppercase;
    }
    .admin-description {
      padding-bottom: 15px;
    }
    div.fieldWithErrors {
      display: inline;
    }
    div.error, label.error {
      background: unset;
      input, select {
        border-color: red;
      }
    }
    h3.error {
      color: #cc0000;
      border-bottom: 2px solid #d6bbba;
    }
    p {
      font-size: 14px;
      &.error {
        padding: 10px;
        border-radius: 3px;
      }
    }
    .field-group {
      > * {
        float: left;
        margin-right: 2%;
        &:last-child {
          margin-right: 0;
        }
      }
      &::after {
        content: "";
        display: table;
        clear: both;
      }
    }
    select, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], .StripeElement {
      display: inline-block;
      width: 100%;
      background-color: #F8FCFF;
      border: 1px solid #D3E2EC;
      padding: 15px;
      margin-bottom: 5px;
      font-size: 13px;
    }
    select {
      height: 50px;
    }
    .checkbox-group {
      margin-bottom: 20px;
    }
    .submit-container {
      margin-top: 25px;
      label {
        text-transform: unset;
      }
      button[type="submit"] {
        margin-top: 20px;
        width: 100%;
      }
    }
    #footer {
      width: var(--ar-signup-width);
      padding: 20px 0 15px;
      background: white;
      border: 1px solid #cccccc;
      border-right: 4px solid #bbbbbb;
      border-bottom: 4px solid #bbbbbb;
      margin-top: 1em;
      margin-bottom: 0.5em;
      margin-left: auto;
      margin-right: auto;
      min-height: 300px;
      p {
        text-align: center;
      }
    }
    #content {
      margin-top: 0;
    }
    #footer {
      background: transparent;
      border: 0;
      padding-top: 0;
      min-height: 0;
    }
    #footer .logo img {
      margin-right: 1em;
    }
    #footer .logo {
      font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
      font-size: 0.65em;
      color: #666666;
    }
    .patience-reminder {
      font-style: italic;
      margin: 20px 0 0;
    }
    .spinner {
      display: block;
      margin: 20px auto 38px;
    }
  }
}
@layer base {
  .slides {
    position: relative;
    a.slidesjs-navigation {
      position: absolute;
      top: 212px;
      z-index: 100;
      &.slidesjs-next {
        right: 0px;
      }
      &.slidesjs-previous {
        left: 0px;
      }
    }
  }
}
@layer base {
  h2 .secondary {
    font-weight: normal;
    font-size: 0.7em;
  }
  .upsheetdebug {
    padding: 7px 25px;
    background: #f7f7f7;
    border-bottom: 1px solid #eee;
    font-size: 0.8em;
  }
  table#contacts tbody {
    font-size: 0.75em;
  }
  table#contacts tbody .phone label {
    font-size: 0.9em;
    color: #777;
    font-weight: normal;
  }
  table#contacts tr.contact td:first-child {
    padding-left: 0;
  }
  table#contacts tr.contact td:last-child {
    padding-right: 0;
  }
  table#contacts a.name {
    font-weight: bold;
    color: #444 !important;
    text-decoration: none;
    border: 0;
  }
  #rightpanel table#contacts tbody tr:last-child td:last-child {
    padding-bottom: 1.5em;
  }
  #rightpanel table#contacts tr td {
    border-bottom: 1px solid #d7d7d7;
    border-bottom: 0;
  }
  #rightpanel table#contacts tbody:last-child tr:last-child td {
    border-bottom: 0;
  }
  .choices > div {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: transparent;
    padding: 10px 15px;
    border-top: 1px solid #eee;
    color: #000;
    cursor: pointer;
  }
  .choices > div label {
    font-weight: 400;
  }
  .choices div.header, .choices div.group {
    color: #777;
    cursor: default;
    background: #eee;
    padding: 7px 15px 7px;
    padding-left: 45px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
  }
  .choices div.header {
    padding: 7px 15px 7px;
    text-align: center;
  }
  .choices div.selected {
    background: url(https://d71qzvpa56542.cloudfront.net/pages/iphone/check.png) no-repeat;
    background-position: 10px 50%;
  }
  .choices:not([data-status="inactive"]) .inactive {
    display: none !important;
  }
  .choices[data-status="inactive"] .inactive {
    display: flex !important;
  }
  #temp_status {
    #active-label {
      display: none !important;
    }
  }
  #temp_status[data-status="cold"], #temp_status[data-status="warm"], #temp_status[data-status="hot"] {
    #active-label {
      display: block !important;
    }
  }
  #upsheets h4.bar {
    margin-top: 1em;
    padding-top: 1em;
    background: transparent;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    margin-right: 6px;
    font-size: 1.0em;
    padding-left: 25px;
    margin-left: -25px;
    padding-right: 3px;
  }
  #upsheets p.categorylink {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
  }
  #files p.none {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    color: #777;
    font-weight: 300;
  }
  #files h3 a.grey {
    color: #97aab9;
  }
  #files {
    margin-right: -10px;
  }
  #files #attached, #files #received, #files #sent {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(22%, .5fr));
    column-gap: 16px;
    row-gap: 16px;
    margin-top: 24px;
  }
  #files .file {
    padding: 8px;
    border: 1px solid #B9C7D0;
    border-radius: 12px;
    font-size: 0.8em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 120px;
    position: relative;
  }
  #files .file .thumbnail-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #files .file:hover .thumbnail-container {
    background-color: #EDF1F3;
  }
  #files .file:hover {
    border-color: #96ABB9;
  }
  #files .file a {
    color: #444;
    text-decoration: none;
  }
  #files .file a:hover {
    text-decoration: underline;
    color: #369;
  }
  #attachments img.file {
    width: auto;
    height: auto;
    max-width: 64px;
    max-height: 64px;
    margin-right: 0;
  }
  #files .file img :not(.delete) {
    width: 64px;
    height: 64px;
    float: left;
    margin-right: 0.4em;
  }
  #files .file .type {
    background: #eee;
    border-radius: 3px;
    color: #333;
    padding: 3px 5px;
    font-size: 0.7em;
    text-transform: uppercase;
    margin-right: 0.5em;
    font-weight: 400;
    float: left;
  }
  #files .file .type.pdf {
    background: #fc9;
  }
  #files .file .type.doc, #files .file .type.mht, #files .file .type.xls, #files .file .type.xlsx, #files .file .type.docx {
    background: #def;
    color: #333;
  }
  #files .file .type.zip {
    background: orange;
    color: white;
  }
  #files h5 {
    font-family: 'Open Sans', 'Helvetica Neue',Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #97aab9;
    margin-bottom: 8px;
  }
  #files h3 a {
    float: right;
    margin-left: 1em;
    font-size: 0.8em;
    text-decoration: underline;
    color: #36c;
    padding: 2px 5px;
  }
  #files h3 a.sel {
    background: #def;
    color: #333;
    padding: 2px 5px;
    border-radius: 5px;
    text-decoration: none;
  }
  #files .oldbrowser, #content .droparea {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 10px;
    padding: 24px;
    min-height: 112px;
    border: 1px dashed #405C6E;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #405C6E;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #content .droparea.hover {
    border-color: #333;
  }
  #files form {
    margin: 0.5em 0;
  }
  #files .oldbrowser {
    padding: 5px 25px 10px;
    margin-top: 0.5em;
    text-align: left;
  }
  #files .oldbrowser a {
    font-size: 0.8em;
  }
  #files .file .bar {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    width: 100%;
    height: 5px;
    background: #def;
  }
  #files .file label.percent {
    position: relative;
    top: -4px;
    margin-left: 7px;
    display: inline-block;
    font-size: 0.8em;
  }
  #files .file .progress {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 5px;
    background: #36c;
  }
  #files .file .uploading, #files .file .subject {
    font-size: 0.7em;
    color: #97aab9;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
  }
  #files br.clear {
    font-size: 1px;
    clear: left;
  }
  #files .file .uploading {
    color: #c00;
    font-weight: bold;
  }
  #files .file .infoz, #files .file .file-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #files .file .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #files .file .size {
    display: block;
    font-size: 0.7em;
    color: #97aab9;
  }
  #history_list {
    table {
      border: 0;
      tbody {
        font-size: 0.85em;
      }
      tr.note td.body {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
      }
      tr.note:target {
        animation: mention-highlight-fade 2s ease-out;
      }
    }
  }
  @keyframes mention-highlight-fade {
    from {
      background-color: rgba(var(--accent-rgb, 99, 102, 241), 0.15);
    }
    to {
      background-color: transparent;
    }
  }
  #footer .sharing {
    line-height: 1.35em;
    .sharer {
      margin-bottom: 5px;
    }
  }
  .upsheet {
    &__source-link {
      font-size: 0.7em;
    }
  }
  .sidebar-box {
    border: 1px solid #C9DAE5;
    padding: 24px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    h4.greybar {
      margin-top: 0 !important;
    }
  }
  #integrations i {
    width: 20px;
    height: 18px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
  }
  .upsheet-action {
    width: 100%;
  }
  .upsheet-action:hover {
    background-color: #EFF7FF;
  }
  .upsheet-action a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    gap: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #264464;
    text-decoration: none;
  }
  .contact-action.disabled, .contact-action.disabled:hover, .upsheet-action.disabled, .upsheet-action.disabled:hover {
    opacity: 50%;
    filter: grayscale(100%);
    background-color: initial;
    a, button, form {
      pointer-events: none;
    }
  }
}
@layer base {
  .ar-settings {
    --ar-navy: #13344A;
    --ar-green: #00C807;
    --ar-green-hover: #00A006;
    --ar-green-pressed: #008003;
    --ar-green-50: #E5F9E6;
    --ar-primary-200: #B9C7D0;
    --ar-primary-300: #96ABB9;
    --ar-red-500: #F24C15;
    --ar-bg: #FFFFFF;
    --ar-bg-muted: #F2F7FA;
    --ar-border: #C9DAE5;
    --ar-border-strong: #B9C7D0;
    --ar-divider: #DCE3E8;
    --ar-fg: #10171C;
    --ar-fg-strong: #13344A;
    --ar-fg-muted: #50738A;
    --ar-fg-disabled: #96ABB9;
    --ar-font-sans: "Open Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
    --ar-shadow-card: 0 -12px 24px rgba(48, 99, 132, 0.04),
                      0 12px 24px rgba(48, 99, 132, 0.06),
                      0 4px 6px rgba(48, 99, 132, 0.06);
    font-family: var(--ar-font-sans);
    color: var(--ar-fg);
  }
  .ar-settings *, .ar-settings *::before, .ar-settings *::after {
    box-sizing: border-box;
  }
  .ars-settings-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 28px;
    margin: 0 0 24px;
    border-bottom: 1px solid var(--ar-divider);
  }
  .ars-title {
    font: 600 24px/32px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    margin: 0;
    flex: none;
  }
  .ars-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    flex: 1 1 auto;
  }
  .ars-tabs a {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 0 -1px;
    padding: 10px 14px;
    font: 600 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-muted);
    text-decoration: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 2px solid transparent;
    transition: color 0.12s ease, border-color 0.12s ease;
  }
  .ars-tabs a:hover {
    color: var(--ar-fg-strong);
  }
  .ars-tabs a.selected {
    color: var(--ar-fg-strong);
    background: transparent;
    border-bottom-color: var(--ar-green);
  }
  .ars-card {
    background: var(--ar-bg);
    border: 1px solid var(--ar-border-strong);
    border-radius: 12px;
    box-shadow: var(--ar-shadow-card);
    padding: 24px;
    max-width: 760px;
  }
  .ars-section-label {
    font: 700 10px/20px var(--ar-font-sans);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--ar-fg-muted);
    margin: 0 0 12px;
  }
  .ars-card + .ars-card {
    margin-top: 20px;
  }
  .ars-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
  .ars-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
  }
  .ars-field--full {
    grid-column: 1 / -1;
  }
  .ars-label {
    font: 600 12px/16px var(--ar-font-sans);
    color: var(--ar-fg-strong);
  }
  .ars-help {
    font: 400 12px/16px var(--ar-font-sans);
    color: var(--ar-fg-muted);
  }
  .ar-settings .ars-input {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    background: var(--ar-bg);
    border: 1px solid var(--ar-border);
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(237, 237, 237, 0.5);
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
    -webkit-appearance: none;
    appearance: none;
  }
  .ar-settings .ars-input::placeholder {
    color: var(--ar-fg-muted);
  }
  .ar-settings .ars-input:focus {
    outline: none;
    border-color: var(--ar-navy);
    box-shadow: 0 0 0 3px rgba(19, 52, 74, 0.08);
  }
  .ar-settings .ars-input:disabled {
    background: var(--ar-bg-muted);
    color: var(--ar-fg-disabled);
    cursor: not-allowed;
  }
  .ars-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--ar-divider);
  }
  .ar-settings .ars-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 20px;
    font: 600 14px/20px var(--ar-font-sans);
    color: #fff;
    background: var(--ar-green);
    border: 1px solid var(--ar-green);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.12s ease, border-color 0.12s ease;
  }
  .ar-settings .ars-btn-primary:hover {
    background: var(--ar-green-hover);
    border-color: var(--ar-green-hover);
  }
  .ar-settings .ars-btn-primary:active {
    background: var(--ar-green-pressed);
    border-color: var(--ar-green-pressed);
  }
  .ar-settings .ars-btn-primary:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 200, 7, 0.25);
  }
  .ar-settings .ars-link {
    font: 600 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
  }
  .ar-settings .ars-link:hover {
    color: var(--ar-green-hover);
  }
  .ars-note {
    font: 400 13px/20px var(--ar-font-sans);
    color: var(--ar-fg-muted);
    margin: 0;
  }
  .ars-card-title {
    font: 600 16px/24px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    margin: 0 0 4px;
  }
  .ars-card-sub {
    font: 400 13px/18px var(--ar-font-sans);
    color: var(--ar-fg-muted);
    margin: 0 0 16px;
  }
  .ar-settings .ars-prose {
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg);
    margin: 0 0 16px;
    max-width: 68ch;
  }
  .ar-settings .ars-prose:last-child {
    margin-bottom: 0;
  }
  .ar-settings .ars-prose a {
    color: var(--ar-fg-strong);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .ar-settings .ars-prose a:hover {
    color: var(--ar-green-hover);
  }
  .ar-settings .ars-divider-line {
    border: 0;
    border-top: 1px solid var(--ar-divider);
    margin: 20px 0;
  }
  .ar-settings .ars-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    padding: 0 16px;
    font: 600 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    background: var(--ar-bg);
    border: 1px solid var(--ar-border-strong);
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.12s ease, border-color 0.12s ease;
  }
  .ar-settings .ars-btn:hover {
    background: var(--ar-bg-muted);
    border-color: var(--ar-primary-300);
  }
  .ar-settings .ars-btn:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(19, 52, 74, 0.12);
  }
  .ar-settings .ars-link-danger {
    font: 600 13px/20px var(--ar-font-sans);
    color: var(--ar-red-500);
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .ar-settings .ars-link-danger:hover {
    opacity: 0.85;
  }
  .ar-settings .ars-select {
    height: 38px;
    padding: 0 34px 0 12px;
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    background-color: var(--ar-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 10 10' fill='none' stroke='%2350738A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 3.5 5 6l2.5-2.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    border: 1px solid var(--ar-border);
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
  }
  .ar-settings .ars-select:focus {
    outline: none;
    border-color: var(--ar-navy);
    box-shadow: 0 0 0 3px rgba(19, 52, 74, 0.08);
  }
  .ar-settings .ars-textarea {
    width: 100%;
    min-height: 180px;
    padding: 10px 12px;
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    background: var(--ar-bg);
    border: 1px solid var(--ar-border);
    border-radius: 4px;
    box-shadow: 0 0 6px 0 rgba(237, 237, 237, 0.5);
    resize: vertical;
  }
  .ar-settings .ars-textarea:focus {
    outline: none;
    border-color: var(--ar-navy);
    box-shadow: 0 0 0 3px rgba(19, 52, 74, 0.08);
  }
  .ars-check-list {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .ar-settings .ars-check-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 9px 8px;
    border-radius: 6px;
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg);
    cursor: pointer;
  }
  .ar-settings .ars-check-row:hover {
    background: var(--ar-bg-muted);
  }
  .ar-settings .ars-check-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    flex: none;
    accent-color: var(--ar-green);
    cursor: pointer;
  }
  .ar-settings .ars-check-row--indent {
    margin-left: 26px;
  }
  .ar-settings .ars-check-row input:disabled {
    cursor: not-allowed;
  }
  .ar-settings .ars-check-row input:disabled ~ span {
    color: var(--ar-fg-disabled);
  }
  .ars-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 16px;
  }
  .ar-settings .ars-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border: 1px solid var(--ar-border-strong);
    border-radius: 8px;
    background: var(--ar-bg);
    color: var(--ar-fg-strong);
    font: 600 14px/18px var(--ar-font-sans);
    text-decoration: none;
    transition: background 0.12s ease, border-color 0.12s ease;
  }
  .ar-settings .ars-chip:hover {
    background: var(--ar-green-50);
    border-color: var(--ar-green);
  }
  .ars-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .ars-list-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    background: var(--ar-bg);
    border: 1px solid var(--ar-border-strong);
    border-radius: 8px;
  }
  .ars-list-row__label {
    font: 700 10px/16px var(--ar-font-sans);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--ar-fg-muted);
    margin: 0 0 2px;
  }
  .ars-list-row__value {
    font: 600 15px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
  }
  .ars-list-row__meta {
    font: 400 12px/16px var(--ar-font-sans);
    color: var(--ar-fg-muted);
    margin-top: 2px;
  }
  .ars-list-row__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: none;
  }
  .ar-settings .ars-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    color: var(--ar-fg-muted);
    text-decoration: none;
    font-size: 16px;
  }
  .ar-settings .ars-icon-btn:hover {
    background: var(--ar-bg-muted);
    color: var(--ar-red-500);
  }
  .ars-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 9px;
    border-radius: 999px;
    font: 700 11px/16px var(--ar-font-sans);
  }
  .ars-pill--ok {
    background: var(--ar-green-50);
    color: var(--ar-green-pressed);
  }
  .ars-pill--pending {
    background: #FFF3D6;
    color: #8A5A00;
  }
  .ars-photo-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }
  .ars-photo-thumb {
    width: 96px;
    height: 96px;
    border-radius: 8px;
    object-fit: cover;
    border: 1px solid var(--ar-border-strong);
  }
  .ars-photo-placeholder {
    width: 96px;
    height: 96px;
    border-radius: 8px;
    border: 1px dashed var(--ar-border-strong);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--ar-fg-muted);
    font: 600 11px/14px var(--ar-font-sans);
    background: var(--ar-bg-muted);
  }
  .ars-table {
    width: 100%;
    border-collapse: collapse;
  }
  .ars-table td {
    padding: 10px 8px;
    border-bottom: 1px solid var(--ar-divider);
    font: 400 14px/20px var(--ar-font-sans);
    color: var(--ar-fg);
    vertical-align: middle;
  }
  .ars-table tr:last-child td {
    border-bottom: 0;
  }
  .ars-table td:first-child {
    font-weight: 600;
    color: var(--ar-fg-strong);
  }
  .ars-setup {
    max-width: 760px;
    margin: 0 0 20px;
    padding: 16px 20px;
    background: var(--ar-bg);
    border: 1px solid var(--ar-border-strong);
    border-radius: 12px;
    box-shadow: var(--ar-shadow-card);
  }
  .ars-setup__head {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .ars-setup__badge {
    width: 36px;
    height: 36px;
    flex: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ar-green-50);
    color: var(--ar-green-pressed);
    font-size: 18px;
  }
  .ars-setup__copy {
    flex: 1;
    min-width: 0;
  }
  .ars-setup__title {
    font: 600 14px/20px var(--ar-font-sans);
    color: var(--ar-fg-strong);
    margin: 0;
  }
  .ars-setup__hint {
    font: 400 13px/18px var(--ar-font-sans);
    color: var(--ar-fg-muted);
    margin: 2px 0 0;
  }
  .ars-setup__count {
    flex: none;
    font: 700 10px/16px var(--ar-font-sans);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--ar-fg-muted);
    white-space: nowrap;
  }
  .ars-steps {
    display: flex;
    gap: 0;
    list-style: none;
    margin: 16px 0 4px;
    padding: 0;
  }
  .ars-step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    text-align: center;
  }
  .ars-step + .ars-step::before {
    content: "";
    position: absolute;
    top: 12px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: var(--ar-divider);
    z-index: 0;
  }
  .ars-step--fill + .ars-step--fill::before {
    background: var(--ar-green);
  }
  .ars-step__dot {
    position: relative;
    z-index: 1;
    width: 26px;
    height: 26px;
    flex: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 700 12px/1 var(--ar-font-sans);
    background: var(--ar-bg);
    border: 2px solid var(--ar-border-strong);
    color: var(--ar-fg-muted);
  }
  .ars-step__dot i {
    font-size: 15px;
  }
  .ars-step--done .ars-step__dot {
    background: var(--ar-green);
    border-color: var(--ar-green);
    color: #fff;
  }
  .ars-step--active .ars-step__dot {
    background: var(--ar-green);
    border-color: var(--ar-green);
    color: #fff;
    box-shadow: 0 0 0 4px var(--ar-green-50);
  }
  .ars-step__label {
    font: 600 12px/16px var(--ar-font-sans);
    color: var(--ar-fg-muted);
  }
  .ars-step--done .ars-step__label, .ars-step--active .ars-step__label {
    color: var(--ar-fg-strong);
  }
  @media (max-width: 640px) {
    .ars-grid {
      grid-template-columns: 1fr;
    }
    .ars-card {
      padding: 20px 16px;
    }
    .ars-actions {
      flex-wrap: wrap;
    }
  }
}
@layer base {
  .work-plan {
    list-style: none;
    padding: 0;
    font-size: 80%;
    margin-bottom: 25px;
    .reason {
      box-sizing: border-box;
      display: inline-block;
      vertical-align: top;
      width: 100%;
      &.column-6 {
        width: 60%;
      }
      &.column-4 {
        padding-left: 25px;
        width: 40%;
      }
    }
    .status, .contact, .vehicle-and-tasks {
      box-sizing: border-box;
    }
    .special_dates h5 {
      background: #E6EBF3;
    }
    .special-date {
      float: left;
      width: 105px;
    }
    .item {
      border-bottom: 1px solid #eee;
      padding: 5px;
      clear: left;
      overflow: auto;
      zoom: 1;
    }
    .clickable:hover {
      background: #F1FDD7;
    }
    .mail {
      float: left;
      width: 22px;
      height: 20px;
    }
    .status {
      float: left;
      width: 95px;
      padding-right: 5px;
      font-size: inherit;
      span {
        display: block;
        padding: 0.2em 0.5em;
        font-weight: bold;
        font-size: 0.8em;
        text-align: center;
      }
      .indicator-in-progress {
        background-color: #dc2626;
        color: white;
      }
      .indicator-placeholder {
        visibility: hidden;
      }
      label {
        display: block;
        clear: right;
        font-size: 0.95em;
        text-align: right;
        color: #333;
      }
    }
    h5 {
      margin: 1.5em 0 0.5em;
      font-size: 0.75em;
      background: #F6F1E6;
      padding: 2px 5px;
      color: #365466;
    }
    .why {
      float: right;
      text-align: right;
      vertical-align: top;
    }
    .contact {
      float: left;
      width: 195px;
      padding-left: 5px;
    }
    .small {
      display: block;
      color: #777;
      font-size: 0.8em;
    }
    .vehicle-and-tasks {
      float: left;
      width: 273px;
      padding-left: 5px;
    }
    .tasks {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 90%;
      .date {
        color: #97aab9;
        padding: 2px;
      }
      .late {
        text-transform: uppercase;
        color: #c00;
      }
      .today {
        background-color: #Ff9;
        color: #333;
      }
    }
    ul.todos {
      .checkbox {
        float: none;
      }
    }
  }
}
@layer base {
  .action-plan-message-indicator {
    background-color: #047857;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 4px;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    i {
      font-size: 10px;
    }
  }
}
@layer base {
  .aisa-brain-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    margin-right: 8px;
    background-color: #f0f4ff;
    border: 1px solid #d0d9f0;
    border-radius: 50%;
    color: #4f46e5;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    &:hover {
      background-color: #e0e7ff;
      border-color: #4f46e5;
      transform: scale(1.1);
    }
    &:active {
      transform: scale(0.95);
    }
    i {
      line-height: 1;
    }
  }
  .aisa-reasoning-modal {
    border: none;
    border-radius: 12px;
    padding: 0;
    max-width: 600px;
    width: 90vw;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    &::backdrop {
      background-color: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(4px);
    }
    .modal-content {
      display: flex;
      flex-direction: column;
    }
    .modal-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 24px;
      border-bottom: 1px solid #e5e7eb;
      background-color: #f9fafb;
      border-radius: 12px 12px 0 0;
      .modal-title {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: #111827;
        i {
          color: #4f46e5;
          font-size: 24px;
        }
      }
      .close-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        background: transparent;
        border: none;
        border-radius: 6px;
        color: #6b7280;
        cursor: pointer;
        transition: all 0.2s ease;
        &:hover {
          background-color: #e5e7eb;
          color: #111827;
        }
        i {
          font-size: 20px;
        }
      }
    }
    .modal-body {
      padding: 24px;
      max-height: 60vh;
      overflow-y: auto;
    }
    .modal-loading, .modal-error {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 48px 24px;
      text-align: center;
      .spinner {
        width: 40px;
        height: 40px;
        margin-bottom: 16px;
        border: 3px solid #e5e7eb;
        border-top-color: #4f46e5;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }
      i {
        font-size: 48px;
        color: #ef4444;
        margin-bottom: 16px;
      }
      p {
        margin: 0;
        color: #6b7280;
        font-size: 14px;
      }
    }
    .reasoning-section, .campaign-goal-section {
      margin-bottom: 24px;
      .section-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 12px 0;
        font-size: 16px;
        font-weight: 600;
        color: #374151;
        i {
          color: #4f46e5;
          font-size: 18px;
        }
      }
      p {
        margin: 0;
        line-height: 1.6;
        color: #1f2937;
        white-space: pre-wrap;
      }
    }
    .debug-reasoning-section {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 2px dashed #fbbf24;
      background-color: #fffbeb;
      margin-left: -24px;
      margin-right: -24px;
      margin-bottom: -24px;
      padding: 20px 24px 24px;
      border-radius: 0 0 12px 12px;
      .section-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 12px 0;
        font-size: 14px;
        font-weight: 600;
        color: #92400e;
        i {
          color: #f59e0b;
          font-size: 16px;
        }
      }
      .debug-reasoning-text {
        margin: 0;
        padding: 12px;
        background-color: #fef3c7;
        border: 1px solid #fcd34d;
        border-radius: 6px;
        font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Mono', 'Droid Sans Mono', 'Source Code Pro', monospace;
        font-size: 12px;
        line-height: 1.5;
        color: #78350f;
        white-space: pre-wrap;
        word-break: break-word;
        overflow-x: auto;
        max-height: 300px;
        overflow-y: auto;
      }
    }
    .model-info {
      padding-top: 16px;
      border-top: 1px solid #e5e7eb;
      small {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #6b7280;
        font-size: 13px;
        i {
          font-size: 14px;
        }
      }
    }
    .feedback-section {
      margin-top: 24px;
      padding-top: 20px;
      border-top: 1px solid #e5e7eb;
      .section-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 16px 0;
        font-size: 14px;
        font-weight: 600;
        color: #374151;
        i {
          color: #4f46e5;
          font-size: 16px;
        }
      }
      .feedback-buttons {
        display: flex;
        gap: 12px;
      }
      .feedback-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        padding: 0;
        border: 2px solid #e5e7eb;
        border-radius: 12px;
        background-color: #fff;
        color: #6b7280;
        font-size: 24px;
        cursor: pointer;
        transition: all 0.2s ease;
        &:hover:not(:disabled) {
          border-color: #d1d5db;
          background-color: #f9fafb;
        }
        &:disabled {
          opacity: 0.5;
          cursor: not-allowed;
        }
        &.thumbs-up {
          &:hover:not(:disabled) {
            border-color: #22c55e;
            color: #22c55e;
            background-color: #f0fdf4;
          }
          &.active {
            border-color: #22c55e;
            background-color: #22c55e;
            color: #fff;
          }
        }
        &.thumbs-down {
          &:hover:not(:disabled) {
            border-color: #ef4444;
            color: #ef4444;
            background-color: #fef2f2;
          }
          &.active {
            border-color: #ef4444;
            background-color: #ef4444;
            color: #fff;
          }
        }
      }
      .feedback-status {
        margin-top: 12px;
        padding: 8px 12px;
        border-radius: 6px;
        font-size: 13px;
        &.success {
          background-color: #f0fdf4;
          color: #166534;
          border: 1px solid #bbf7d0;
        }
        &.error {
          background-color: #fef2f2;
          color: #991b1b;
          border: 1px solid #fecaca;
        }
      }
      .negative-feedback-form {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #e5e7eb;
        .feedback-label {
          display: block;
          margin-bottom: 8px;
          font-size: 14px;
          font-weight: 500;
          color: #374151;
        }
        .feedback-textarea {
          width: 100%;
          box-sizing: border-box;
          padding: 12px;
          border: 1px solid #d1d5db;
          border-radius: 8px;
          font-size: 14px;
          line-height: 1.5;
          resize: vertical;
          min-height: 80px;
          transition: border-color 0.2s ease, box-shadow 0.2s ease;
          &:focus {
            outline: none;
            border-color: #4f46e5;
            box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
          }
          &::placeholder {
            color: #9ca3af;
          }
        }
        .submit-feedback-button {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          margin-top: 12px;
          padding: 10px 16px;
          background-color: #4f46e5;
          color: #fff;
          border: none;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 500;
          cursor: pointer;
          transition: background-color 0.2s ease;
          &:hover:not(:disabled) {
            background-color: #4338ca;
          }
          &:disabled {
            opacity: 0.7;
            cursor: not-allowed;
          }
          .spinner-tiny {
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-top-color: #fff;
            border-radius: 50%;
            animation: spin 0.8s linear infinite;
          }
        }
      }
      .analyze-section {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #e5e7eb;
        .analyze-button {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 10px 16px;
          background-color: #f0f4ff;
          color: #4f46e5;
          border: 1px solid #c7d2fe;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 500;
          cursor: pointer;
          transition: all 0.2s ease;
          &:hover {
            background-color: #e0e7ff;
            border-color: #4f46e5;
          }
          i {
            font-size: 18px;
          }
        }
        .analyze-description {
          margin: 8px 0 0;
          font-size: 12px;
          color: #6b7280;
        }
      }
    }
    .analysis-section {
      margin-top: 24px;
      padding-top: 20px;
      border-top: 2px solid #4f46e5;
      background-color: #f8fafc;
      margin-left: -24px;
      margin-right: -24px;
      margin-bottom: -24px;
      padding: 20px 24px 24px;
      border-radius: 0 0 12px 12px;
      .section-title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 16px 0;
        font-size: 16px;
        font-weight: 600;
        color: #1e293b;
        i {
          color: #4f46e5;
          font-size: 20px;
        }
      }
      .analysis-loading {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px;
        background-color: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        .spinner-small {
          width: 20px;
          height: 20px;
          border: 2px solid #e5e7eb;
          border-top-color: #4f46e5;
          border-radius: 50%;
          animation: spin 0.8s linear infinite;
        }
        span {
          font-size: 14px;
          color: #64748b;
        }
      }
      .analysis-result {
        .analysis-explanation {
          margin-bottom: 20px;
          h4 {
            display: flex;
            align-items: center;
            gap: 6px;
            margin: 0 0 10px 0;
            font-size: 14px;
            font-weight: 600;
            color: #334155;
            i {
              color: #eab308;
              font-size: 16px;
            }
          }
          p {
            margin: 0;
            padding: 12px;
            background-color: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            font-size: 14px;
            line-height: 1.6;
            color: #475569;
          }
        }
        .analysis-suggestions {
          h4 {
            display: flex;
            align-items: center;
            gap: 6px;
            margin: 0 0 12px 0;
            font-size: 14px;
            font-weight: 600;
            color: #334155;
            i {
              color: #4f46e5;
              font-size: 16px;
            }
          }
          .suggestions-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
          }
          .suggestion-item {
            padding: 16px;
            background-color: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            .suggestion-field {
              margin-bottom: 12px;
              .field-label {
                display: inline-block;
                padding: 4px 10px;
                background-color: #f1f5f9;
                border-radius: 4px;
                font-size: 12px;
                font-weight: 600;
                color: #475569;
                text-transform: uppercase;
                letter-spacing: 0.025em;
              }
            }
            .suggestion-current, .suggestion-suggested {
              margin-bottom: 8px;
              font-size: 13px;
              .change-label {
                display: inline-block;
                min-width: 70px;
                font-weight: 500;
                color: #64748b;
              }
              .change-value {
                color: #1e293b;
              }
            }
            .suggestion-current {
              .change-value {
                text-decoration: line-through;
                color: #ef4444;
              }
            }
            .suggestion-current {
              .change-value.not-set {
                text-decoration: none;
                font-style: italic;
              }
            }
            .suggestion-suggested {
              position: relative;
              .change-value {
                color: #22c55e;
                font-weight: 500;
              }
              .copy-suggestion-button {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 28px;
                height: 28px;
                margin-left: 8px;
                padding: 0;
                border: 1px solid #e2e8f0;
                border-radius: 6px;
                background: #f8fafc;
                color: #64748b;
                cursor: pointer;
                font-size: 14px;
                vertical-align: middle;
                transition: all 0.15s ease;
                &:hover {
                  background: #e2e8f0;
                  color: #334155;
                  border-color: #cbd5e1;
                }
              }
            }
            .suggestion-reason {
              display: flex;
              align-items: flex-start;
              gap: 6px;
              margin-top: 12px;
              padding-top: 12px;
              border-top: 1px solid #f1f5f9;
              font-size: 12px;
              color: #64748b;
              i {
                flex-shrink: 0;
                color: #94a3b8;
                font-size: 14px;
              }
            }
          }
        }
      }
      .settings-link {
        margin-top: 16px;
        text-align: center;
        .open-settings-button {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 10px 20px;
          background: #4f46e5;
          color: #fff;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 500;
          text-decoration: none;
          transition: background 0.15s ease;
          &:hover {
            background: #4338ca;
          }
          i {
            font-size: 16px;
          }
        }
      }
      .analysis-error {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        background-color: #fef2f2;
        border: 1px solid #fecaca;
        border-radius: 8px;
        i {
          color: #ef4444;
          font-size: 20px;
        }
        span {
          font-size: 14px;
          color: #991b1b;
        }
      }
    }
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
}
@layer base {
  .campaign-message-indicator {
    background-color: #7c3aed;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 4px;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    i {
      font-size: 10px;
    }
  }
}
@layer base {
  .rhino-compose {
    rhino-editor {
      --rhino-border-color: transparent;
      --rhino-border-radius: 0;
      &::part(editor-wrapper) {
        padding: 0;
      }
      &::part(editor) {
        border: none;
      }
      .trix-content {
        min-height: 200px;
        padding: 0.5rem;
        outline: none;
        font-size: 0.875rem;
        img {
          max-width: 100%;
          height: auto;
        }
        figure.attachment {
          display: inline-block;
          position: relative;
          margin: 0.5em 0;
          max-width: 100%;
        }
        .attachment.attachment--file {
          color: #333;
          line-height: 1.4;
          padding: 0.5em 0.75em;
          border: 1px solid #cecece;
          border-radius: 4px;
          background: #f9fafb;
          min-height: 2.5em;
          min-width: 12em;
        }
      }
      .trix-content .is-editor-empty::before {
        display: none;
      }
      .rhino-insert-content-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: 1px solid transparent;
        border-radius: 4px;
        padding: 0.25rem;
        cursor: pointer;
        color: var(--rhino-button-text-color, #889);
        font-size: var(--rhino-toolbar-icon-size, 1em);
        &:hover {
          background-color: #f3f4f6;
          border-color: var(--rhino-button-border-color, #cecece);
        }
      }
    }
  }
}
@layer base {
  .url-shortener-component {
    .ri-file-copy-line {
      font-size: 14px;
    }
    #shorten-button {
      background-color: #fff;
      border: 1px solid rgb(0 120 4 / var(--tw-bg-opacity, 1));
      color: rgb(0 120 4 / var(--tw-bg-opacity, 1));
      &:hover {
        background-color: #d8d8d8 !important;
        color: #00a006 !important;
        border-color: #00a006 !important;
      }
      &:focus {
        background-color: #c8c8c8 !important;
        color: #1d5b2e !important;
        border-color: #1d5b2e !important;
      }
    }
    .url-shortener-context-menu {
      .context-menu-item {
        &:hover {
          background-color: #f0f0f0;
        }
        &:active {
          background-color: #e0e0e0;
        }
      }
    }
  }
}
@layer base {
  .imm-media-upload-zone--dragover {
    border-color: #00C807;
    background-color: #E5F9E6;
  }
  .imm-media-item--selected {
    --tw-ring-color: #60ABFA;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    border-radius: 1rem;
  }
  .imm-media-item--header {
    border: 3px solid #22c55e !important;
    padding: 4px !important;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.25), 0 4px 12px rgba(34, 197, 94, 0.15);
  }
  [data-controller="imm--media--item"] button, [data-controller="imm--media--item"] select, [data-controller="imm--media--item"] button:focus, [data-controller="imm--media--item"] select:focus, [data-controller="imm--media--item"] button:focus-visible, [data-controller="imm--media--item"] select:focus-visible, [data-controller="imm--media--item"] button:active, .imm-media-upload-zone button, .imm-media-upload-zone button:focus, .imm-media-upload-zone button:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .imm-media-lightbox {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.92);
    z-index: 9999;
  }
}
@layer base {
  .toastify {
    padding: 12px 16px !important;
    color: white !important;
    display: inline-block !important;
    position: fixed !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    max-width: 300px !important;
    z-index: 9999 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  }
  .toastify.on {
    opacity: 1 !important;
  }
  .toastify-right {
    right: 20px !important;
  }
  .toastify.toast-success {
    background: rgba(13, 178, 19, 0.7) !important;
  }
  .toastify.toast-error {
    background: rgba(239, 68, 68, 0.7) !important;
  }
}
@layer base {
  .aisa-toggle-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
  button.aisa-toggle-btn.button-outline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 280px;
    border-radius: 5px;
    &:hover {
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .aisa-toggle-text {
      flex: 1;
      text-align: left;
    }
    .aisa-toggle-icon {
      margin-left: 8px;
      font-size: 18px;
    }
  }
  button.aisa-toggle-btn.button-outline.aisa-enabled {
    background-color: #bae5fe !important;
    border: 1px solid #018ddd;
    &:hover {
      background-color: #90d1fc !important;
    }
  }
  button.aisa-toggle-btn.button-outline.aisa-disabled {
    background-color: transparent !important;
    border: 1px solid black;
    &:hover {
      background-color: #ecebeb !important;
    }
  }
  button.aisa-toggle-btn.button-outline.loading {
    opacity: 0.7;
    cursor: not-allowed;
    &:hover {
      transform: none;
      box-shadow: none;
    }
  }
  #upsheet-header-container {
    transition: background-color 0.3s ease;
  }
  #upsheet-header-container.aisa-header-enabled {
    background-color: #bae5fe;
  }
  @media (max-width: 768px) {
    button.aisa-toggle-btn.button-outline {
      min-width: 100%;
      font-size: 13px;
    }
    .aisa-toggle-wrapper {
      margin-bottom: 0.75rem;
    }
  }
  @keyframes toggle-flash {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
    100% {
      opacity: 1;
    }
  }
  button.aisa-toggle-btn.button-outline.toggling {
    animation: toggle-flash 0.5s ease-in-out;
  }
  .aisa-toggle-container {
    [data-aisa-upsheet-toggle-target="activationOptions"] {
      background-color: #f8f9fa;
      border: 1px solid #e0e0e0;
      border-radius: 8px;
      padding: 16px;
      margin-top: 8px;
      p.text-s {
        margin-top: 0;
        margin-bottom: 12px;
        font-weight: 500;
      }
      .flex-row {
        display: flex;
        gap: 8px;
        button {
          flex: 1;
          min-height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.2s ease;
          &:hover {
            transform: translateY(-1px);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          }
          &.button-emphasis {
            background-color: #007804;
            color: white;
            border: 1px solid #007804;
            &:hover {
              background-color: #005a03;
            }
            &.loading {
              opacity: 0.6;
              cursor: not-allowed;
            }
          }
          &.button-outline {
            background-color: transparent;
            color: #333;
            border: 1px solid #999;
            &:hover {
              background-color: #f0f0f0;
            }
            &.loading {
              opacity: 0.6;
              cursor: not-allowed;
            }
          }
          span {
            display: flex;
            align-items: center;
            gap: 8px;
            i {
              font-size: 16px;
            }
          }
        }
      }
      p.text-xs {
        margin-top: 12px;
        margin-bottom: 0;
        color: #666;
        line-height: 1.4;
        strong {
          color: #333;
        }
      }
    }
    .hidden {
      display: none !important;
    }
    [data-aisa-upsheet-toggle-target] {
      transition: opacity 0.3s ease;
    }
  }
  @media (max-width: 768px) {
    .aisa-toggle-container {
      [data-aisa-upsheet-toggle-target="activationOptions"] {
        .flex-row {
          flex-direction: column;
          button {
            width: 100%;
          }
        }
      }
    }
  }
}
@layer base {
  table.aisa-saved-lists-table {
    border: 1px solid #d1d5db !important;
    border-radius: 10px !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    thead {
      background-color: transparent !important;
      th {
        color: #000000 !important;
        background-color: transparent !important;
      }
    }
    tbody {
      tr {
        color: #000000 !important;
        transition: background-color 0.15s ease-in-out;
        &:hover {
          background-color: rgba(0, 0, 0, 0.08) !important;
        }
        td {
          color: #000000 !important;
          .aisa-action-load {
            cursor: pointer;
            i {
              color: rgb(0 120 4 / var(--tw-bg-opacity, 1)) !important;
            }
            &:hover i {
              color: #03c709 !important;
            }
          }
          .aisa-action-edit {
            cursor: pointer;
            i {
              color: #000000 !important;
            }
            &:hover i {
              color: #747373 !important;
            }
          }
          .aisa-action-delete {
            cursor: pointer;
            i {
              color: #ee2929 !important;
            }
            &:hover i {
              color: #7d1414 !important;
            }
          }
        }
      }
    }
    .text-gray-900, .text-gray-500, .text-gray-700 {
      color: #000000 !important;
    }
  }
  .aisa-visibility-text {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #000000 !important;
    i {
      &.ri-share-line {
        color: #3b82f6 !important;
      }
      &.ri-lock-2-line {
        color: #4b5563 !important;
      }
    }
    span {
      color: #000000 !important;
    }
  }
  .aisa-leads-pill {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 9999px;
    color: #000000 !important;
  }
  .aisa-action-load {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    i {
      color: #03c709 !important;
    }
  }
  .aisa-action-edit {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    i {
      color: #000000 !important;
    }
  }
  .aisa-action-delete {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    i {
      color: #dc2626 !important;
    }
  }
}
@layer base {
  .admin-menu {
    font-family: 'Open Sans', 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif;
    &.new {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      .menu-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: 2px solid #ccc;
        h2 {
          font-size: 24px;
          color: var(--ar-dark-blue);
          margin: 0;
          font-weight: normal;
        }
      }
      .menu-groups {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin-bottom: 30px;
      }
      .menu-group {
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        transition: all 0.2s;
        &:hover {
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          border-color: var(--ar-darker-blue);
        }
      }
      .group-title {
        font-size: 16px;
        font-weight: 600;
        color: var(--ar-dark-blue);
        margin: 0 0 16px 0;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .group-icon {
        font-size: 18px;
      }
      .group-items {
        list-style: none;
        padding: 0;
        margin: 0;
        li {
          margin-bottom: 8px;
          padding-left: 0;
          &:last-child {
            margin-bottom: 0;
          }
        }
        a {
          color: #666;
          text-decoration: none;
          font-size: 14px;
          display: inline-block;
          padding: 2px 0;
          transition: color 0.2s;
          position: relative;
          &:hover {
            color: var(--ar-green);
            text-decoration: underline;
          }
        }
        .sub-items {
          list-style: none;
          padding: 0;
          margin: 8px 0 0 0;
          padding-left: 20px;
          border-left: 2px solid #e0e0e0;
          li {
            margin-bottom: 6px;
            padding-left: 8px;
            &:last-child {
              margin-bottom: 0;
            }
          }
          a {
            font-size: 13px;
            color: #888;
            &:hover {
              color: var(--ar-green);
            }
          }
        }
      }
      .monitoring-section {
        background: #f8f9fa;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 20px;
        margin-top: 30px;
        h3 {
          font-size: 16px;
          color: var(--ar-dark-blue);
          margin: 0 0 16px 0;
          font-weight: 600;
        }
      }
      @media (max-width: 768px) {
        .menu-groups {
          grid-template-columns: 1fr;
        }
        .menu-header {
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
        }
      }
    }
  }
}
@layer base {
  .aisa-message-indicator {
    background-color: #1e3a8a;
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    gap: 4px;
    margin-left: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    i {
      font-size: 10px;
    }
  }
  .message.aisa-sent {
    .aisa-bubble {
      background-color: #dbeafe !important;
      border: 1px solid #1e3a8a;
      border-right: 3px solid #1e3a8a;
    }
    .speaking {
      &::after {
        content: " (AISA)";
        color: #1e3a8a;
        font-weight: 600;
        font-size: 0.9em;
      }
    }
  }
  .email.aisa-sent {
    border-left: 4px solid #1e3a8a !important;
    .subject {
      background-color: #f0f9ff;
      .aisa-badge {
        background-color: #1e3a8a;
        color: white;
        font-size: 10px;
        font-weight: 600;
        padding: 2px 6px;
        border-radius: 3px;
        margin-left: 8px;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        display: inline-block;
        vertical-align: middle;
      }
    }
    .footer {
      .aisa-notice {
        color: #1e3a8a;
        font-size: 11px;
        font-weight: 500;
        display: inline-block;
        margin-right: 10px;
        i {
          margin-right: 4px;
        }
      }
    }
  }
  .conversation-list-item.aisa-sent {
    .aisa-indicator {
      display: inline-block;
      width: 8px;
      height: 8px;
      background-color: #1e3a8a;
      border-radius: 50%;
      margin-left: 6px;
      vertical-align: middle;
      position: relative;
      &::before {
        content: "AI";
        position: absolute;
        font-size: 6px;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: bold;
      }
    }
  }
  .aisa-pause-indicator {
    padding: 12px 16px;
    margin: 8px 0;
    .aisa-pause-line {
      border-top: 2px dashed #9ca3af;
      margin-bottom: 8px;
    }
    .aisa-pause-text {
      color: #6b7280;
      font-size: 12px;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 6px;
      i {
        color: #1e3a8a;
        font-size: 14px;
      }
    }
  }
  .aisa-tooltip {
    &::after {
      content: "Sent by AISA (AI Sales Assistant)";
      position: absolute;
      background-color: #1e3a8a;
      color: white;
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 11px;
      white-space: nowrap;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      margin-bottom: 4px;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.2s, visibility 0.2s;
    }
    &:hover::after {
      opacity: 1;
      visibility: visible;
    }
  }
}
@layer base {
  @media print {
    body {
      font-size: 10pt;
      margin: 0;
      border: 0;
      padding: 0;
    }
    table, p {
      font-size: 10pt;
    }
    .noprint {
      display: none;
    }
    .actionLinks, .actionLink {
      display: none;
    }
    #container {
      width: auto;
    }
    #header {
      display: none;
    }
    #header .content {
      width: auto;
    }
    h3 {
      margin: 0.5em 0;
    }
    #content, #footer {
      padding-top: 0 !important;
      width: 70%;
    }
    #printfull #content {
      width: 95%;
    }
    #rightpanel {
      width: 24%;
    }
    #stats {
      width: auto;
    }
    #stats table {
      width: 130px;
    }
    #find_pane, #build_pane {
      width: 40%;
    }
    #content {
      border: 0;
      padding: 0;
    }
    body#dash h4, h4.greybar {
      border-bottom: 1px solid #ccc;
    }
    h3, h2 {
      border-bottom: 1px solid #ccc;
    }
    h2 {
      margin-top: 1px;
    }
    #footer {
      display: none;
    }
    .hiddenpager {
      display: none;
    }
    .temperature {
      padding: 0;
    }
    #temp_status {
      font-size: 3em;
    }
    .upsheet_header label {
      display: block;
    }
    body#contact #rightpanel {
      width: 37%;
      margin-top: 1.3em;
    }
    body#contact #content {
      width: 55%;
    }
    table.clean tr th {
      color: #333;
    }
    body#dash #rightpanel {
      width: 37%;
      margin-top: 2.8em;
    }
    body#dash #content {
      width: 55%;
      float: left;
    }
    body#dash #new-upsheet {
      display: none;
    }
    #dash #rightpanel {
      padding-left: 30px;
      border-left: 1px solid #666;
    }
    #dash-stats {
      float: none;
      width: auto;
    }
    body#dash h2 {
      border-bottom: 0px;
    }
    #dash-stats table {
      width: 80%;
      margin: 0 10%;
    }
    #dash-stats table tr th {
      font-weight: bold !important;
    }
    #dashRecentActivity {
      margin-top: 2.5em;
      float: none;
      width: auto;
    }
    .work-plan {
      margin: 0;
      padding: 0;
      li {
        clear: both;
        list-style: none;
      }
      li.upsheet {
        margin-bottom: 8px;
        overflow: auto;
        zoom: 1;
      }
      .mail {
        width: 15px;
        height: 15px;
        float: left;
      }
      .status {
        float: left;
        width: 45px;
        line-height: 20px;
        padding-right: 5px;
        text-align: right;
      }
      .contact {
        float: left;
        width: 100px;
      }
      .vehicle-and-tasks {
        float: left;
        width: 200px;
      }
      .vehicle-and-tasks .tasks {
        margin: 0;
        padding: 0;
      }
    }
    label {
      color: #666;
    }
  }
}
@layer base {
  .billing-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.2s ease;
  }
  .billing-back-link:hover {
    background: #e7f3ff;
    color: #0056b3;
    transform: translateX(-2px);
  }
  .billing-back-link svg {
    transition: transform 0.2s ease;
  }
  .billing-back-link:hover svg {
    transform: translateX(-3px);
  }
  .dashboard-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
  }
  .breadcrumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
  }
  .breadcrumb-link {
    color: #007bff;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .breadcrumb-link:hover {
    color: #0056b3;
    text-decoration: underline;
  }
  .breadcrumb-separator {
    color: #6b7280;
    user-select: none;
  }
  .breadcrumb-current {
    color: #374151;
    font-weight: 500;
  }
  .billing-stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
  }
  .billing-stat-card {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 6px;
    padding: 14px 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    overflow: hidden;
  }
  .billing-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }
  .billing-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.08);
  }
  .billing-stat-card:nth-child(1) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  }
  .billing-stat-card:nth-child(2) {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  }
  .billing-stat-card:nth-child(3) {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  }
  .billing-stat-card:nth-child(4) {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
  }
  .billing-stat-card .label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    line-height: 1.2;
  }
  .billing-stat-card .value {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    z-index: 1;
    line-height: 1.1;
  }
  .filters-section {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .filters-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    margin-bottom: 15px;
  }
  .filter-field {
    display: flex;
    flex-direction: column;
  }
  .filter-field label {
    font-weight: 600;
    margin-bottom: 5px;
    color: #374151;
    font-size: 14px;
  }
  .filter-field input, .filter-field select {
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
  }
  .autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    margin-top: 4px;
  }
  .autocomplete-item {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
  }
  .autocomplete-item:last-child {
    border-bottom: none;
  }
  .autocomplete-item:hover {
    background-color: #f3f4f6;
  }
  .filter-actions {
    display: flex;
    gap: 10px;
    margin-top: 15px;
  }
  .reports-table-container {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .reports-table {
    width: 100%;
    border-collapse: collapse;
  }
  .reports-table th {
    text-align: left;
    padding: 12px;
    background: #f9fafb;
    font-weight: 600;
    color: #374151;
    border-bottom: 2px solid #e5e7eb;
  }
  .reports-table td {
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
  }
  .reports-table tbody tr:hover {
    background: #f9fafb;
  }
  .compact-table {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
  }
  .compact-table table {
    width: 100%;
    border-collapse: collapse;
  }
  .compact-table thead {
    background: #f8f9fa;
    border-bottom: 2px solid #e0e0e0;
  }
  .compact-table th {
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    line-height: 1.2;
  }
  .compact-table td {
    padding: 6px 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 13px;
    line-height: 1.3;
  }
  .compact-table tbody tr:hover {
    background: #f8f9fa;
  }
  .compact-table tbody tr.high-usage {
    background-color: #fff3cd;
  }
  .compact-table tbody .empty {
    text-align: center;
    color: #666;
    font-style: italic;
    padding: 40px;
  }
  .account-link {
    color: #007bff;
    text-decoration: none;
    transition: color 0.2s ease;
  }
  .account-link:hover {
    text-decoration: underline;
    color: #0056b3;
  }
  .btn {
    display: inline-block;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
  }
  .btn-sm {
    padding: 6px 12px;
    font-size: 13px;
  }
  .btn-primary {
    background: #007bff;
    color: white;
    &:hover {
      background: #0056b3;
      color: white;
      text-decoration: none;
    }
  }
  .btn-secondary {
    background: #6c757d;
    color: white;
    &:hover {
      background: #5a6268;
      color: white;
      text-decoration: none;
    }
  }
  .btn-danger {
    background: #dc3545;
    color: white;
    &:hover {
      background: #c82333;
      color: white;
      text-decoration: none;
    }
  }
  .status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
  }
  .status-success {
    background: #d1fae5;
    color: #065f46;
  }
  .status-failed {
    background: #fee2e2;
    color: #991b1b;
  }
  .status-partial {
    background: #fef3c7;
    color: #92400e;
  }
  .status-badge.active {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
  }
  .status-badge.expired {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
  }
  .status-badge.depleted {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
  }
  .status-badge.enabled, .auto-purchase-status.auto-purchase-enabled {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
  }
  .status-badge.disabled, .auto-purchase-status.auto-purchase-disabled {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
  }
  .auto-purchase-status {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
  }
  .auto-purchase-not-set {
    background: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
  }
  .auto-purchase-no-stripe {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
  }
  .auto-purchase-unknown, .auto-purchase-loading {
    background: #f8f9fa;
    color: #6c757d;
    border: 1px solid #dee2e6;
  }
  .status-badge.overage, .overage-status {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    cursor: help;
  }
  .status-badge.within-limit, .status-within-plan {
    color: #28a745;
    background: #d4edda;
    border: 1px solid #c3e6cb;
  }
  .status-using-additional-block {
    color: #007bff;
    background: #cce5ff;
    border: 1px solid #b8daff;
  }
  .status-exceeded-plan-only {
    color: #fd7e14;
    background: #ffe5cc;
    border: 1px solid #ffd699;
  }
  .status-exceeded-all {
    color: #dc3545;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
  }
  .status-unknown, .status-loading {
    color: #6c757d;
    background: #e2e3e5;
    border: 1px solid #d6d8db;
  }
  .pagination-wrapper {
    display: flex;
    justify-content: center;
    padding: 16px 20px;
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
  }
  .pagination {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .pagination a, .pagination span, .pagination em {
    padding: 8px 14px;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    text-decoration: none;
    color: #495057;
    background: white;
    font-style: normal;
    font-size: 14px;
    transition: all 0.2s ease;
  }
  .pagination a:hover {
    background: #007bff;
    color: white;
    border-color: #007bff;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.2);
  }
  .pagination .current, .pagination em {
    background: #007bff;
    color: white;
    border-color: #007bff;
    font-weight: 600;
  }
  .pagination .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .pagination .previous_page, .pagination .next_page {
    font-weight: 500;
  }
  .pagination .gap {
    border: none;
    background: transparent;
    padding: 8px 4px;
  }
  .pagination .current-page {
    padding: 8px 12px;
    color: #6b7280;
  }
  .empty-state {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
  }
  .empty-state h2 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #374151;
  }
  .empty-state p {
    color: #6b7280;
    margin: 0;
  }
  .empty-state-icon {
    font-size: 48px;
    margin-bottom: 15px;
  }
  .report-detail-container {
    max-width: 1200px;
    margin: 0 auto;
  }
  .report-header {
    background: white;
    border-radius: 8px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .report-header h1 {
    margin: 0 0 10px 0;
  }
  .report-meta {
    display: flex;
    gap: 30px;
    margin-top: 20px;
    flex-wrap: wrap;
  }
  .meta-item {
    display: flex;
    flex-direction: column;
  }
  .meta-label {
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
  }
  .meta-value {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
  }
  .section {
    background: white;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  }
  .section-title {
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e7eb;
  }
  .metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }
  .metric-card {
    background: #f9fafb;
    border-radius: 6px;
    padding: 15px;
  }
  .metric-label {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 5px;
  }
  .metric-value {
    font-size: 24px;
    font-weight: 700;
    color: #1f2937;
  }
  .metric-subtext {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 3px;
  }
  .summary-highlight {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
  }
  .summary-highlight h2 {
    margin: 0 0 15px 0;
    font-size: 18px;
  }
  .summary-stats {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
  }
  .summary-stat {
    flex: 1;
    min-width: 150px;
  }
  .summary-stat-value {
    font-size: 32px;
    font-weight: 700;
  }
  .summary-stat-label {
    font-size: 13px;
    opacity: 0.9;
    margin-top: 5px;
  }
  .detail-table {
    width: 100%;
    border-collapse: collapse;
  }
  .detail-table th {
    text-align: left;
    padding: 12px;
    background: #f9fafb;
    font-weight: 600;
    color: #374151;
    border-bottom: 2px solid #e5e7eb;
  }
  .detail-table td {
    padding: 12px;
    border-bottom: 1px solid #e5e7eb;
  }
  .error-section {
    background: #fee2e2;
    border: 1px solid #fca5a5;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
  }
  .error-title {
    color: #991b1b;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .error-message {
    color: #7f1d1d;
    font-family: monospace;
    font-size: 13px;
    white-space: pre-wrap;
  }
  .loading-container, .error-container {
    text-align: center;
    padding: 60px 20px;
  }
  .loading-row {
    background-color: #f8f9fa;
    animation: pulse 1.5s ease-in-out infinite;
  }
  @keyframes pulse {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.7;
    }
    100% {
      opacity: 1;
    }
  }
  .loading-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .loading-text {
    display: block;
    font-size: 14px;
    color: #6b7280;
    margin-top: 12px;
  }
  .error-row {
    text-align: center;
    padding: 40px 20px;
  }
  .error-text {
    color: #dc3545;
    font-size: 14px;
    font-weight: 500;
  }
  .page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e5e7eb;
  }
  .page-header h1 {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    color: #1f2937;
  }
  .page-header-actions {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .percentage {
    font-weight: 600;
    &.low {
      color: #059669;
    }
    &.medium {
      color: #d97706;
    }
    &.high {
      color: #dc2626;
    }
  }
}
li.bullet-check:before, li.bullet:before, li.bullet-fail:before {
  position: absolute;
  left: 0;
}
li.bullet-fail:before {
  content: "\ed95";
}
li.bullet-check:before {
  content: "\eb7b";
}
li.bullet-check:before, li.bullet-fail:before {
  font-family: remixicon;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
li.bullet:before {
  content: "•";
  left: 0.3em;
}
[hidden] {
  display: none !important;
}
@keyframes move-background-leftwards {
  from {
    background-position: right;
  }
  to {
    background-position: left;
  }
}
@layer base {
  body {
    color: #10171C;
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@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-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  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: 0px;
}
@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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes highlight {
  0% {
    background-color: #fef9c3;
  }
  100% {
    background-color: transparent;
  }
}
@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-font-weight: initial;
      --tw-duration: initial;
      --tw-leading: initial;
      --tw-outline-style: solid;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}