@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/primeng/resources/primeng.min.css */
.p-overflow-hidden {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
@layer primeng {
  .p-component,
  .p-component * {
    box-sizing: border-box;
  }
  .p-hidden {
    display: none;
  }
  .p-hidden-space {
    visibility: hidden;
  }
  .p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .p-hidden-accessible input,
  .p-hidden-accessible select {
    transform: scale(0);
  }
  .p-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .p-disabled,
  .p-disabled * {
    cursor: default !important;
    pointer-events: none;
  }
  .p-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-unselectable-text {
    -webkit-user-select: none;
    user-select: none;
  }
  .p-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
  }
  @-webkit-keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  input[type=button],
  input[type=submit],
  input[type=reset],
  input[type=file]::-webkit-file-upload-button,
  button {
    border-radius: 0;
  }
  .p-link {
    text-align: left;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-link:disabled {
    cursor: default;
  }
  .p-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .p-connected-overlay {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
  }
  .p-connected-overlay-visible {
    opacity: 1;
    transform: scaleY(1);
  }
  .p-connected-overlay-hidden {
    opacity: 0;
    transform: scaleY(1);
    transition: opacity .1s linear;
  }
  .p-toggleable-content.ng-animating {
    overflow: hidden;
  }
  .p-icon-wrapper {
    display: inline-flex;
  }
  .p-icon {
    display: inline-block;
  }
  .p-icon-spin {
    -webkit-animation: p-icon-spin 2s infinite linear;
    animation: p-icon-spin 2s infinite linear;
  }
}
@-webkit-keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@layer primeng {
  .p-badge {
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 .5rem;
  }
  .p-overlay-badge {
    position: relative;
  }
  .p-overlay-badge .p-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0;
    margin: 0;
  }
  .p-badge-dot {
    width: .5rem;
    min-width: .5rem;
    height: .5rem;
    border-radius: 50%;
    padding: 0;
  }
  .p-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
  }
}
@layer primeng {
  .p-button {
    margin: 0;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .p-button-label {
    flex: 1 1 auto;
  }
  .p-button-icon-right {
    order: 1;
  }
  .p-button:disabled {
    cursor: default;
    pointer-events: none;
  }
  .p-button-icon-only {
    justify-content: center;
  }
  .p-button-icon-only:after {
    content: "p";
    visibility: hidden;
    clip: rect(0 0 0 0);
    width: 0;
  }
  .p-button-vertical {
    flex-direction: column;
  }
  .p-button-icon-bottom {
    order: 2;
  }
  .p-button-group .p-button {
    margin: 0;
  }
  .p-button-group .p-button:focus,
  .p-button-group p-button:focus .p-button,
  .p-buttonset .p-button:focus,
  .p-buttonset .p-button:focus,
  .p-buttonset p-button:focus .p-button,
  .p-buttonset .p-button:focus {
    position: relative;
    z-index: 1;
  }
  .p-button-group .p-button:not(:last-child),
  .p-button-group .p-button:not(:last-child):hover,
  .p-button-group p-button:not(:last-child) .p-button,
  .p-button-group p-button:not(:last-child) .p-button:hover,
  .p-buttonset .p-button:not(:last-child),
  .p-buttonset .p-button:not(:last-child):hover,
  .p-buttonset p-button:not(:last-child) .p-button,
  .p-buttonset p-button:not(:last-child) .p-button:hover {
    border-right: 0 none;
  }
  .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
  .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
  .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
  .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
    border-radius: 0;
  }
  .p-button-group .p-button:first-of-type:not(:only-of-type),
  .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:first-of-type:not(:only-of-type),
  .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-button-group .p-button:last-of-type:not(:only-of-type),
  .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:last-of-type:not(:only-of-type),
  .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  p-button[iconpos=right] spinnericon {
    order: 1;
  }
}
@layer primeng {
  .p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-checkbox-label {
    line-height: 1;
  }
}
.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url("./media/color-727V6BA6.png") no-repeat left top;
}
.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url("./media/hue-3YTJE6JS.png") no-repeat left top;
}
@layer primeng {
  .p-inputtext {
    margin: 0;
  }
  .p-fluid .p-inputtext {
    width: 100%;
  }
  .p-inputgroup {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup-addon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-inputgroup .p-float-label {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup .p-inputtext,
  .p-fluid .p-inputgroup .p-inputtext,
  .p-inputgroup .p-inputwrapper,
  .p-inputgroup .p-inputwrapper > .p-component {
    flex: 1 1 auto;
    width: 1%;
  }
  .p-float-label {
    display: block;
    position: relative;
  }
  .p-float-label label {
    position: absolute;
    pointer-events: none;
    top: 50%;
    margin-top: -0.5rem;
    transition-property: all;
    transition-timing-function: ease;
    line-height: 1;
  }
  .p-float-label textarea ~ label {
    top: 1rem;
  }
  .p-float-label input:focus ~ label,
  .p-float-label input.p-filled ~ label,
  .p-float-label textarea:focus ~ label,
  .p-float-label textarea.p-filled ~ label,
  .p-float-label .p-inputwrapper-focus ~ label,
  .p-float-label .p-inputwrapper-filled ~ label {
    top: -0.75rem;
    font-size: 12px;
  }
  .p-float-label .input:-webkit-autofill ~ label {
    top: -20px;
    font-size: 12px;
  }
  .p-float-label .p-placeholder,
  .p-float-label input::placeholder,
  .p-float-label .p-inputtext::placeholder {
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-float-label .p-focus .p-placeholder,
  .p-float-label input:focus::placeholder,
  .p-float-label .p-inputtext:focus::placeholder {
    opacity: 1;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-input-icon-left,
  .p-input-icon-right {
    position: relative;
    display: inline-block;
  }
  .p-input-icon-left > i,
  .p-input-icon-left > .p-icon-wrapper,
  .p-input-icon-right > i,
  .p-input-icon-right > .p-icon-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-input-icon-left,
  .p-fluid .p-input-icon-right {
    display: block;
    width: 100%;
  }
}
@layer primeng {
  .p-inputtextarea-resizable {
    overflow: hidden;
    resize: none;
  }
  .p-fluid .p-inputtextarea {
    width: 100%;
  }
}
@layer primeng {
  .p-password {
    position: relative;
    display: inline-flex;
  }
  .p-password-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-password .p-password-panel {
    min-width: 100%;
  }
  .p-password-meter {
    height: 10px;
  }
  .p-password-strength {
    height: 100%;
    width: 0;
    transition: width 1s ease-in-out;
  }
  .p-fluid .p-password {
    display: flex;
  }
  .p-password-input::-ms-reveal,
  .p-password-input::-ms-clear {
    display: none;
  }
  .p-password-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    cursor: pointer;
  }
  .p-password .p-icon {
    cursor: pointer;
  }
  .p-password-clearable.p-password-mask .p-password-clear-icon {
    margin-top: unset;
  }
  .p-password-clearable {
    position: relative;
  }
}
@layer primeng {
  .p-radiobutton {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton-box.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  p-radiobutton {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-radiobutton-label {
    line-height: 1;
  }
}
@layer primeng {
  .p-ripple {
    overflow: hidden;
    position: relative;
  }
  .p-ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    transform: scale(0);
  }
  .p-ink-active {
    animation: ripple .4s linear;
  }
  .p-ripple-disabled .p-ink {
    display: none !important;
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@layer primeng {
  .p-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5rem;
    max-width: 12.5rem;
    pointer-events: none;
  }
  .p-tooltip.p-tooltip-right,
  .p-tooltip.p-tooltip-left {
    padding: 0 .25rem;
  }
  .p-tooltip.p-tooltip-top,
  .p-tooltip.p-tooltip-bottom {
    padding: .25em 0;
  }
  .p-tooltip .p-tooltip-text {
    white-space: pre-line;
    word-break: break-word;
  }
  .p-tooltip-arrow {
    scale: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .p-tooltip-right .p-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -0.25rem;
    border-width: .25em .25em .25em 0;
  }
  .p-tooltip-left .p-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -0.25rem;
    border-width: .25em 0 .25em .25rem;
  }
  .p-tooltip.p-tooltip-top {
    padding: .25em 0;
  }
  .p-tooltip-top .p-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: .25em .25em 0;
  }
  .p-tooltip-bottom .p-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: 0 .25em .25rem;
  }
}

/* node_modules/primeflex/primeflex.css */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}
.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}
.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}
.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}
.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5rem;
}
.col-fixed {
  flex: 0 0 auto;
  padding: 0.5rem;
}
.col-1 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 8.3333%;
}
.col-2 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 16.6667%;
}
.col-3 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 33.3333%;
}
.col-5 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 41.6667%;
}
.col-6 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 58.3333%;
}
.col-8 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 66.6667%;
}
.col-9 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 83.3333%;
}
.col-11 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 91.6667%;
}
.col-12 {
  flex: 0 0 auto;
  padding: 0.5rem;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5rem;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 0.5rem;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 0.5rem;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}
.col-offset-1 {
  margin-left: 8.3333% !important;
}
.col-offset-2 {
  margin-left: 16.6667% !important;
}
.col-offset-3 {
  margin-left: 25% !important;
}
.col-offset-4 {
  margin-left: 33.3333% !important;
}
.col-offset-5 {
  margin-left: 41.6667% !important;
}
.col-offset-6 {
  margin-left: 50% !important;
}
.col-offset-7 {
  margin-left: 58.3333% !important;
}
.col-offset-8 {
  margin-left: 66.6667% !important;
}
.col-offset-9 {
  margin-left: 75% !important;
}
.col-offset-10 {
  margin-left: 83.3333% !important;
}
.col-offset-11 {
  margin-left: 91.6667% !important;
}
.col-offset-12 {
  margin-left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.text-0 {
  color: var(--surface-0) !important;
}
.text-50 {
  color: var(--surface-50) !important;
}
.text-100 {
  color: var(--surface-100) !important;
}
.text-200 {
  color: var(--surface-200) !important;
}
.text-300 {
  color: var(--surface-300) !important;
}
.text-400 {
  color: var(--surface-400) !important;
}
.text-500 {
  color: var(--surface-500) !important;
}
.text-600 {
  color: var(--surface-600) !important;
}
.text-700 {
  color: var(--surface-700) !important;
}
.text-800 {
  color: var(--surface-800) !important;
}
.text-900 {
  color: var(--surface-900) !important;
}
.focus\:text-0:focus {
  color: var(--surface-0) !important;
}
.hover\:text-0:hover {
  color: var(--surface-0) !important;
}
.active\:text-0:active {
  color: var(--surface-0) !important;
}
.focus\:text-50:focus {
  color: var(--surface-50) !important;
}
.hover\:text-50:hover {
  color: var(--surface-50) !important;
}
.active\:text-50:active {
  color: var(--surface-50) !important;
}
.focus\:text-100:focus {
  color: var(--surface-100) !important;
}
.hover\:text-100:hover {
  color: var(--surface-100) !important;
}
.active\:text-100:active {
  color: var(--surface-100) !important;
}
.focus\:text-200:focus {
  color: var(--surface-200) !important;
}
.hover\:text-200:hover {
  color: var(--surface-200) !important;
}
.active\:text-200:active {
  color: var(--surface-200) !important;
}
.focus\:text-300:focus {
  color: var(--surface-300) !important;
}
.hover\:text-300:hover {
  color: var(--surface-300) !important;
}
.active\:text-300:active {
  color: var(--surface-300) !important;
}
.focus\:text-400:focus {
  color: var(--surface-400) !important;
}
.hover\:text-400:hover {
  color: var(--surface-400) !important;
}
.active\:text-400:active {
  color: var(--surface-400) !important;
}
.focus\:text-500:focus {
  color: var(--surface-500) !important;
}
.hover\:text-500:hover {
  color: var(--surface-500) !important;
}
.active\:text-500:active {
  color: var(--surface-500) !important;
}
.focus\:text-600:focus {
  color: var(--surface-600) !important;
}
.hover\:text-600:hover {
  color: var(--surface-600) !important;
}
.active\:text-600:active {
  color: var(--surface-600) !important;
}
.focus\:text-700:focus {
  color: var(--surface-700) !important;
}
.hover\:text-700:hover {
  color: var(--surface-700) !important;
}
.active\:text-700:active {
  color: var(--surface-700) !important;
}
.focus\:text-800:focus {
  color: var(--surface-800) !important;
}
.hover\:text-800:hover {
  color: var(--surface-800) !important;
}
.active\:text-800:active {
  color: var(--surface-800) !important;
}
.focus\:text-900:focus {
  color: var(--surface-900) !important;
}
.hover\:text-900:hover {
  color: var(--surface-900) !important;
}
.active\:text-900:active {
  color: var(--surface-900) !important;
}
.surface-0 {
  background-color: var(--surface-0) !important;
}
.surface-50 {
  background-color: var(--surface-50) !important;
}
.surface-100 {
  background-color: var(--surface-100) !important;
}
.surface-200 {
  background-color: var(--surface-200) !important;
}
.surface-300 {
  background-color: var(--surface-300) !important;
}
.surface-400 {
  background-color: var(--surface-400) !important;
}
.surface-500 {
  background-color: var(--surface-500) !important;
}
.surface-600 {
  background-color: var(--surface-600) !important;
}
.surface-700 {
  background-color: var(--surface-700) !important;
}
.surface-800 {
  background-color: var(--surface-800) !important;
}
.surface-900 {
  background-color: var(--surface-900) !important;
}
.focus\:surface-0:focus {
  background-color: var(--surface-0) !important;
}
.hover\:surface-0:hover {
  background-color: var(--surface-0) !important;
}
.active\:surface-0:active {
  background-color: var(--surface-0) !important;
}
.focus\:surface-50:focus {
  background-color: var(--surface-50) !important;
}
.hover\:surface-50:hover {
  background-color: var(--surface-50) !important;
}
.active\:surface-50:active {
  background-color: var(--surface-50) !important;
}
.focus\:surface-100:focus {
  background-color: var(--surface-100) !important;
}
.hover\:surface-100:hover {
  background-color: var(--surface-100) !important;
}
.active\:surface-100:active {
  background-color: var(--surface-100) !important;
}
.focus\:surface-200:focus {
  background-color: var(--surface-200) !important;
}
.hover\:surface-200:hover {
  background-color: var(--surface-200) !important;
}
.active\:surface-200:active {
  background-color: var(--surface-200) !important;
}
.focus\:surface-300:focus {
  background-color: var(--surface-300) !important;
}
.hover\:surface-300:hover {
  background-color: var(--surface-300) !important;
}
.active\:surface-300:active {
  background-color: var(--surface-300) !important;
}
.focus\:surface-400:focus {
  background-color: var(--surface-400) !important;
}
.hover\:surface-400:hover {
  background-color: var(--surface-400) !important;
}
.active\:surface-400:active {
  background-color: var(--surface-400) !important;
}
.focus\:surface-500:focus {
  background-color: var(--surface-500) !important;
}
.hover\:surface-500:hover {
  background-color: var(--surface-500) !important;
}
.active\:surface-500:active {
  background-color: var(--surface-500) !important;
}
.focus\:surface-600:focus {
  background-color: var(--surface-600) !important;
}
.hover\:surface-600:hover {
  background-color: var(--surface-600) !important;
}
.active\:surface-600:active {
  background-color: var(--surface-600) !important;
}
.focus\:surface-700:focus {
  background-color: var(--surface-700) !important;
}
.hover\:surface-700:hover {
  background-color: var(--surface-700) !important;
}
.active\:surface-700:active {
  background-color: var(--surface-700) !important;
}
.focus\:surface-800:focus {
  background-color: var(--surface-800) !important;
}
.hover\:surface-800:hover {
  background-color: var(--surface-800) !important;
}
.active\:surface-800:active {
  background-color: var(--surface-800) !important;
}
.focus\:surface-900:focus {
  background-color: var(--surface-900) !important;
}
.hover\:surface-900:hover {
  background-color: var(--surface-900) !important;
}
.active\:surface-900:active {
  background-color: var(--surface-900) !important;
}
.border-0 {
  border-color: var(--surface-0) !important;
}
.border-50 {
  border-color: var(--surface-50) !important;
}
.border-100 {
  border-color: var(--surface-100) !important;
}
.border-200 {
  border-color: var(--surface-200) !important;
}
.border-300 {
  border-color: var(--surface-300) !important;
}
.border-400 {
  border-color: var(--surface-400) !important;
}
.border-500 {
  border-color: var(--surface-500) !important;
}
.border-600 {
  border-color: var(--surface-600) !important;
}
.border-700 {
  border-color: var(--surface-700) !important;
}
.border-800 {
  border-color: var(--surface-800) !important;
}
.border-900 {
  border-color: var(--surface-900) !important;
}
.focus\:border-0:focus {
  border-color: var(--surface-0) !important;
}
.hover\:border-0:hover {
  border-color: var(--surface-0) !important;
}
.active\:border-0:active {
  border-color: var(--surface-0) !important;
}
.focus\:border-50:focus {
  border-color: var(--surface-50) !important;
}
.hover\:border-50:hover {
  border-color: var(--surface-50) !important;
}
.active\:border-50:active {
  border-color: var(--surface-50) !important;
}
.focus\:border-100:focus {
  border-color: var(--surface-100) !important;
}
.hover\:border-100:hover {
  border-color: var(--surface-100) !important;
}
.active\:border-100:active {
  border-color: var(--surface-100) !important;
}
.focus\:border-200:focus {
  border-color: var(--surface-200) !important;
}
.hover\:border-200:hover {
  border-color: var(--surface-200) !important;
}
.active\:border-200:active {
  border-color: var(--surface-200) !important;
}
.focus\:border-300:focus {
  border-color: var(--surface-300) !important;
}
.hover\:border-300:hover {
  border-color: var(--surface-300) !important;
}
.active\:border-300:active {
  border-color: var(--surface-300) !important;
}
.focus\:border-400:focus {
  border-color: var(--surface-400) !important;
}
.hover\:border-400:hover {
  border-color: var(--surface-400) !important;
}
.active\:border-400:active {
  border-color: var(--surface-400) !important;
}
.focus\:border-500:focus {
  border-color: var(--surface-500) !important;
}
.hover\:border-500:hover {
  border-color: var(--surface-500) !important;
}
.active\:border-500:active {
  border-color: var(--surface-500) !important;
}
.focus\:border-600:focus {
  border-color: var(--surface-600) !important;
}
.hover\:border-600:hover {
  border-color: var(--surface-600) !important;
}
.active\:border-600:active {
  border-color: var(--surface-600) !important;
}
.focus\:border-700:focus {
  border-color: var(--surface-700) !important;
}
.hover\:border-700:hover {
  border-color: var(--surface-700) !important;
}
.active\:border-700:active {
  border-color: var(--surface-700) !important;
}
.focus\:border-800:focus {
  border-color: var(--surface-800) !important;
}
.hover\:border-800:hover {
  border-color: var(--surface-800) !important;
}
.active\:border-800:active {
  border-color: var(--surface-800) !important;
}
.focus\:border-900:focus {
  border-color: var(--surface-900) !important;
}
.hover\:border-900:hover {
  border-color: var(--surface-900) !important;
}
.active\:border-900:active {
  border-color: var(--surface-900) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-transparent {
    background-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-transparent {
    background-color: transparent !important;
  }
}
.border-transparent {
  border-color: transparent !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent !important;
  }
}
.text-blue-50 {
  color: var(--blue-50) !important;
}
.text-blue-100 {
  color: var(--blue-100) !important;
}
.text-blue-200 {
  color: var(--blue-200) !important;
}
.text-blue-300 {
  color: var(--blue-300) !important;
}
.text-blue-400 {
  color: var(--blue-400) !important;
}
.text-blue-500 {
  color: var(--blue-500) !important;
}
.text-blue-600 {
  color: var(--blue-600) !important;
}
.text-blue-700 {
  color: var(--blue-700) !important;
}
.text-blue-800 {
  color: var(--blue-800) !important;
}
.text-blue-900 {
  color: var(--blue-900) !important;
}
.focus\:text-blue-50:focus {
  color: var(--blue-50) !important;
}
.focus\:text-blue-100:focus {
  color: var(--blue-100) !important;
}
.focus\:text-blue-200:focus {
  color: var(--blue-200) !important;
}
.focus\:text-blue-300:focus {
  color: var(--blue-300) !important;
}
.focus\:text-blue-400:focus {
  color: var(--blue-400) !important;
}
.focus\:text-blue-500:focus {
  color: var(--blue-500) !important;
}
.focus\:text-blue-600:focus {
  color: var(--blue-600) !important;
}
.focus\:text-blue-700:focus {
  color: var(--blue-700) !important;
}
.focus\:text-blue-800:focus {
  color: var(--blue-800) !important;
}
.focus\:text-blue-900:focus {
  color: var(--blue-900) !important;
}
.hover\:text-blue-50:hover {
  color: var(--blue-50) !important;
}
.hover\:text-blue-100:hover {
  color: var(--blue-100) !important;
}
.hover\:text-blue-200:hover {
  color: var(--blue-200) !important;
}
.hover\:text-blue-300:hover {
  color: var(--blue-300) !important;
}
.hover\:text-blue-400:hover {
  color: var(--blue-400) !important;
}
.hover\:text-blue-500:hover {
  color: var(--blue-500) !important;
}
.hover\:text-blue-600:hover {
  color: var(--blue-600) !important;
}
.hover\:text-blue-700:hover {
  color: var(--blue-700) !important;
}
.hover\:text-blue-800:hover {
  color: var(--blue-800) !important;
}
.hover\:text-blue-900:hover {
  color: var(--blue-900) !important;
}
.active\:text-blue-50:active {
  color: var(--blue-50) !important;
}
.active\:text-blue-100:active {
  color: var(--blue-100) !important;
}
.active\:text-blue-200:active {
  color: var(--blue-200) !important;
}
.active\:text-blue-300:active {
  color: var(--blue-300) !important;
}
.active\:text-blue-400:active {
  color: var(--blue-400) !important;
}
.active\:text-blue-500:active {
  color: var(--blue-500) !important;
}
.active\:text-blue-600:active {
  color: var(--blue-600) !important;
}
.active\:text-blue-700:active {
  color: var(--blue-700) !important;
}
.active\:text-blue-800:active {
  color: var(--blue-800) !important;
}
.active\:text-blue-900:active {
  color: var(--blue-900) !important;
}
.text-green-50 {
  color: var(--green-50) !important;
}
.text-green-100 {
  color: var(--green-100) !important;
}
.text-green-200 {
  color: var(--green-200) !important;
}
.text-green-300 {
  color: var(--green-300) !important;
}
.text-green-400 {
  color: var(--green-400) !important;
}
.text-green-500 {
  color: var(--green-500) !important;
}
.text-green-600 {
  color: var(--green-600) !important;
}
.text-green-700 {
  color: var(--green-700) !important;
}
.text-green-800 {
  color: var(--green-800) !important;
}
.text-green-900 {
  color: var(--green-900) !important;
}
.focus\:text-green-50:focus {
  color: var(--green-50) !important;
}
.focus\:text-green-100:focus {
  color: var(--green-100) !important;
}
.focus\:text-green-200:focus {
  color: var(--green-200) !important;
}
.focus\:text-green-300:focus {
  color: var(--green-300) !important;
}
.focus\:text-green-400:focus {
  color: var(--green-400) !important;
}
.focus\:text-green-500:focus {
  color: var(--green-500) !important;
}
.focus\:text-green-600:focus {
  color: var(--green-600) !important;
}
.focus\:text-green-700:focus {
  color: var(--green-700) !important;
}
.focus\:text-green-800:focus {
  color: var(--green-800) !important;
}
.focus\:text-green-900:focus {
  color: var(--green-900) !important;
}
.hover\:text-green-50:hover {
  color: var(--green-50) !important;
}
.hover\:text-green-100:hover {
  color: var(--green-100) !important;
}
.hover\:text-green-200:hover {
  color: var(--green-200) !important;
}
.hover\:text-green-300:hover {
  color: var(--green-300) !important;
}
.hover\:text-green-400:hover {
  color: var(--green-400) !important;
}
.hover\:text-green-500:hover {
  color: var(--green-500) !important;
}
.hover\:text-green-600:hover {
  color: var(--green-600) !important;
}
.hover\:text-green-700:hover {
  color: var(--green-700) !important;
}
.hover\:text-green-800:hover {
  color: var(--green-800) !important;
}
.hover\:text-green-900:hover {
  color: var(--green-900) !important;
}
.active\:text-green-50:active {
  color: var(--green-50) !important;
}
.active\:text-green-100:active {
  color: var(--green-100) !important;
}
.active\:text-green-200:active {
  color: var(--green-200) !important;
}
.active\:text-green-300:active {
  color: var(--green-300) !important;
}
.active\:text-green-400:active {
  color: var(--green-400) !important;
}
.active\:text-green-500:active {
  color: var(--green-500) !important;
}
.active\:text-green-600:active {
  color: var(--green-600) !important;
}
.active\:text-green-700:active {
  color: var(--green-700) !important;
}
.active\:text-green-800:active {
  color: var(--green-800) !important;
}
.active\:text-green-900:active {
  color: var(--green-900) !important;
}
.text-yellow-50 {
  color: var(--yellow-50) !important;
}
.text-yellow-100 {
  color: var(--yellow-100) !important;
}
.text-yellow-200 {
  color: var(--yellow-200) !important;
}
.text-yellow-300 {
  color: var(--yellow-300) !important;
}
.text-yellow-400 {
  color: var(--yellow-400) !important;
}
.text-yellow-500 {
  color: var(--yellow-500) !important;
}
.text-yellow-600 {
  color: var(--yellow-600) !important;
}
.text-yellow-700 {
  color: var(--yellow-700) !important;
}
.text-yellow-800 {
  color: var(--yellow-800) !important;
}
.text-yellow-900 {
  color: var(--yellow-900) !important;
}
.focus\:text-yellow-50:focus {
  color: var(--yellow-50) !important;
}
.focus\:text-yellow-100:focus {
  color: var(--yellow-100) !important;
}
.focus\:text-yellow-200:focus {
  color: var(--yellow-200) !important;
}
.focus\:text-yellow-300:focus {
  color: var(--yellow-300) !important;
}
.focus\:text-yellow-400:focus {
  color: var(--yellow-400) !important;
}
.focus\:text-yellow-500:focus {
  color: var(--yellow-500) !important;
}
.focus\:text-yellow-600:focus {
  color: var(--yellow-600) !important;
}
.focus\:text-yellow-700:focus {
  color: var(--yellow-700) !important;
}
.focus\:text-yellow-800:focus {
  color: var(--yellow-800) !important;
}
.focus\:text-yellow-900:focus {
  color: var(--yellow-900) !important;
}
.hover\:text-yellow-50:hover {
  color: var(--yellow-50) !important;
}
.hover\:text-yellow-100:hover {
  color: var(--yellow-100) !important;
}
.hover\:text-yellow-200:hover {
  color: var(--yellow-200) !important;
}
.hover\:text-yellow-300:hover {
  color: var(--yellow-300) !important;
}
.hover\:text-yellow-400:hover {
  color: var(--yellow-400) !important;
}
.hover\:text-yellow-500:hover {
  color: var(--yellow-500) !important;
}
.hover\:text-yellow-600:hover {
  color: var(--yellow-600) !important;
}
.hover\:text-yellow-700:hover {
  color: var(--yellow-700) !important;
}
.hover\:text-yellow-800:hover {
  color: var(--yellow-800) !important;
}
.hover\:text-yellow-900:hover {
  color: var(--yellow-900) !important;
}
.active\:text-yellow-50:active {
  color: var(--yellow-50) !important;
}
.active\:text-yellow-100:active {
  color: var(--yellow-100) !important;
}
.active\:text-yellow-200:active {
  color: var(--yellow-200) !important;
}
.active\:text-yellow-300:active {
  color: var(--yellow-300) !important;
}
.active\:text-yellow-400:active {
  color: var(--yellow-400) !important;
}
.active\:text-yellow-500:active {
  color: var(--yellow-500) !important;
}
.active\:text-yellow-600:active {
  color: var(--yellow-600) !important;
}
.active\:text-yellow-700:active {
  color: var(--yellow-700) !important;
}
.active\:text-yellow-800:active {
  color: var(--yellow-800) !important;
}
.active\:text-yellow-900:active {
  color: var(--yellow-900) !important;
}
.text-cyan-50 {
  color: var(--cyan-50) !important;
}
.text-cyan-100 {
  color: var(--cyan-100) !important;
}
.text-cyan-200 {
  color: var(--cyan-200) !important;
}
.text-cyan-300 {
  color: var(--cyan-300) !important;
}
.text-cyan-400 {
  color: var(--cyan-400) !important;
}
.text-cyan-500 {
  color: var(--cyan-500) !important;
}
.text-cyan-600 {
  color: var(--cyan-600) !important;
}
.text-cyan-700 {
  color: var(--cyan-700) !important;
}
.text-cyan-800 {
  color: var(--cyan-800) !important;
}
.text-cyan-900 {
  color: var(--cyan-900) !important;
}
.focus\:text-cyan-50:focus {
  color: var(--cyan-50) !important;
}
.focus\:text-cyan-100:focus {
  color: var(--cyan-100) !important;
}
.focus\:text-cyan-200:focus {
  color: var(--cyan-200) !important;
}
.focus\:text-cyan-300:focus {
  color: var(--cyan-300) !important;
}
.focus\:text-cyan-400:focus {
  color: var(--cyan-400) !important;
}
.focus\:text-cyan-500:focus {
  color: var(--cyan-500) !important;
}
.focus\:text-cyan-600:focus {
  color: var(--cyan-600) !important;
}
.focus\:text-cyan-700:focus {
  color: var(--cyan-700) !important;
}
.focus\:text-cyan-800:focus {
  color: var(--cyan-800) !important;
}
.focus\:text-cyan-900:focus {
  color: var(--cyan-900) !important;
}
.hover\:text-cyan-50:hover {
  color: var(--cyan-50) !important;
}
.hover\:text-cyan-100:hover {
  color: var(--cyan-100) !important;
}
.hover\:text-cyan-200:hover {
  color: var(--cyan-200) !important;
}
.hover\:text-cyan-300:hover {
  color: var(--cyan-300) !important;
}
.hover\:text-cyan-400:hover {
  color: var(--cyan-400) !important;
}
.hover\:text-cyan-500:hover {
  color: var(--cyan-500) !important;
}
.hover\:text-cyan-600:hover {
  color: var(--cyan-600) !important;
}
.hover\:text-cyan-700:hover {
  color: var(--cyan-700) !important;
}
.hover\:text-cyan-800:hover {
  color: var(--cyan-800) !important;
}
.hover\:text-cyan-900:hover {
  color: var(--cyan-900) !important;
}
.active\:text-cyan-50:active {
  color: var(--cyan-50) !important;
}
.active\:text-cyan-100:active {
  color: var(--cyan-100) !important;
}
.active\:text-cyan-200:active {
  color: var(--cyan-200) !important;
}
.active\:text-cyan-300:active {
  color: var(--cyan-300) !important;
}
.active\:text-cyan-400:active {
  color: var(--cyan-400) !important;
}
.active\:text-cyan-500:active {
  color: var(--cyan-500) !important;
}
.active\:text-cyan-600:active {
  color: var(--cyan-600) !important;
}
.active\:text-cyan-700:active {
  color: var(--cyan-700) !important;
}
.active\:text-cyan-800:active {
  color: var(--cyan-800) !important;
}
.active\:text-cyan-900:active {
  color: var(--cyan-900) !important;
}
.text-pink-50 {
  color: var(--pink-50) !important;
}
.text-pink-100 {
  color: var(--pink-100) !important;
}
.text-pink-200 {
  color: var(--pink-200) !important;
}
.text-pink-300 {
  color: var(--pink-300) !important;
}
.text-pink-400 {
  color: var(--pink-400) !important;
}
.text-pink-500 {
  color: var(--pink-500) !important;
}
.text-pink-600 {
  color: var(--pink-600) !important;
}
.text-pink-700 {
  color: var(--pink-700) !important;
}
.text-pink-800 {
  color: var(--pink-800) !important;
}
.text-pink-900 {
  color: var(--pink-900) !important;
}
.focus\:text-pink-50:focus {
  color: var(--pink-50) !important;
}
.focus\:text-pink-100:focus {
  color: var(--pink-100) !important;
}
.focus\:text-pink-200:focus {
  color: var(--pink-200) !important;
}
.focus\:text-pink-300:focus {
  color: var(--pink-300) !important;
}
.focus\:text-pink-400:focus {
  color: var(--pink-400) !important;
}
.focus\:text-pink-500:focus {
  color: var(--pink-500) !important;
}
.focus\:text-pink-600:focus {
  color: var(--pink-600) !important;
}
.focus\:text-pink-700:focus {
  color: var(--pink-700) !important;
}
.focus\:text-pink-800:focus {
  color: var(--pink-800) !important;
}
.focus\:text-pink-900:focus {
  color: var(--pink-900) !important;
}
.hover\:text-pink-50:hover {
  color: var(--pink-50) !important;
}
.hover\:text-pink-100:hover {
  color: var(--pink-100) !important;
}
.hover\:text-pink-200:hover {
  color: var(--pink-200) !important;
}
.hover\:text-pink-300:hover {
  color: var(--pink-300) !important;
}
.hover\:text-pink-400:hover {
  color: var(--pink-400) !important;
}
.hover\:text-pink-500:hover {
  color: var(--pink-500) !important;
}
.hover\:text-pink-600:hover {
  color: var(--pink-600) !important;
}
.hover\:text-pink-700:hover {
  color: var(--pink-700) !important;
}
.hover\:text-pink-800:hover {
  color: var(--pink-800) !important;
}
.hover\:text-pink-900:hover {
  color: var(--pink-900) !important;
}
.active\:text-pink-50:active {
  color: var(--pink-50) !important;
}
.active\:text-pink-100:active {
  color: var(--pink-100) !important;
}
.active\:text-pink-200:active {
  color: var(--pink-200) !important;
}
.active\:text-pink-300:active {
  color: var(--pink-300) !important;
}
.active\:text-pink-400:active {
  color: var(--pink-400) !important;
}
.active\:text-pink-500:active {
  color: var(--pink-500) !important;
}
.active\:text-pink-600:active {
  color: var(--pink-600) !important;
}
.active\:text-pink-700:active {
  color: var(--pink-700) !important;
}
.active\:text-pink-800:active {
  color: var(--pink-800) !important;
}
.active\:text-pink-900:active {
  color: var(--pink-900) !important;
}
.text-indigo-50 {
  color: var(--indigo-50) !important;
}
.text-indigo-100 {
  color: var(--indigo-100) !important;
}
.text-indigo-200 {
  color: var(--indigo-200) !important;
}
.text-indigo-300 {
  color: var(--indigo-300) !important;
}
.text-indigo-400 {
  color: var(--indigo-400) !important;
}
.text-indigo-500 {
  color: var(--indigo-500) !important;
}
.text-indigo-600 {
  color: var(--indigo-600) !important;
}
.text-indigo-700 {
  color: var(--indigo-700) !important;
}
.text-indigo-800 {
  color: var(--indigo-800) !important;
}
.text-indigo-900 {
  color: var(--indigo-900) !important;
}
.focus\:text-indigo-50:focus {
  color: var(--indigo-50) !important;
}
.focus\:text-indigo-100:focus {
  color: var(--indigo-100) !important;
}
.focus\:text-indigo-200:focus {
  color: var(--indigo-200) !important;
}
.focus\:text-indigo-300:focus {
  color: var(--indigo-300) !important;
}
.focus\:text-indigo-400:focus {
  color: var(--indigo-400) !important;
}
.focus\:text-indigo-500:focus {
  color: var(--indigo-500) !important;
}
.focus\:text-indigo-600:focus {
  color: var(--indigo-600) !important;
}
.focus\:text-indigo-700:focus {
  color: var(--indigo-700) !important;
}
.focus\:text-indigo-800:focus {
  color: var(--indigo-800) !important;
}
.focus\:text-indigo-900:focus {
  color: var(--indigo-900) !important;
}
.hover\:text-indigo-50:hover {
  color: var(--indigo-50) !important;
}
.hover\:text-indigo-100:hover {
  color: var(--indigo-100) !important;
}
.hover\:text-indigo-200:hover {
  color: var(--indigo-200) !important;
}
.hover\:text-indigo-300:hover {
  color: var(--indigo-300) !important;
}
.hover\:text-indigo-400:hover {
  color: var(--indigo-400) !important;
}
.hover\:text-indigo-500:hover {
  color: var(--indigo-500) !important;
}
.hover\:text-indigo-600:hover {
  color: var(--indigo-600) !important;
}
.hover\:text-indigo-700:hover {
  color: var(--indigo-700) !important;
}
.hover\:text-indigo-800:hover {
  color: var(--indigo-800) !important;
}
.hover\:text-indigo-900:hover {
  color: var(--indigo-900) !important;
}
.active\:text-indigo-50:active {
  color: var(--indigo-50) !important;
}
.active\:text-indigo-100:active {
  color: var(--indigo-100) !important;
}
.active\:text-indigo-200:active {
  color: var(--indigo-200) !important;
}
.active\:text-indigo-300:active {
  color: var(--indigo-300) !important;
}
.active\:text-indigo-400:active {
  color: var(--indigo-400) !important;
}
.active\:text-indigo-500:active {
  color: var(--indigo-500) !important;
}
.active\:text-indigo-600:active {
  color: var(--indigo-600) !important;
}
.active\:text-indigo-700:active {
  color: var(--indigo-700) !important;
}
.active\:text-indigo-800:active {
  color: var(--indigo-800) !important;
}
.active\:text-indigo-900:active {
  color: var(--indigo-900) !important;
}
.text-teal-50 {
  color: var(--teal-50) !important;
}
.text-teal-100 {
  color: var(--teal-100) !important;
}
.text-teal-200 {
  color: var(--teal-200) !important;
}
.text-teal-300 {
  color: var(--teal-300) !important;
}
.text-teal-400 {
  color: var(--teal-400) !important;
}
.text-teal-500 {
  color: var(--teal-500) !important;
}
.text-teal-600 {
  color: var(--teal-600) !important;
}
.text-teal-700 {
  color: var(--teal-700) !important;
}
.text-teal-800 {
  color: var(--teal-800) !important;
}
.text-teal-900 {
  color: var(--teal-900) !important;
}
.focus\:text-teal-50:focus {
  color: var(--teal-50) !important;
}
.focus\:text-teal-100:focus {
  color: var(--teal-100) !important;
}
.focus\:text-teal-200:focus {
  color: var(--teal-200) !important;
}
.focus\:text-teal-300:focus {
  color: var(--teal-300) !important;
}
.focus\:text-teal-400:focus {
  color: var(--teal-400) !important;
}
.focus\:text-teal-500:focus {
  color: var(--teal-500) !important;
}
.focus\:text-teal-600:focus {
  color: var(--teal-600) !important;
}
.focus\:text-teal-700:focus {
  color: var(--teal-700) !important;
}
.focus\:text-teal-800:focus {
  color: var(--teal-800) !important;
}
.focus\:text-teal-900:focus {
  color: var(--teal-900) !important;
}
.hover\:text-teal-50:hover {
  color: var(--teal-50) !important;
}
.hover\:text-teal-100:hover {
  color: var(--teal-100) !important;
}
.hover\:text-teal-200:hover {
  color: var(--teal-200) !important;
}
.hover\:text-teal-300:hover {
  color: var(--teal-300) !important;
}
.hover\:text-teal-400:hover {
  color: var(--teal-400) !important;
}
.hover\:text-teal-500:hover {
  color: var(--teal-500) !important;
}
.hover\:text-teal-600:hover {
  color: var(--teal-600) !important;
}
.hover\:text-teal-700:hover {
  color: var(--teal-700) !important;
}
.hover\:text-teal-800:hover {
  color: var(--teal-800) !important;
}
.hover\:text-teal-900:hover {
  color: var(--teal-900) !important;
}
.active\:text-teal-50:active {
  color: var(--teal-50) !important;
}
.active\:text-teal-100:active {
  color: var(--teal-100) !important;
}
.active\:text-teal-200:active {
  color: var(--teal-200) !important;
}
.active\:text-teal-300:active {
  color: var(--teal-300) !important;
}
.active\:text-teal-400:active {
  color: var(--teal-400) !important;
}
.active\:text-teal-500:active {
  color: var(--teal-500) !important;
}
.active\:text-teal-600:active {
  color: var(--teal-600) !important;
}
.active\:text-teal-700:active {
  color: var(--teal-700) !important;
}
.active\:text-teal-800:active {
  color: var(--teal-800) !important;
}
.active\:text-teal-900:active {
  color: var(--teal-900) !important;
}
.text-orange-50 {
  color: var(--orange-50) !important;
}
.text-orange-100 {
  color: var(--orange-100) !important;
}
.text-orange-200 {
  color: var(--orange-200) !important;
}
.text-orange-300 {
  color: var(--orange-300) !important;
}
.text-orange-400 {
  color: var(--orange-400) !important;
}
.text-orange-500 {
  color: var(--orange-500) !important;
}
.text-orange-600 {
  color: var(--orange-600) !important;
}
.text-orange-700 {
  color: var(--orange-700) !important;
}
.text-orange-800 {
  color: var(--orange-800) !important;
}
.text-orange-900 {
  color: var(--orange-900) !important;
}
.focus\:text-orange-50:focus {
  color: var(--orange-50) !important;
}
.focus\:text-orange-100:focus {
  color: var(--orange-100) !important;
}
.focus\:text-orange-200:focus {
  color: var(--orange-200) !important;
}
.focus\:text-orange-300:focus {
  color: var(--orange-300) !important;
}
.focus\:text-orange-400:focus {
  color: var(--orange-400) !important;
}
.focus\:text-orange-500:focus {
  color: var(--orange-500) !important;
}
.focus\:text-orange-600:focus {
  color: var(--orange-600) !important;
}
.focus\:text-orange-700:focus {
  color: var(--orange-700) !important;
}
.focus\:text-orange-800:focus {
  color: var(--orange-800) !important;
}
.focus\:text-orange-900:focus {
  color: var(--orange-900) !important;
}
.hover\:text-orange-50:hover {
  color: var(--orange-50) !important;
}
.hover\:text-orange-100:hover {
  color: var(--orange-100) !important;
}
.hover\:text-orange-200:hover {
  color: var(--orange-200) !important;
}
.hover\:text-orange-300:hover {
  color: var(--orange-300) !important;
}
.hover\:text-orange-400:hover {
  color: var(--orange-400) !important;
}
.hover\:text-orange-500:hover {
  color: var(--orange-500) !important;
}
.hover\:text-orange-600:hover {
  color: var(--orange-600) !important;
}
.hover\:text-orange-700:hover {
  color: var(--orange-700) !important;
}
.hover\:text-orange-800:hover {
  color: var(--orange-800) !important;
}
.hover\:text-orange-900:hover {
  color: var(--orange-900) !important;
}
.active\:text-orange-50:active {
  color: var(--orange-50) !important;
}
.active\:text-orange-100:active {
  color: var(--orange-100) !important;
}
.active\:text-orange-200:active {
  color: var(--orange-200) !important;
}
.active\:text-orange-300:active {
  color: var(--orange-300) !important;
}
.active\:text-orange-400:active {
  color: var(--orange-400) !important;
}
.active\:text-orange-500:active {
  color: var(--orange-500) !important;
}
.active\:text-orange-600:active {
  color: var(--orange-600) !important;
}
.active\:text-orange-700:active {
  color: var(--orange-700) !important;
}
.active\:text-orange-800:active {
  color: var(--orange-800) !important;
}
.active\:text-orange-900:active {
  color: var(--orange-900) !important;
}
.text-bluegray-50 {
  color: var(--bluegray-50) !important;
}
.text-bluegray-100 {
  color: var(--bluegray-100) !important;
}
.text-bluegray-200 {
  color: var(--bluegray-200) !important;
}
.text-bluegray-300 {
  color: var(--bluegray-300) !important;
}
.text-bluegray-400 {
  color: var(--bluegray-400) !important;
}
.text-bluegray-500 {
  color: var(--bluegray-500) !important;
}
.text-bluegray-600 {
  color: var(--bluegray-600) !important;
}
.text-bluegray-700 {
  color: var(--bluegray-700) !important;
}
.text-bluegray-800 {
  color: var(--bluegray-800) !important;
}
.text-bluegray-900 {
  color: var(--bluegray-900) !important;
}
.focus\:text-bluegray-50:focus {
  color: var(--bluegray-50) !important;
}
.focus\:text-bluegray-100:focus {
  color: var(--bluegray-100) !important;
}
.focus\:text-bluegray-200:focus {
  color: var(--bluegray-200) !important;
}
.focus\:text-bluegray-300:focus {
  color: var(--bluegray-300) !important;
}
.focus\:text-bluegray-400:focus {
  color: var(--bluegray-400) !important;
}
.focus\:text-bluegray-500:focus {
  color: var(--bluegray-500) !important;
}
.focus\:text-bluegray-600:focus {
  color: var(--bluegray-600) !important;
}
.focus\:text-bluegray-700:focus {
  color: var(--bluegray-700) !important;
}
.focus\:text-bluegray-800:focus {
  color: var(--bluegray-800) !important;
}
.focus\:text-bluegray-900:focus {
  color: var(--bluegray-900) !important;
}
.hover\:text-bluegray-50:hover {
  color: var(--bluegray-50) !important;
}
.hover\:text-bluegray-100:hover {
  color: var(--bluegray-100) !important;
}
.hover\:text-bluegray-200:hover {
  color: var(--bluegray-200) !important;
}
.hover\:text-bluegray-300:hover {
  color: var(--bluegray-300) !important;
}
.hover\:text-bluegray-400:hover {
  color: var(--bluegray-400) !important;
}
.hover\:text-bluegray-500:hover {
  color: var(--bluegray-500) !important;
}
.hover\:text-bluegray-600:hover {
  color: var(--bluegray-600) !important;
}
.hover\:text-bluegray-700:hover {
  color: var(--bluegray-700) !important;
}
.hover\:text-bluegray-800:hover {
  color: var(--bluegray-800) !important;
}
.hover\:text-bluegray-900:hover {
  color: var(--bluegray-900) !important;
}
.active\:text-bluegray-50:active {
  color: var(--bluegray-50) !important;
}
.active\:text-bluegray-100:active {
  color: var(--bluegray-100) !important;
}
.active\:text-bluegray-200:active {
  color: var(--bluegray-200) !important;
}
.active\:text-bluegray-300:active {
  color: var(--bluegray-300) !important;
}
.active\:text-bluegray-400:active {
  color: var(--bluegray-400) !important;
}
.active\:text-bluegray-500:active {
  color: var(--bluegray-500) !important;
}
.active\:text-bluegray-600:active {
  color: var(--bluegray-600) !important;
}
.active\:text-bluegray-700:active {
  color: var(--bluegray-700) !important;
}
.active\:text-bluegray-800:active {
  color: var(--bluegray-800) !important;
}
.active\:text-bluegray-900:active {
  color: var(--bluegray-900) !important;
}
.text-purple-50 {
  color: var(--purple-50) !important;
}
.text-purple-100 {
  color: var(--purple-100) !important;
}
.text-purple-200 {
  color: var(--purple-200) !important;
}
.text-purple-300 {
  color: var(--purple-300) !important;
}
.text-purple-400 {
  color: var(--purple-400) !important;
}
.text-purple-500 {
  color: var(--purple-500) !important;
}
.text-purple-600 {
  color: var(--purple-600) !important;
}
.text-purple-700 {
  color: var(--purple-700) !important;
}
.text-purple-800 {
  color: var(--purple-800) !important;
}
.text-purple-900 {
  color: var(--purple-900) !important;
}
.focus\:text-purple-50:focus {
  color: var(--purple-50) !important;
}
.focus\:text-purple-100:focus {
  color: var(--purple-100) !important;
}
.focus\:text-purple-200:focus {
  color: var(--purple-200) !important;
}
.focus\:text-purple-300:focus {
  color: var(--purple-300) !important;
}
.focus\:text-purple-400:focus {
  color: var(--purple-400) !important;
}
.focus\:text-purple-500:focus {
  color: var(--purple-500) !important;
}
.focus\:text-purple-600:focus {
  color: var(--purple-600) !important;
}
.focus\:text-purple-700:focus {
  color: var(--purple-700) !important;
}
.focus\:text-purple-800:focus {
  color: var(--purple-800) !important;
}
.focus\:text-purple-900:focus {
  color: var(--purple-900) !important;
}
.hover\:text-purple-50:hover {
  color: var(--purple-50) !important;
}
.hover\:text-purple-100:hover {
  color: var(--purple-100) !important;
}
.hover\:text-purple-200:hover {
  color: var(--purple-200) !important;
}
.hover\:text-purple-300:hover {
  color: var(--purple-300) !important;
}
.hover\:text-purple-400:hover {
  color: var(--purple-400) !important;
}
.hover\:text-purple-500:hover {
  color: var(--purple-500) !important;
}
.hover\:text-purple-600:hover {
  color: var(--purple-600) !important;
}
.hover\:text-purple-700:hover {
  color: var(--purple-700) !important;
}
.hover\:text-purple-800:hover {
  color: var(--purple-800) !important;
}
.hover\:text-purple-900:hover {
  color: var(--purple-900) !important;
}
.active\:text-purple-50:active {
  color: var(--purple-50) !important;
}
.active\:text-purple-100:active {
  color: var(--purple-100) !important;
}
.active\:text-purple-200:active {
  color: var(--purple-200) !important;
}
.active\:text-purple-300:active {
  color: var(--purple-300) !important;
}
.active\:text-purple-400:active {
  color: var(--purple-400) !important;
}
.active\:text-purple-500:active {
  color: var(--purple-500) !important;
}
.active\:text-purple-600:active {
  color: var(--purple-600) !important;
}
.active\:text-purple-700:active {
  color: var(--purple-700) !important;
}
.active\:text-purple-800:active {
  color: var(--purple-800) !important;
}
.active\:text-purple-900:active {
  color: var(--purple-900) !important;
}
.text-gray-50 {
  color: var(--gray-50) !important;
}
.text-gray-100 {
  color: var(--gray-100) !important;
}
.text-gray-200 {
  color: var(--gray-200) !important;
}
.text-gray-300 {
  color: var(--gray-300) !important;
}
.text-gray-400 {
  color: var(--gray-400) !important;
}
.text-gray-500 {
  color: var(--gray-500) !important;
}
.text-gray-600 {
  color: var(--gray-600) !important;
}
.text-gray-700 {
  color: var(--gray-700) !important;
}
.text-gray-800 {
  color: var(--gray-800) !important;
}
.text-gray-900 {
  color: var(--gray-900) !important;
}
.focus\:text-gray-50:focus {
  color: var(--gray-50) !important;
}
.focus\:text-gray-100:focus {
  color: var(--gray-100) !important;
}
.focus\:text-gray-200:focus {
  color: var(--gray-200) !important;
}
.focus\:text-gray-300:focus {
  color: var(--gray-300) !important;
}
.focus\:text-gray-400:focus {
  color: var(--gray-400) !important;
}
.focus\:text-gray-500:focus {
  color: var(--gray-500) !important;
}
.focus\:text-gray-600:focus {
  color: var(--gray-600) !important;
}
.focus\:text-gray-700:focus {
  color: var(--gray-700) !important;
}
.focus\:text-gray-800:focus {
  color: var(--gray-800) !important;
}
.focus\:text-gray-900:focus {
  color: var(--gray-900) !important;
}
.hover\:text-gray-50:hover {
  color: var(--gray-50) !important;
}
.hover\:text-gray-100:hover {
  color: var(--gray-100) !important;
}
.hover\:text-gray-200:hover {
  color: var(--gray-200) !important;
}
.hover\:text-gray-300:hover {
  color: var(--gray-300) !important;
}
.hover\:text-gray-400:hover {
  color: var(--gray-400) !important;
}
.hover\:text-gray-500:hover {
  color: var(--gray-500) !important;
}
.hover\:text-gray-600:hover {
  color: var(--gray-600) !important;
}
.hover\:text-gray-700:hover {
  color: var(--gray-700) !important;
}
.hover\:text-gray-800:hover {
  color: var(--gray-800) !important;
}
.hover\:text-gray-900:hover {
  color: var(--gray-900) !important;
}
.active\:text-gray-50:active {
  color: var(--gray-50) !important;
}
.active\:text-gray-100:active {
  color: var(--gray-100) !important;
}
.active\:text-gray-200:active {
  color: var(--gray-200) !important;
}
.active\:text-gray-300:active {
  color: var(--gray-300) !important;
}
.active\:text-gray-400:active {
  color: var(--gray-400) !important;
}
.active\:text-gray-500:active {
  color: var(--gray-500) !important;
}
.active\:text-gray-600:active {
  color: var(--gray-600) !important;
}
.active\:text-gray-700:active {
  color: var(--gray-700) !important;
}
.active\:text-gray-800:active {
  color: var(--gray-800) !important;
}
.active\:text-gray-900:active {
  color: var(--gray-900) !important;
}
.text-red-50 {
  color: var(--red-50) !important;
}
.text-red-100 {
  color: var(--red-100) !important;
}
.text-red-200 {
  color: var(--red-200) !important;
}
.text-red-300 {
  color: var(--red-300) !important;
}
.text-red-400 {
  color: var(--red-400) !important;
}
.text-red-500 {
  color: var(--red-500) !important;
}
.text-red-600 {
  color: var(--red-600) !important;
}
.text-red-700 {
  color: var(--red-700) !important;
}
.text-red-800 {
  color: var(--red-800) !important;
}
.text-red-900 {
  color: var(--red-900) !important;
}
.focus\:text-red-50:focus {
  color: var(--red-50) !important;
}
.focus\:text-red-100:focus {
  color: var(--red-100) !important;
}
.focus\:text-red-200:focus {
  color: var(--red-200) !important;
}
.focus\:text-red-300:focus {
  color: var(--red-300) !important;
}
.focus\:text-red-400:focus {
  color: var(--red-400) !important;
}
.focus\:text-red-500:focus {
  color: var(--red-500) !important;
}
.focus\:text-red-600:focus {
  color: var(--red-600) !important;
}
.focus\:text-red-700:focus {
  color: var(--red-700) !important;
}
.focus\:text-red-800:focus {
  color: var(--red-800) !important;
}
.focus\:text-red-900:focus {
  color: var(--red-900) !important;
}
.hover\:text-red-50:hover {
  color: var(--red-50) !important;
}
.hover\:text-red-100:hover {
  color: var(--red-100) !important;
}
.hover\:text-red-200:hover {
  color: var(--red-200) !important;
}
.hover\:text-red-300:hover {
  color: var(--red-300) !important;
}
.hover\:text-red-400:hover {
  color: var(--red-400) !important;
}
.hover\:text-red-500:hover {
  color: var(--red-500) !important;
}
.hover\:text-red-600:hover {
  color: var(--red-600) !important;
}
.hover\:text-red-700:hover {
  color: var(--red-700) !important;
}
.hover\:text-red-800:hover {
  color: var(--red-800) !important;
}
.hover\:text-red-900:hover {
  color: var(--red-900) !important;
}
.active\:text-red-50:active {
  color: var(--red-50) !important;
}
.active\:text-red-100:active {
  color: var(--red-100) !important;
}
.active\:text-red-200:active {
  color: var(--red-200) !important;
}
.active\:text-red-300:active {
  color: var(--red-300) !important;
}
.active\:text-red-400:active {
  color: var(--red-400) !important;
}
.active\:text-red-500:active {
  color: var(--red-500) !important;
}
.active\:text-red-600:active {
  color: var(--red-600) !important;
}
.active\:text-red-700:active {
  color: var(--red-700) !important;
}
.active\:text-red-800:active {
  color: var(--red-800) !important;
}
.active\:text-red-900:active {
  color: var(--red-900) !important;
}
.text-primary-50 {
  color: var(--primary-50) !important;
}
.text-primary-100 {
  color: var(--primary-100) !important;
}
.text-primary-200 {
  color: var(--primary-200) !important;
}
.text-primary-300 {
  color: var(--primary-300) !important;
}
.text-primary-400 {
  color: var(--primary-400) !important;
}
.text-primary-500 {
  color: var(--primary-500) !important;
}
.text-primary-600 {
  color: var(--primary-600) !important;
}
.text-primary-700 {
  color: var(--primary-700) !important;
}
.text-primary-800 {
  color: var(--primary-800) !important;
}
.text-primary-900 {
  color: var(--primary-900) !important;
}
.focus\:text-primary-50:focus {
  color: var(--primary-50) !important;
}
.focus\:text-primary-100:focus {
  color: var(--primary-100) !important;
}
.focus\:text-primary-200:focus {
  color: var(--primary-200) !important;
}
.focus\:text-primary-300:focus {
  color: var(--primary-300) !important;
}
.focus\:text-primary-400:focus {
  color: var(--primary-400) !important;
}
.focus\:text-primary-500:focus {
  color: var(--primary-500) !important;
}
.focus\:text-primary-600:focus {
  color: var(--primary-600) !important;
}
.focus\:text-primary-700:focus {
  color: var(--primary-700) !important;
}
.focus\:text-primary-800:focus {
  color: var(--primary-800) !important;
}
.focus\:text-primary-900:focus {
  color: var(--primary-900) !important;
}
.hover\:text-primary-50:hover {
  color: var(--primary-50) !important;
}
.hover\:text-primary-100:hover {
  color: var(--primary-100) !important;
}
.hover\:text-primary-200:hover {
  color: var(--primary-200) !important;
}
.hover\:text-primary-300:hover {
  color: var(--primary-300) !important;
}
.hover\:text-primary-400:hover {
  color: var(--primary-400) !important;
}
.hover\:text-primary-500:hover {
  color: var(--primary-500) !important;
}
.hover\:text-primary-600:hover {
  color: var(--primary-600) !important;
}
.hover\:text-primary-700:hover {
  color: var(--primary-700) !important;
}
.hover\:text-primary-800:hover {
  color: var(--primary-800) !important;
}
.hover\:text-primary-900:hover {
  color: var(--primary-900) !important;
}
.active\:text-primary-50:active {
  color: var(--primary-50) !important;
}
.active\:text-primary-100:active {
  color: var(--primary-100) !important;
}
.active\:text-primary-200:active {
  color: var(--primary-200) !important;
}
.active\:text-primary-300:active {
  color: var(--primary-300) !important;
}
.active\:text-primary-400:active {
  color: var(--primary-400) !important;
}
.active\:text-primary-500:active {
  color: var(--primary-500) !important;
}
.active\:text-primary-600:active {
  color: var(--primary-600) !important;
}
.active\:text-primary-700:active {
  color: var(--primary-700) !important;
}
.active\:text-primary-800:active {
  color: var(--primary-800) !important;
}
.active\:text-primary-900:active {
  color: var(--primary-900) !important;
}
.bg-blue-50 {
  background-color: var(--blue-50) !important;
}
.bg-blue-100 {
  background-color: var(--blue-100) !important;
}
.bg-blue-200 {
  background-color: var(--blue-200) !important;
}
.bg-blue-300 {
  background-color: var(--blue-300) !important;
}
.bg-blue-400 {
  background-color: var(--blue-400) !important;
}
.bg-blue-500 {
  background-color: var(--blue-500) !important;
}
.bg-blue-600 {
  background-color: var(--blue-600) !important;
}
.bg-blue-700 {
  background-color: var(--blue-700) !important;
}
.bg-blue-800 {
  background-color: var(--blue-800) !important;
}
.bg-blue-900 {
  background-color: var(--blue-900) !important;
}
.focus\:bg-blue-50:focus {
  background-color: var(--blue-50) !important;
}
.focus\:bg-blue-100:focus {
  background-color: var(--blue-100) !important;
}
.focus\:bg-blue-200:focus {
  background-color: var(--blue-200) !important;
}
.focus\:bg-blue-300:focus {
  background-color: var(--blue-300) !important;
}
.focus\:bg-blue-400:focus {
  background-color: var(--blue-400) !important;
}
.focus\:bg-blue-500:focus {
  background-color: var(--blue-500) !important;
}
.focus\:bg-blue-600:focus {
  background-color: var(--blue-600) !important;
}
.focus\:bg-blue-700:focus {
  background-color: var(--blue-700) !important;
}
.focus\:bg-blue-800:focus {
  background-color: var(--blue-800) !important;
}
.focus\:bg-blue-900:focus {
  background-color: var(--blue-900) !important;
}
.hover\:bg-blue-50:hover {
  background-color: var(--blue-50) !important;
}
.hover\:bg-blue-100:hover {
  background-color: var(--blue-100) !important;
}
.hover\:bg-blue-200:hover {
  background-color: var(--blue-200) !important;
}
.hover\:bg-blue-300:hover {
  background-color: var(--blue-300) !important;
}
.hover\:bg-blue-400:hover {
  background-color: var(--blue-400) !important;
}
.hover\:bg-blue-500:hover {
  background-color: var(--blue-500) !important;
}
.hover\:bg-blue-600:hover {
  background-color: var(--blue-600) !important;
}
.hover\:bg-blue-700:hover {
  background-color: var(--blue-700) !important;
}
.hover\:bg-blue-800:hover {
  background-color: var(--blue-800) !important;
}
.hover\:bg-blue-900:hover {
  background-color: var(--blue-900) !important;
}
.active\:bg-blue-50:active {
  background-color: var(--blue-50) !important;
}
.active\:bg-blue-100:active {
  background-color: var(--blue-100) !important;
}
.active\:bg-blue-200:active {
  background-color: var(--blue-200) !important;
}
.active\:bg-blue-300:active {
  background-color: var(--blue-300) !important;
}
.active\:bg-blue-400:active {
  background-color: var(--blue-400) !important;
}
.active\:bg-blue-500:active {
  background-color: var(--blue-500) !important;
}
.active\:bg-blue-600:active {
  background-color: var(--blue-600) !important;
}
.active\:bg-blue-700:active {
  background-color: var(--blue-700) !important;
}
.active\:bg-blue-800:active {
  background-color: var(--blue-800) !important;
}
.active\:bg-blue-900:active {
  background-color: var(--blue-900) !important;
}
.bg-green-50 {
  background-color: var(--green-50) !important;
}
.bg-green-100 {
  background-color: var(--green-100) !important;
}
.bg-green-200 {
  background-color: var(--green-200) !important;
}
.bg-green-300 {
  background-color: var(--green-300) !important;
}
.bg-green-400 {
  background-color: var(--green-400) !important;
}
.bg-green-500 {
  background-color: var(--green-500) !important;
}
.bg-green-600 {
  background-color: var(--green-600) !important;
}
.bg-green-700 {
  background-color: var(--green-700) !important;
}
.bg-green-800 {
  background-color: var(--green-800) !important;
}
.bg-green-900 {
  background-color: var(--green-900) !important;
}
.focus\:bg-green-50:focus {
  background-color: var(--green-50) !important;
}
.focus\:bg-green-100:focus {
  background-color: var(--green-100) !important;
}
.focus\:bg-green-200:focus {
  background-color: var(--green-200) !important;
}
.focus\:bg-green-300:focus {
  background-color: var(--green-300) !important;
}
.focus\:bg-green-400:focus {
  background-color: var(--green-400) !important;
}
.focus\:bg-green-500:focus {
  background-color: var(--green-500) !important;
}
.focus\:bg-green-600:focus {
  background-color: var(--green-600) !important;
}
.focus\:bg-green-700:focus {
  background-color: var(--green-700) !important;
}
.focus\:bg-green-800:focus {
  background-color: var(--green-800) !important;
}
.focus\:bg-green-900:focus {
  background-color: var(--green-900) !important;
}
.hover\:bg-green-50:hover {
  background-color: var(--green-50) !important;
}
.hover\:bg-green-100:hover {
  background-color: var(--green-100) !important;
}
.hover\:bg-green-200:hover {
  background-color: var(--green-200) !important;
}
.hover\:bg-green-300:hover {
  background-color: var(--green-300) !important;
}
.hover\:bg-green-400:hover {
  background-color: var(--green-400) !important;
}
.hover\:bg-green-500:hover {
  background-color: var(--green-500) !important;
}
.hover\:bg-green-600:hover {
  background-color: var(--green-600) !important;
}
.hover\:bg-green-700:hover {
  background-color: var(--green-700) !important;
}
.hover\:bg-green-800:hover {
  background-color: var(--green-800) !important;
}
.hover\:bg-green-900:hover {
  background-color: var(--green-900) !important;
}
.active\:bg-green-50:active {
  background-color: var(--green-50) !important;
}
.active\:bg-green-100:active {
  background-color: var(--green-100) !important;
}
.active\:bg-green-200:active {
  background-color: var(--green-200) !important;
}
.active\:bg-green-300:active {
  background-color: var(--green-300) !important;
}
.active\:bg-green-400:active {
  background-color: var(--green-400) !important;
}
.active\:bg-green-500:active {
  background-color: var(--green-500) !important;
}
.active\:bg-green-600:active {
  background-color: var(--green-600) !important;
}
.active\:bg-green-700:active {
  background-color: var(--green-700) !important;
}
.active\:bg-green-800:active {
  background-color: var(--green-800) !important;
}
.active\:bg-green-900:active {
  background-color: var(--green-900) !important;
}
.bg-yellow-50 {
  background-color: var(--yellow-50) !important;
}
.bg-yellow-100 {
  background-color: var(--yellow-100) !important;
}
.bg-yellow-200 {
  background-color: var(--yellow-200) !important;
}
.bg-yellow-300 {
  background-color: var(--yellow-300) !important;
}
.bg-yellow-400 {
  background-color: var(--yellow-400) !important;
}
.bg-yellow-500 {
  background-color: var(--yellow-500) !important;
}
.bg-yellow-600 {
  background-color: var(--yellow-600) !important;
}
.bg-yellow-700 {
  background-color: var(--yellow-700) !important;
}
.bg-yellow-800 {
  background-color: var(--yellow-800) !important;
}
.bg-yellow-900 {
  background-color: var(--yellow-900) !important;
}
.focus\:bg-yellow-50:focus {
  background-color: var(--yellow-50) !important;
}
.focus\:bg-yellow-100:focus {
  background-color: var(--yellow-100) !important;
}
.focus\:bg-yellow-200:focus {
  background-color: var(--yellow-200) !important;
}
.focus\:bg-yellow-300:focus {
  background-color: var(--yellow-300) !important;
}
.focus\:bg-yellow-400:focus {
  background-color: var(--yellow-400) !important;
}
.focus\:bg-yellow-500:focus {
  background-color: var(--yellow-500) !important;
}
.focus\:bg-yellow-600:focus {
  background-color: var(--yellow-600) !important;
}
.focus\:bg-yellow-700:focus {
  background-color: var(--yellow-700) !important;
}
.focus\:bg-yellow-800:focus {
  background-color: var(--yellow-800) !important;
}
.focus\:bg-yellow-900:focus {
  background-color: var(--yellow-900) !important;
}
.hover\:bg-yellow-50:hover {
  background-color: var(--yellow-50) !important;
}
.hover\:bg-yellow-100:hover {
  background-color: var(--yellow-100) !important;
}
.hover\:bg-yellow-200:hover {
  background-color: var(--yellow-200) !important;
}
.hover\:bg-yellow-300:hover {
  background-color: var(--yellow-300) !important;
}
.hover\:bg-yellow-400:hover {
  background-color: var(--yellow-400) !important;
}
.hover\:bg-yellow-500:hover {
  background-color: var(--yellow-500) !important;
}
.hover\:bg-yellow-600:hover {
  background-color: var(--yellow-600) !important;
}
.hover\:bg-yellow-700:hover {
  background-color: var(--yellow-700) !important;
}
.hover\:bg-yellow-800:hover {
  background-color: var(--yellow-800) !important;
}
.hover\:bg-yellow-900:hover {
  background-color: var(--yellow-900) !important;
}
.active\:bg-yellow-50:active {
  background-color: var(--yellow-50) !important;
}
.active\:bg-yellow-100:active {
  background-color: var(--yellow-100) !important;
}
.active\:bg-yellow-200:active {
  background-color: var(--yellow-200) !important;
}
.active\:bg-yellow-300:active {
  background-color: var(--yellow-300) !important;
}
.active\:bg-yellow-400:active {
  background-color: var(--yellow-400) !important;
}
.active\:bg-yellow-500:active {
  background-color: var(--yellow-500) !important;
}
.active\:bg-yellow-600:active {
  background-color: var(--yellow-600) !important;
}
.active\:bg-yellow-700:active {
  background-color: var(--yellow-700) !important;
}
.active\:bg-yellow-800:active {
  background-color: var(--yellow-800) !important;
}
.active\:bg-yellow-900:active {
  background-color: var(--yellow-900) !important;
}
.bg-cyan-50 {
  background-color: var(--cyan-50) !important;
}
.bg-cyan-100 {
  background-color: var(--cyan-100) !important;
}
.bg-cyan-200 {
  background-color: var(--cyan-200) !important;
}
.bg-cyan-300 {
  background-color: var(--cyan-300) !important;
}
.bg-cyan-400 {
  background-color: var(--cyan-400) !important;
}
.bg-cyan-500 {
  background-color: var(--cyan-500) !important;
}
.bg-cyan-600 {
  background-color: var(--cyan-600) !important;
}
.bg-cyan-700 {
  background-color: var(--cyan-700) !important;
}
.bg-cyan-800 {
  background-color: var(--cyan-800) !important;
}
.bg-cyan-900 {
  background-color: var(--cyan-900) !important;
}
.focus\:bg-cyan-50:focus {
  background-color: var(--cyan-50) !important;
}
.focus\:bg-cyan-100:focus {
  background-color: var(--cyan-100) !important;
}
.focus\:bg-cyan-200:focus {
  background-color: var(--cyan-200) !important;
}
.focus\:bg-cyan-300:focus {
  background-color: var(--cyan-300) !important;
}
.focus\:bg-cyan-400:focus {
  background-color: var(--cyan-400) !important;
}
.focus\:bg-cyan-500:focus {
  background-color: var(--cyan-500) !important;
}
.focus\:bg-cyan-600:focus {
  background-color: var(--cyan-600) !important;
}
.focus\:bg-cyan-700:focus {
  background-color: var(--cyan-700) !important;
}
.focus\:bg-cyan-800:focus {
  background-color: var(--cyan-800) !important;
}
.focus\:bg-cyan-900:focus {
  background-color: var(--cyan-900) !important;
}
.hover\:bg-cyan-50:hover {
  background-color: var(--cyan-50) !important;
}
.hover\:bg-cyan-100:hover {
  background-color: var(--cyan-100) !important;
}
.hover\:bg-cyan-200:hover {
  background-color: var(--cyan-200) !important;
}
.hover\:bg-cyan-300:hover {
  background-color: var(--cyan-300) !important;
}
.hover\:bg-cyan-400:hover {
  background-color: var(--cyan-400) !important;
}
.hover\:bg-cyan-500:hover {
  background-color: var(--cyan-500) !important;
}
.hover\:bg-cyan-600:hover {
  background-color: var(--cyan-600) !important;
}
.hover\:bg-cyan-700:hover {
  background-color: var(--cyan-700) !important;
}
.hover\:bg-cyan-800:hover {
  background-color: var(--cyan-800) !important;
}
.hover\:bg-cyan-900:hover {
  background-color: var(--cyan-900) !important;
}
.active\:bg-cyan-50:active {
  background-color: var(--cyan-50) !important;
}
.active\:bg-cyan-100:active {
  background-color: var(--cyan-100) !important;
}
.active\:bg-cyan-200:active {
  background-color: var(--cyan-200) !important;
}
.active\:bg-cyan-300:active {
  background-color: var(--cyan-300) !important;
}
.active\:bg-cyan-400:active {
  background-color: var(--cyan-400) !important;
}
.active\:bg-cyan-500:active {
  background-color: var(--cyan-500) !important;
}
.active\:bg-cyan-600:active {
  background-color: var(--cyan-600) !important;
}
.active\:bg-cyan-700:active {
  background-color: var(--cyan-700) !important;
}
.active\:bg-cyan-800:active {
  background-color: var(--cyan-800) !important;
}
.active\:bg-cyan-900:active {
  background-color: var(--cyan-900) !important;
}
.bg-pink-50 {
  background-color: var(--pink-50) !important;
}
.bg-pink-100 {
  background-color: var(--pink-100) !important;
}
.bg-pink-200 {
  background-color: var(--pink-200) !important;
}
.bg-pink-300 {
  background-color: var(--pink-300) !important;
}
.bg-pink-400 {
  background-color: var(--pink-400) !important;
}
.bg-pink-500 {
  background-color: var(--pink-500) !important;
}
.bg-pink-600 {
  background-color: var(--pink-600) !important;
}
.bg-pink-700 {
  background-color: var(--pink-700) !important;
}
.bg-pink-800 {
  background-color: var(--pink-800) !important;
}
.bg-pink-900 {
  background-color: var(--pink-900) !important;
}
.focus\:bg-pink-50:focus {
  background-color: var(--pink-50) !important;
}
.focus\:bg-pink-100:focus {
  background-color: var(--pink-100) !important;
}
.focus\:bg-pink-200:focus {
  background-color: var(--pink-200) !important;
}
.focus\:bg-pink-300:focus {
  background-color: var(--pink-300) !important;
}
.focus\:bg-pink-400:focus {
  background-color: var(--pink-400) !important;
}
.focus\:bg-pink-500:focus {
  background-color: var(--pink-500) !important;
}
.focus\:bg-pink-600:focus {
  background-color: var(--pink-600) !important;
}
.focus\:bg-pink-700:focus {
  background-color: var(--pink-700) !important;
}
.focus\:bg-pink-800:focus {
  background-color: var(--pink-800) !important;
}
.focus\:bg-pink-900:focus {
  background-color: var(--pink-900) !important;
}
.hover\:bg-pink-50:hover {
  background-color: var(--pink-50) !important;
}
.hover\:bg-pink-100:hover {
  background-color: var(--pink-100) !important;
}
.hover\:bg-pink-200:hover {
  background-color: var(--pink-200) !important;
}
.hover\:bg-pink-300:hover {
  background-color: var(--pink-300) !important;
}
.hover\:bg-pink-400:hover {
  background-color: var(--pink-400) !important;
}
.hover\:bg-pink-500:hover {
  background-color: var(--pink-500) !important;
}
.hover\:bg-pink-600:hover {
  background-color: var(--pink-600) !important;
}
.hover\:bg-pink-700:hover {
  background-color: var(--pink-700) !important;
}
.hover\:bg-pink-800:hover {
  background-color: var(--pink-800) !important;
}
.hover\:bg-pink-900:hover {
  background-color: var(--pink-900) !important;
}
.active\:bg-pink-50:active {
  background-color: var(--pink-50) !important;
}
.active\:bg-pink-100:active {
  background-color: var(--pink-100) !important;
}
.active\:bg-pink-200:active {
  background-color: var(--pink-200) !important;
}
.active\:bg-pink-300:active {
  background-color: var(--pink-300) !important;
}
.active\:bg-pink-400:active {
  background-color: var(--pink-400) !important;
}
.active\:bg-pink-500:active {
  background-color: var(--pink-500) !important;
}
.active\:bg-pink-600:active {
  background-color: var(--pink-600) !important;
}
.active\:bg-pink-700:active {
  background-color: var(--pink-700) !important;
}
.active\:bg-pink-800:active {
  background-color: var(--pink-800) !important;
}
.active\:bg-pink-900:active {
  background-color: var(--pink-900) !important;
}
.bg-indigo-50 {
  background-color: var(--indigo-50) !important;
}
.bg-indigo-100 {
  background-color: var(--indigo-100) !important;
}
.bg-indigo-200 {
  background-color: var(--indigo-200) !important;
}
.bg-indigo-300 {
  background-color: var(--indigo-300) !important;
}
.bg-indigo-400 {
  background-color: var(--indigo-400) !important;
}
.bg-indigo-500 {
  background-color: var(--indigo-500) !important;
}
.bg-indigo-600 {
  background-color: var(--indigo-600) !important;
}
.bg-indigo-700 {
  background-color: var(--indigo-700) !important;
}
.bg-indigo-800 {
  background-color: var(--indigo-800) !important;
}
.bg-indigo-900 {
  background-color: var(--indigo-900) !important;
}
.focus\:bg-indigo-50:focus {
  background-color: var(--indigo-50) !important;
}
.focus\:bg-indigo-100:focus {
  background-color: var(--indigo-100) !important;
}
.focus\:bg-indigo-200:focus {
  background-color: var(--indigo-200) !important;
}
.focus\:bg-indigo-300:focus {
  background-color: var(--indigo-300) !important;
}
.focus\:bg-indigo-400:focus {
  background-color: var(--indigo-400) !important;
}
.focus\:bg-indigo-500:focus {
  background-color: var(--indigo-500) !important;
}
.focus\:bg-indigo-600:focus {
  background-color: var(--indigo-600) !important;
}
.focus\:bg-indigo-700:focus {
  background-color: var(--indigo-700) !important;
}
.focus\:bg-indigo-800:focus {
  background-color: var(--indigo-800) !important;
}
.focus\:bg-indigo-900:focus {
  background-color: var(--indigo-900) !important;
}
.hover\:bg-indigo-50:hover {
  background-color: var(--indigo-50) !important;
}
.hover\:bg-indigo-100:hover {
  background-color: var(--indigo-100) !important;
}
.hover\:bg-indigo-200:hover {
  background-color: var(--indigo-200) !important;
}
.hover\:bg-indigo-300:hover {
  background-color: var(--indigo-300) !important;
}
.hover\:bg-indigo-400:hover {
  background-color: var(--indigo-400) !important;
}
.hover\:bg-indigo-500:hover {
  background-color: var(--indigo-500) !important;
}
.hover\:bg-indigo-600:hover {
  background-color: var(--indigo-600) !important;
}
.hover\:bg-indigo-700:hover {
  background-color: var(--indigo-700) !important;
}
.hover\:bg-indigo-800:hover {
  background-color: var(--indigo-800) !important;
}
.hover\:bg-indigo-900:hover {
  background-color: var(--indigo-900) !important;
}
.active\:bg-indigo-50:active {
  background-color: var(--indigo-50) !important;
}
.active\:bg-indigo-100:active {
  background-color: var(--indigo-100) !important;
}
.active\:bg-indigo-200:active {
  background-color: var(--indigo-200) !important;
}
.active\:bg-indigo-300:active {
  background-color: var(--indigo-300) !important;
}
.active\:bg-indigo-400:active {
  background-color: var(--indigo-400) !important;
}
.active\:bg-indigo-500:active {
  background-color: var(--indigo-500) !important;
}
.active\:bg-indigo-600:active {
  background-color: var(--indigo-600) !important;
}
.active\:bg-indigo-700:active {
  background-color: var(--indigo-700) !important;
}
.active\:bg-indigo-800:active {
  background-color: var(--indigo-800) !important;
}
.active\:bg-indigo-900:active {
  background-color: var(--indigo-900) !important;
}
.bg-teal-50 {
  background-color: var(--teal-50) !important;
}
.bg-teal-100 {
  background-color: var(--teal-100) !important;
}
.bg-teal-200 {
  background-color: var(--teal-200) !important;
}
.bg-teal-300 {
  background-color: var(--teal-300) !important;
}
.bg-teal-400 {
  background-color: var(--teal-400) !important;
}
.bg-teal-500 {
  background-color: var(--teal-500) !important;
}
.bg-teal-600 {
  background-color: var(--teal-600) !important;
}
.bg-teal-700 {
  background-color: var(--teal-700) !important;
}
.bg-teal-800 {
  background-color: var(--teal-800) !important;
}
.bg-teal-900 {
  background-color: var(--teal-900) !important;
}
.focus\:bg-teal-50:focus {
  background-color: var(--teal-50) !important;
}
.focus\:bg-teal-100:focus {
  background-color: var(--teal-100) !important;
}
.focus\:bg-teal-200:focus {
  background-color: var(--teal-200) !important;
}
.focus\:bg-teal-300:focus {
  background-color: var(--teal-300) !important;
}
.focus\:bg-teal-400:focus {
  background-color: var(--teal-400) !important;
}
.focus\:bg-teal-500:focus {
  background-color: var(--teal-500) !important;
}
.focus\:bg-teal-600:focus {
  background-color: var(--teal-600) !important;
}
.focus\:bg-teal-700:focus {
  background-color: var(--teal-700) !important;
}
.focus\:bg-teal-800:focus {
  background-color: var(--teal-800) !important;
}
.focus\:bg-teal-900:focus {
  background-color: var(--teal-900) !important;
}
.hover\:bg-teal-50:hover {
  background-color: var(--teal-50) !important;
}
.hover\:bg-teal-100:hover {
  background-color: var(--teal-100) !important;
}
.hover\:bg-teal-200:hover {
  background-color: var(--teal-200) !important;
}
.hover\:bg-teal-300:hover {
  background-color: var(--teal-300) !important;
}
.hover\:bg-teal-400:hover {
  background-color: var(--teal-400) !important;
}
.hover\:bg-teal-500:hover {
  background-color: var(--teal-500) !important;
}
.hover\:bg-teal-600:hover {
  background-color: var(--teal-600) !important;
}
.hover\:bg-teal-700:hover {
  background-color: var(--teal-700) !important;
}
.hover\:bg-teal-800:hover {
  background-color: var(--teal-800) !important;
}
.hover\:bg-teal-900:hover {
  background-color: var(--teal-900) !important;
}
.active\:bg-teal-50:active {
  background-color: var(--teal-50) !important;
}
.active\:bg-teal-100:active {
  background-color: var(--teal-100) !important;
}
.active\:bg-teal-200:active {
  background-color: var(--teal-200) !important;
}
.active\:bg-teal-300:active {
  background-color: var(--teal-300) !important;
}
.active\:bg-teal-400:active {
  background-color: var(--teal-400) !important;
}
.active\:bg-teal-500:active {
  background-color: var(--teal-500) !important;
}
.active\:bg-teal-600:active {
  background-color: var(--teal-600) !important;
}
.active\:bg-teal-700:active {
  background-color: var(--teal-700) !important;
}
.active\:bg-teal-800:active {
  background-color: var(--teal-800) !important;
}
.active\:bg-teal-900:active {
  background-color: var(--teal-900) !important;
}
.bg-orange-50 {
  background-color: var(--orange-50) !important;
}
.bg-orange-100 {
  background-color: var(--orange-100) !important;
}
.bg-orange-200 {
  background-color: var(--orange-200) !important;
}
.bg-orange-300 {
  background-color: var(--orange-300) !important;
}
.bg-orange-400 {
  background-color: var(--orange-400) !important;
}
.bg-orange-500 {
  background-color: var(--orange-500) !important;
}
.bg-orange-600 {
  background-color: var(--orange-600) !important;
}
.bg-orange-700 {
  background-color: var(--orange-700) !important;
}
.bg-orange-800 {
  background-color: var(--orange-800) !important;
}
.bg-orange-900 {
  background-color: var(--orange-900) !important;
}
.focus\:bg-orange-50:focus {
  background-color: var(--orange-50) !important;
}
.focus\:bg-orange-100:focus {
  background-color: var(--orange-100) !important;
}
.focus\:bg-orange-200:focus {
  background-color: var(--orange-200) !important;
}
.focus\:bg-orange-300:focus {
  background-color: var(--orange-300) !important;
}
.focus\:bg-orange-400:focus {
  background-color: var(--orange-400) !important;
}
.focus\:bg-orange-500:focus {
  background-color: var(--orange-500) !important;
}
.focus\:bg-orange-600:focus {
  background-color: var(--orange-600) !important;
}
.focus\:bg-orange-700:focus {
  background-color: var(--orange-700) !important;
}
.focus\:bg-orange-800:focus {
  background-color: var(--orange-800) !important;
}
.focus\:bg-orange-900:focus {
  background-color: var(--orange-900) !important;
}
.hover\:bg-orange-50:hover {
  background-color: var(--orange-50) !important;
}
.hover\:bg-orange-100:hover {
  background-color: var(--orange-100) !important;
}
.hover\:bg-orange-200:hover {
  background-color: var(--orange-200) !important;
}
.hover\:bg-orange-300:hover {
  background-color: var(--orange-300) !important;
}
.hover\:bg-orange-400:hover {
  background-color: var(--orange-400) !important;
}
.hover\:bg-orange-500:hover {
  background-color: var(--orange-500) !important;
}
.hover\:bg-orange-600:hover {
  background-color: var(--orange-600) !important;
}
.hover\:bg-orange-700:hover {
  background-color: var(--orange-700) !important;
}
.hover\:bg-orange-800:hover {
  background-color: var(--orange-800) !important;
}
.hover\:bg-orange-900:hover {
  background-color: var(--orange-900) !important;
}
.active\:bg-orange-50:active {
  background-color: var(--orange-50) !important;
}
.active\:bg-orange-100:active {
  background-color: var(--orange-100) !important;
}
.active\:bg-orange-200:active {
  background-color: var(--orange-200) !important;
}
.active\:bg-orange-300:active {
  background-color: var(--orange-300) !important;
}
.active\:bg-orange-400:active {
  background-color: var(--orange-400) !important;
}
.active\:bg-orange-500:active {
  background-color: var(--orange-500) !important;
}
.active\:bg-orange-600:active {
  background-color: var(--orange-600) !important;
}
.active\:bg-orange-700:active {
  background-color: var(--orange-700) !important;
}
.active\:bg-orange-800:active {
  background-color: var(--orange-800) !important;
}
.active\:bg-orange-900:active {
  background-color: var(--orange-900) !important;
}
.bg-bluegray-50 {
  background-color: var(--bluegray-50) !important;
}
.bg-bluegray-100 {
  background-color: var(--bluegray-100) !important;
}
.bg-bluegray-200 {
  background-color: var(--bluegray-200) !important;
}
.bg-bluegray-300 {
  background-color: var(--bluegray-300) !important;
}
.bg-bluegray-400 {
  background-color: var(--bluegray-400) !important;
}
.bg-bluegray-500 {
  background-color: var(--bluegray-500) !important;
}
.bg-bluegray-600 {
  background-color: var(--bluegray-600) !important;
}
.bg-bluegray-700 {
  background-color: var(--bluegray-700) !important;
}
.bg-bluegray-800 {
  background-color: var(--bluegray-800) !important;
}
.bg-bluegray-900 {
  background-color: var(--bluegray-900) !important;
}
.focus\:bg-bluegray-50:focus {
  background-color: var(--bluegray-50) !important;
}
.focus\:bg-bluegray-100:focus {
  background-color: var(--bluegray-100) !important;
}
.focus\:bg-bluegray-200:focus {
  background-color: var(--bluegray-200) !important;
}
.focus\:bg-bluegray-300:focus {
  background-color: var(--bluegray-300) !important;
}
.focus\:bg-bluegray-400:focus {
  background-color: var(--bluegray-400) !important;
}
.focus\:bg-bluegray-500:focus {
  background-color: var(--bluegray-500) !important;
}
.focus\:bg-bluegray-600:focus {
  background-color: var(--bluegray-600) !important;
}
.focus\:bg-bluegray-700:focus {
  background-color: var(--bluegray-700) !important;
}
.focus\:bg-bluegray-800:focus {
  background-color: var(--bluegray-800) !important;
}
.focus\:bg-bluegray-900:focus {
  background-color: var(--bluegray-900) !important;
}
.hover\:bg-bluegray-50:hover {
  background-color: var(--bluegray-50) !important;
}
.hover\:bg-bluegray-100:hover {
  background-color: var(--bluegray-100) !important;
}
.hover\:bg-bluegray-200:hover {
  background-color: var(--bluegray-200) !important;
}
.hover\:bg-bluegray-300:hover {
  background-color: var(--bluegray-300) !important;
}
.hover\:bg-bluegray-400:hover {
  background-color: var(--bluegray-400) !important;
}
.hover\:bg-bluegray-500:hover {
  background-color: var(--bluegray-500) !important;
}
.hover\:bg-bluegray-600:hover {
  background-color: var(--bluegray-600) !important;
}
.hover\:bg-bluegray-700:hover {
  background-color: var(--bluegray-700) !important;
}
.hover\:bg-bluegray-800:hover {
  background-color: var(--bluegray-800) !important;
}
.hover\:bg-bluegray-900:hover {
  background-color: var(--bluegray-900) !important;
}
.active\:bg-bluegray-50:active {
  background-color: var(--bluegray-50) !important;
}
.active\:bg-bluegray-100:active {
  background-color: var(--bluegray-100) !important;
}
.active\:bg-bluegray-200:active {
  background-color: var(--bluegray-200) !important;
}
.active\:bg-bluegray-300:active {
  background-color: var(--bluegray-300) !important;
}
.active\:bg-bluegray-400:active {
  background-color: var(--bluegray-400) !important;
}
.active\:bg-bluegray-500:active {
  background-color: var(--bluegray-500) !important;
}
.active\:bg-bluegray-600:active {
  background-color: var(--bluegray-600) !important;
}
.active\:bg-bluegray-700:active {
  background-color: var(--bluegray-700) !important;
}
.active\:bg-bluegray-800:active {
  background-color: var(--bluegray-800) !important;
}
.active\:bg-bluegray-900:active {
  background-color: var(--bluegray-900) !important;
}
.bg-purple-50 {
  background-color: var(--purple-50) !important;
}
.bg-purple-100 {
  background-color: var(--purple-100) !important;
}
.bg-purple-200 {
  background-color: var(--purple-200) !important;
}
.bg-purple-300 {
  background-color: var(--purple-300) !important;
}
.bg-purple-400 {
  background-color: var(--purple-400) !important;
}
.bg-purple-500 {
  background-color: var(--purple-500) !important;
}
.bg-purple-600 {
  background-color: var(--purple-600) !important;
}
.bg-purple-700 {
  background-color: var(--purple-700) !important;
}
.bg-purple-800 {
  background-color: var(--purple-800) !important;
}
.bg-purple-900 {
  background-color: var(--purple-900) !important;
}
.focus\:bg-purple-50:focus {
  background-color: var(--purple-50) !important;
}
.focus\:bg-purple-100:focus {
  background-color: var(--purple-100) !important;
}
.focus\:bg-purple-200:focus {
  background-color: var(--purple-200) !important;
}
.focus\:bg-purple-300:focus {
  background-color: var(--purple-300) !important;
}
.focus\:bg-purple-400:focus {
  background-color: var(--purple-400) !important;
}
.focus\:bg-purple-500:focus {
  background-color: var(--purple-500) !important;
}
.focus\:bg-purple-600:focus {
  background-color: var(--purple-600) !important;
}
.focus\:bg-purple-700:focus {
  background-color: var(--purple-700) !important;
}
.focus\:bg-purple-800:focus {
  background-color: var(--purple-800) !important;
}
.focus\:bg-purple-900:focus {
  background-color: var(--purple-900) !important;
}
.hover\:bg-purple-50:hover {
  background-color: var(--purple-50) !important;
}
.hover\:bg-purple-100:hover {
  background-color: var(--purple-100) !important;
}
.hover\:bg-purple-200:hover {
  background-color: var(--purple-200) !important;
}
.hover\:bg-purple-300:hover {
  background-color: var(--purple-300) !important;
}
.hover\:bg-purple-400:hover {
  background-color: var(--purple-400) !important;
}
.hover\:bg-purple-500:hover {
  background-color: var(--purple-500) !important;
}
.hover\:bg-purple-600:hover {
  background-color: var(--purple-600) !important;
}
.hover\:bg-purple-700:hover {
  background-color: var(--purple-700) !important;
}
.hover\:bg-purple-800:hover {
  background-color: var(--purple-800) !important;
}
.hover\:bg-purple-900:hover {
  background-color: var(--purple-900) !important;
}
.active\:bg-purple-50:active {
  background-color: var(--purple-50) !important;
}
.active\:bg-purple-100:active {
  background-color: var(--purple-100) !important;
}
.active\:bg-purple-200:active {
  background-color: var(--purple-200) !important;
}
.active\:bg-purple-300:active {
  background-color: var(--purple-300) !important;
}
.active\:bg-purple-400:active {
  background-color: var(--purple-400) !important;
}
.active\:bg-purple-500:active {
  background-color: var(--purple-500) !important;
}
.active\:bg-purple-600:active {
  background-color: var(--purple-600) !important;
}
.active\:bg-purple-700:active {
  background-color: var(--purple-700) !important;
}
.active\:bg-purple-800:active {
  background-color: var(--purple-800) !important;
}
.active\:bg-purple-900:active {
  background-color: var(--purple-900) !important;
}
.bg-gray-50 {
  background-color: var(--gray-50) !important;
}
.bg-gray-100 {
  background-color: var(--gray-100) !important;
}
.bg-gray-200 {
  background-color: var(--gray-200) !important;
}
.bg-gray-300 {
  background-color: var(--gray-300) !important;
}
.bg-gray-400 {
  background-color: var(--gray-400) !important;
}
.bg-gray-500 {
  background-color: var(--gray-500) !important;
}
.bg-gray-600 {
  background-color: var(--gray-600) !important;
}
.bg-gray-700 {
  background-color: var(--gray-700) !important;
}
.bg-gray-800 {
  background-color: var(--gray-800) !important;
}
.bg-gray-900 {
  background-color: var(--gray-900) !important;
}
.focus\:bg-gray-50:focus {
  background-color: var(--gray-50) !important;
}
.focus\:bg-gray-100:focus {
  background-color: var(--gray-100) !important;
}
.focus\:bg-gray-200:focus {
  background-color: var(--gray-200) !important;
}
.focus\:bg-gray-300:focus {
  background-color: var(--gray-300) !important;
}
.focus\:bg-gray-400:focus {
  background-color: var(--gray-400) !important;
}
.focus\:bg-gray-500:focus {
  background-color: var(--gray-500) !important;
}
.focus\:bg-gray-600:focus {
  background-color: var(--gray-600) !important;
}
.focus\:bg-gray-700:focus {
  background-color: var(--gray-700) !important;
}
.focus\:bg-gray-800:focus {
  background-color: var(--gray-800) !important;
}
.focus\:bg-gray-900:focus {
  background-color: var(--gray-900) !important;
}
.hover\:bg-gray-50:hover {
  background-color: var(--gray-50) !important;
}
.hover\:bg-gray-100:hover {
  background-color: var(--gray-100) !important;
}
.hover\:bg-gray-200:hover {
  background-color: var(--gray-200) !important;
}
.hover\:bg-gray-300:hover {
  background-color: var(--gray-300) !important;
}
.hover\:bg-gray-400:hover {
  background-color: var(--gray-400) !important;
}
.hover\:bg-gray-500:hover {
  background-color: var(--gray-500) !important;
}
.hover\:bg-gray-600:hover {
  background-color: var(--gray-600) !important;
}
.hover\:bg-gray-700:hover {
  background-color: var(--gray-700) !important;
}
.hover\:bg-gray-800:hover {
  background-color: var(--gray-800) !important;
}
.hover\:bg-gray-900:hover {
  background-color: var(--gray-900) !important;
}
.active\:bg-gray-50:active {
  background-color: var(--gray-50) !important;
}
.active\:bg-gray-100:active {
  background-color: var(--gray-100) !important;
}
.active\:bg-gray-200:active {
  background-color: var(--gray-200) !important;
}
.active\:bg-gray-300:active {
  background-color: var(--gray-300) !important;
}
.active\:bg-gray-400:active {
  background-color: var(--gray-400) !important;
}
.active\:bg-gray-500:active {
  background-color: var(--gray-500) !important;
}
.active\:bg-gray-600:active {
  background-color: var(--gray-600) !important;
}
.active\:bg-gray-700:active {
  background-color: var(--gray-700) !important;
}
.active\:bg-gray-800:active {
  background-color: var(--gray-800) !important;
}
.active\:bg-gray-900:active {
  background-color: var(--gray-900) !important;
}
.bg-red-50 {
  background-color: var(--red-50) !important;
}
.bg-red-100 {
  background-color: var(--red-100) !important;
}
.bg-red-200 {
  background-color: var(--red-200) !important;
}
.bg-red-300 {
  background-color: var(--red-300) !important;
}
.bg-red-400 {
  background-color: var(--red-400) !important;
}
.bg-red-500 {
  background-color: var(--red-500) !important;
}
.bg-red-600 {
  background-color: var(--red-600) !important;
}
.bg-red-700 {
  background-color: var(--red-700) !important;
}
.bg-red-800 {
  background-color: var(--red-800) !important;
}
.bg-red-900 {
  background-color: var(--red-900) !important;
}
.focus\:bg-red-50:focus {
  background-color: var(--red-50) !important;
}
.focus\:bg-red-100:focus {
  background-color: var(--red-100) !important;
}
.focus\:bg-red-200:focus {
  background-color: var(--red-200) !important;
}
.focus\:bg-red-300:focus {
  background-color: var(--red-300) !important;
}
.focus\:bg-red-400:focus {
  background-color: var(--red-400) !important;
}
.focus\:bg-red-500:focus {
  background-color: var(--red-500) !important;
}
.focus\:bg-red-600:focus {
  background-color: var(--red-600) !important;
}
.focus\:bg-red-700:focus {
  background-color: var(--red-700) !important;
}
.focus\:bg-red-800:focus {
  background-color: var(--red-800) !important;
}
.focus\:bg-red-900:focus {
  background-color: var(--red-900) !important;
}
.hover\:bg-red-50:hover {
  background-color: var(--red-50) !important;
}
.hover\:bg-red-100:hover {
  background-color: var(--red-100) !important;
}
.hover\:bg-red-200:hover {
  background-color: var(--red-200) !important;
}
.hover\:bg-red-300:hover {
  background-color: var(--red-300) !important;
}
.hover\:bg-red-400:hover {
  background-color: var(--red-400) !important;
}
.hover\:bg-red-500:hover {
  background-color: var(--red-500) !important;
}
.hover\:bg-red-600:hover {
  background-color: var(--red-600) !important;
}
.hover\:bg-red-700:hover {
  background-color: var(--red-700) !important;
}
.hover\:bg-red-800:hover {
  background-color: var(--red-800) !important;
}
.hover\:bg-red-900:hover {
  background-color: var(--red-900) !important;
}
.active\:bg-red-50:active {
  background-color: var(--red-50) !important;
}
.active\:bg-red-100:active {
  background-color: var(--red-100) !important;
}
.active\:bg-red-200:active {
  background-color: var(--red-200) !important;
}
.active\:bg-red-300:active {
  background-color: var(--red-300) !important;
}
.active\:bg-red-400:active {
  background-color: var(--red-400) !important;
}
.active\:bg-red-500:active {
  background-color: var(--red-500) !important;
}
.active\:bg-red-600:active {
  background-color: var(--red-600) !important;
}
.active\:bg-red-700:active {
  background-color: var(--red-700) !important;
}
.active\:bg-red-800:active {
  background-color: var(--red-800) !important;
}
.active\:bg-red-900:active {
  background-color: var(--red-900) !important;
}
.bg-primary-50 {
  background-color: var(--primary-50) !important;
}
.bg-primary-100 {
  background-color: var(--primary-100) !important;
}
.bg-primary-200 {
  background-color: var(--primary-200) !important;
}
.bg-primary-300 {
  background-color: var(--primary-300) !important;
}
.bg-primary-400 {
  background-color: var(--primary-400) !important;
}
.bg-primary-500 {
  background-color: var(--primary-500) !important;
}
.bg-primary-600 {
  background-color: var(--primary-600) !important;
}
.bg-primary-700 {
  background-color: var(--primary-700) !important;
}
.bg-primary-800 {
  background-color: var(--primary-800) !important;
}
.bg-primary-900 {
  background-color: var(--primary-900) !important;
}
.focus\:bg-primary-50:focus {
  background-color: var(--primary-50) !important;
}
.focus\:bg-primary-100:focus {
  background-color: var(--primary-100) !important;
}
.focus\:bg-primary-200:focus {
  background-color: var(--primary-200) !important;
}
.focus\:bg-primary-300:focus {
  background-color: var(--primary-300) !important;
}
.focus\:bg-primary-400:focus {
  background-color: var(--primary-400) !important;
}
.focus\:bg-primary-500:focus {
  background-color: var(--primary-500) !important;
}
.focus\:bg-primary-600:focus {
  background-color: var(--primary-600) !important;
}
.focus\:bg-primary-700:focus {
  background-color: var(--primary-700) !important;
}
.focus\:bg-primary-800:focus {
  background-color: var(--primary-800) !important;
}
.focus\:bg-primary-900:focus {
  background-color: var(--primary-900) !important;
}
.hover\:bg-primary-50:hover {
  background-color: var(--primary-50) !important;
}
.hover\:bg-primary-100:hover {
  background-color: var(--primary-100) !important;
}
.hover\:bg-primary-200:hover {
  background-color: var(--primary-200) !important;
}
.hover\:bg-primary-300:hover {
  background-color: var(--primary-300) !important;
}
.hover\:bg-primary-400:hover {
  background-color: var(--primary-400) !important;
}
.hover\:bg-primary-500:hover {
  background-color: var(--primary-500) !important;
}
.hover\:bg-primary-600:hover {
  background-color: var(--primary-600) !important;
}
.hover\:bg-primary-700:hover {
  background-color: var(--primary-700) !important;
}
.hover\:bg-primary-800:hover {
  background-color: var(--primary-800) !important;
}
.hover\:bg-primary-900:hover {
  background-color: var(--primary-900) !important;
}
.active\:bg-primary-50:active {
  background-color: var(--primary-50) !important;
}
.active\:bg-primary-100:active {
  background-color: var(--primary-100) !important;
}
.active\:bg-primary-200:active {
  background-color: var(--primary-200) !important;
}
.active\:bg-primary-300:active {
  background-color: var(--primary-300) !important;
}
.active\:bg-primary-400:active {
  background-color: var(--primary-400) !important;
}
.active\:bg-primary-500:active {
  background-color: var(--primary-500) !important;
}
.active\:bg-primary-600:active {
  background-color: var(--primary-600) !important;
}
.active\:bg-primary-700:active {
  background-color: var(--primary-700) !important;
}
.active\:bg-primary-800:active {
  background-color: var(--primary-800) !important;
}
.active\:bg-primary-900:active {
  background-color: var(--primary-900) !important;
}
.border-blue-50 {
  border-color: var(--blue-50) !important;
}
.border-blue-100 {
  border-color: var(--blue-100) !important;
}
.border-blue-200 {
  border-color: var(--blue-200) !important;
}
.border-blue-300 {
  border-color: var(--blue-300) !important;
}
.border-blue-400 {
  border-color: var(--blue-400) !important;
}
.border-blue-500 {
  border-color: var(--blue-500) !important;
}
.border-blue-600 {
  border-color: var(--blue-600) !important;
}
.border-blue-700 {
  border-color: var(--blue-700) !important;
}
.border-blue-800 {
  border-color: var(--blue-800) !important;
}
.border-blue-900 {
  border-color: var(--blue-900) !important;
}
.focus\:border-blue-50:focus {
  border-color: var(--blue-50) !important;
}
.focus\:border-blue-100:focus {
  border-color: var(--blue-100) !important;
}
.focus\:border-blue-200:focus {
  border-color: var(--blue-200) !important;
}
.focus\:border-blue-300:focus {
  border-color: var(--blue-300) !important;
}
.focus\:border-blue-400:focus {
  border-color: var(--blue-400) !important;
}
.focus\:border-blue-500:focus {
  border-color: var(--blue-500) !important;
}
.focus\:border-blue-600:focus {
  border-color: var(--blue-600) !important;
}
.focus\:border-blue-700:focus {
  border-color: var(--blue-700) !important;
}
.focus\:border-blue-800:focus {
  border-color: var(--blue-800) !important;
}
.focus\:border-blue-900:focus {
  border-color: var(--blue-900) !important;
}
.hover\:border-blue-50:hover {
  border-color: var(--blue-50) !important;
}
.hover\:border-blue-100:hover {
  border-color: var(--blue-100) !important;
}
.hover\:border-blue-200:hover {
  border-color: var(--blue-200) !important;
}
.hover\:border-blue-300:hover {
  border-color: var(--blue-300) !important;
}
.hover\:border-blue-400:hover {
  border-color: var(--blue-400) !important;
}
.hover\:border-blue-500:hover {
  border-color: var(--blue-500) !important;
}
.hover\:border-blue-600:hover {
  border-color: var(--blue-600) !important;
}
.hover\:border-blue-700:hover {
  border-color: var(--blue-700) !important;
}
.hover\:border-blue-800:hover {
  border-color: var(--blue-800) !important;
}
.hover\:border-blue-900:hover {
  border-color: var(--blue-900) !important;
}
.active\:border-blue-50:active {
  border-color: var(--blue-50) !important;
}
.active\:border-blue-100:active {
  border-color: var(--blue-100) !important;
}
.active\:border-blue-200:active {
  border-color: var(--blue-200) !important;
}
.active\:border-blue-300:active {
  border-color: var(--blue-300) !important;
}
.active\:border-blue-400:active {
  border-color: var(--blue-400) !important;
}
.active\:border-blue-500:active {
  border-color: var(--blue-500) !important;
}
.active\:border-blue-600:active {
  border-color: var(--blue-600) !important;
}
.active\:border-blue-700:active {
  border-color: var(--blue-700) !important;
}
.active\:border-blue-800:active {
  border-color: var(--blue-800) !important;
}
.active\:border-blue-900:active {
  border-color: var(--blue-900) !important;
}
.border-green-50 {
  border-color: var(--green-50) !important;
}
.border-green-100 {
  border-color: var(--green-100) !important;
}
.border-green-200 {
  border-color: var(--green-200) !important;
}
.border-green-300 {
  border-color: var(--green-300) !important;
}
.border-green-400 {
  border-color: var(--green-400) !important;
}
.border-green-500 {
  border-color: var(--green-500) !important;
}
.border-green-600 {
  border-color: var(--green-600) !important;
}
.border-green-700 {
  border-color: var(--green-700) !important;
}
.border-green-800 {
  border-color: var(--green-800) !important;
}
.border-green-900 {
  border-color: var(--green-900) !important;
}
.focus\:border-green-50:focus {
  border-color: var(--green-50) !important;
}
.focus\:border-green-100:focus {
  border-color: var(--green-100) !important;
}
.focus\:border-green-200:focus {
  border-color: var(--green-200) !important;
}
.focus\:border-green-300:focus {
  border-color: var(--green-300) !important;
}
.focus\:border-green-400:focus {
  border-color: var(--green-400) !important;
}
.focus\:border-green-500:focus {
  border-color: var(--green-500) !important;
}
.focus\:border-green-600:focus {
  border-color: var(--green-600) !important;
}
.focus\:border-green-700:focus {
  border-color: var(--green-700) !important;
}
.focus\:border-green-800:focus {
  border-color: var(--green-800) !important;
}
.focus\:border-green-900:focus {
  border-color: var(--green-900) !important;
}
.hover\:border-green-50:hover {
  border-color: var(--green-50) !important;
}
.hover\:border-green-100:hover {
  border-color: var(--green-100) !important;
}
.hover\:border-green-200:hover {
  border-color: var(--green-200) !important;
}
.hover\:border-green-300:hover {
  border-color: var(--green-300) !important;
}
.hover\:border-green-400:hover {
  border-color: var(--green-400) !important;
}
.hover\:border-green-500:hover {
  border-color: var(--green-500) !important;
}
.hover\:border-green-600:hover {
  border-color: var(--green-600) !important;
}
.hover\:border-green-700:hover {
  border-color: var(--green-700) !important;
}
.hover\:border-green-800:hover {
  border-color: var(--green-800) !important;
}
.hover\:border-green-900:hover {
  border-color: var(--green-900) !important;
}
.active\:border-green-50:active {
  border-color: var(--green-50) !important;
}
.active\:border-green-100:active {
  border-color: var(--green-100) !important;
}
.active\:border-green-200:active {
  border-color: var(--green-200) !important;
}
.active\:border-green-300:active {
  border-color: var(--green-300) !important;
}
.active\:border-green-400:active {
  border-color: var(--green-400) !important;
}
.active\:border-green-500:active {
  border-color: var(--green-500) !important;
}
.active\:border-green-600:active {
  border-color: var(--green-600) !important;
}
.active\:border-green-700:active {
  border-color: var(--green-700) !important;
}
.active\:border-green-800:active {
  border-color: var(--green-800) !important;
}
.active\:border-green-900:active {
  border-color: var(--green-900) !important;
}
.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}
.border-yellow-100 {
  border-color: var(--yellow-100) !important;
}
.border-yellow-200 {
  border-color: var(--yellow-200) !important;
}
.border-yellow-300 {
  border-color: var(--yellow-300) !important;
}
.border-yellow-400 {
  border-color: var(--yellow-400) !important;
}
.border-yellow-500 {
  border-color: var(--yellow-500) !important;
}
.border-yellow-600 {
  border-color: var(--yellow-600) !important;
}
.border-yellow-700 {
  border-color: var(--yellow-700) !important;
}
.border-yellow-800 {
  border-color: var(--yellow-800) !important;
}
.border-yellow-900 {
  border-color: var(--yellow-900) !important;
}
.focus\:border-yellow-50:focus {
  border-color: var(--yellow-50) !important;
}
.focus\:border-yellow-100:focus {
  border-color: var(--yellow-100) !important;
}
.focus\:border-yellow-200:focus {
  border-color: var(--yellow-200) !important;
}
.focus\:border-yellow-300:focus {
  border-color: var(--yellow-300) !important;
}
.focus\:border-yellow-400:focus {
  border-color: var(--yellow-400) !important;
}
.focus\:border-yellow-500:focus {
  border-color: var(--yellow-500) !important;
}
.focus\:border-yellow-600:focus {
  border-color: var(--yellow-600) !important;
}
.focus\:border-yellow-700:focus {
  border-color: var(--yellow-700) !important;
}
.focus\:border-yellow-800:focus {
  border-color: var(--yellow-800) !important;
}
.focus\:border-yellow-900:focus {
  border-color: var(--yellow-900) !important;
}
.hover\:border-yellow-50:hover {
  border-color: var(--yellow-50) !important;
}
.hover\:border-yellow-100:hover {
  border-color: var(--yellow-100) !important;
}
.hover\:border-yellow-200:hover {
  border-color: var(--yellow-200) !important;
}
.hover\:border-yellow-300:hover {
  border-color: var(--yellow-300) !important;
}
.hover\:border-yellow-400:hover {
  border-color: var(--yellow-400) !important;
}
.hover\:border-yellow-500:hover {
  border-color: var(--yellow-500) !important;
}
.hover\:border-yellow-600:hover {
  border-color: var(--yellow-600) !important;
}
.hover\:border-yellow-700:hover {
  border-color: var(--yellow-700) !important;
}
.hover\:border-yellow-800:hover {
  border-color: var(--yellow-800) !important;
}
.hover\:border-yellow-900:hover {
  border-color: var(--yellow-900) !important;
}
.active\:border-yellow-50:active {
  border-color: var(--yellow-50) !important;
}
.active\:border-yellow-100:active {
  border-color: var(--yellow-100) !important;
}
.active\:border-yellow-200:active {
  border-color: var(--yellow-200) !important;
}
.active\:border-yellow-300:active {
  border-color: var(--yellow-300) !important;
}
.active\:border-yellow-400:active {
  border-color: var(--yellow-400) !important;
}
.active\:border-yellow-500:active {
  border-color: var(--yellow-500) !important;
}
.active\:border-yellow-600:active {
  border-color: var(--yellow-600) !important;
}
.active\:border-yellow-700:active {
  border-color: var(--yellow-700) !important;
}
.active\:border-yellow-800:active {
  border-color: var(--yellow-800) !important;
}
.active\:border-yellow-900:active {
  border-color: var(--yellow-900) !important;
}
.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}
.border-cyan-100 {
  border-color: var(--cyan-100) !important;
}
.border-cyan-200 {
  border-color: var(--cyan-200) !important;
}
.border-cyan-300 {
  border-color: var(--cyan-300) !important;
}
.border-cyan-400 {
  border-color: var(--cyan-400) !important;
}
.border-cyan-500 {
  border-color: var(--cyan-500) !important;
}
.border-cyan-600 {
  border-color: var(--cyan-600) !important;
}
.border-cyan-700 {
  border-color: var(--cyan-700) !important;
}
.border-cyan-800 {
  border-color: var(--cyan-800) !important;
}
.border-cyan-900 {
  border-color: var(--cyan-900) !important;
}
.focus\:border-cyan-50:focus {
  border-color: var(--cyan-50) !important;
}
.focus\:border-cyan-100:focus {
  border-color: var(--cyan-100) !important;
}
.focus\:border-cyan-200:focus {
  border-color: var(--cyan-200) !important;
}
.focus\:border-cyan-300:focus {
  border-color: var(--cyan-300) !important;
}
.focus\:border-cyan-400:focus {
  border-color: var(--cyan-400) !important;
}
.focus\:border-cyan-500:focus {
  border-color: var(--cyan-500) !important;
}
.focus\:border-cyan-600:focus {
  border-color: var(--cyan-600) !important;
}
.focus\:border-cyan-700:focus {
  border-color: var(--cyan-700) !important;
}
.focus\:border-cyan-800:focus {
  border-color: var(--cyan-800) !important;
}
.focus\:border-cyan-900:focus {
  border-color: var(--cyan-900) !important;
}
.hover\:border-cyan-50:hover {
  border-color: var(--cyan-50) !important;
}
.hover\:border-cyan-100:hover {
  border-color: var(--cyan-100) !important;
}
.hover\:border-cyan-200:hover {
  border-color: var(--cyan-200) !important;
}
.hover\:border-cyan-300:hover {
  border-color: var(--cyan-300) !important;
}
.hover\:border-cyan-400:hover {
  border-color: var(--cyan-400) !important;
}
.hover\:border-cyan-500:hover {
  border-color: var(--cyan-500) !important;
}
.hover\:border-cyan-600:hover {
  border-color: var(--cyan-600) !important;
}
.hover\:border-cyan-700:hover {
  border-color: var(--cyan-700) !important;
}
.hover\:border-cyan-800:hover {
  border-color: var(--cyan-800) !important;
}
.hover\:border-cyan-900:hover {
  border-color: var(--cyan-900) !important;
}
.active\:border-cyan-50:active {
  border-color: var(--cyan-50) !important;
}
.active\:border-cyan-100:active {
  border-color: var(--cyan-100) !important;
}
.active\:border-cyan-200:active {
  border-color: var(--cyan-200) !important;
}
.active\:border-cyan-300:active {
  border-color: var(--cyan-300) !important;
}
.active\:border-cyan-400:active {
  border-color: var(--cyan-400) !important;
}
.active\:border-cyan-500:active {
  border-color: var(--cyan-500) !important;
}
.active\:border-cyan-600:active {
  border-color: var(--cyan-600) !important;
}
.active\:border-cyan-700:active {
  border-color: var(--cyan-700) !important;
}
.active\:border-cyan-800:active {
  border-color: var(--cyan-800) !important;
}
.active\:border-cyan-900:active {
  border-color: var(--cyan-900) !important;
}
.border-pink-50 {
  border-color: var(--pink-50) !important;
}
.border-pink-100 {
  border-color: var(--pink-100) !important;
}
.border-pink-200 {
  border-color: var(--pink-200) !important;
}
.border-pink-300 {
  border-color: var(--pink-300) !important;
}
.border-pink-400 {
  border-color: var(--pink-400) !important;
}
.border-pink-500 {
  border-color: var(--pink-500) !important;
}
.border-pink-600 {
  border-color: var(--pink-600) !important;
}
.border-pink-700 {
  border-color: var(--pink-700) !important;
}
.border-pink-800 {
  border-color: var(--pink-800) !important;
}
.border-pink-900 {
  border-color: var(--pink-900) !important;
}
.focus\:border-pink-50:focus {
  border-color: var(--pink-50) !important;
}
.focus\:border-pink-100:focus {
  border-color: var(--pink-100) !important;
}
.focus\:border-pink-200:focus {
  border-color: var(--pink-200) !important;
}
.focus\:border-pink-300:focus {
  border-color: var(--pink-300) !important;
}
.focus\:border-pink-400:focus {
  border-color: var(--pink-400) !important;
}
.focus\:border-pink-500:focus {
  border-color: var(--pink-500) !important;
}
.focus\:border-pink-600:focus {
  border-color: var(--pink-600) !important;
}
.focus\:border-pink-700:focus {
  border-color: var(--pink-700) !important;
}
.focus\:border-pink-800:focus {
  border-color: var(--pink-800) !important;
}
.focus\:border-pink-900:focus {
  border-color: var(--pink-900) !important;
}
.hover\:border-pink-50:hover {
  border-color: var(--pink-50) !important;
}
.hover\:border-pink-100:hover {
  border-color: var(--pink-100) !important;
}
.hover\:border-pink-200:hover {
  border-color: var(--pink-200) !important;
}
.hover\:border-pink-300:hover {
  border-color: var(--pink-300) !important;
}
.hover\:border-pink-400:hover {
  border-color: var(--pink-400) !important;
}
.hover\:border-pink-500:hover {
  border-color: var(--pink-500) !important;
}
.hover\:border-pink-600:hover {
  border-color: var(--pink-600) !important;
}
.hover\:border-pink-700:hover {
  border-color: var(--pink-700) !important;
}
.hover\:border-pink-800:hover {
  border-color: var(--pink-800) !important;
}
.hover\:border-pink-900:hover {
  border-color: var(--pink-900) !important;
}
.active\:border-pink-50:active {
  border-color: var(--pink-50) !important;
}
.active\:border-pink-100:active {
  border-color: var(--pink-100) !important;
}
.active\:border-pink-200:active {
  border-color: var(--pink-200) !important;
}
.active\:border-pink-300:active {
  border-color: var(--pink-300) !important;
}
.active\:border-pink-400:active {
  border-color: var(--pink-400) !important;
}
.active\:border-pink-500:active {
  border-color: var(--pink-500) !important;
}
.active\:border-pink-600:active {
  border-color: var(--pink-600) !important;
}
.active\:border-pink-700:active {
  border-color: var(--pink-700) !important;
}
.active\:border-pink-800:active {
  border-color: var(--pink-800) !important;
}
.active\:border-pink-900:active {
  border-color: var(--pink-900) !important;
}
.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}
.border-indigo-100 {
  border-color: var(--indigo-100) !important;
}
.border-indigo-200 {
  border-color: var(--indigo-200) !important;
}
.border-indigo-300 {
  border-color: var(--indigo-300) !important;
}
.border-indigo-400 {
  border-color: var(--indigo-400) !important;
}
.border-indigo-500 {
  border-color: var(--indigo-500) !important;
}
.border-indigo-600 {
  border-color: var(--indigo-600) !important;
}
.border-indigo-700 {
  border-color: var(--indigo-700) !important;
}
.border-indigo-800 {
  border-color: var(--indigo-800) !important;
}
.border-indigo-900 {
  border-color: var(--indigo-900) !important;
}
.focus\:border-indigo-50:focus {
  border-color: var(--indigo-50) !important;
}
.focus\:border-indigo-100:focus {
  border-color: var(--indigo-100) !important;
}
.focus\:border-indigo-200:focus {
  border-color: var(--indigo-200) !important;
}
.focus\:border-indigo-300:focus {
  border-color: var(--indigo-300) !important;
}
.focus\:border-indigo-400:focus {
  border-color: var(--indigo-400) !important;
}
.focus\:border-indigo-500:focus {
  border-color: var(--indigo-500) !important;
}
.focus\:border-indigo-600:focus {
  border-color: var(--indigo-600) !important;
}
.focus\:border-indigo-700:focus {
  border-color: var(--indigo-700) !important;
}
.focus\:border-indigo-800:focus {
  border-color: var(--indigo-800) !important;
}
.focus\:border-indigo-900:focus {
  border-color: var(--indigo-900) !important;
}
.hover\:border-indigo-50:hover {
  border-color: var(--indigo-50) !important;
}
.hover\:border-indigo-100:hover {
  border-color: var(--indigo-100) !important;
}
.hover\:border-indigo-200:hover {
  border-color: var(--indigo-200) !important;
}
.hover\:border-indigo-300:hover {
  border-color: var(--indigo-300) !important;
}
.hover\:border-indigo-400:hover {
  border-color: var(--indigo-400) !important;
}
.hover\:border-indigo-500:hover {
  border-color: var(--indigo-500) !important;
}
.hover\:border-indigo-600:hover {
  border-color: var(--indigo-600) !important;
}
.hover\:border-indigo-700:hover {
  border-color: var(--indigo-700) !important;
}
.hover\:border-indigo-800:hover {
  border-color: var(--indigo-800) !important;
}
.hover\:border-indigo-900:hover {
  border-color: var(--indigo-900) !important;
}
.active\:border-indigo-50:active {
  border-color: var(--indigo-50) !important;
}
.active\:border-indigo-100:active {
  border-color: var(--indigo-100) !important;
}
.active\:border-indigo-200:active {
  border-color: var(--indigo-200) !important;
}
.active\:border-indigo-300:active {
  border-color: var(--indigo-300) !important;
}
.active\:border-indigo-400:active {
  border-color: var(--indigo-400) !important;
}
.active\:border-indigo-500:active {
  border-color: var(--indigo-500) !important;
}
.active\:border-indigo-600:active {
  border-color: var(--indigo-600) !important;
}
.active\:border-indigo-700:active {
  border-color: var(--indigo-700) !important;
}
.active\:border-indigo-800:active {
  border-color: var(--indigo-800) !important;
}
.active\:border-indigo-900:active {
  border-color: var(--indigo-900) !important;
}
.border-teal-50 {
  border-color: var(--teal-50) !important;
}
.border-teal-100 {
  border-color: var(--teal-100) !important;
}
.border-teal-200 {
  border-color: var(--teal-200) !important;
}
.border-teal-300 {
  border-color: var(--teal-300) !important;
}
.border-teal-400 {
  border-color: var(--teal-400) !important;
}
.border-teal-500 {
  border-color: var(--teal-500) !important;
}
.border-teal-600 {
  border-color: var(--teal-600) !important;
}
.border-teal-700 {
  border-color: var(--teal-700) !important;
}
.border-teal-800 {
  border-color: var(--teal-800) !important;
}
.border-teal-900 {
  border-color: var(--teal-900) !important;
}
.focus\:border-teal-50:focus {
  border-color: var(--teal-50) !important;
}
.focus\:border-teal-100:focus {
  border-color: var(--teal-100) !important;
}
.focus\:border-teal-200:focus {
  border-color: var(--teal-200) !important;
}
.focus\:border-teal-300:focus {
  border-color: var(--teal-300) !important;
}
.focus\:border-teal-400:focus {
  border-color: var(--teal-400) !important;
}
.focus\:border-teal-500:focus {
  border-color: var(--teal-500) !important;
}
.focus\:border-teal-600:focus {
  border-color: var(--teal-600) !important;
}
.focus\:border-teal-700:focus {
  border-color: var(--teal-700) !important;
}
.focus\:border-teal-800:focus {
  border-color: var(--teal-800) !important;
}
.focus\:border-teal-900:focus {
  border-color: var(--teal-900) !important;
}
.hover\:border-teal-50:hover {
  border-color: var(--teal-50) !important;
}
.hover\:border-teal-100:hover {
  border-color: var(--teal-100) !important;
}
.hover\:border-teal-200:hover {
  border-color: var(--teal-200) !important;
}
.hover\:border-teal-300:hover {
  border-color: var(--teal-300) !important;
}
.hover\:border-teal-400:hover {
  border-color: var(--teal-400) !important;
}
.hover\:border-teal-500:hover {
  border-color: var(--teal-500) !important;
}
.hover\:border-teal-600:hover {
  border-color: var(--teal-600) !important;
}
.hover\:border-teal-700:hover {
  border-color: var(--teal-700) !important;
}
.hover\:border-teal-800:hover {
  border-color: var(--teal-800) !important;
}
.hover\:border-teal-900:hover {
  border-color: var(--teal-900) !important;
}
.active\:border-teal-50:active {
  border-color: var(--teal-50) !important;
}
.active\:border-teal-100:active {
  border-color: var(--teal-100) !important;
}
.active\:border-teal-200:active {
  border-color: var(--teal-200) !important;
}
.active\:border-teal-300:active {
  border-color: var(--teal-300) !important;
}
.active\:border-teal-400:active {
  border-color: var(--teal-400) !important;
}
.active\:border-teal-500:active {
  border-color: var(--teal-500) !important;
}
.active\:border-teal-600:active {
  border-color: var(--teal-600) !important;
}
.active\:border-teal-700:active {
  border-color: var(--teal-700) !important;
}
.active\:border-teal-800:active {
  border-color: var(--teal-800) !important;
}
.active\:border-teal-900:active {
  border-color: var(--teal-900) !important;
}
.border-orange-50 {
  border-color: var(--orange-50) !important;
}
.border-orange-100 {
  border-color: var(--orange-100) !important;
}
.border-orange-200 {
  border-color: var(--orange-200) !important;
}
.border-orange-300 {
  border-color: var(--orange-300) !important;
}
.border-orange-400 {
  border-color: var(--orange-400) !important;
}
.border-orange-500 {
  border-color: var(--orange-500) !important;
}
.border-orange-600 {
  border-color: var(--orange-600) !important;
}
.border-orange-700 {
  border-color: var(--orange-700) !important;
}
.border-orange-800 {
  border-color: var(--orange-800) !important;
}
.border-orange-900 {
  border-color: var(--orange-900) !important;
}
.focus\:border-orange-50:focus {
  border-color: var(--orange-50) !important;
}
.focus\:border-orange-100:focus {
  border-color: var(--orange-100) !important;
}
.focus\:border-orange-200:focus {
  border-color: var(--orange-200) !important;
}
.focus\:border-orange-300:focus {
  border-color: var(--orange-300) !important;
}
.focus\:border-orange-400:focus {
  border-color: var(--orange-400) !important;
}
.focus\:border-orange-500:focus {
  border-color: var(--orange-500) !important;
}
.focus\:border-orange-600:focus {
  border-color: var(--orange-600) !important;
}
.focus\:border-orange-700:focus {
  border-color: var(--orange-700) !important;
}
.focus\:border-orange-800:focus {
  border-color: var(--orange-800) !important;
}
.focus\:border-orange-900:focus {
  border-color: var(--orange-900) !important;
}
.hover\:border-orange-50:hover {
  border-color: var(--orange-50) !important;
}
.hover\:border-orange-100:hover {
  border-color: var(--orange-100) !important;
}
.hover\:border-orange-200:hover {
  border-color: var(--orange-200) !important;
}
.hover\:border-orange-300:hover {
  border-color: var(--orange-300) !important;
}
.hover\:border-orange-400:hover {
  border-color: var(--orange-400) !important;
}
.hover\:border-orange-500:hover {
  border-color: var(--orange-500) !important;
}
.hover\:border-orange-600:hover {
  border-color: var(--orange-600) !important;
}
.hover\:border-orange-700:hover {
  border-color: var(--orange-700) !important;
}
.hover\:border-orange-800:hover {
  border-color: var(--orange-800) !important;
}
.hover\:border-orange-900:hover {
  border-color: var(--orange-900) !important;
}
.active\:border-orange-50:active {
  border-color: var(--orange-50) !important;
}
.active\:border-orange-100:active {
  border-color: var(--orange-100) !important;
}
.active\:border-orange-200:active {
  border-color: var(--orange-200) !important;
}
.active\:border-orange-300:active {
  border-color: var(--orange-300) !important;
}
.active\:border-orange-400:active {
  border-color: var(--orange-400) !important;
}
.active\:border-orange-500:active {
  border-color: var(--orange-500) !important;
}
.active\:border-orange-600:active {
  border-color: var(--orange-600) !important;
}
.active\:border-orange-700:active {
  border-color: var(--orange-700) !important;
}
.active\:border-orange-800:active {
  border-color: var(--orange-800) !important;
}
.active\:border-orange-900:active {
  border-color: var(--orange-900) !important;
}
.border-bluegray-50 {
  border-color: var(--bluegray-50) !important;
}
.border-bluegray-100 {
  border-color: var(--bluegray-100) !important;
}
.border-bluegray-200 {
  border-color: var(--bluegray-200) !important;
}
.border-bluegray-300 {
  border-color: var(--bluegray-300) !important;
}
.border-bluegray-400 {
  border-color: var(--bluegray-400) !important;
}
.border-bluegray-500 {
  border-color: var(--bluegray-500) !important;
}
.border-bluegray-600 {
  border-color: var(--bluegray-600) !important;
}
.border-bluegray-700 {
  border-color: var(--bluegray-700) !important;
}
.border-bluegray-800 {
  border-color: var(--bluegray-800) !important;
}
.border-bluegray-900 {
  border-color: var(--bluegray-900) !important;
}
.focus\:border-bluegray-50:focus {
  border-color: var(--bluegray-50) !important;
}
.focus\:border-bluegray-100:focus {
  border-color: var(--bluegray-100) !important;
}
.focus\:border-bluegray-200:focus {
  border-color: var(--bluegray-200) !important;
}
.focus\:border-bluegray-300:focus {
  border-color: var(--bluegray-300) !important;
}
.focus\:border-bluegray-400:focus {
  border-color: var(--bluegray-400) !important;
}
.focus\:border-bluegray-500:focus {
  border-color: var(--bluegray-500) !important;
}
.focus\:border-bluegray-600:focus {
  border-color: var(--bluegray-600) !important;
}
.focus\:border-bluegray-700:focus {
  border-color: var(--bluegray-700) !important;
}
.focus\:border-bluegray-800:focus {
  border-color: var(--bluegray-800) !important;
}
.focus\:border-bluegray-900:focus {
  border-color: var(--bluegray-900) !important;
}
.hover\:border-bluegray-50:hover {
  border-color: var(--bluegray-50) !important;
}
.hover\:border-bluegray-100:hover {
  border-color: var(--bluegray-100) !important;
}
.hover\:border-bluegray-200:hover {
  border-color: var(--bluegray-200) !important;
}
.hover\:border-bluegray-300:hover {
  border-color: var(--bluegray-300) !important;
}
.hover\:border-bluegray-400:hover {
  border-color: var(--bluegray-400) !important;
}
.hover\:border-bluegray-500:hover {
  border-color: var(--bluegray-500) !important;
}
.hover\:border-bluegray-600:hover {
  border-color: var(--bluegray-600) !important;
}
.hover\:border-bluegray-700:hover {
  border-color: var(--bluegray-700) !important;
}
.hover\:border-bluegray-800:hover {
  border-color: var(--bluegray-800) !important;
}
.hover\:border-bluegray-900:hover {
  border-color: var(--bluegray-900) !important;
}
.active\:border-bluegray-50:active {
  border-color: var(--bluegray-50) !important;
}
.active\:border-bluegray-100:active {
  border-color: var(--bluegray-100) !important;
}
.active\:border-bluegray-200:active {
  border-color: var(--bluegray-200) !important;
}
.active\:border-bluegray-300:active {
  border-color: var(--bluegray-300) !important;
}
.active\:border-bluegray-400:active {
  border-color: var(--bluegray-400) !important;
}
.active\:border-bluegray-500:active {
  border-color: var(--bluegray-500) !important;
}
.active\:border-bluegray-600:active {
  border-color: var(--bluegray-600) !important;
}
.active\:border-bluegray-700:active {
  border-color: var(--bluegray-700) !important;
}
.active\:border-bluegray-800:active {
  border-color: var(--bluegray-800) !important;
}
.active\:border-bluegray-900:active {
  border-color: var(--bluegray-900) !important;
}
.border-purple-50 {
  border-color: var(--purple-50) !important;
}
.border-purple-100 {
  border-color: var(--purple-100) !important;
}
.border-purple-200 {
  border-color: var(--purple-200) !important;
}
.border-purple-300 {
  border-color: var(--purple-300) !important;
}
.border-purple-400 {
  border-color: var(--purple-400) !important;
}
.border-purple-500 {
  border-color: var(--purple-500) !important;
}
.border-purple-600 {
  border-color: var(--purple-600) !important;
}
.border-purple-700 {
  border-color: var(--purple-700) !important;
}
.border-purple-800 {
  border-color: var(--purple-800) !important;
}
.border-purple-900 {
  border-color: var(--purple-900) !important;
}
.focus\:border-purple-50:focus {
  border-color: var(--purple-50) !important;
}
.focus\:border-purple-100:focus {
  border-color: var(--purple-100) !important;
}
.focus\:border-purple-200:focus {
  border-color: var(--purple-200) !important;
}
.focus\:border-purple-300:focus {
  border-color: var(--purple-300) !important;
}
.focus\:border-purple-400:focus {
  border-color: var(--purple-400) !important;
}
.focus\:border-purple-500:focus {
  border-color: var(--purple-500) !important;
}
.focus\:border-purple-600:focus {
  border-color: var(--purple-600) !important;
}
.focus\:border-purple-700:focus {
  border-color: var(--purple-700) !important;
}
.focus\:border-purple-800:focus {
  border-color: var(--purple-800) !important;
}
.focus\:border-purple-900:focus {
  border-color: var(--purple-900) !important;
}
.hover\:border-purple-50:hover {
  border-color: var(--purple-50) !important;
}
.hover\:border-purple-100:hover {
  border-color: var(--purple-100) !important;
}
.hover\:border-purple-200:hover {
  border-color: var(--purple-200) !important;
}
.hover\:border-purple-300:hover {
  border-color: var(--purple-300) !important;
}
.hover\:border-purple-400:hover {
  border-color: var(--purple-400) !important;
}
.hover\:border-purple-500:hover {
  border-color: var(--purple-500) !important;
}
.hover\:border-purple-600:hover {
  border-color: var(--purple-600) !important;
}
.hover\:border-purple-700:hover {
  border-color: var(--purple-700) !important;
}
.hover\:border-purple-800:hover {
  border-color: var(--purple-800) !important;
}
.hover\:border-purple-900:hover {
  border-color: var(--purple-900) !important;
}
.active\:border-purple-50:active {
  border-color: var(--purple-50) !important;
}
.active\:border-purple-100:active {
  border-color: var(--purple-100) !important;
}
.active\:border-purple-200:active {
  border-color: var(--purple-200) !important;
}
.active\:border-purple-300:active {
  border-color: var(--purple-300) !important;
}
.active\:border-purple-400:active {
  border-color: var(--purple-400) !important;
}
.active\:border-purple-500:active {
  border-color: var(--purple-500) !important;
}
.active\:border-purple-600:active {
  border-color: var(--purple-600) !important;
}
.active\:border-purple-700:active {
  border-color: var(--purple-700) !important;
}
.active\:border-purple-800:active {
  border-color: var(--purple-800) !important;
}
.active\:border-purple-900:active {
  border-color: var(--purple-900) !important;
}
.border-gray-50 {
  border-color: var(--gray-50) !important;
}
.border-gray-100 {
  border-color: var(--gray-100) !important;
}
.border-gray-200 {
  border-color: var(--gray-200) !important;
}
.border-gray-300 {
  border-color: var(--gray-300) !important;
}
.border-gray-400 {
  border-color: var(--gray-400) !important;
}
.border-gray-500 {
  border-color: var(--gray-500) !important;
}
.border-gray-600 {
  border-color: var(--gray-600) !important;
}
.border-gray-700 {
  border-color: var(--gray-700) !important;
}
.border-gray-800 {
  border-color: var(--gray-800) !important;
}
.border-gray-900 {
  border-color: var(--gray-900) !important;
}
.focus\:border-gray-50:focus {
  border-color: var(--gray-50) !important;
}
.focus\:border-gray-100:focus {
  border-color: var(--gray-100) !important;
}
.focus\:border-gray-200:focus {
  border-color: var(--gray-200) !important;
}
.focus\:border-gray-300:focus {
  border-color: var(--gray-300) !important;
}
.focus\:border-gray-400:focus {
  border-color: var(--gray-400) !important;
}
.focus\:border-gray-500:focus {
  border-color: var(--gray-500) !important;
}
.focus\:border-gray-600:focus {
  border-color: var(--gray-600) !important;
}
.focus\:border-gray-700:focus {
  border-color: var(--gray-700) !important;
}
.focus\:border-gray-800:focus {
  border-color: var(--gray-800) !important;
}
.focus\:border-gray-900:focus {
  border-color: var(--gray-900) !important;
}
.hover\:border-gray-50:hover {
  border-color: var(--gray-50) !important;
}
.hover\:border-gray-100:hover {
  border-color: var(--gray-100) !important;
}
.hover\:border-gray-200:hover {
  border-color: var(--gray-200) !important;
}
.hover\:border-gray-300:hover {
  border-color: var(--gray-300) !important;
}
.hover\:border-gray-400:hover {
  border-color: var(--gray-400) !important;
}
.hover\:border-gray-500:hover {
  border-color: var(--gray-500) !important;
}
.hover\:border-gray-600:hover {
  border-color: var(--gray-600) !important;
}
.hover\:border-gray-700:hover {
  border-color: var(--gray-700) !important;
}
.hover\:border-gray-800:hover {
  border-color: var(--gray-800) !important;
}
.hover\:border-gray-900:hover {
  border-color: var(--gray-900) !important;
}
.active\:border-gray-50:active {
  border-color: var(--gray-50) !important;
}
.active\:border-gray-100:active {
  border-color: var(--gray-100) !important;
}
.active\:border-gray-200:active {
  border-color: var(--gray-200) !important;
}
.active\:border-gray-300:active {
  border-color: var(--gray-300) !important;
}
.active\:border-gray-400:active {
  border-color: var(--gray-400) !important;
}
.active\:border-gray-500:active {
  border-color: var(--gray-500) !important;
}
.active\:border-gray-600:active {
  border-color: var(--gray-600) !important;
}
.active\:border-gray-700:active {
  border-color: var(--gray-700) !important;
}
.active\:border-gray-800:active {
  border-color: var(--gray-800) !important;
}
.active\:border-gray-900:active {
  border-color: var(--gray-900) !important;
}
.border-red-50 {
  border-color: var(--red-50) !important;
}
.border-red-100 {
  border-color: var(--red-100) !important;
}
.border-red-200 {
  border-color: var(--red-200) !important;
}
.border-red-300 {
  border-color: var(--red-300) !important;
}
.border-red-400 {
  border-color: var(--red-400) !important;
}
.border-red-500 {
  border-color: var(--red-500) !important;
}
.border-red-600 {
  border-color: var(--red-600) !important;
}
.border-red-700 {
  border-color: var(--red-700) !important;
}
.border-red-800 {
  border-color: var(--red-800) !important;
}
.border-red-900 {
  border-color: var(--red-900) !important;
}
.focus\:border-red-50:focus {
  border-color: var(--red-50) !important;
}
.focus\:border-red-100:focus {
  border-color: var(--red-100) !important;
}
.focus\:border-red-200:focus {
  border-color: var(--red-200) !important;
}
.focus\:border-red-300:focus {
  border-color: var(--red-300) !important;
}
.focus\:border-red-400:focus {
  border-color: var(--red-400) !important;
}
.focus\:border-red-500:focus {
  border-color: var(--red-500) !important;
}
.focus\:border-red-600:focus {
  border-color: var(--red-600) !important;
}
.focus\:border-red-700:focus {
  border-color: var(--red-700) !important;
}
.focus\:border-red-800:focus {
  border-color: var(--red-800) !important;
}
.focus\:border-red-900:focus {
  border-color: var(--red-900) !important;
}
.hover\:border-red-50:hover {
  border-color: var(--red-50) !important;
}
.hover\:border-red-100:hover {
  border-color: var(--red-100) !important;
}
.hover\:border-red-200:hover {
  border-color: var(--red-200) !important;
}
.hover\:border-red-300:hover {
  border-color: var(--red-300) !important;
}
.hover\:border-red-400:hover {
  border-color: var(--red-400) !important;
}
.hover\:border-red-500:hover {
  border-color: var(--red-500) !important;
}
.hover\:border-red-600:hover {
  border-color: var(--red-600) !important;
}
.hover\:border-red-700:hover {
  border-color: var(--red-700) !important;
}
.hover\:border-red-800:hover {
  border-color: var(--red-800) !important;
}
.hover\:border-red-900:hover {
  border-color: var(--red-900) !important;
}
.active\:border-red-50:active {
  border-color: var(--red-50) !important;
}
.active\:border-red-100:active {
  border-color: var(--red-100) !important;
}
.active\:border-red-200:active {
  border-color: var(--red-200) !important;
}
.active\:border-red-300:active {
  border-color: var(--red-300) !important;
}
.active\:border-red-400:active {
  border-color: var(--red-400) !important;
}
.active\:border-red-500:active {
  border-color: var(--red-500) !important;
}
.active\:border-red-600:active {
  border-color: var(--red-600) !important;
}
.active\:border-red-700:active {
  border-color: var(--red-700) !important;
}
.active\:border-red-800:active {
  border-color: var(--red-800) !important;
}
.active\:border-red-900:active {
  border-color: var(--red-900) !important;
}
.border-primary-50 {
  border-color: var(--primary-50) !important;
}
.border-primary-100 {
  border-color: var(--primary-100) !important;
}
.border-primary-200 {
  border-color: var(--primary-200) !important;
}
.border-primary-300 {
  border-color: var(--primary-300) !important;
}
.border-primary-400 {
  border-color: var(--primary-400) !important;
}
.border-primary-500 {
  border-color: var(--primary-500) !important;
}
.border-primary-600 {
  border-color: var(--primary-600) !important;
}
.border-primary-700 {
  border-color: var(--primary-700) !important;
}
.border-primary-800 {
  border-color: var(--primary-800) !important;
}
.border-primary-900 {
  border-color: var(--primary-900) !important;
}
.focus\:border-primary-50:focus {
  border-color: var(--primary-50) !important;
}
.focus\:border-primary-100:focus {
  border-color: var(--primary-100) !important;
}
.focus\:border-primary-200:focus {
  border-color: var(--primary-200) !important;
}
.focus\:border-primary-300:focus {
  border-color: var(--primary-300) !important;
}
.focus\:border-primary-400:focus {
  border-color: var(--primary-400) !important;
}
.focus\:border-primary-500:focus {
  border-color: var(--primary-500) !important;
}
.focus\:border-primary-600:focus {
  border-color: var(--primary-600) !important;
}
.focus\:border-primary-700:focus {
  border-color: var(--primary-700) !important;
}
.focus\:border-primary-800:focus {
  border-color: var(--primary-800) !important;
}
.focus\:border-primary-900:focus {
  border-color: var(--primary-900) !important;
}
.hover\:border-primary-50:hover {
  border-color: var(--primary-50) !important;
}
.hover\:border-primary-100:hover {
  border-color: var(--primary-100) !important;
}
.hover\:border-primary-200:hover {
  border-color: var(--primary-200) !important;
}
.hover\:border-primary-300:hover {
  border-color: var(--primary-300) !important;
}
.hover\:border-primary-400:hover {
  border-color: var(--primary-400) !important;
}
.hover\:border-primary-500:hover {
  border-color: var(--primary-500) !important;
}
.hover\:border-primary-600:hover {
  border-color: var(--primary-600) !important;
}
.hover\:border-primary-700:hover {
  border-color: var(--primary-700) !important;
}
.hover\:border-primary-800:hover {
  border-color: var(--primary-800) !important;
}
.hover\:border-primary-900:hover {
  border-color: var(--primary-900) !important;
}
.active\:border-primary-50:active {
  border-color: var(--primary-50) !important;
}
.active\:border-primary-100:active {
  border-color: var(--primary-100) !important;
}
.active\:border-primary-200:active {
  border-color: var(--primary-200) !important;
}
.active\:border-primary-300:active {
  border-color: var(--primary-300) !important;
}
.active\:border-primary-400:active {
  border-color: var(--primary-400) !important;
}
.active\:border-primary-500:active {
  border-color: var(--primary-500) !important;
}
.active\:border-primary-600:active {
  border-color: var(--primary-600) !important;
}
.active\:border-primary-700:active {
  border-color: var(--primary-700) !important;
}
.active\:border-primary-800:active {
  border-color: var(--primary-800) !important;
}
.active\:border-primary-900:active {
  border-color: var(--primary-900) !important;
}
.bg-white-alpha-10 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-white-alpha-20 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-white-alpha-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-white-alpha-40 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-white-alpha-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-alpha-60 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bg-white-alpha-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-white-alpha-80 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-white-alpha-90 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:bg-white-alpha-10:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:bg-white-alpha-20:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:bg-white-alpha-30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:bg-white-alpha-40:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:bg-white-alpha-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:bg-white-alpha-60:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:bg-white-alpha-70:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:bg-white-alpha-80:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:bg-white-alpha-90:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:bg-white-alpha-10:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:bg-white-alpha-20:focus {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:bg-white-alpha-30:focus {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:bg-white-alpha-40:focus {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:bg-white-alpha-50:focus {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:bg-white-alpha-60:focus {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:bg-white-alpha-70:focus {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:bg-white-alpha-80:focus {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:bg-white-alpha-90:focus {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.active\:bg-white-alpha-10:active {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.active\:bg-white-alpha-20:active {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.active\:bg-white-alpha-30:active {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.active\:bg-white-alpha-40:active {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.active\:bg-white-alpha-50:active {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.active\:bg-white-alpha-60:active {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.active\:bg-white-alpha-70:active {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.active\:bg-white-alpha-80:active {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.active\:bg-white-alpha-90:active {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-black-alpha-10 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.bg-black-alpha-20 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-black-alpha-30 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.bg-black-alpha-40 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-black-alpha-50 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-black-alpha-60 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.bg-black-alpha-70 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-black-alpha-80 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.bg-black-alpha-90 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:bg-black-alpha-10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:bg-black-alpha-20:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:bg-black-alpha-30:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:bg-black-alpha-40:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:bg-black-alpha-50:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:bg-black-alpha-60:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:bg-black-alpha-70:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:bg-black-alpha-80:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:bg-black-alpha-90:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:bg-black-alpha-10:focus {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:bg-black-alpha-20:focus {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:bg-black-alpha-30:focus {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:bg-black-alpha-40:focus {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:bg-black-alpha-50:focus {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:bg-black-alpha-60:focus {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:bg-black-alpha-70:focus {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:bg-black-alpha-80:focus {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:bg-black-alpha-90:focus {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.active\:bg-black-alpha-10:active {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
.active\:bg-black-alpha-20:active {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.active\:bg-black-alpha-30:active {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.active\:bg-black-alpha-40:active {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.active\:bg-black-alpha-50:active {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.active\:bg-black-alpha-60:active {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.active\:bg-black-alpha-70:active {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.active\:bg-black-alpha-80:active {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.active\:bg-black-alpha-90:active {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.border-white-alpha-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border-white-alpha-20 {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.border-white-alpha-30 {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.border-white-alpha-40 {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.border-white-alpha-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border-white-alpha-60 {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.border-white-alpha-70 {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.border-white-alpha-80 {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.border-white-alpha-90 {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:border-white-alpha-10:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:border-white-alpha-20:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:border-white-alpha-30:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:border-white-alpha-40:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:border-white-alpha-50:hover {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:border-white-alpha-60:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:border-white-alpha-70:hover {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:border-white-alpha-80:hover {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:border-white-alpha-90:hover {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:border-white-alpha-10:focus {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:border-white-alpha-20:focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:border-white-alpha-30:focus {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:border-white-alpha-40:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:border-white-alpha-50:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:border-white-alpha-60:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:border-white-alpha-70:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:border-white-alpha-80:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:border-white-alpha-90:focus {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.active\:border-white-alpha-10:active {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.active\:border-white-alpha-20:active {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.active\:border-white-alpha-30:active {
  border-color: rgba(255, 255, 255, 0.3) !important;
}
.active\:border-white-alpha-40:active {
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.active\:border-white-alpha-50:active {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.active\:border-white-alpha-60:active {
  border-color: rgba(255, 255, 255, 0.6) !important;
}
.active\:border-white-alpha-70:active {
  border-color: rgba(255, 255, 255, 0.7) !important;
}
.active\:border-white-alpha-80:active {
  border-color: rgba(255, 255, 255, 0.8) !important;
}
.active\:border-white-alpha-90:active {
  border-color: rgba(255, 255, 255, 0.9) !important;
}
.border-black-alpha-10 {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.border-black-alpha-20 {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.border-black-alpha-30 {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.border-black-alpha-40 {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.border-black-alpha-50 {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.border-black-alpha-60 {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.border-black-alpha-70 {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.border-black-alpha-80 {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.border-black-alpha-90 {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:border-black-alpha-10:hover {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:border-black-alpha-20:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:border-black-alpha-30:hover {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:border-black-alpha-40:hover {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:border-black-alpha-50:hover {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:border-black-alpha-60:hover {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:border-black-alpha-70:hover {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:border-black-alpha-80:hover {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:border-black-alpha-90:hover {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:border-black-alpha-10:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:border-black-alpha-20:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:border-black-alpha-30:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:border-black-alpha-40:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:border-black-alpha-50:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:border-black-alpha-60:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:border-black-alpha-70:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:border-black-alpha-80:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:border-black-alpha-90:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.active\:border-black-alpha-10:active {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.active\:border-black-alpha-20:active {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.active\:border-black-alpha-30:active {
  border-color: rgba(0, 0, 0, 0.3) !important;
}
.active\:border-black-alpha-40:active {
  border-color: rgba(0, 0, 0, 0.4) !important;
}
.active\:border-black-alpha-50:active {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.active\:border-black-alpha-60:active {
  border-color: rgba(0, 0, 0, 0.6) !important;
}
.active\:border-black-alpha-70:active {
  border-color: rgba(0, 0, 0, 0.7) !important;
}
.active\:border-black-alpha-80:active {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.active\:border-black-alpha-90:active {
  border-color: rgba(0, 0, 0, 0.9) !important;
}
.text-white-alpha-10 {
  color: rgba(255, 255, 255, 0.1) !important;
}
.text-white-alpha-20 {
  color: rgba(255, 255, 255, 0.2) !important;
}
.text-white-alpha-30 {
  color: rgba(255, 255, 255, 0.3) !important;
}
.text-white-alpha-40 {
  color: rgba(255, 255, 255, 0.4) !important;
}
.text-white-alpha-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-white-alpha-60 {
  color: rgba(255, 255, 255, 0.6) !important;
}
.text-white-alpha-70 {
  color: rgba(255, 255, 255, 0.7) !important;
}
.text-white-alpha-80 {
  color: rgba(255, 255, 255, 0.8) !important;
}
.text-white-alpha-90 {
  color: rgba(255, 255, 255, 0.9) !important;
}
.hover\:text-white-alpha-10:hover {
  color: rgba(255, 255, 255, 0.1) !important;
}
.hover\:text-white-alpha-20:hover {
  color: rgba(255, 255, 255, 0.2) !important;
}
.hover\:text-white-alpha-30:hover {
  color: rgba(255, 255, 255, 0.3) !important;
}
.hover\:text-white-alpha-40:hover {
  color: rgba(255, 255, 255, 0.4) !important;
}
.hover\:text-white-alpha-50:hover {
  color: rgba(255, 255, 255, 0.5) !important;
}
.hover\:text-white-alpha-60:hover {
  color: rgba(255, 255, 255, 0.6) !important;
}
.hover\:text-white-alpha-70:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}
.hover\:text-white-alpha-80:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.hover\:text-white-alpha-90:hover {
  color: rgba(255, 255, 255, 0.9) !important;
}
.focus\:text-white-alpha-10:focus {
  color: rgba(255, 255, 255, 0.1) !important;
}
.focus\:text-white-alpha-20:focus {
  color: rgba(255, 255, 255, 0.2) !important;
}
.focus\:text-white-alpha-30:focus {
  color: rgba(255, 255, 255, 0.3) !important;
}
.focus\:text-white-alpha-40:focus {
  color: rgba(255, 255, 255, 0.4) !important;
}
.focus\:text-white-alpha-50:focus {
  color: rgba(255, 255, 255, 0.5) !important;
}
.focus\:text-white-alpha-60:focus {
  color: rgba(255, 255, 255, 0.6) !important;
}
.focus\:text-white-alpha-70:focus {
  color: rgba(255, 255, 255, 0.7) !important;
}
.focus\:text-white-alpha-80:focus {
  color: rgba(255, 255, 255, 0.8) !important;
}
.focus\:text-white-alpha-90:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}
.active\:text-white-alpha-10:active {
  color: rgba(255, 255, 255, 0.1) !important;
}
.active\:text-white-alpha-20:active {
  color: rgba(255, 255, 255, 0.2) !important;
}
.active\:text-white-alpha-30:active {
  color: rgba(255, 255, 255, 0.3) !important;
}
.active\:text-white-alpha-40:active {
  color: rgba(255, 255, 255, 0.4) !important;
}
.active\:text-white-alpha-50:active {
  color: rgba(255, 255, 255, 0.5) !important;
}
.active\:text-white-alpha-60:active {
  color: rgba(255, 255, 255, 0.6) !important;
}
.active\:text-white-alpha-70:active {
  color: rgba(255, 255, 255, 0.7) !important;
}
.active\:text-white-alpha-80:active {
  color: rgba(255, 255, 255, 0.8) !important;
}
.active\:text-white-alpha-90:active {
  color: rgba(255, 255, 255, 0.9) !important;
}
.text-black-alpha-10 {
  color: rgba(0, 0, 0, 0.1) !important;
}
.text-black-alpha-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}
.text-black-alpha-30 {
  color: rgba(0, 0, 0, 0.3) !important;
}
.text-black-alpha-40 {
  color: rgba(0, 0, 0, 0.4) !important;
}
.text-black-alpha-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-black-alpha-60 {
  color: rgba(0, 0, 0, 0.6) !important;
}
.text-black-alpha-70 {
  color: rgba(0, 0, 0, 0.7) !important;
}
.text-black-alpha-80 {
  color: rgba(0, 0, 0, 0.8) !important;
}
.text-black-alpha-90 {
  color: rgba(0, 0, 0, 0.9) !important;
}
.hover\:text-black-alpha-10:hover {
  color: rgba(0, 0, 0, 0.1) !important;
}
.hover\:text-black-alpha-20:hover {
  color: rgba(0, 0, 0, 0.2) !important;
}
.hover\:text-black-alpha-30:hover {
  color: rgba(0, 0, 0, 0.3) !important;
}
.hover\:text-black-alpha-40:hover {
  color: rgba(0, 0, 0, 0.4) !important;
}
.hover\:text-black-alpha-50:hover {
  color: rgba(0, 0, 0, 0.5) !important;
}
.hover\:text-black-alpha-60:hover {
  color: rgba(0, 0, 0, 0.6) !important;
}
.hover\:text-black-alpha-70:hover {
  color: rgba(0, 0, 0, 0.7) !important;
}
.hover\:text-black-alpha-80:hover {
  color: rgba(0, 0, 0, 0.8) !important;
}
.hover\:text-black-alpha-90:hover {
  color: rgba(0, 0, 0, 0.9) !important;
}
.focus\:text-black-alpha-10:focus {
  color: rgba(0, 0, 0, 0.1) !important;
}
.focus\:text-black-alpha-20:focus {
  color: rgba(0, 0, 0, 0.2) !important;
}
.focus\:text-black-alpha-30:focus {
  color: rgba(0, 0, 0, 0.3) !important;
}
.focus\:text-black-alpha-40:focus {
  color: rgba(0, 0, 0, 0.4) !important;
}
.focus\:text-black-alpha-50:focus {
  color: rgba(0, 0, 0, 0.5) !important;
}
.focus\:text-black-alpha-60:focus {
  color: rgba(0, 0, 0, 0.6) !important;
}
.focus\:text-black-alpha-70:focus {
  color: rgba(0, 0, 0, 0.7) !important;
}
.focus\:text-black-alpha-80:focus {
  color: rgba(0, 0, 0, 0.8) !important;
}
.focus\:text-black-alpha-90:focus {
  color: rgba(0, 0, 0, 0.9) !important;
}
.active\:text-black-alpha-10:active {
  color: rgba(0, 0, 0, 0.1) !important;
}
.active\:text-black-alpha-20:active {
  color: rgba(0, 0, 0, 0.2) !important;
}
.active\:text-black-alpha-30:active {
  color: rgba(0, 0, 0, 0.3) !important;
}
.active\:text-black-alpha-40:active {
  color: rgba(0, 0, 0, 0.4) !important;
}
.active\:text-black-alpha-50:active {
  color: rgba(0, 0, 0, 0.5) !important;
}
.active\:text-black-alpha-60:active {
  color: rgba(0, 0, 0, 0.6) !important;
}
.active\:text-black-alpha-70:active {
  color: rgba(0, 0, 0, 0.7) !important;
}
.active\:text-black-alpha-80:active {
  color: rgba(0, 0, 0, 0.8) !important;
}
.active\:text-black-alpha-90:active {
  color: rgba(0, 0, 0, 0.9) !important;
}
.text-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.bg-primary-reverse {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-white {
  color: #ffffff !important;
}
.border-white {
  border-color: #ffffff !important;
}
.text-color {
  color: var(--text-color) !important;
}
.text-color-secondary {
  color: var(--text-color-secondary) !important;
}
.surface-ground {
  background-color: var(--surface-ground) !important;
}
.surface-section {
  background-color: var(--surface-section) !important;
}
.surface-card {
  background-color: var(--surface-card) !important;
}
.surface-overlay {
  background-color: var(--surface-overlay) !important;
}
.surface-hover {
  background-color: var(--surface-hover) !important;
}
.surface-border {
  border-color: var(--surface-border) !important;
}
.focus\:text-primary:focus {
  color: var(--primary-color) !important;
}
.hover\:text-primary:hover {
  color: var(--primary-color) !important;
}
.active\:text-primary:active {
  color: var(--primary-color) !important;
}
.focus\:bg-primary:focus {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.hover\:bg-primary:hover {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.active\:bg-primary:active {
  color: var(--primary-color-text) !important;
  background-color: var(--primary-color) !important;
}
.focus\:bg-primary-reverse:focus {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.hover\:bg-primary-reverse:hover {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.active\:bg-primary-reverse:active {
  color: var(--primary-color) !important;
  background-color: var(--primary-color-text) !important;
}
.focus\:bg-white:focus {
  background-color: #ffffff !important;
}
.hover\:bg-white:hover {
  background-color: #ffffff !important;
}
.active\:bg-white:active {
  background-color: #ffffff !important;
}
.focus\:border-primary:focus {
  border-color: var(--primary-color) !important;
}
.hover\:border-primary:hover {
  border-color: var(--primary-color) !important;
}
.active\:border-primary:active {
  border-color: var(--primary-color) !important;
}
.focus\:text-white:focus {
  color: #ffffff !important;
}
.hover\:text-white:hover {
  color: #ffffff !important;
}
.active\:text-white:active {
  color: #ffffff !important;
}
.focus\:border-white:focus {
  border-color: #ffffff !important;
}
.hover\:border-white:hover {
  border-color: #ffffff !important;
}
.active\:border-white:active {
  border-color: #ffffff !important;
}
.focus\:text-color:focus {
  color: var(--text-color) !important;
}
.hover\:text-color:hover {
  color: var(--text-color) !important;
}
.active\:text-color:active {
  color: var(--text-color) !important;
}
.focus\:text-color-secondary:focus {
  color: var(--text-color-secondary) !important;
}
.hover\:text-color-secondary:hover {
  color: var(--text-color-secondary) !important;
}
.active\:text-color-secondary:active {
  color: var(--text-color-secondary) !important;
}
.focus\:surface-ground:focus {
  background-color: var(--surface-ground) !important;
}
.hover\:surface-ground:hover {
  background-color: var(--surface-ground) !important;
}
.active\:surface-ground:active {
  background-color: var(--surface-ground) !important;
}
.focus\:surface-section:focus {
  background-color: var(--surface-section) !important;
}
.hover\:surface-section:hover {
  background-color: var(--surface-section) !important;
}
.active\:surface-section:active {
  background-color: var(--surface-section) !important;
}
.focus\:surface-card:focus {
  background-color: var(--surface-card) !important;
}
.hover\:surface-card:hover {
  background-color: var(--surface-card) !important;
}
.active\:surface-card:active {
  background-color: var(--surface-card) !important;
}
.focus\:surface-overlay:focus {
  background-color: var(--surface-overlay) !important;
}
.hover\:surface-overlay:hover {
  background-color: var(--surface-overlay) !important;
}
.active\:surface-overlay:active {
  background-color: var(--surface-overlay) !important;
}
.focus\:surface-hover:focus {
  background-color: var(--surface-hover) !important;
}
.hover\:surface-hover:hover {
  background-color: var(--surface-hover) !important;
}
.active\:surface-hover:active {
  background-color: var(--surface-hover) !important;
}
.focus\:surface-border:focus {
  border-color: var(--surface-border) !important;
}
.hover\:surface-border:hover {
  border-color: var(--surface-border) !important;
}
.active\:surface-border:active {
  border-color: var(--surface-border) !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-primary {
    color: var(--primary-color) !important;
  }
  .sm\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:bg-white {
    background-color: #ffffff !important;
  }
  .sm\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .sm\:text-white {
    color: #ffffff !important;
  }
  .sm\:border-white {
    border-color: #ffffff !important;
  }
  .sm\:text-color {
    color: var(--text-color) !important;
  }
  .sm\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .sm\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .sm\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .sm\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .sm\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .sm\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .sm\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .sm\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .sm\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .sm\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .sm\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .sm\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .sm\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .sm\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .sm\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .sm\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .sm\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .sm\:active\:text-white:active {
    color: #ffffff !important;
  }
  .sm\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .sm\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .sm\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .sm\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .sm\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .sm\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .sm\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .sm\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .sm\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .sm\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .sm\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .sm\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .sm\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .sm\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .sm\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .sm\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .sm\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .sm\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .sm\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .sm\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .sm\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .sm\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .sm\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .sm\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .sm\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-primary {
    color: var(--primary-color) !important;
  }
  .md\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:bg-white {
    background-color: #ffffff !important;
  }
  .md\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .md\:text-white {
    color: #ffffff !important;
  }
  .md\:border-white {
    border-color: #ffffff !important;
  }
  .md\:text-color {
    color: var(--text-color) !important;
  }
  .md\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .md\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .md\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .md\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .md\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .md\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .md\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .md\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .md\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .md\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .md\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .md\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .md\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .md\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .md\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .md\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .md\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .md\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .md\:active\:text-white:active {
    color: #ffffff !important;
  }
  .md\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .md\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .md\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .md\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .md\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .md\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .md\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .md\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .md\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .md\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .md\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .md\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .md\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .md\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .md\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .md\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .md\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .md\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .md\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .md\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .md\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .md\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .md\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .md\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .md\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .md\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .md\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-primary {
    color: var(--primary-color) !important;
  }
  .lg\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:bg-white {
    background-color: #ffffff !important;
  }
  .lg\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .lg\:text-white {
    color: #ffffff !important;
  }
  .lg\:border-white {
    border-color: #ffffff !important;
  }
  .lg\:text-color {
    color: var(--text-color) !important;
  }
  .lg\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .lg\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .lg\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .lg\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .lg\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .lg\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .lg\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .lg\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .lg\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .lg\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .lg\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .lg\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .lg\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .lg\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .lg\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .lg\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .lg\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .lg\:active\:text-white:active {
    color: #ffffff !important;
  }
  .lg\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .lg\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .lg\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .lg\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .lg\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .lg\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .lg\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .lg\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .lg\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .lg\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .lg\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .lg\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .lg\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .lg\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .lg\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .lg\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .lg\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .lg\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .lg\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .lg\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .lg\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .lg\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .lg\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .lg\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .lg\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-primary {
    color: var(--primary-color) !important;
  }
  .xl\:bg-primary {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:bg-primary-reverse {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:bg-white {
    background-color: #ffffff !important;
  }
  .xl\:border-primary {
    border-color: var(--primary-color) !important;
  }
  .xl\:text-white {
    color: #ffffff !important;
  }
  .xl\:border-white {
    border-color: #ffffff !important;
  }
  .xl\:text-color {
    color: var(--text-color) !important;
  }
  .xl\:text-color-secondary {
    color: var(--text-color-secondary) !important;
  }
  .xl\:surface-ground {
    background-color: var(--surface-ground) !important;
  }
  .xl\:surface-section {
    background-color: var(--surface-section) !important;
  }
  .xl\:surface-card {
    background-color: var(--surface-card) !important;
  }
  .xl\:surface-overlay {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:surface-hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:surface-border {
    border-color: var(--surface-border) !important;
  }
  .xl\:focus\:text-primary:focus {
    color: var(--primary-color) !important;
  }
  .xl\:hover\:text-primary:hover {
    color: var(--primary-color) !important;
  }
  .xl\:active\:text-primary:active {
    color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary:focus {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:hover\:bg-primary:hover {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:active\:bg-primary:active {
    color: var(--primary-color-text) !important;
    background-color: var(--primary-color) !important;
  }
  .xl\:focus\:bg-primary-reverse:focus {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:hover\:bg-primary-reverse:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:active\:bg-primary-reverse:active {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-text) !important;
  }
  .xl\:focus\:bg-white:focus {
    background-color: #ffffff !important;
  }
  .xl\:hover\:bg-white:hover {
    background-color: #ffffff !important;
  }
  .xl\:active\:bg-white:active {
    background-color: #ffffff !important;
  }
  .xl\:focus\:border-primary:focus {
    border-color: var(--primary-color) !important;
  }
  .xl\:hover\:border-primary:hover {
    border-color: var(--primary-color) !important;
  }
  .xl\:active\:border-primary:active {
    border-color: var(--primary-color) !important;
  }
  .xl\:focus\:text-white:focus {
    color: #ffffff !important;
  }
  .xl\:hover\:text-white:hover {
    color: #ffffff !important;
  }
  .xl\:active\:text-white:active {
    color: #ffffff !important;
  }
  .xl\:focus\:border-white:focus {
    border-color: #ffffff !important;
  }
  .xl\:hover\:border-white:hover {
    border-color: #ffffff !important;
  }
  .xl\:active\:border-white:active {
    border-color: #ffffff !important;
  }
  .xl\:focus\:text-color:focus {
    color: var(--text-color) !important;
  }
  .xl\:hover\:text-color:hover {
    color: var(--text-color) !important;
  }
  .xl\:active\:text-color:active {
    color: var(--text-color) !important;
  }
  .xl\:focus\:text-color-secondary:focus {
    color: var(--text-color-secondary) !important;
  }
  .xl\:hover\:text-color-secondary:hover {
    color: var(--text-color-secondary) !important;
  }
  .xl\:active\:text-color-secondary:active {
    color: var(--text-color-secondary) !important;
  }
  .xl\:focus\:surface-ground:focus {
    background-color: var(--surface-ground) !important;
  }
  .xl\:hover\:surface-ground:hover {
    background-color: var(--surface-ground) !important;
  }
  .xl\:active\:surface-ground:active {
    background-color: var(--surface-ground) !important;
  }
  .xl\:focus\:surface-section:focus {
    background-color: var(--surface-section) !important;
  }
  .xl\:hover\:surface-section:hover {
    background-color: var(--surface-section) !important;
  }
  .xl\:active\:surface-section:active {
    background-color: var(--surface-section) !important;
  }
  .xl\:focus\:surface-card:focus {
    background-color: var(--surface-card) !important;
  }
  .xl\:hover\:surface-card:hover {
    background-color: var(--surface-card) !important;
  }
  .xl\:active\:surface-card:active {
    background-color: var(--surface-card) !important;
  }
  .xl\:focus\:surface-overlay:focus {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:hover\:surface-overlay:hover {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:active\:surface-overlay:active {
    background-color: var(--surface-overlay) !important;
  }
  .xl\:focus\:surface-hover:focus {
    background-color: var(--surface-hover) !important;
  }
  .xl\:hover\:surface-hover:hover {
    background-color: var(--surface-hover) !important;
  }
  .xl\:active\:surface-hover:active {
    background-color: var(--surface-hover) !important;
  }
  .xl\:focus\:surface-border:focus {
    border-color: var(--surface-border) !important;
  }
  .xl\:hover\:surface-border:hover {
    border-color: var(--surface-border) !important;
  }
  .xl\:active\:surface-border:active {
    border-color: var(--surface-border) !important;
  }
}
.field {
  margin-bottom: 1rem;
}
.field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.field.grid > label {
  display: flex;
  align-items: center;
}
.field > small {
  margin-top: 0.25rem;
}
.field.grid,
.formgrid.grid {
  margin-top: 0;
}
.field.grid .col-fixed,
.formgrid.grid .col-fixed,
.field.grid .col,
.formgrid.grid .col,
.field.grid .col-1,
.formgrid.grid .col-1,
.field.grid .col-2,
.formgrid.grid .col-2,
.field.grid .col-3,
.formgrid.grid .col-3,
.field.grid .col-4,
.formgrid.grid .col-4,
.field.grid .col-5,
.formgrid.grid .col-5,
.field.grid .col-6,
.formgrid.grid .col-6,
.field.grid .col-7,
.formgrid.grid .col-7,
.field.grid .col-8,
.formgrid.grid .col-8,
.field.grid .col-9,
.formgrid.grid .col-9,
.field.grid .col-10,
.formgrid.grid .col-10,
.field.grid .col-11,
.formgrid.grid .col-11,
.field.grid .col-12,
.formgrid.grid .col-12 {
  padding-top: 0;
  padding-bottom: 0;
}
.formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formgroup-inline .field,
.formgroup-inline .field-checkbox,
.formgroup-inline .field-radiobutton {
  margin-right: 1rem;
}
.formgroup-inline .field > label,
.formgroup-inline .field-checkbox > label,
.formgroup-inline .field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.field-checkbox,
.field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.field-checkbox > label,
.field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}
.hidden {
  display: none !important;
}
.block {
  display: block !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
  .sm\:text-justify {
    text-align: justify !important;
  }
  .sm\:text-left {
    text-align: left !important;
  }
  .sm\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
  .lg\:text-justify {
    text-align: justify !important;
  }
  .lg\:text-left {
    text-align: left !important;
  }
  .lg\:text-right {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
  .xl\:text-justify {
    text-align: justify !important;
  }
  .xl\:text-left {
    text-align: left !important;
  }
  .xl\:text-right {
    text-align: right !important;
  }
}
.underline {
  text-decoration: underline !important;
}
.line-through {
  text-decoration: line-through !important;
}
.no-underline {
  text-decoration: none !important;
}
.focus\:underline:focus {
  text-decoration: underline !important;
}
.hover\:underline:hover {
  text-decoration: underline !important;
}
.active\:underline:active {
  text-decoration: underline !important;
}
.focus\:line-through:focus {
  text-decoration: line-through !important;
}
.hover\:line-through:hover {
  text-decoration: line-through !important;
}
.active\:line-through:active {
  text-decoration: line-through !important;
}
.focus\:no-underline:focus {
  text-decoration: none !important;
}
.hover\:no-underline:hover {
  text-decoration: none !important;
}
.active\:no-underline:active {
  text-decoration: none !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.text-overflow-clip {
  text-overflow: clip !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .sm\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .md\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .lg\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .xl\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
@media screen and (min-width: 576px) {
  .sm\:font-light {
    font-weight: 300 !important;
  }
  .sm\:font-normal {
    font-weight: 400 !important;
  }
  .sm\:font-medium {
    font-weight: 500 !important;
  }
  .sm\:font-semibold {
    font-weight: 600 !important;
  }
  .sm\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:font-light {
    font-weight: 300 !important;
  }
  .md\:font-normal {
    font-weight: 400 !important;
  }
  .md\:font-medium {
    font-weight: 500 !important;
  }
  .md\:font-semibold {
    font-weight: 600 !important;
  }
  .md\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:font-light {
    font-weight: 300 !important;
  }
  .lg\:font-normal {
    font-weight: 400 !important;
  }
  .lg\:font-medium {
    font-weight: 500 !important;
  }
  .lg\:font-semibold {
    font-weight: 600 !important;
  }
  .lg\:font-bold {
    font-weight: 700 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:font-light {
    font-weight: 300 !important;
  }
  .xl\:font-normal {
    font-weight: 400 !important;
  }
  .xl\:font-medium {
    font-weight: 500 !important;
  }
  .xl\:font-semibold {
    font-weight: 600 !important;
  }
  .xl\:font-bold {
    font-weight: 700 !important;
  }
}
.font-italic {
  font-style: italic !important;
}
.text-xs {
  font-size: 0.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
}
.text-base {
  font-size: 1rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
}
.text-3xl {
  font-size: 1.75rem !important;
}
.text-4xl {
  font-size: 2rem !important;
}
.text-5xl {
  font-size: 2.5rem !important;
}
.text-6xl {
  font-size: 3rem !important;
}
.text-7xl {
  font-size: 4rem !important;
}
.text-8xl {
  font-size: 6rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:text-xs {
    font-size: 0.75rem !important;
  }
  .sm\:text-sm {
    font-size: 0.875rem !important;
  }
  .sm\:text-base {
    font-size: 1rem !important;
  }
  .sm\:text-lg {
    font-size: 1.125rem !important;
  }
  .sm\:text-xl {
    font-size: 1.25rem !important;
  }
  .sm\:text-2xl {
    font-size: 1.5rem !important;
  }
  .sm\:text-3xl {
    font-size: 1.75rem !important;
  }
  .sm\:text-4xl {
    font-size: 2rem !important;
  }
  .sm\:text-5xl {
    font-size: 2.5rem !important;
  }
  .sm\:text-6xl {
    font-size: 3rem !important;
  }
  .sm\:text-7xl {
    font-size: 4rem !important;
  }
  .sm\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:text-xs {
    font-size: 0.75rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
  }
  .md\:text-lg {
    font-size: 1.125rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
  }
  .md\:text-3xl {
    font-size: 1.75rem !important;
  }
  .md\:text-4xl {
    font-size: 2rem !important;
  }
  .md\:text-5xl {
    font-size: 2.5rem !important;
  }
  .md\:text-6xl {
    font-size: 3rem !important;
  }
  .md\:text-7xl {
    font-size: 4rem !important;
  }
  .md\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:text-xs {
    font-size: 0.75rem !important;
  }
  .lg\:text-sm {
    font-size: 0.875rem !important;
  }
  .lg\:text-base {
    font-size: 1rem !important;
  }
  .lg\:text-lg {
    font-size: 1.125rem !important;
  }
  .lg\:text-xl {
    font-size: 1.25rem !important;
  }
  .lg\:text-2xl {
    font-size: 1.5rem !important;
  }
  .lg\:text-3xl {
    font-size: 1.75rem !important;
  }
  .lg\:text-4xl {
    font-size: 2rem !important;
  }
  .lg\:text-5xl {
    font-size: 2.5rem !important;
  }
  .lg\:text-6xl {
    font-size: 3rem !important;
  }
  .lg\:text-7xl {
    font-size: 4rem !important;
  }
  .lg\:text-8xl {
    font-size: 6rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:text-xs {
    font-size: 0.75rem !important;
  }
  .xl\:text-sm {
    font-size: 0.875rem !important;
  }
  .xl\:text-base {
    font-size: 1rem !important;
  }
  .xl\:text-lg {
    font-size: 1.125rem !important;
  }
  .xl\:text-xl {
    font-size: 1.25rem !important;
  }
  .xl\:text-2xl {
    font-size: 1.5rem !important;
  }
  .xl\:text-3xl {
    font-size: 1.75rem !important;
  }
  .xl\:text-4xl {
    font-size: 2rem !important;
  }
  .xl\:text-5xl {
    font-size: 2.5rem !important;
  }
  .xl\:text-6xl {
    font-size: 3rem !important;
  }
  .xl\:text-7xl {
    font-size: 4rem !important;
  }
  .xl\:text-8xl {
    font-size: 6rem !important;
  }
}
.line-height-1 {
  line-height: 1 !important;
}
.line-height-2 {
  line-height: 1.25 !important;
}
.line-height-3 {
  line-height: 1.5 !important;
}
.line-height-4 {
  line-height: 2 !important;
}
.white-space-normal {
  white-space: normal !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.vertical-align-baseline {
  vertical-align: baseline !important;
}
.vertical-align-top {
  vertical-align: top !important;
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.vertical-align-bottom {
  vertical-align: bottom !important;
}
.vertical-align-text-top {
  vertical-align: text-top !important;
}
.vertical-align-text-bottom {
  vertical-align: text-bottom !important;
}
.vertical-align-sub {
  vertical-align: sub !important;
}
.vertical-align-super {
  vertical-align: super !important;
}
@media screen and (min-width: 576px) {
  .sm\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .sm\:vertical-align-top {
    vertical-align: top !important;
  }
  .sm\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .sm\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .sm\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .sm\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .sm\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .sm\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .md\:vertical-align-top {
    vertical-align: top !important;
  }
  .md\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .md\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .md\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .md\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .md\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .md\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .lg\:vertical-align-top {
    vertical-align: top !important;
  }
  .lg\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .lg\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .lg\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .lg\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .lg\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .lg\:vertical-align-super {
    vertical-align: super !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:vertical-align-baseline {
    vertical-align: baseline !important;
  }
  .xl\:vertical-align-top {
    vertical-align: top !important;
  }
  .xl\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .xl\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
  .xl\:vertical-align-text-top {
    vertical-align: text-top !important;
  }
  .xl\:vertical-align-text-bottom {
    vertical-align: text-bottom !important;
  }
  .xl\:vertical-align-sub {
    vertical-align: sub !important;
  }
  .xl\:vertical-align-super {
    vertical-align: super !important;
  }
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-evenly {
  align-content: space-evenly !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}
.flex-order-1 {
  order: 1 !important;
}
.flex-order-2 {
  order: 2 !important;
}
.flex-order-3 {
  order: 3 !important;
}
.flex-order-4 {
  order: 4 !important;
}
.flex-order-5 {
  order: 5 !important;
}
.flex-order-6 {
  order: 6 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-auto {
  flex: 1 1 auto !important;
}
.flex-initial {
  flex: 0 1 auto !important;
}
.flex-none {
  flex: none !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.gap-0 {
  gap: 0rem !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 2rem !important;
}
.gap-6 {
  gap: 3rem !important;
}
.gap-7 {
  gap: 4rem !important;
}
.gap-8 {
  gap: 5rem !important;
}
.row-gap-0 {
  row-gap: 0rem !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 2rem !important;
}
.row-gap-6 {
  row-gap: 3rem !important;
}
.row-gap-7 {
  row-gap: 4rem !important;
}
.row-gap-8 {
  row-gap: 5rem !important;
}
.column-gap-0 {
  column-gap: 0rem !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 2rem !important;
}
.column-gap-6 {
  column-gap: 3rem !important;
}
.column-gap-7 {
  column-gap: 4rem !important;
}
.column-gap-8 {
  column-gap: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:gap-0 {
    gap: 0rem !important;
  }
  .sm\:gap-1 {
    gap: 0.25rem !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 1rem !important;
  }
  .sm\:gap-4 {
    gap: 1.5rem !important;
  }
  .sm\:gap-5 {
    gap: 2rem !important;
  }
  .sm\:gap-6 {
    gap: 3rem !important;
  }
  .sm\:gap-7 {
    gap: 4rem !important;
  }
  .sm\:gap-8 {
    gap: 5rem !important;
  }
  .sm\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .sm\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .sm\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .sm\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .sm\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .sm\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .sm\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .sm\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .sm\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .sm\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .sm\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .sm\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .sm\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .sm\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .sm\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .sm\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .sm\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .sm\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:gap-0 {
    gap: 0rem !important;
  }
  .md\:gap-1 {
    gap: 0.25rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-3 {
    gap: 1rem !important;
  }
  .md\:gap-4 {
    gap: 1.5rem !important;
  }
  .md\:gap-5 {
    gap: 2rem !important;
  }
  .md\:gap-6 {
    gap: 3rem !important;
  }
  .md\:gap-7 {
    gap: 4rem !important;
  }
  .md\:gap-8 {
    gap: 5rem !important;
  }
  .md\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .md\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .md\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .md\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .md\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .md\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .md\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .md\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .md\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .md\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .md\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .md\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .md\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .md\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .md\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .md\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .md\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .md\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:gap-0 {
    gap: 0rem !important;
  }
  .lg\:gap-1 {
    gap: 0.25rem !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:gap-3 {
    gap: 1rem !important;
  }
  .lg\:gap-4 {
    gap: 1.5rem !important;
  }
  .lg\:gap-5 {
    gap: 2rem !important;
  }
  .lg\:gap-6 {
    gap: 3rem !important;
  }
  .lg\:gap-7 {
    gap: 4rem !important;
  }
  .lg\:gap-8 {
    gap: 5rem !important;
  }
  .lg\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .lg\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .lg\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .lg\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .lg\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .lg\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .lg\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .lg\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .lg\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .lg\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .lg\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .lg\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .lg\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .lg\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .lg\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .lg\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .lg\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .lg\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:gap-0 {
    gap: 0rem !important;
  }
  .xl\:gap-1 {
    gap: 0.25rem !important;
  }
  .xl\:gap-2 {
    gap: 0.5rem !important;
  }
  .xl\:gap-3 {
    gap: 1rem !important;
  }
  .xl\:gap-4 {
    gap: 1.5rem !important;
  }
  .xl\:gap-5 {
    gap: 2rem !important;
  }
  .xl\:gap-6 {
    gap: 3rem !important;
  }
  .xl\:gap-7 {
    gap: 4rem !important;
  }
  .xl\:gap-8 {
    gap: 5rem !important;
  }
  .xl\:row-gap-0 {
    row-gap: 0rem !important;
  }
  .xl\:row-gap-1 {
    row-gap: 0.25rem !important;
  }
  .xl\:row-gap-2 {
    row-gap: 0.5rem !important;
  }
  .xl\:row-gap-3 {
    row-gap: 1rem !important;
  }
  .xl\:row-gap-4 {
    row-gap: 1.5rem !important;
  }
  .xl\:row-gap-5 {
    row-gap: 2rem !important;
  }
  .xl\:row-gap-6 {
    row-gap: 3rem !important;
  }
  .xl\:row-gap-7 {
    row-gap: 4rem !important;
  }
  .xl\:row-gap-8 {
    row-gap: 5rem !important;
  }
  .xl\:column-gap-0 {
    column-gap: 0rem !important;
  }
  .xl\:column-gap-1 {
    column-gap: 0.25rem !important;
  }
  .xl\:column-gap-2 {
    column-gap: 0.5rem !important;
  }
  .xl\:column-gap-3 {
    column-gap: 1rem !important;
  }
  .xl\:column-gap-4 {
    column-gap: 1.5rem !important;
  }
  .xl\:column-gap-5 {
    column-gap: 2rem !important;
  }
  .xl\:column-gap-6 {
    column-gap: 3rem !important;
  }
  .xl\:column-gap-7 {
    column-gap: 4rem !important;
  }
  .xl\:column-gap-8 {
    column-gap: 5rem !important;
  }
}
.p-0 {
  padding: 0rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.p-6 {
  padding: 3rem !important;
}
.p-7 {
  padding: 4rem !important;
}
.p-8 {
  padding: 5rem !important;
}
.pt-0 {
  padding-top: 0rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 2rem !important;
}
.pt-6 {
  padding-top: 3rem !important;
}
.pt-7 {
  padding-top: 4rem !important;
}
.pt-8 {
  padding-top: 5rem !important;
}
.pr-0 {
  padding-right: 0rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 1rem !important;
}
.pr-4 {
  padding-right: 1.5rem !important;
}
.pr-5 {
  padding-right: 2rem !important;
}
.pr-6 {
  padding-right: 3rem !important;
}
.pr-7 {
  padding-right: 4rem !important;
}
.pr-8 {
  padding-right: 5rem !important;
}
.pl-0 {
  padding-left: 0rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 2rem !important;
}
.pl-6 {
  padding-left: 3rem !important;
}
.pl-7 {
  padding-left: 4rem !important;
}
.pl-8 {
  padding-left: 5rem !important;
}
.pb-0 {
  padding-bottom: 0rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 2rem !important;
}
.pb-6 {
  padding-bottom: 3rem !important;
}
.pb-7 {
  padding-bottom: 4rem !important;
}
.pb-8 {
  padding-bottom: 5rem !important;
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.px-7 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-8 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-7 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-8 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:p-0 {
    padding: 0rem !important;
  }
  .sm\:p-1 {
    padding: 0.25rem !important;
  }
  .sm\:p-2 {
    padding: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 1rem !important;
  }
  .sm\:p-4 {
    padding: 1.5rem !important;
  }
  .sm\:p-5 {
    padding: 2rem !important;
  }
  .sm\:p-6 {
    padding: 3rem !important;
  }
  .sm\:p-7 {
    padding: 4rem !important;
  }
  .sm\:p-8 {
    padding: 5rem !important;
  }
  .sm\:pt-0 {
    padding-top: 0rem !important;
  }
  .sm\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm\:pt-3 {
    padding-top: 1rem !important;
  }
  .sm\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .sm\:pt-5 {
    padding-top: 2rem !important;
  }
  .sm\:pt-6 {
    padding-top: 3rem !important;
  }
  .sm\:pt-7 {
    padding-top: 4rem !important;
  }
  .sm\:pt-8 {
    padding-top: 5rem !important;
  }
  .sm\:pr-0 {
    padding-right: 0rem !important;
  }
  .sm\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm\:pr-3 {
    padding-right: 1rem !important;
  }
  .sm\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .sm\:pr-5 {
    padding-right: 2rem !important;
  }
  .sm\:pr-6 {
    padding-right: 3rem !important;
  }
  .sm\:pr-7 {
    padding-right: 4rem !important;
  }
  .sm\:pr-8 {
    padding-right: 5rem !important;
  }
  .sm\:pl-0 {
    padding-left: 0rem !important;
  }
  .sm\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm\:pl-3 {
    padding-left: 1rem !important;
  }
  .sm\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .sm\:pl-5 {
    padding-left: 2rem !important;
  }
  .sm\:pl-6 {
    padding-left: 3rem !important;
  }
  .sm\:pl-7 {
    padding-left: 4rem !important;
  }
  .sm\:pl-8 {
    padding-left: 5rem !important;
  }
  .sm\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .sm\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .sm\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .sm\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .sm\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .sm\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .sm\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .sm\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .sm\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .sm\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:p-0 {
    padding: 0rem !important;
  }
  .md\:p-1 {
    padding: 0.25rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 1rem !important;
  }
  .md\:p-4 {
    padding: 1.5rem !important;
  }
  .md\:p-5 {
    padding: 2rem !important;
  }
  .md\:p-6 {
    padding: 3rem !important;
  }
  .md\:p-7 {
    padding: 4rem !important;
  }
  .md\:p-8 {
    padding: 5rem !important;
  }
  .md\:pt-0 {
    padding-top: 0rem !important;
  }
  .md\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .md\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .md\:pt-3 {
    padding-top: 1rem !important;
  }
  .md\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-5 {
    padding-top: 2rem !important;
  }
  .md\:pt-6 {
    padding-top: 3rem !important;
  }
  .md\:pt-7 {
    padding-top: 4rem !important;
  }
  .md\:pt-8 {
    padding-top: 5rem !important;
  }
  .md\:pr-0 {
    padding-right: 0rem !important;
  }
  .md\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .md\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .md\:pr-3 {
    padding-right: 1rem !important;
  }
  .md\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .md\:pr-5 {
    padding-right: 2rem !important;
  }
  .md\:pr-6 {
    padding-right: 3rem !important;
  }
  .md\:pr-7 {
    padding-right: 4rem !important;
  }
  .md\:pr-8 {
    padding-right: 5rem !important;
  }
  .md\:pl-0 {
    padding-left: 0rem !important;
  }
  .md\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .md\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .md\:pl-3 {
    padding-left: 1rem !important;
  }
  .md\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-5 {
    padding-left: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 3rem !important;
  }
  .md\:pl-7 {
    padding-left: 4rem !important;
  }
  .md\:pl-8 {
    padding-left: 5rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .md\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .md\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .md\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .md\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .md\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:p-0 {
    padding: 0rem !important;
  }
  .lg\:p-1 {
    padding: 0.25rem !important;
  }
  .lg\:p-2 {
    padding: 0.5rem !important;
  }
  .lg\:p-3 {
    padding: 1rem !important;
  }
  .lg\:p-4 {
    padding: 1.5rem !important;
  }
  .lg\:p-5 {
    padding: 2rem !important;
  }
  .lg\:p-6 {
    padding: 3rem !important;
  }
  .lg\:p-7 {
    padding: 4rem !important;
  }
  .lg\:p-8 {
    padding: 5rem !important;
  }
  .lg\:pt-0 {
    padding-top: 0rem !important;
  }
  .lg\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg\:pt-3 {
    padding-top: 1rem !important;
  }
  .lg\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .lg\:pt-5 {
    padding-top: 2rem !important;
  }
  .lg\:pt-6 {
    padding-top: 3rem !important;
  }
  .lg\:pt-7 {
    padding-top: 4rem !important;
  }
  .lg\:pt-8 {
    padding-top: 5rem !important;
  }
  .lg\:pr-0 {
    padding-right: 0rem !important;
  }
  .lg\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg\:pr-3 {
    padding-right: 1rem !important;
  }
  .lg\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .lg\:pr-5 {
    padding-right: 2rem !important;
  }
  .lg\:pr-6 {
    padding-right: 3rem !important;
  }
  .lg\:pr-7 {
    padding-right: 4rem !important;
  }
  .lg\:pr-8 {
    padding-right: 5rem !important;
  }
  .lg\:pl-0 {
    padding-left: 0rem !important;
  }
  .lg\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg\:pl-3 {
    padding-left: 1rem !important;
  }
  .lg\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .lg\:pl-5 {
    padding-left: 2rem !important;
  }
  .lg\:pl-6 {
    padding-left: 3rem !important;
  }
  .lg\:pl-7 {
    padding-left: 4rem !important;
  }
  .lg\:pl-8 {
    padding-left: 5rem !important;
  }
  .lg\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .lg\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .lg\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .lg\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .lg\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .lg\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .lg\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .lg\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .lg\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .lg\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0rem !important;
  }
  .xl\:p-1 {
    padding: 0.25rem !important;
  }
  .xl\:p-2 {
    padding: 0.5rem !important;
  }
  .xl\:p-3 {
    padding: 1rem !important;
  }
  .xl\:p-4 {
    padding: 1.5rem !important;
  }
  .xl\:p-5 {
    padding: 2rem !important;
  }
  .xl\:p-6 {
    padding: 3rem !important;
  }
  .xl\:p-7 {
    padding: 4rem !important;
  }
  .xl\:p-8 {
    padding: 5rem !important;
  }
  .xl\:pt-0 {
    padding-top: 0rem !important;
  }
  .xl\:pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl\:pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl\:pt-3 {
    padding-top: 1rem !important;
  }
  .xl\:pt-4 {
    padding-top: 1.5rem !important;
  }
  .xl\:pt-5 {
    padding-top: 2rem !important;
  }
  .xl\:pt-6 {
    padding-top: 3rem !important;
  }
  .xl\:pt-7 {
    padding-top: 4rem !important;
  }
  .xl\:pt-8 {
    padding-top: 5rem !important;
  }
  .xl\:pr-0 {
    padding-right: 0rem !important;
  }
  .xl\:pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl\:pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl\:pr-3 {
    padding-right: 1rem !important;
  }
  .xl\:pr-4 {
    padding-right: 1.5rem !important;
  }
  .xl\:pr-5 {
    padding-right: 2rem !important;
  }
  .xl\:pr-6 {
    padding-right: 3rem !important;
  }
  .xl\:pr-7 {
    padding-right: 4rem !important;
  }
  .xl\:pr-8 {
    padding-right: 5rem !important;
  }
  .xl\:pl-0 {
    padding-left: 0rem !important;
  }
  .xl\:pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl\:pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl\:pl-3 {
    padding-left: 1rem !important;
  }
  .xl\:pl-4 {
    padding-left: 1.5rem !important;
  }
  .xl\:pl-5 {
    padding-left: 2rem !important;
  }
  .xl\:pl-6 {
    padding-left: 3rem !important;
  }
  .xl\:pl-7 {
    padding-left: 4rem !important;
  }
  .xl\:pl-8 {
    padding-left: 5rem !important;
  }
  .xl\:pb-0 {
    padding-bottom: 0rem !important;
  }
  .xl\:pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl\:pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl\:pb-3 {
    padding-bottom: 1rem !important;
  }
  .xl\:pb-4 {
    padding-bottom: 1.5rem !important;
  }
  .xl\:pb-5 {
    padding-bottom: 2rem !important;
  }
  .xl\:pb-6 {
    padding-bottom: 3rem !important;
  }
  .xl\:pb-7 {
    padding-bottom: 4rem !important;
  }
  .xl\:pb-8 {
    padding-bottom: 5rem !important;
  }
  .xl\:px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .xl\:px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl\:px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl\:px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl\:px-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl\:px-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl\:px-7 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:px-8 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl\:py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .xl\:py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl\:py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl\:py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl\:py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl\:py-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl\:py-7 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl\:py-8 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
.m-0 {
  margin: 0rem !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.m-6 {
  margin: 3rem !important;
}
.m-7 {
  margin: 4rem !important;
}
.m-8 {
  margin: 5rem !important;
}
.-m-1 {
  margin: -0.25rem !important;
}
.-m-2 {
  margin: -0.5rem !important;
}
.-m-3 {
  margin: -1rem !important;
}
.-m-4 {
  margin: -1.5rem !important;
}
.-m-5 {
  margin: -2rem !important;
}
.-m-6 {
  margin: -3rem !important;
}
.-m-7 {
  margin: -4rem !important;
}
.-m-8 {
  margin: -5rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-0 {
  margin-top: 0rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 2rem !important;
}
.mt-6 {
  margin-top: 3rem !important;
}
.mt-7 {
  margin-top: 4rem !important;
}
.mt-8 {
  margin-top: 5rem !important;
}
.-mt-1 {
  margin-top: -0.25rem !important;
}
.-mt-2 {
  margin-top: -0.5rem !important;
}
.-mt-3 {
  margin-top: -1rem !important;
}
.-mt-4 {
  margin-top: -1.5rem !important;
}
.-mt-5 {
  margin-top: -2rem !important;
}
.-mt-6 {
  margin-top: -3rem !important;
}
.-mt-7 {
  margin-top: -4rem !important;
}
.-mt-8 {
  margin-top: -5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-0 {
  margin-right: 0rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 2rem !important;
}
.mr-6 {
  margin-right: 3rem !important;
}
.mr-7 {
  margin-right: 4rem !important;
}
.mr-8 {
  margin-right: 5rem !important;
}
.-mr-1 {
  margin-right: -0.25rem !important;
}
.-mr-2 {
  margin-right: -0.5rem !important;
}
.-mr-3 {
  margin-right: -1rem !important;
}
.-mr-4 {
  margin-right: -1.5rem !important;
}
.-mr-5 {
  margin-right: -2rem !important;
}
.-mr-6 {
  margin-right: -3rem !important;
}
.-mr-7 {
  margin-right: -4rem !important;
}
.-mr-8 {
  margin-right: -5rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-0 {
  margin-left: 0rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.ml-6 {
  margin-left: 3rem !important;
}
.ml-7 {
  margin-left: 4rem !important;
}
.ml-8 {
  margin-left: 5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-ml-3 {
  margin-left: -1rem !important;
}
.-ml-4 {
  margin-left: -1.5rem !important;
}
.-ml-5 {
  margin-left: -2rem !important;
}
.-ml-6 {
  margin-left: -3rem !important;
}
.-ml-7 {
  margin-left: -4rem !important;
}
.-ml-8 {
  margin-left: -5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-0 {
  margin-bottom: 0rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 2rem !important;
}
.mb-6 {
  margin-bottom: 3rem !important;
}
.mb-7 {
  margin-bottom: 4rem !important;
}
.mb-8 {
  margin-bottom: 5rem !important;
}
.-mb-1 {
  margin-bottom: -0.25rem !important;
}
.-mb-2 {
  margin-bottom: -0.5rem !important;
}
.-mb-3 {
  margin-bottom: -1rem !important;
}
.-mb-4 {
  margin-bottom: -1.5rem !important;
}
.-mb-5 {
  margin-bottom: -2rem !important;
}
.-mb-6 {
  margin-bottom: -3rem !important;
}
.-mb-7 {
  margin-bottom: -4rem !important;
}
.-mb-8 {
  margin-bottom: -5rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-7 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-8 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.-mx-1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.-mx-2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.-mx-3 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-mx-4 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.-mx-5 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.-mx-6 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.-mx-7 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.-mx-8 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-7 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.my-8 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.-my-1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}
.-my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.-my-3 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.-my-4 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}
.-my-5 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}
.-my-6 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.-my-7 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.-my-8 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media screen and (min-width: 576px) {
  .sm\:m-0 {
    margin: 0rem !important;
  }
  .sm\:m-1 {
    margin: 0.25rem !important;
  }
  .sm\:m-2 {
    margin: 0.5rem !important;
  }
  .sm\:m-3 {
    margin: 1rem !important;
  }
  .sm\:m-4 {
    margin: 1.5rem !important;
  }
  .sm\:m-5 {
    margin: 2rem !important;
  }
  .sm\:m-6 {
    margin: 3rem !important;
  }
  .sm\:m-7 {
    margin: 4rem !important;
  }
  .sm\:m-8 {
    margin: 5rem !important;
  }
  .sm\:-m-1 {
    margin: -0.25rem !important;
  }
  .sm\:-m-2 {
    margin: -0.5rem !important;
  }
  .sm\:-m-3 {
    margin: -1rem !important;
  }
  .sm\:-m-4 {
    margin: -1.5rem !important;
  }
  .sm\:-m-5 {
    margin: -2rem !important;
  }
  .sm\:-m-6 {
    margin: -3rem !important;
  }
  .sm\:-m-7 {
    margin: -4rem !important;
  }
  .sm\:-m-8 {
    margin: -5rem !important;
  }
  .sm\:m-auto {
    margin: auto !important;
  }
  .sm\:mt-0 {
    margin-top: 0rem !important;
  }
  .sm\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm\:mt-3 {
    margin-top: 1rem !important;
  }
  .sm\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .sm\:mt-5 {
    margin-top: 2rem !important;
  }
  .sm\:mt-6 {
    margin-top: 3rem !important;
  }
  .sm\:mt-7 {
    margin-top: 4rem !important;
  }
  .sm\:mt-8 {
    margin-top: 5rem !important;
  }
  .sm\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .sm\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .sm\:-mt-3 {
    margin-top: -1rem !important;
  }
  .sm\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .sm\:-mt-5 {
    margin-top: -2rem !important;
  }
  .sm\:-mt-6 {
    margin-top: -3rem !important;
  }
  .sm\:-mt-7 {
    margin-top: -4rem !important;
  }
  .sm\:-mt-8 {
    margin-top: -5rem !important;
  }
  .sm\:mt-auto {
    margin-top: auto !important;
  }
  .sm\:mr-0 {
    margin-right: 0rem !important;
  }
  .sm\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm\:mr-3 {
    margin-right: 1rem !important;
  }
  .sm\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .sm\:mr-5 {
    margin-right: 2rem !important;
  }
  .sm\:mr-6 {
    margin-right: 3rem !important;
  }
  .sm\:mr-7 {
    margin-right: 4rem !important;
  }
  .sm\:mr-8 {
    margin-right: 5rem !important;
  }
  .sm\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .sm\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .sm\:-mr-3 {
    margin-right: -1rem !important;
  }
  .sm\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .sm\:-mr-5 {
    margin-right: -2rem !important;
  }
  .sm\:-mr-6 {
    margin-right: -3rem !important;
  }
  .sm\:-mr-7 {
    margin-right: -4rem !important;
  }
  .sm\:-mr-8 {
    margin-right: -5rem !important;
  }
  .sm\:mr-auto {
    margin-right: auto !important;
  }
  .sm\:ml-0 {
    margin-left: 0rem !important;
  }
  .sm\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm\:ml-3 {
    margin-left: 1rem !important;
  }
  .sm\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .sm\:ml-5 {
    margin-left: 2rem !important;
  }
  .sm\:ml-6 {
    margin-left: 3rem !important;
  }
  .sm\:ml-7 {
    margin-left: 4rem !important;
  }
  .sm\:ml-8 {
    margin-left: 5rem !important;
  }
  .sm\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .sm\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .sm\:-ml-3 {
    margin-left: -1rem !important;
  }
  .sm\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .sm\:-ml-5 {
    margin-left: -2rem !important;
  }
  .sm\:-ml-6 {
    margin-left: -3rem !important;
  }
  .sm\:-ml-7 {
    margin-left: -4rem !important;
  }
  .sm\:-ml-8 {
    margin-left: -5rem !important;
  }
  .sm\:ml-auto {
    margin-left: auto !important;
  }
  .sm\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .sm\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .sm\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .sm\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .sm\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .sm\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .sm\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .sm\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .sm\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .sm\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .sm\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .sm\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .sm\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .sm\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .sm\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .sm\:mb-auto {
    margin-bottom: auto !important;
  }
  .sm\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .sm\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .sm\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .sm\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .sm\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .sm\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .sm\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .sm\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .sm\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .sm\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .sm\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .sm\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .sm\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .sm\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .sm\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .sm\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .sm\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .sm\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:m-0 {
    margin: 0rem !important;
  }
  .md\:m-1 {
    margin: 0.25rem !important;
  }
  .md\:m-2 {
    margin: 0.5rem !important;
  }
  .md\:m-3 {
    margin: 1rem !important;
  }
  .md\:m-4 {
    margin: 1.5rem !important;
  }
  .md\:m-5 {
    margin: 2rem !important;
  }
  .md\:m-6 {
    margin: 3rem !important;
  }
  .md\:m-7 {
    margin: 4rem !important;
  }
  .md\:m-8 {
    margin: 5rem !important;
  }
  .md\:-m-1 {
    margin: -0.25rem !important;
  }
  .md\:-m-2 {
    margin: -0.5rem !important;
  }
  .md\:-m-3 {
    margin: -1rem !important;
  }
  .md\:-m-4 {
    margin: -1.5rem !important;
  }
  .md\:-m-5 {
    margin: -2rem !important;
  }
  .md\:-m-6 {
    margin: -3rem !important;
  }
  .md\:-m-7 {
    margin: -4rem !important;
  }
  .md\:-m-8 {
    margin: -5rem !important;
  }
  .md\:m-auto {
    margin: auto !important;
  }
  .md\:mt-0 {
    margin-top: 0rem !important;
  }
  .md\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-3 {
    margin-top: 1rem !important;
  }
  .md\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-5 {
    margin-top: 2rem !important;
  }
  .md\:mt-6 {
    margin-top: 3rem !important;
  }
  .md\:mt-7 {
    margin-top: 4rem !important;
  }
  .md\:mt-8 {
    margin-top: 5rem !important;
  }
  .md\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .md\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .md\:-mt-3 {
    margin-top: -1rem !important;
  }
  .md\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .md\:-mt-5 {
    margin-top: -2rem !important;
  }
  .md\:-mt-6 {
    margin-top: -3rem !important;
  }
  .md\:-mt-7 {
    margin-top: -4rem !important;
  }
  .md\:-mt-8 {
    margin-top: -5rem !important;
  }
  .md\:mt-auto {
    margin-top: auto !important;
  }
  .md\:mr-0 {
    margin-right: 0rem !important;
  }
  .md\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .md\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .md\:mr-3 {
    margin-right: 1rem !important;
  }
  .md\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .md\:mr-5 {
    margin-right: 2rem !important;
  }
  .md\:mr-6 {
    margin-right: 3rem !important;
  }
  .md\:mr-7 {
    margin-right: 4rem !important;
  }
  .md\:mr-8 {
    margin-right: 5rem !important;
  }
  .md\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .md\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .md\:-mr-3 {
    margin-right: -1rem !important;
  }
  .md\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .md\:-mr-5 {
    margin-right: -2rem !important;
  }
  .md\:-mr-6 {
    margin-right: -3rem !important;
  }
  .md\:-mr-7 {
    margin-right: -4rem !important;
  }
  .md\:-mr-8 {
    margin-right: -5rem !important;
  }
  .md\:mr-auto {
    margin-right: auto !important;
  }
  .md\:ml-0 {
    margin-left: 0rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .md\:ml-3 {
    margin-left: 1rem !important;
  }
  .md\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-5 {
    margin-left: 2rem !important;
  }
  .md\:ml-6 {
    margin-left: 3rem !important;
  }
  .md\:ml-7 {
    margin-left: 4rem !important;
  }
  .md\:ml-8 {
    margin-left: 5rem !important;
  }
  .md\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .md\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .md\:-ml-3 {
    margin-left: -1rem !important;
  }
  .md\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .md\:-ml-5 {
    margin-left: -2rem !important;
  }
  .md\:-ml-6 {
    margin-left: -3rem !important;
  }
  .md\:-ml-7 {
    margin-left: -4rem !important;
  }
  .md\:-ml-8 {
    margin-left: -5rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .md\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .md\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .md\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .md\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .md\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .md\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .md\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .md\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .md\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .md\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .md\:mb-auto {
    margin-bottom: auto !important;
  }
  .md\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .md\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .md\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .md\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .md\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .md\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .md\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .md\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .md\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .md\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .md\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .md\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .md\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .md\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .md\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .md\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .md\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .md\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:m-0 {
    margin: 0rem !important;
  }
  .lg\:m-1 {
    margin: 0.25rem !important;
  }
  .lg\:m-2 {
    margin: 0.5rem !important;
  }
  .lg\:m-3 {
    margin: 1rem !important;
  }
  .lg\:m-4 {
    margin: 1.5rem !important;
  }
  .lg\:m-5 {
    margin: 2rem !important;
  }
  .lg\:m-6 {
    margin: 3rem !important;
  }
  .lg\:m-7 {
    margin: 4rem !important;
  }
  .lg\:m-8 {
    margin: 5rem !important;
  }
  .lg\:-m-1 {
    margin: -0.25rem !important;
  }
  .lg\:-m-2 {
    margin: -0.5rem !important;
  }
  .lg\:-m-3 {
    margin: -1rem !important;
  }
  .lg\:-m-4 {
    margin: -1.5rem !important;
  }
  .lg\:-m-5 {
    margin: -2rem !important;
  }
  .lg\:-m-6 {
    margin: -3rem !important;
  }
  .lg\:-m-7 {
    margin: -4rem !important;
  }
  .lg\:-m-8 {
    margin: -5rem !important;
  }
  .lg\:m-auto {
    margin: auto !important;
  }
  .lg\:mt-0 {
    margin-top: 0rem !important;
  }
  .lg\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg\:mt-3 {
    margin-top: 1rem !important;
  }
  .lg\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .lg\:mt-5 {
    margin-top: 2rem !important;
  }
  .lg\:mt-6 {
    margin-top: 3rem !important;
  }
  .lg\:mt-7 {
    margin-top: 4rem !important;
  }
  .lg\:mt-8 {
    margin-top: 5rem !important;
  }
  .lg\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .lg\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .lg\:-mt-3 {
    margin-top: -1rem !important;
  }
  .lg\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .lg\:-mt-5 {
    margin-top: -2rem !important;
  }
  .lg\:-mt-6 {
    margin-top: -3rem !important;
  }
  .lg\:-mt-7 {
    margin-top: -4rem !important;
  }
  .lg\:-mt-8 {
    margin-top: -5rem !important;
  }
  .lg\:mt-auto {
    margin-top: auto !important;
  }
  .lg\:mr-0 {
    margin-right: 0rem !important;
  }
  .lg\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg\:mr-3 {
    margin-right: 1rem !important;
  }
  .lg\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .lg\:mr-5 {
    margin-right: 2rem !important;
  }
  .lg\:mr-6 {
    margin-right: 3rem !important;
  }
  .lg\:mr-7 {
    margin-right: 4rem !important;
  }
  .lg\:mr-8 {
    margin-right: 5rem !important;
  }
  .lg\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .lg\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .lg\:-mr-3 {
    margin-right: -1rem !important;
  }
  .lg\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .lg\:-mr-5 {
    margin-right: -2rem !important;
  }
  .lg\:-mr-6 {
    margin-right: -3rem !important;
  }
  .lg\:-mr-7 {
    margin-right: -4rem !important;
  }
  .lg\:-mr-8 {
    margin-right: -5rem !important;
  }
  .lg\:mr-auto {
    margin-right: auto !important;
  }
  .lg\:ml-0 {
    margin-left: 0rem !important;
  }
  .lg\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg\:ml-3 {
    margin-left: 1rem !important;
  }
  .lg\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .lg\:ml-5 {
    margin-left: 2rem !important;
  }
  .lg\:ml-6 {
    margin-left: 3rem !important;
  }
  .lg\:ml-7 {
    margin-left: 4rem !important;
  }
  .lg\:ml-8 {
    margin-left: 5rem !important;
  }
  .lg\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .lg\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .lg\:-ml-3 {
    margin-left: -1rem !important;
  }
  .lg\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .lg\:-ml-5 {
    margin-left: -2rem !important;
  }
  .lg\:-ml-6 {
    margin-left: -3rem !important;
  }
  .lg\:-ml-7 {
    margin-left: -4rem !important;
  }
  .lg\:-ml-8 {
    margin-left: -5rem !important;
  }
  .lg\:ml-auto {
    margin-left: auto !important;
  }
  .lg\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .lg\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .lg\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .lg\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .lg\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .lg\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .lg\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .lg\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .lg\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .lg\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .lg\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .lg\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .lg\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .lg\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .lg\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .lg\:mb-auto {
    margin-bottom: auto !important;
  }
  .lg\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .lg\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .lg\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .lg\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .lg\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .lg\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .lg\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .lg\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .lg\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .lg\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .lg\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .lg\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .lg\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .lg\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .lg\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .lg\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .lg\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .lg\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0rem !important;
  }
  .xl\:m-1 {
    margin: 0.25rem !important;
  }
  .xl\:m-2 {
    margin: 0.5rem !important;
  }
  .xl\:m-3 {
    margin: 1rem !important;
  }
  .xl\:m-4 {
    margin: 1.5rem !important;
  }
  .xl\:m-5 {
    margin: 2rem !important;
  }
  .xl\:m-6 {
    margin: 3rem !important;
  }
  .xl\:m-7 {
    margin: 4rem !important;
  }
  .xl\:m-8 {
    margin: 5rem !important;
  }
  .xl\:-m-1 {
    margin: -0.25rem !important;
  }
  .xl\:-m-2 {
    margin: -0.5rem !important;
  }
  .xl\:-m-3 {
    margin: -1rem !important;
  }
  .xl\:-m-4 {
    margin: -1.5rem !important;
  }
  .xl\:-m-5 {
    margin: -2rem !important;
  }
  .xl\:-m-6 {
    margin: -3rem !important;
  }
  .xl\:-m-7 {
    margin: -4rem !important;
  }
  .xl\:-m-8 {
    margin: -5rem !important;
  }
  .xl\:m-auto {
    margin: auto !important;
  }
  .xl\:mt-0 {
    margin-top: 0rem !important;
  }
  .xl\:mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl\:mt-3 {
    margin-top: 1rem !important;
  }
  .xl\:mt-4 {
    margin-top: 1.5rem !important;
  }
  .xl\:mt-5 {
    margin-top: 2rem !important;
  }
  .xl\:mt-6 {
    margin-top: 3rem !important;
  }
  .xl\:mt-7 {
    margin-top: 4rem !important;
  }
  .xl\:mt-8 {
    margin-top: 5rem !important;
  }
  .xl\:-mt-1 {
    margin-top: -0.25rem !important;
  }
  .xl\:-mt-2 {
    margin-top: -0.5rem !important;
  }
  .xl\:-mt-3 {
    margin-top: -1rem !important;
  }
  .xl\:-mt-4 {
    margin-top: -1.5rem !important;
  }
  .xl\:-mt-5 {
    margin-top: -2rem !important;
  }
  .xl\:-mt-6 {
    margin-top: -3rem !important;
  }
  .xl\:-mt-7 {
    margin-top: -4rem !important;
  }
  .xl\:-mt-8 {
    margin-top: -5rem !important;
  }
  .xl\:mt-auto {
    margin-top: auto !important;
  }
  .xl\:mr-0 {
    margin-right: 0rem !important;
  }
  .xl\:mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl\:mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl\:mr-3 {
    margin-right: 1rem !important;
  }
  .xl\:mr-4 {
    margin-right: 1.5rem !important;
  }
  .xl\:mr-5 {
    margin-right: 2rem !important;
  }
  .xl\:mr-6 {
    margin-right: 3rem !important;
  }
  .xl\:mr-7 {
    margin-right: 4rem !important;
  }
  .xl\:mr-8 {
    margin-right: 5rem !important;
  }
  .xl\:-mr-1 {
    margin-right: -0.25rem !important;
  }
  .xl\:-mr-2 {
    margin-right: -0.5rem !important;
  }
  .xl\:-mr-3 {
    margin-right: -1rem !important;
  }
  .xl\:-mr-4 {
    margin-right: -1.5rem !important;
  }
  .xl\:-mr-5 {
    margin-right: -2rem !important;
  }
  .xl\:-mr-6 {
    margin-right: -3rem !important;
  }
  .xl\:-mr-7 {
    margin-right: -4rem !important;
  }
  .xl\:-mr-8 {
    margin-right: -5rem !important;
  }
  .xl\:mr-auto {
    margin-right: auto !important;
  }
  .xl\:ml-0 {
    margin-left: 0rem !important;
  }
  .xl\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl\:ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl\:ml-3 {
    margin-left: 1rem !important;
  }
  .xl\:ml-4 {
    margin-left: 1.5rem !important;
  }
  .xl\:ml-5 {
    margin-left: 2rem !important;
  }
  .xl\:ml-6 {
    margin-left: 3rem !important;
  }
  .xl\:ml-7 {
    margin-left: 4rem !important;
  }
  .xl\:ml-8 {
    margin-left: 5rem !important;
  }
  .xl\:-ml-1 {
    margin-left: -0.25rem !important;
  }
  .xl\:-ml-2 {
    margin-left: -0.5rem !important;
  }
  .xl\:-ml-3 {
    margin-left: -1rem !important;
  }
  .xl\:-ml-4 {
    margin-left: -1.5rem !important;
  }
  .xl\:-ml-5 {
    margin-left: -2rem !important;
  }
  .xl\:-ml-6 {
    margin-left: -3rem !important;
  }
  .xl\:-ml-7 {
    margin-left: -4rem !important;
  }
  .xl\:-ml-8 {
    margin-left: -5rem !important;
  }
  .xl\:ml-auto {
    margin-left: auto !important;
  }
  .xl\:mb-0 {
    margin-bottom: 0rem !important;
  }
  .xl\:mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl\:mb-3 {
    margin-bottom: 1rem !important;
  }
  .xl\:mb-4 {
    margin-bottom: 1.5rem !important;
  }
  .xl\:mb-5 {
    margin-bottom: 2rem !important;
  }
  .xl\:mb-6 {
    margin-bottom: 3rem !important;
  }
  .xl\:mb-7 {
    margin-bottom: 4rem !important;
  }
  .xl\:mb-8 {
    margin-bottom: 5rem !important;
  }
  .xl\:-mb-1 {
    margin-bottom: -0.25rem !important;
  }
  .xl\:-mb-2 {
    margin-bottom: -0.5rem !important;
  }
  .xl\:-mb-3 {
    margin-bottom: -1rem !important;
  }
  .xl\:-mb-4 {
    margin-bottom: -1.5rem !important;
  }
  .xl\:-mb-5 {
    margin-bottom: -2rem !important;
  }
  .xl\:-mb-6 {
    margin-bottom: -3rem !important;
  }
  .xl\:-mb-7 {
    margin-bottom: -4rem !important;
  }
  .xl\:-mb-8 {
    margin-bottom: -5rem !important;
  }
  .xl\:mb-auto {
    margin-bottom: auto !important;
  }
  .xl\:mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .xl\:mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl\:mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl\:mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl\:mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl\:mx-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl\:mx-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl\:mx-7 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl\:mx-8 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl\:-mx-1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
  }
  .xl\:-mx-2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
  }
  .xl\:-mx-3 {
    margin-left: -1rem !important;
    margin-right: -1rem !important;
  }
  .xl\:-mx-4 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
  }
  .xl\:-mx-5 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .xl\:-mx-6 {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
  }
  .xl\:-mx-7 {
    margin-left: -4rem !important;
    margin-right: -4rem !important;
  }
  .xl\:-mx-8 {
    margin-left: -5rem !important;
    margin-right: -5rem !important;
  }
  .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl\:my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .xl\:my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl\:my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl\:my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl\:my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl\:my-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl\:my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl\:my-7 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl\:my-8 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl\:-my-1 {
    margin-top: -0.25rem !important;
    margin-bottom: -0.25rem !important;
  }
  .xl\:-my-2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.5rem !important;
  }
  .xl\:-my-3 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important;
  }
  .xl\:-my-4 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important;
  }
  .xl\:-my-5 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
  .xl\:-my-6 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important;
  }
  .xl\:-my-7 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important;
  }
  .xl\:-my-8 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important;
  }
  .xl\:my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}
.shadow-none {
  box-shadow: none !important;
}
.shadow-1 {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.shadow-2 {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.shadow-3 {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-4 {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.shadow-5 {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.shadow-6 {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.shadow-7 {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.shadow-8 {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-none:focus {
  box-shadow: none !important;
}
.hover\:shadow-none:hover {
  box-shadow: none !important;
}
.active\:shadow-none:active {
  box-shadow: none !important;
}
.focus\:shadow-1:focus {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.hover\:shadow-1:hover {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.active\:shadow-1:active {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.02),
    0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 1px 4px rgba(0, 0, 0, 0.08) !important;
}
.focus\:shadow-2:focus {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.hover\:shadow-2:hover {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.active\:shadow-2:active {
  box-shadow:
    0px 4px 10px rgba(0, 0, 0, 0.03),
    0px 0px 2px rgba(0, 0, 0, 0.06),
    0px 2px 6px rgba(0, 0, 0, 0.12) !important;
}
.focus\:shadow-3:focus {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.hover\:shadow-3:hover {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.active\:shadow-3:active {
  box-shadow:
    0px 1px 8px rgba(0, 0, 0, 0.08),
    0px 3px 4px rgba(0, 0, 0, 0.1),
    0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}
.focus\:shadow-4:focus {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-4:hover {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-4:active {
  box-shadow:
    0px 1px 10px rgba(0, 0, 0, 0.12),
    0px 4px 5px rgba(0, 0, 0, 0.14),
    0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-5:focus {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-5:hover {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-5:active {
  box-shadow:
    0px 1px 7px rgba(0, 0, 0, 0.1),
    0px 4px 5px -2px rgba(0, 0, 0, 0.12),
    0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
}
.focus\:shadow-6:focus {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.hover\:shadow-6:hover {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.active\:shadow-6:active {
  box-shadow:
    0px 3px 5px rgba(0, 0, 0, 0.06),
    0px 7px 9px rgba(0, 0, 0, 0.12),
    0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
}
.focus\:shadow-7:focus {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.hover\:shadow-7:hover {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.active\:shadow-7:active {
  box-shadow:
    0px 7px 30px rgba(0, 0, 0, 0.08),
    0px 22px 30px 2px rgba(0, 0, 0, 0.15),
    0px 8px 10px rgba(0, 0, 0, 0.15) !important;
}
.focus\:shadow-8:focus {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.hover\:shadow-8:hover {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
.active\:shadow-8:active {
  box-shadow:
    0px 9px 46px 8px rgba(0, 0, 0, 0.12),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 11px 15px rgba(0, 0, 0, 0.2) !important;
}
@media screen and (min-width: 576px) {
  .sm\:shadow-none {
    box-shadow: none !important;
  }
  .sm\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .sm\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .sm\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .sm\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .sm\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .sm\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .sm\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .sm\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .sm\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .sm\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:shadow-none {
    box-shadow: none !important;
  }
  .md\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .md\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .md\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .md\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .md\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .md\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .md\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .md\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .md\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .md\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:shadow-none {
    box-shadow: none !important;
  }
  .lg\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .lg\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .lg\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .lg\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .lg\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .lg\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .lg\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .lg\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .lg\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .lg\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:shadow-none {
    box-shadow: none !important;
  }
  .xl\:shadow-1 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:shadow-2 {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:shadow-3 {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:shadow-4 {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-5 {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:shadow-6 {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:shadow-7 {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:shadow-8 {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .xl\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .xl\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .xl\:focus\:shadow-1:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:hover\:shadow-1:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:active\:shadow-1:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.02),
      0px 0px 2px rgba(0, 0, 0, 0.05),
      0px 1px 4px rgba(0, 0, 0, 0.08) !important;
  }
  .xl\:focus\:shadow-2:focus {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:hover\:shadow-2:hover {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:active\:shadow-2:active {
    box-shadow:
      0px 4px 10px rgba(0, 0, 0, 0.03),
      0px 0px 2px rgba(0, 0, 0, 0.06),
      0px 2px 6px rgba(0, 0, 0, 0.12) !important;
  }
  .xl\:focus\:shadow-3:focus {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:hover\:shadow-3:hover {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:active\:shadow-3:active {
    box-shadow:
      0px 1px 8px rgba(0, 0, 0, 0.08),
      0px 3px 4px rgba(0, 0, 0, 0.1),
      0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
  }
  .xl\:focus\:shadow-4:focus {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-4:hover {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-4:active {
    box-shadow:
      0px 1px 10px rgba(0, 0, 0, 0.12),
      0px 4px 5px rgba(0, 0, 0, 0.14),
      0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-5:focus {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-5:hover {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-5:active {
    box-shadow:
      0px 1px 7px rgba(0, 0, 0, 0.1),
      0px 4px 5px -2px rgba(0, 0, 0, 0.12),
      0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:focus\:shadow-6:focus {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:hover\:shadow-6:hover {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:active\:shadow-6:active {
    box-shadow:
      0px 3px 5px rgba(0, 0, 0, 0.06),
      0px 7px 9px rgba(0, 0, 0, 0.12),
      0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important;
  }
  .xl\:focus\:shadow-7:focus {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:hover\:shadow-7:hover {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:active\:shadow-7:active {
    box-shadow:
      0px 7px 30px rgba(0, 0, 0, 0.08),
      0px 22px 30px 2px rgba(0, 0, 0, 0.15),
      0px 8px 10px rgba(0, 0, 0, 0.15) !important;
  }
  .xl\:focus\:shadow-8:focus {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:hover\:shadow-8:hover {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
  .xl\:active\:shadow-8:active {
    box-shadow:
      0px 9px 46px 8px rgba(0, 0, 0, 0.12),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 11px 15px rgba(0, 0, 0, 0.2) !important;
  }
}
.border-none {
  border-width: 0px !important;
  border-style: none;
}
.border-1 {
  border-width: 1px !important;
  border-style: solid;
}
.border-2 {
  border-width: 2px !important;
  border-style: solid;
}
.border-3 {
  border-width: 3px !important;
  border-style: solid;
}
.border-top-none {
  border-top-width: 0px !important;
  border-top-style: none;
}
.border-top-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
}
.border-top-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
}
.border-top-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
}
.border-right-none {
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-right-1 {
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-right-2 {
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-right-3 {
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-left-none {
  border-left-width: 0px !important;
  border-left-style: none;
}
.border-left-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
}
.border-left-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
}
.border-left-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
}
.border-bottom-none {
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-bottom-1 {
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-bottom-2 {
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-bottom-3 {
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
.border-x-none {
  border-left-width: 0px !important;
  border-left-style: none;
  border-right-width: 0px !important;
  border-right-style: none;
}
.border-x-1 {
  border-left-width: 1px !important;
  border-left-style: solid;
  border-right-width: 1px !important;
  border-right-style: solid;
}
.border-x-2 {
  border-left-width: 2px !important;
  border-left-style: solid;
  border-right-width: 2px !important;
  border-right-style: solid;
}
.border-x-3 {
  border-left-width: 3px !important;
  border-left-style: solid;
  border-right-width: 3px !important;
  border-right-style: solid;
}
.border-y-none {
  border-top-width: 0px !important;
  border-top-style: none;
  border-bottom-width: 0px !important;
  border-bottom-style: none;
}
.border-y-1 {
  border-top-width: 1px !important;
  border-top-style: solid;
  border-bottom-width: 1px !important;
  border-bottom-style: solid;
}
.border-y-2 {
  border-top-width: 2px !important;
  border-top-style: solid;
  border-bottom-width: 2px !important;
  border-bottom-style: solid;
}
.border-y-3 {
  border-top-width: 3px !important;
  border-top-style: solid;
  border-bottom-width: 3px !important;
  border-bottom-style: solid;
}
@media screen and (min-width: 576px) {
  .sm\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .sm\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .sm\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .sm\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .sm\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .sm\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .sm\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .sm\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .sm\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .sm\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .sm\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .sm\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .sm\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .sm\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .sm\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .sm\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .sm\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .sm\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .sm\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .sm\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .md\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .md\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .md\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .md\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .md\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .md\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .md\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .md\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .md\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .md\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .md\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .md\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .md\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .md\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .md\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .md\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .md\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .md\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .md\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .lg\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .lg\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .lg\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .lg\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .lg\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .lg\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .lg\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .lg\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .lg\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .lg\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .lg\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .lg\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .lg\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .lg\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .lg\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .lg\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .lg\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .lg\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .lg\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-none {
    border-width: 0px !important;
    border-style: none;
  }
  .xl\:border-1 {
    border-width: 1px !important;
    border-style: solid;
  }
  .xl\:border-2 {
    border-width: 2px !important;
    border-style: solid;
  }
  .xl\:border-3 {
    border-width: 3px !important;
    border-style: solid;
  }
  .xl\:border-top-none {
    border-top-width: 0px !important;
    border-top-style: none;
  }
  .xl\:border-top-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
  }
  .xl\:border-top-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
  }
  .xl\:border-top-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
  }
  .xl\:border-right-none {
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-right-1 {
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-right-2 {
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-right-3 {
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-left-none {
    border-left-width: 0px !important;
    border-left-style: none;
  }
  .xl\:border-left-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
  }
  .xl\:border-left-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
  }
  .xl\:border-left-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
  }
  .xl\:border-bottom-none {
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
  .xl\:border-x-none {
    border-left-width: 0px !important;
    border-left-style: none;
    border-right-width: 0px !important;
    border-right-style: none;
  }
  .xl\:border-x-1 {
    border-left-width: 1px !important;
    border-left-style: solid;
    border-right-width: 1px !important;
    border-right-style: solid;
  }
  .xl\:border-x-2 {
    border-left-width: 2px !important;
    border-left-style: solid;
    border-right-width: 2px !important;
    border-right-style: solid;
  }
  .xl\:border-x-3 {
    border-left-width: 3px !important;
    border-left-style: solid;
    border-right-width: 3px !important;
    border-right-style: solid;
  }
  .xl\:border-y-none {
    border-top-width: 0px !important;
    border-top-style: none;
    border-bottom-width: 0px !important;
    border-bottom-style: none;
  }
  .xl\:border-y-1 {
    border-top-width: 1px !important;
    border-top-style: solid;
    border-bottom-width: 1px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-2 {
    border-top-width: 2px !important;
    border-top-style: solid;
    border-bottom-width: 2px !important;
    border-bottom-style: solid;
  }
  .xl\:border-y-3 {
    border-top-width: 3px !important;
    border-top-style: solid;
    border-bottom-width: 3px !important;
    border-bottom-style: solid;
  }
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.border-double {
  border-style: double !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-solid {
    border-style: solid !important;
  }
  .sm\:border-dashed {
    border-style: dashed !important;
  }
  .sm\:border-dotted {
    border-style: dotted !important;
  }
  .sm\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-solid {
    border-style: solid !important;
  }
  .md\:border-dashed {
    border-style: dashed !important;
  }
  .md\:border-dotted {
    border-style: dotted !important;
  }
  .md\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-solid {
    border-style: solid !important;
  }
  .lg\:border-dashed {
    border-style: dashed !important;
  }
  .lg\:border-dotted {
    border-style: dotted !important;
  }
  .lg\:border-double {
    border-style: double !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-solid {
    border-style: solid !important;
  }
  .xl\:border-dashed {
    border-style: dashed !important;
  }
  .xl\:border-dotted {
    border-style: dotted !important;
  }
  .xl\:border-double {
    border-style: double !important;
  }
}
.border-noround {
  border-radius: 0 !important;
}
.border-round {
  border-radius: var(--border-radius) !important;
}
.border-round-xs {
  border-radius: 0.125rem !important;
}
.border-round-sm {
  border-radius: 0.25rem !important;
}
.border-round-md {
  border-radius: 0.375rem !important;
}
.border-round-lg {
  border-radius: 0.5rem !important;
}
.border-round-xl {
  border-radius: 0.75rem !important;
}
.border-round-2xl {
  border-radius: 1rem !important;
}
.border-round-3xl {
  border-radius: 1.5rem !important;
}
.border-circle {
  border-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround {
    border-radius: 0 !important;
  }
  .sm\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .sm\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .sm\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .sm\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .sm\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .sm\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .sm\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .sm\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround {
    border-radius: 0 !important;
  }
  .md\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .md\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .md\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .md\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .md\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .md\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .md\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .md\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround {
    border-radius: 0 !important;
  }
  .lg\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .lg\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .lg\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .lg\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .lg\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .lg\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .lg\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .lg\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .lg\:border-circle {
    border-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround {
    border-radius: 0 !important;
  }
  .xl\:border-round {
    border-radius: var(--border-radius) !important;
  }
  .xl\:border-round-xs {
    border-radius: 0.125rem !important;
  }
  .xl\:border-round-sm {
    border-radius: 0.25rem !important;
  }
  .xl\:border-round-md {
    border-radius: 0.375rem !important;
  }
  .xl\:border-round-lg {
    border-radius: 0.5rem !important;
  }
  .xl\:border-round-xl {
    border-radius: 0.75rem !important;
  }
  .xl\:border-round-2xl {
    border-radius: 1rem !important;
  }
  .xl\:border-round-3xl {
    border-radius: 1.5rem !important;
  }
  .xl\:border-circle {
    border-radius: 50% !important;
  }
}
.border-noround-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.border-noround-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.border-noround-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-noround-bottom {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-round-left {
  border-top-left-radius: var(--border-radius) !important;
  border-bottom-left-radius: var(--border-radius) !important;
}
.border-round-top {
  border-top-left-radius: var(--border-radius) !important;
  border-top-right-radius: var(--border-radius) !important;
}
.border-round-right {
  border-top-right-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-bottom {
  border-bottom-left-radius: var(--border-radius) !important;
  border-bottom-right-radius: var(--border-radius) !important;
}
.border-round-left-xs {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.border-round-top-xs {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.border-round-right-xs {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-bottom-xs {
  border-bottom-left-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.border-round-left-sm {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.border-round-top-sm {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.border-round-right-sm {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-bottom-sm {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-round-left-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.border-round-top-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.border-round-right-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-bottom-md {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.border-round-left-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.border-round-top-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.border-round-right-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-bottom-lg {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.border-round-left-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.border-round-top-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.border-round-right-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-bottom-xl {
  border-bottom-left-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.border-round-left-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.border-round-top-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.border-round-right-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-bottom-2xl {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.border-round-left-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.border-round-top-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.border-round-right-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-round-bottom-3xl {
  border-bottom-left-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.border-circle-left {
  border-top-left-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.border-circle-top {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.border-circle-right {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.border-circle-bottom {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
@media screen and (min-width: 576px) {
  .sm\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .sm\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .sm\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .sm\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .sm\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .sm\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .sm\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .sm\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .sm\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .sm\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .sm\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .sm\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .sm\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .sm\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .sm\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .sm\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .sm\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .sm\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .sm\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .sm\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .sm\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .sm\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .sm\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .sm\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .sm\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .sm\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .sm\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .sm\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .sm\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .sm\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .md\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .md\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .md\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .md\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .md\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .md\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .md\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .md\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .md\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .md\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .md\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .md\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .md\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .md\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .md\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .md\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .md\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .md\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .md\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .md\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .md\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .md\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .md\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .md\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .md\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .md\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .lg\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .lg\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .lg\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .lg\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .lg\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .lg\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .lg\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .lg\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .lg\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .lg\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .lg\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .lg\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .lg\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .lg\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .lg\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .lg\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .lg\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .lg\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .lg\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .lg\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .lg\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .lg\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .lg\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .lg\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .lg\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .lg\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .lg\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .lg\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .lg\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:border-noround-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .xl\:border-noround-top {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .xl\:border-noround-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-noround-bottom {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .xl\:border-round-left {
    border-top-left-radius: var(--border-radius) !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .xl\:border-round-top {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-right {
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-bottom {
    border-bottom-left-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
  }
  .xl\:border-round-left-xs {
    border-top-left-radius: 0.125rem !important;
    border-bottom-left-radius: 0.125rem !important;
  }
  .xl\:border-round-top-xs {
    border-top-left-radius: 0.125rem !important;
    border-top-right-radius: 0.125rem !important;
  }
  .xl\:border-round-right-xs {
    border-top-right-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-bottom-xs {
    border-bottom-left-radius: 0.125rem !important;
    border-bottom-right-radius: 0.125rem !important;
  }
  .xl\:border-round-left-sm {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .xl\:border-round-top-sm {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }
  .xl\:border-round-right-sm {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-bottom-sm {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
  }
  .xl\:border-round-left-md {
    border-top-left-radius: 0.375rem !important;
    border-bottom-left-radius: 0.375rem !important;
  }
  .xl\:border-round-top-md {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }
  .xl\:border-round-right-md {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-bottom-md {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }
  .xl\:border-round-left-lg {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
  }
  .xl\:border-round-top-lg {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
  }
  .xl\:border-round-right-lg {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-bottom-lg {
    border-bottom-left-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
  }
  .xl\:border-round-left-xl {
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
  }
  .xl\:border-round-top-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .xl\:border-round-right-xl {
    border-top-right-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-bottom-xl {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
  }
  .xl\:border-round-left-2xl {
    border-top-left-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
  }
  .xl\:border-round-top-2xl {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
  }
  .xl\:border-round-right-2xl {
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-bottom-2xl {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
  }
  .xl\:border-round-left-3xl {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
  }
  .xl\:border-round-top-3xl {
    border-top-left-radius: 1.5rem !important;
    border-top-right-radius: 1.5rem !important;
  }
  .xl\:border-round-right-3xl {
    border-top-right-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-round-bottom-3xl {
    border-bottom-left-radius: 1.5rem !important;
    border-bottom-right-radius: 1.5rem !important;
  }
  .xl\:border-circle-left {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
  }
  .xl\:border-circle-top {
    border-top-left-radius: 50% !important;
    border-top-right-radius: 50% !important;
  }
  .xl\:border-circle-right {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
  .xl\:border-circle-bottom {
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
  }
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-auto {
  width: auto !important;
}
.w-1 {
  width: 8.3333% !important;
}
.w-2 {
  width: 16.6667% !important;
}
.w-3 {
  width: 25% !important;
}
.w-4 {
  width: 33.3333% !important;
}
.w-5 {
  width: 41.6667% !important;
}
.w-6 {
  width: 50% !important;
}
.w-7 {
  width: 58.3333% !important;
}
.w-8 {
  width: 66.6667% !important;
}
.w-9 {
  width: 75% !important;
}
.w-10 {
  width: 83.3333% !important;
}
.w-11 {
  width: 91.6667% !important;
}
.w-12 {
  width: 100% !important;
}
.w-min {
  width: min-content !important;
}
.w-max {
  width: max-content !important;
}
.w-fit {
  width: fit-content !important;
}
.w-1rem {
  width: 1rem !important;
}
.w-2rem {
  width: 2rem !important;
}
.w-3rem {
  width: 3rem !important;
}
.w-4rem {
  width: 4rem !important;
}
.w-5rem {
  width: 5rem !important;
}
.w-6rem {
  width: 6rem !important;
}
.w-7rem {
  width: 7rem !important;
}
.w-8rem {
  width: 8rem !important;
}
.w-9rem {
  width: 9rem !important;
}
.w-10rem {
  width: 10rem !important;
}
.w-11rem {
  width: 11rem !important;
}
.w-12rem {
  width: 12rem !important;
}
.w-13rem {
  width: 13rem !important;
}
.w-14rem {
  width: 14rem !important;
}
.w-15rem {
  width: 15rem !important;
}
.w-16rem {
  width: 16rem !important;
}
.w-17rem {
  width: 17rem !important;
}
.w-18rem {
  width: 18rem !important;
}
.w-19rem {
  width: 19rem !important;
}
.w-20rem {
  width: 20rem !important;
}
.w-21rem {
  width: 21rem !important;
}
.w-22rem {
  width: 22rem !important;
}
.w-23rem {
  width: 23rem !important;
}
.w-24rem {
  width: 24rem !important;
}
.w-25rem {
  width: 25rem !important;
}
.w-26rem {
  width: 26rem !important;
}
.w-27rem {
  width: 27rem !important;
}
.w-28rem {
  width: 28rem !important;
}
.w-29rem {
  width: 29rem !important;
}
.w-30rem {
  width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:w-full {
    width: 100% !important;
  }
  .sm\:w-screen {
    width: 100vw !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:w-1 {
    width: 8.3333% !important;
  }
  .sm\:w-2 {
    width: 16.6667% !important;
  }
  .sm\:w-3 {
    width: 25% !important;
  }
  .sm\:w-4 {
    width: 33.3333% !important;
  }
  .sm\:w-5 {
    width: 41.6667% !important;
  }
  .sm\:w-6 {
    width: 50% !important;
  }
  .sm\:w-7 {
    width: 58.3333% !important;
  }
  .sm\:w-8 {
    width: 66.6667% !important;
  }
  .sm\:w-9 {
    width: 75% !important;
  }
  .sm\:w-10 {
    width: 83.3333% !important;
  }
  .sm\:w-11 {
    width: 91.6667% !important;
  }
  .sm\:w-12 {
    width: 100% !important;
  }
  .sm\:w-min {
    width: min-content !important;
  }
  .sm\:w-max {
    width: max-content !important;
  }
  .sm\:w-fit {
    width: fit-content !important;
  }
  .sm\:w-1rem {
    width: 1rem !important;
  }
  .sm\:w-2rem {
    width: 2rem !important;
  }
  .sm\:w-3rem {
    width: 3rem !important;
  }
  .sm\:w-4rem {
    width: 4rem !important;
  }
  .sm\:w-5rem {
    width: 5rem !important;
  }
  .sm\:w-6rem {
    width: 6rem !important;
  }
  .sm\:w-7rem {
    width: 7rem !important;
  }
  .sm\:w-8rem {
    width: 8rem !important;
  }
  .sm\:w-9rem {
    width: 9rem !important;
  }
  .sm\:w-10rem {
    width: 10rem !important;
  }
  .sm\:w-11rem {
    width: 11rem !important;
  }
  .sm\:w-12rem {
    width: 12rem !important;
  }
  .sm\:w-13rem {
    width: 13rem !important;
  }
  .sm\:w-14rem {
    width: 14rem !important;
  }
  .sm\:w-15rem {
    width: 15rem !important;
  }
  .sm\:w-16rem {
    width: 16rem !important;
  }
  .sm\:w-17rem {
    width: 17rem !important;
  }
  .sm\:w-18rem {
    width: 18rem !important;
  }
  .sm\:w-19rem {
    width: 19rem !important;
  }
  .sm\:w-20rem {
    width: 20rem !important;
  }
  .sm\:w-21rem {
    width: 21rem !important;
  }
  .sm\:w-22rem {
    width: 22rem !important;
  }
  .sm\:w-23rem {
    width: 23rem !important;
  }
  .sm\:w-24rem {
    width: 24rem !important;
  }
  .sm\:w-25rem {
    width: 25rem !important;
  }
  .sm\:w-26rem {
    width: 26rem !important;
  }
  .sm\:w-27rem {
    width: 27rem !important;
  }
  .sm\:w-28rem {
    width: 28rem !important;
  }
  .sm\:w-29rem {
    width: 29rem !important;
  }
  .sm\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-screen {
    width: 100vw !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-1 {
    width: 8.3333% !important;
  }
  .md\:w-2 {
    width: 16.6667% !important;
  }
  .md\:w-3 {
    width: 25% !important;
  }
  .md\:w-4 {
    width: 33.3333% !important;
  }
  .md\:w-5 {
    width: 41.6667% !important;
  }
  .md\:w-6 {
    width: 50% !important;
  }
  .md\:w-7 {
    width: 58.3333% !important;
  }
  .md\:w-8 {
    width: 66.6667% !important;
  }
  .md\:w-9 {
    width: 75% !important;
  }
  .md\:w-10 {
    width: 83.3333% !important;
  }
  .md\:w-11 {
    width: 91.6667% !important;
  }
  .md\:w-12 {
    width: 100% !important;
  }
  .md\:w-min {
    width: min-content !important;
  }
  .md\:w-max {
    width: max-content !important;
  }
  .md\:w-fit {
    width: fit-content !important;
  }
  .md\:w-1rem {
    width: 1rem !important;
  }
  .md\:w-2rem {
    width: 2rem !important;
  }
  .md\:w-3rem {
    width: 3rem !important;
  }
  .md\:w-4rem {
    width: 4rem !important;
  }
  .md\:w-5rem {
    width: 5rem !important;
  }
  .md\:w-6rem {
    width: 6rem !important;
  }
  .md\:w-7rem {
    width: 7rem !important;
  }
  .md\:w-8rem {
    width: 8rem !important;
  }
  .md\:w-9rem {
    width: 9rem !important;
  }
  .md\:w-10rem {
    width: 10rem !important;
  }
  .md\:w-11rem {
    width: 11rem !important;
  }
  .md\:w-12rem {
    width: 12rem !important;
  }
  .md\:w-13rem {
    width: 13rem !important;
  }
  .md\:w-14rem {
    width: 14rem !important;
  }
  .md\:w-15rem {
    width: 15rem !important;
  }
  .md\:w-16rem {
    width: 16rem !important;
  }
  .md\:w-17rem {
    width: 17rem !important;
  }
  .md\:w-18rem {
    width: 18rem !important;
  }
  .md\:w-19rem {
    width: 19rem !important;
  }
  .md\:w-20rem {
    width: 20rem !important;
  }
  .md\:w-21rem {
    width: 21rem !important;
  }
  .md\:w-22rem {
    width: 22rem !important;
  }
  .md\:w-23rem {
    width: 23rem !important;
  }
  .md\:w-24rem {
    width: 24rem !important;
  }
  .md\:w-25rem {
    width: 25rem !important;
  }
  .md\:w-26rem {
    width: 26rem !important;
  }
  .md\:w-27rem {
    width: 27rem !important;
  }
  .md\:w-28rem {
    width: 28rem !important;
  }
  .md\:w-29rem {
    width: 29rem !important;
  }
  .md\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:w-screen {
    width: 100vw !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-1 {
    width: 8.3333% !important;
  }
  .lg\:w-2 {
    width: 16.6667% !important;
  }
  .lg\:w-3 {
    width: 25% !important;
  }
  .lg\:w-4 {
    width: 33.3333% !important;
  }
  .lg\:w-5 {
    width: 41.6667% !important;
  }
  .lg\:w-6 {
    width: 50% !important;
  }
  .lg\:w-7 {
    width: 58.3333% !important;
  }
  .lg\:w-8 {
    width: 66.6667% !important;
  }
  .lg\:w-9 {
    width: 75% !important;
  }
  .lg\:w-10 {
    width: 83.3333% !important;
  }
  .lg\:w-11 {
    width: 91.6667% !important;
  }
  .lg\:w-12 {
    width: 100% !important;
  }
  .lg\:w-min {
    width: min-content !important;
  }
  .lg\:w-max {
    width: max-content !important;
  }
  .lg\:w-fit {
    width: fit-content !important;
  }
  .lg\:w-1rem {
    width: 1rem !important;
  }
  .lg\:w-2rem {
    width: 2rem !important;
  }
  .lg\:w-3rem {
    width: 3rem !important;
  }
  .lg\:w-4rem {
    width: 4rem !important;
  }
  .lg\:w-5rem {
    width: 5rem !important;
  }
  .lg\:w-6rem {
    width: 6rem !important;
  }
  .lg\:w-7rem {
    width: 7rem !important;
  }
  .lg\:w-8rem {
    width: 8rem !important;
  }
  .lg\:w-9rem {
    width: 9rem !important;
  }
  .lg\:w-10rem {
    width: 10rem !important;
  }
  .lg\:w-11rem {
    width: 11rem !important;
  }
  .lg\:w-12rem {
    width: 12rem !important;
  }
  .lg\:w-13rem {
    width: 13rem !important;
  }
  .lg\:w-14rem {
    width: 14rem !important;
  }
  .lg\:w-15rem {
    width: 15rem !important;
  }
  .lg\:w-16rem {
    width: 16rem !important;
  }
  .lg\:w-17rem {
    width: 17rem !important;
  }
  .lg\:w-18rem {
    width: 18rem !important;
  }
  .lg\:w-19rem {
    width: 19rem !important;
  }
  .lg\:w-20rem {
    width: 20rem !important;
  }
  .lg\:w-21rem {
    width: 21rem !important;
  }
  .lg\:w-22rem {
    width: 22rem !important;
  }
  .lg\:w-23rem {
    width: 23rem !important;
  }
  .lg\:w-24rem {
    width: 24rem !important;
  }
  .lg\:w-25rem {
    width: 25rem !important;
  }
  .lg\:w-26rem {
    width: 26rem !important;
  }
  .lg\:w-27rem {
    width: 27rem !important;
  }
  .lg\:w-28rem {
    width: 28rem !important;
  }
  .lg\:w-29rem {
    width: 29rem !important;
  }
  .lg\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:w-full {
    width: 100% !important;
  }
  .xl\:w-screen {
    width: 100vw !important;
  }
  .xl\:w-auto {
    width: auto !important;
  }
  .xl\:w-1 {
    width: 8.3333% !important;
  }
  .xl\:w-2 {
    width: 16.6667% !important;
  }
  .xl\:w-3 {
    width: 25% !important;
  }
  .xl\:w-4 {
    width: 33.3333% !important;
  }
  .xl\:w-5 {
    width: 41.6667% !important;
  }
  .xl\:w-6 {
    width: 50% !important;
  }
  .xl\:w-7 {
    width: 58.3333% !important;
  }
  .xl\:w-8 {
    width: 66.6667% !important;
  }
  .xl\:w-9 {
    width: 75% !important;
  }
  .xl\:w-10 {
    width: 83.3333% !important;
  }
  .xl\:w-11 {
    width: 91.6667% !important;
  }
  .xl\:w-12 {
    width: 100% !important;
  }
  .xl\:w-min {
    width: min-content !important;
  }
  .xl\:w-max {
    width: max-content !important;
  }
  .xl\:w-fit {
    width: fit-content !important;
  }
  .xl\:w-1rem {
    width: 1rem !important;
  }
  .xl\:w-2rem {
    width: 2rem !important;
  }
  .xl\:w-3rem {
    width: 3rem !important;
  }
  .xl\:w-4rem {
    width: 4rem !important;
  }
  .xl\:w-5rem {
    width: 5rem !important;
  }
  .xl\:w-6rem {
    width: 6rem !important;
  }
  .xl\:w-7rem {
    width: 7rem !important;
  }
  .xl\:w-8rem {
    width: 8rem !important;
  }
  .xl\:w-9rem {
    width: 9rem !important;
  }
  .xl\:w-10rem {
    width: 10rem !important;
  }
  .xl\:w-11rem {
    width: 11rem !important;
  }
  .xl\:w-12rem {
    width: 12rem !important;
  }
  .xl\:w-13rem {
    width: 13rem !important;
  }
  .xl\:w-14rem {
    width: 14rem !important;
  }
  .xl\:w-15rem {
    width: 15rem !important;
  }
  .xl\:w-16rem {
    width: 16rem !important;
  }
  .xl\:w-17rem {
    width: 17rem !important;
  }
  .xl\:w-18rem {
    width: 18rem !important;
  }
  .xl\:w-19rem {
    width: 19rem !important;
  }
  .xl\:w-20rem {
    width: 20rem !important;
  }
  .xl\:w-21rem {
    width: 21rem !important;
  }
  .xl\:w-22rem {
    width: 22rem !important;
  }
  .xl\:w-23rem {
    width: 23rem !important;
  }
  .xl\:w-24rem {
    width: 24rem !important;
  }
  .xl\:w-25rem {
    width: 25rem !important;
  }
  .xl\:w-26rem {
    width: 26rem !important;
  }
  .xl\:w-27rem {
    width: 27rem !important;
  }
  .xl\:w-28rem {
    width: 28rem !important;
  }
  .xl\:w-29rem {
    width: 29rem !important;
  }
  .xl\:w-30rem {
    width: 30rem !important;
  }
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-auto {
  height: auto !important;
}
.h-min {
  height: min-content !important;
}
.h-max {
  height: max-content !important;
}
.h-fit {
  height: fit-content !important;
}
.h-1rem {
  height: 1rem !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-3rem {
  height: 3rem !important;
}
.h-4rem {
  height: 4rem !important;
}
.h-5rem {
  height: 5rem !important;
}
.h-6rem {
  height: 6rem !important;
}
.h-7rem {
  height: 7rem !important;
}
.h-8rem {
  height: 8rem !important;
}
.h-9rem {
  height: 9rem !important;
}
.h-10rem {
  height: 10rem !important;
}
.h-11rem {
  height: 11rem !important;
}
.h-12rem {
  height: 12rem !important;
}
.h-13rem {
  height: 13rem !important;
}
.h-14rem {
  height: 14rem !important;
}
.h-15rem {
  height: 15rem !important;
}
.h-16rem {
  height: 16rem !important;
}
.h-17rem {
  height: 17rem !important;
}
.h-18rem {
  height: 18rem !important;
}
.h-19rem {
  height: 19rem !important;
}
.h-20rem {
  height: 20rem !important;
}
.h-21rem {
  height: 21rem !important;
}
.h-22rem {
  height: 22rem !important;
}
.h-23rem {
  height: 23rem !important;
}
.h-24rem {
  height: 24rem !important;
}
.h-25rem {
  height: 25rem !important;
}
.h-26rem {
  height: 26rem !important;
}
.h-27rem {
  height: 27rem !important;
}
.h-28rem {
  height: 28rem !important;
}
.h-29rem {
  height: 29rem !important;
}
.h-30rem {
  height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:h-full {
    height: 100% !important;
  }
  .sm\:h-screen {
    height: 100vh !important;
  }
  .sm\:h-auto {
    height: auto !important;
  }
  .sm\:h-min {
    height: min-content !important;
  }
  .sm\:h-max {
    height: max-content !important;
  }
  .sm\:h-fit {
    height: fit-content !important;
  }
  .sm\:h-1rem {
    height: 1rem !important;
  }
  .sm\:h-2rem {
    height: 2rem !important;
  }
  .sm\:h-3rem {
    height: 3rem !important;
  }
  .sm\:h-4rem {
    height: 4rem !important;
  }
  .sm\:h-5rem {
    height: 5rem !important;
  }
  .sm\:h-6rem {
    height: 6rem !important;
  }
  .sm\:h-7rem {
    height: 7rem !important;
  }
  .sm\:h-8rem {
    height: 8rem !important;
  }
  .sm\:h-9rem {
    height: 9rem !important;
  }
  .sm\:h-10rem {
    height: 10rem !important;
  }
  .sm\:h-11rem {
    height: 11rem !important;
  }
  .sm\:h-12rem {
    height: 12rem !important;
  }
  .sm\:h-13rem {
    height: 13rem !important;
  }
  .sm\:h-14rem {
    height: 14rem !important;
  }
  .sm\:h-15rem {
    height: 15rem !important;
  }
  .sm\:h-16rem {
    height: 16rem !important;
  }
  .sm\:h-17rem {
    height: 17rem !important;
  }
  .sm\:h-18rem {
    height: 18rem !important;
  }
  .sm\:h-19rem {
    height: 19rem !important;
  }
  .sm\:h-20rem {
    height: 20rem !important;
  }
  .sm\:h-21rem {
    height: 21rem !important;
  }
  .sm\:h-22rem {
    height: 22rem !important;
  }
  .sm\:h-23rem {
    height: 23rem !important;
  }
  .sm\:h-24rem {
    height: 24rem !important;
  }
  .sm\:h-25rem {
    height: 25rem !important;
  }
  .sm\:h-26rem {
    height: 26rem !important;
  }
  .sm\:h-27rem {
    height: 27rem !important;
  }
  .sm\:h-28rem {
    height: 28rem !important;
  }
  .sm\:h-29rem {
    height: 29rem !important;
  }
  .sm\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-min {
    height: min-content !important;
  }
  .md\:h-max {
    height: max-content !important;
  }
  .md\:h-fit {
    height: fit-content !important;
  }
  .md\:h-1rem {
    height: 1rem !important;
  }
  .md\:h-2rem {
    height: 2rem !important;
  }
  .md\:h-3rem {
    height: 3rem !important;
  }
  .md\:h-4rem {
    height: 4rem !important;
  }
  .md\:h-5rem {
    height: 5rem !important;
  }
  .md\:h-6rem {
    height: 6rem !important;
  }
  .md\:h-7rem {
    height: 7rem !important;
  }
  .md\:h-8rem {
    height: 8rem !important;
  }
  .md\:h-9rem {
    height: 9rem !important;
  }
  .md\:h-10rem {
    height: 10rem !important;
  }
  .md\:h-11rem {
    height: 11rem !important;
  }
  .md\:h-12rem {
    height: 12rem !important;
  }
  .md\:h-13rem {
    height: 13rem !important;
  }
  .md\:h-14rem {
    height: 14rem !important;
  }
  .md\:h-15rem {
    height: 15rem !important;
  }
  .md\:h-16rem {
    height: 16rem !important;
  }
  .md\:h-17rem {
    height: 17rem !important;
  }
  .md\:h-18rem {
    height: 18rem !important;
  }
  .md\:h-19rem {
    height: 19rem !important;
  }
  .md\:h-20rem {
    height: 20rem !important;
  }
  .md\:h-21rem {
    height: 21rem !important;
  }
  .md\:h-22rem {
    height: 22rem !important;
  }
  .md\:h-23rem {
    height: 23rem !important;
  }
  .md\:h-24rem {
    height: 24rem !important;
  }
  .md\:h-25rem {
    height: 25rem !important;
  }
  .md\:h-26rem {
    height: 26rem !important;
  }
  .md\:h-27rem {
    height: 27rem !important;
  }
  .md\:h-28rem {
    height: 28rem !important;
  }
  .md\:h-29rem {
    height: 29rem !important;
  }
  .md\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:h-full {
    height: 100% !important;
  }
  .lg\:h-screen {
    height: 100vh !important;
  }
  .lg\:h-auto {
    height: auto !important;
  }
  .lg\:h-min {
    height: min-content !important;
  }
  .lg\:h-max {
    height: max-content !important;
  }
  .lg\:h-fit {
    height: fit-content !important;
  }
  .lg\:h-1rem {
    height: 1rem !important;
  }
  .lg\:h-2rem {
    height: 2rem !important;
  }
  .lg\:h-3rem {
    height: 3rem !important;
  }
  .lg\:h-4rem {
    height: 4rem !important;
  }
  .lg\:h-5rem {
    height: 5rem !important;
  }
  .lg\:h-6rem {
    height: 6rem !important;
  }
  .lg\:h-7rem {
    height: 7rem !important;
  }
  .lg\:h-8rem {
    height: 8rem !important;
  }
  .lg\:h-9rem {
    height: 9rem !important;
  }
  .lg\:h-10rem {
    height: 10rem !important;
  }
  .lg\:h-11rem {
    height: 11rem !important;
  }
  .lg\:h-12rem {
    height: 12rem !important;
  }
  .lg\:h-13rem {
    height: 13rem !important;
  }
  .lg\:h-14rem {
    height: 14rem !important;
  }
  .lg\:h-15rem {
    height: 15rem !important;
  }
  .lg\:h-16rem {
    height: 16rem !important;
  }
  .lg\:h-17rem {
    height: 17rem !important;
  }
  .lg\:h-18rem {
    height: 18rem !important;
  }
  .lg\:h-19rem {
    height: 19rem !important;
  }
  .lg\:h-20rem {
    height: 20rem !important;
  }
  .lg\:h-21rem {
    height: 21rem !important;
  }
  .lg\:h-22rem {
    height: 22rem !important;
  }
  .lg\:h-23rem {
    height: 23rem !important;
  }
  .lg\:h-24rem {
    height: 24rem !important;
  }
  .lg\:h-25rem {
    height: 25rem !important;
  }
  .lg\:h-26rem {
    height: 26rem !important;
  }
  .lg\:h-27rem {
    height: 27rem !important;
  }
  .lg\:h-28rem {
    height: 28rem !important;
  }
  .lg\:h-29rem {
    height: 29rem !important;
  }
  .lg\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:h-full {
    height: 100% !important;
  }
  .xl\:h-screen {
    height: 100vh !important;
  }
  .xl\:h-auto {
    height: auto !important;
  }
  .xl\:h-min {
    height: min-content !important;
  }
  .xl\:h-max {
    height: max-content !important;
  }
  .xl\:h-fit {
    height: fit-content !important;
  }
  .xl\:h-1rem {
    height: 1rem !important;
  }
  .xl\:h-2rem {
    height: 2rem !important;
  }
  .xl\:h-3rem {
    height: 3rem !important;
  }
  .xl\:h-4rem {
    height: 4rem !important;
  }
  .xl\:h-5rem {
    height: 5rem !important;
  }
  .xl\:h-6rem {
    height: 6rem !important;
  }
  .xl\:h-7rem {
    height: 7rem !important;
  }
  .xl\:h-8rem {
    height: 8rem !important;
  }
  .xl\:h-9rem {
    height: 9rem !important;
  }
  .xl\:h-10rem {
    height: 10rem !important;
  }
  .xl\:h-11rem {
    height: 11rem !important;
  }
  .xl\:h-12rem {
    height: 12rem !important;
  }
  .xl\:h-13rem {
    height: 13rem !important;
  }
  .xl\:h-14rem {
    height: 14rem !important;
  }
  .xl\:h-15rem {
    height: 15rem !important;
  }
  .xl\:h-16rem {
    height: 16rem !important;
  }
  .xl\:h-17rem {
    height: 17rem !important;
  }
  .xl\:h-18rem {
    height: 18rem !important;
  }
  .xl\:h-19rem {
    height: 19rem !important;
  }
  .xl\:h-20rem {
    height: 20rem !important;
  }
  .xl\:h-21rem {
    height: 21rem !important;
  }
  .xl\:h-22rem {
    height: 22rem !important;
  }
  .xl\:h-23rem {
    height: 23rem !important;
  }
  .xl\:h-24rem {
    height: 24rem !important;
  }
  .xl\:h-25rem {
    height: 25rem !important;
  }
  .xl\:h-26rem {
    height: 26rem !important;
  }
  .xl\:h-27rem {
    height: 27rem !important;
  }
  .xl\:h-28rem {
    height: 28rem !important;
  }
  .xl\:h-29rem {
    height: 29rem !important;
  }
  .xl\:h-30rem {
    height: 30rem !important;
  }
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-screen {
  min-width: 100vw !important;
}
.min-w-min {
  min-width: min-content !important;
}
.min-w-max {
  min-width: max-content !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0px !important;
  }
  .sm\:min-w-full {
    min-width: 100% !important;
  }
  .sm\:min-w-screen {
    min-width: 100vw !important;
  }
  .sm\:min-w-min {
    min-width: min-content !important;
  }
  .sm\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0px !important;
  }
  .md\:min-w-full {
    min-width: 100% !important;
  }
  .md\:min-w-screen {
    min-width: 100vw !important;
  }
  .md\:min-w-min {
    min-width: min-content !important;
  }
  .md\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0px !important;
  }
  .lg\:min-w-full {
    min-width: 100% !important;
  }
  .lg\:min-w-screen {
    min-width: 100vw !important;
  }
  .lg\:min-w-min {
    min-width: min-content !important;
  }
  .lg\:min-w-max {
    min-width: max-content !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0px !important;
  }
  .xl\:min-w-full {
    min-width: 100% !important;
  }
  .xl\:min-w-screen {
    min-width: 100vw !important;
  }
  .xl\:min-w-min {
    min-width: min-content !important;
  }
  .xl\:min-w-max {
    min-width: max-content !important;
  }
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-screen {
  max-width: 100vw !important;
}
.max-w-min {
  max-width: min-content !important;
}
.max-w-max {
  max-width: max-content !important;
}
.max-w-fit {
  max-width: fit-content !important;
}
.max-w-1rem {
  max-width: 1rem !important;
}
.max-w-2rem {
  max-width: 2rem !important;
}
.max-w-3rem {
  max-width: 3rem !important;
}
.max-w-4rem {
  max-width: 4rem !important;
}
.max-w-5rem {
  max-width: 5rem !important;
}
.max-w-6rem {
  max-width: 6rem !important;
}
.max-w-7rem {
  max-width: 7rem !important;
}
.max-w-8rem {
  max-width: 8rem !important;
}
.max-w-9rem {
  max-width: 9rem !important;
}
.max-w-10rem {
  max-width: 10rem !important;
}
.max-w-11rem {
  max-width: 11rem !important;
}
.max-w-12rem {
  max-width: 12rem !important;
}
.max-w-13rem {
  max-width: 13rem !important;
}
.max-w-14rem {
  max-width: 14rem !important;
}
.max-w-15rem {
  max-width: 15rem !important;
}
.max-w-16rem {
  max-width: 16rem !important;
}
.max-w-17rem {
  max-width: 17rem !important;
}
.max-w-18rem {
  max-width: 18rem !important;
}
.max-w-19rem {
  max-width: 19rem !important;
}
.max-w-20rem {
  max-width: 20rem !important;
}
.max-w-21rem {
  max-width: 21rem !important;
}
.max-w-22rem {
  max-width: 22rem !important;
}
.max-w-23rem {
  max-width: 23rem !important;
}
.max-w-24rem {
  max-width: 24rem !important;
}
.max-w-25rem {
  max-width: 25rem !important;
}
.max-w-26rem {
  max-width: 26rem !important;
}
.max-w-27rem {
  max-width: 27rem !important;
}
.max-w-28rem {
  max-width: 28rem !important;
}
.max-w-29rem {
  max-width: 29rem !important;
}
.max-w-30rem {
  max-width: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-w-0 {
    max-width: 0px !important;
  }
  .sm\:max-w-full {
    max-width: 100% !important;
  }
  .sm\:max-w-screen {
    max-width: 100vw !important;
  }
  .sm\:max-w-min {
    max-width: min-content !important;
  }
  .sm\:max-w-max {
    max-width: max-content !important;
  }
  .sm\:max-w-fit {
    max-width: fit-content !important;
  }
  .sm\:max-w-1rem {
    max-width: 1rem !important;
  }
  .sm\:max-w-2rem {
    max-width: 2rem !important;
  }
  .sm\:max-w-3rem {
    max-width: 3rem !important;
  }
  .sm\:max-w-4rem {
    max-width: 4rem !important;
  }
  .sm\:max-w-5rem {
    max-width: 5rem !important;
  }
  .sm\:max-w-6rem {
    max-width: 6rem !important;
  }
  .sm\:max-w-7rem {
    max-width: 7rem !important;
  }
  .sm\:max-w-8rem {
    max-width: 8rem !important;
  }
  .sm\:max-w-9rem {
    max-width: 9rem !important;
  }
  .sm\:max-w-10rem {
    max-width: 10rem !important;
  }
  .sm\:max-w-11rem {
    max-width: 11rem !important;
  }
  .sm\:max-w-12rem {
    max-width: 12rem !important;
  }
  .sm\:max-w-13rem {
    max-width: 13rem !important;
  }
  .sm\:max-w-14rem {
    max-width: 14rem !important;
  }
  .sm\:max-w-15rem {
    max-width: 15rem !important;
  }
  .sm\:max-w-16rem {
    max-width: 16rem !important;
  }
  .sm\:max-w-17rem {
    max-width: 17rem !important;
  }
  .sm\:max-w-18rem {
    max-width: 18rem !important;
  }
  .sm\:max-w-19rem {
    max-width: 19rem !important;
  }
  .sm\:max-w-20rem {
    max-width: 20rem !important;
  }
  .sm\:max-w-21rem {
    max-width: 21rem !important;
  }
  .sm\:max-w-22rem {
    max-width: 22rem !important;
  }
  .sm\:max-w-23rem {
    max-width: 23rem !important;
  }
  .sm\:max-w-24rem {
    max-width: 24rem !important;
  }
  .sm\:max-w-25rem {
    max-width: 25rem !important;
  }
  .sm\:max-w-26rem {
    max-width: 26rem !important;
  }
  .sm\:max-w-27rem {
    max-width: 27rem !important;
  }
  .sm\:max-w-28rem {
    max-width: 28rem !important;
  }
  .sm\:max-w-29rem {
    max-width: 29rem !important;
  }
  .sm\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-w-0 {
    max-width: 0px !important;
  }
  .md\:max-w-full {
    max-width: 100% !important;
  }
  .md\:max-w-screen {
    max-width: 100vw !important;
  }
  .md\:max-w-min {
    max-width: min-content !important;
  }
  .md\:max-w-max {
    max-width: max-content !important;
  }
  .md\:max-w-fit {
    max-width: fit-content !important;
  }
  .md\:max-w-1rem {
    max-width: 1rem !important;
  }
  .md\:max-w-2rem {
    max-width: 2rem !important;
  }
  .md\:max-w-3rem {
    max-width: 3rem !important;
  }
  .md\:max-w-4rem {
    max-width: 4rem !important;
  }
  .md\:max-w-5rem {
    max-width: 5rem !important;
  }
  .md\:max-w-6rem {
    max-width: 6rem !important;
  }
  .md\:max-w-7rem {
    max-width: 7rem !important;
  }
  .md\:max-w-8rem {
    max-width: 8rem !important;
  }
  .md\:max-w-9rem {
    max-width: 9rem !important;
  }
  .md\:max-w-10rem {
    max-width: 10rem !important;
  }
  .md\:max-w-11rem {
    max-width: 11rem !important;
  }
  .md\:max-w-12rem {
    max-width: 12rem !important;
  }
  .md\:max-w-13rem {
    max-width: 13rem !important;
  }
  .md\:max-w-14rem {
    max-width: 14rem !important;
  }
  .md\:max-w-15rem {
    max-width: 15rem !important;
  }
  .md\:max-w-16rem {
    max-width: 16rem !important;
  }
  .md\:max-w-17rem {
    max-width: 17rem !important;
  }
  .md\:max-w-18rem {
    max-width: 18rem !important;
  }
  .md\:max-w-19rem {
    max-width: 19rem !important;
  }
  .md\:max-w-20rem {
    max-width: 20rem !important;
  }
  .md\:max-w-21rem {
    max-width: 21rem !important;
  }
  .md\:max-w-22rem {
    max-width: 22rem !important;
  }
  .md\:max-w-23rem {
    max-width: 23rem !important;
  }
  .md\:max-w-24rem {
    max-width: 24rem !important;
  }
  .md\:max-w-25rem {
    max-width: 25rem !important;
  }
  .md\:max-w-26rem {
    max-width: 26rem !important;
  }
  .md\:max-w-27rem {
    max-width: 27rem !important;
  }
  .md\:max-w-28rem {
    max-width: 28rem !important;
  }
  .md\:max-w-29rem {
    max-width: 29rem !important;
  }
  .md\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-w-0 {
    max-width: 0px !important;
  }
  .lg\:max-w-full {
    max-width: 100% !important;
  }
  .lg\:max-w-screen {
    max-width: 100vw !important;
  }
  .lg\:max-w-min {
    max-width: min-content !important;
  }
  .lg\:max-w-max {
    max-width: max-content !important;
  }
  .lg\:max-w-fit {
    max-width: fit-content !important;
  }
  .lg\:max-w-1rem {
    max-width: 1rem !important;
  }
  .lg\:max-w-2rem {
    max-width: 2rem !important;
  }
  .lg\:max-w-3rem {
    max-width: 3rem !important;
  }
  .lg\:max-w-4rem {
    max-width: 4rem !important;
  }
  .lg\:max-w-5rem {
    max-width: 5rem !important;
  }
  .lg\:max-w-6rem {
    max-width: 6rem !important;
  }
  .lg\:max-w-7rem {
    max-width: 7rem !important;
  }
  .lg\:max-w-8rem {
    max-width: 8rem !important;
  }
  .lg\:max-w-9rem {
    max-width: 9rem !important;
  }
  .lg\:max-w-10rem {
    max-width: 10rem !important;
  }
  .lg\:max-w-11rem {
    max-width: 11rem !important;
  }
  .lg\:max-w-12rem {
    max-width: 12rem !important;
  }
  .lg\:max-w-13rem {
    max-width: 13rem !important;
  }
  .lg\:max-w-14rem {
    max-width: 14rem !important;
  }
  .lg\:max-w-15rem {
    max-width: 15rem !important;
  }
  .lg\:max-w-16rem {
    max-width: 16rem !important;
  }
  .lg\:max-w-17rem {
    max-width: 17rem !important;
  }
  .lg\:max-w-18rem {
    max-width: 18rem !important;
  }
  .lg\:max-w-19rem {
    max-width: 19rem !important;
  }
  .lg\:max-w-20rem {
    max-width: 20rem !important;
  }
  .lg\:max-w-21rem {
    max-width: 21rem !important;
  }
  .lg\:max-w-22rem {
    max-width: 22rem !important;
  }
  .lg\:max-w-23rem {
    max-width: 23rem !important;
  }
  .lg\:max-w-24rem {
    max-width: 24rem !important;
  }
  .lg\:max-w-25rem {
    max-width: 25rem !important;
  }
  .lg\:max-w-26rem {
    max-width: 26rem !important;
  }
  .lg\:max-w-27rem {
    max-width: 27rem !important;
  }
  .lg\:max-w-28rem {
    max-width: 28rem !important;
  }
  .lg\:max-w-29rem {
    max-width: 29rem !important;
  }
  .lg\:max-w-30rem {
    max-width: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-w-0 {
    max-width: 0px !important;
  }
  .xl\:max-w-full {
    max-width: 100% !important;
  }
  .xl\:max-w-screen {
    max-width: 100vw !important;
  }
  .xl\:max-w-min {
    max-width: min-content !important;
  }
  .xl\:max-w-max {
    max-width: max-content !important;
  }
  .xl\:max-w-fit {
    max-width: fit-content !important;
  }
  .xl\:max-w-1rem {
    max-width: 1rem !important;
  }
  .xl\:max-w-2rem {
    max-width: 2rem !important;
  }
  .xl\:max-w-3rem {
    max-width: 3rem !important;
  }
  .xl\:max-w-4rem {
    max-width: 4rem !important;
  }
  .xl\:max-w-5rem {
    max-width: 5rem !important;
  }
  .xl\:max-w-6rem {
    max-width: 6rem !important;
  }
  .xl\:max-w-7rem {
    max-width: 7rem !important;
  }
  .xl\:max-w-8rem {
    max-width: 8rem !important;
  }
  .xl\:max-w-9rem {
    max-width: 9rem !important;
  }
  .xl\:max-w-10rem {
    max-width: 10rem !important;
  }
  .xl\:max-w-11rem {
    max-width: 11rem !important;
  }
  .xl\:max-w-12rem {
    max-width: 12rem !important;
  }
  .xl\:max-w-13rem {
    max-width: 13rem !important;
  }
  .xl\:max-w-14rem {
    max-width: 14rem !important;
  }
  .xl\:max-w-15rem {
    max-width: 15rem !important;
  }
  .xl\:max-w-16rem {
    max-width: 16rem !important;
  }
  .xl\:max-w-17rem {
    max-width: 17rem !important;
  }
  .xl\:max-w-18rem {
    max-width: 18rem !important;
  }
  .xl\:max-w-19rem {
    max-width: 19rem !important;
  }
  .xl\:max-w-20rem {
    max-width: 20rem !important;
  }
  .xl\:max-w-21rem {
    max-width: 21rem !important;
  }
  .xl\:max-w-22rem {
    max-width: 22rem !important;
  }
  .xl\:max-w-23rem {
    max-width: 23rem !important;
  }
  .xl\:max-w-24rem {
    max-width: 24rem !important;
  }
  .xl\:max-w-25rem {
    max-width: 25rem !important;
  }
  .xl\:max-w-26rem {
    max-width: 26rem !important;
  }
  .xl\:max-w-27rem {
    max-width: 27rem !important;
  }
  .xl\:max-w-28rem {
    max-width: 28rem !important;
  }
  .xl\:max-w-29rem {
    max-width: 29rem !important;
  }
  .xl\:max-w-30rem {
    max-width: 30rem !important;
  }
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
@media screen and (min-width: 576px) {
  .sm\:min-h-0 {
    min-height: 0px !important;
  }
  .sm\:min-h-full {
    min-height: 100% !important;
  }
  .sm\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-full {
    min-height: 100% !important;
  }
  .md\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:min-h-0 {
    min-height: 0px !important;
  }
  .lg\:min-h-full {
    min-height: 100% !important;
  }
  .lg\:min-h-screen {
    min-height: 100vh !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:min-h-0 {
    min-height: 0px !important;
  }
  .xl\:min-h-full {
    min-height: 100% !important;
  }
  .xl\:min-h-screen {
    min-height: 100vh !important;
  }
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.max-h-min {
  max-height: min-content !important;
}
.max-h-max {
  max-height: max-content !important;
}
.max-h-fit {
  max-height: fit-content !important;
}
.max-h-1rem {
  max-height: 1rem !important;
}
.max-h-2rem {
  max-height: 2rem !important;
}
.max-h-3rem {
  max-height: 3rem !important;
}
.max-h-4rem {
  max-height: 4rem !important;
}
.max-h-5rem {
  max-height: 5rem !important;
}
.max-h-6rem {
  max-height: 6rem !important;
}
.max-h-7rem {
  max-height: 7rem !important;
}
.max-h-8rem {
  max-height: 8rem !important;
}
.max-h-9rem {
  max-height: 9rem !important;
}
.max-h-10rem {
  max-height: 10rem !important;
}
.max-h-11rem {
  max-height: 11rem !important;
}
.max-h-12rem {
  max-height: 12rem !important;
}
.max-h-13rem {
  max-height: 13rem !important;
}
.max-h-14rem {
  max-height: 14rem !important;
}
.max-h-15rem {
  max-height: 15rem !important;
}
.max-h-16rem {
  max-height: 16rem !important;
}
.max-h-17rem {
  max-height: 17rem !important;
}
.max-h-18rem {
  max-height: 18rem !important;
}
.max-h-19rem {
  max-height: 19rem !important;
}
.max-h-20rem {
  max-height: 20rem !important;
}
.max-h-21rem {
  max-height: 21rem !important;
}
.max-h-22rem {
  max-height: 22rem !important;
}
.max-h-23rem {
  max-height: 23rem !important;
}
.max-h-24rem {
  max-height: 24rem !important;
}
.max-h-25rem {
  max-height: 25rem !important;
}
.max-h-26rem {
  max-height: 26rem !important;
}
.max-h-27rem {
  max-height: 27rem !important;
}
.max-h-28rem {
  max-height: 28rem !important;
}
.max-h-29rem {
  max-height: 29rem !important;
}
.max-h-30rem {
  max-height: 30rem !important;
}
@media screen and (min-width: 576px) {
  .sm\:max-h-0 {
    max-height: 0px !important;
  }
  .sm\:max-h-full {
    max-height: 100% !important;
  }
  .sm\:max-h-screen {
    max-height: 100vh !important;
  }
  .sm\:max-h-min {
    max-height: min-content !important;
  }
  .sm\:max-h-max {
    max-height: max-content !important;
  }
  .sm\:max-h-fit {
    max-height: fit-content !important;
  }
  .sm\:max-h-1rem {
    max-height: 1rem !important;
  }
  .sm\:max-h-2rem {
    max-height: 2rem !important;
  }
  .sm\:max-h-3rem {
    max-height: 3rem !important;
  }
  .sm\:max-h-4rem {
    max-height: 4rem !important;
  }
  .sm\:max-h-5rem {
    max-height: 5rem !important;
  }
  .sm\:max-h-6rem {
    max-height: 6rem !important;
  }
  .sm\:max-h-7rem {
    max-height: 7rem !important;
  }
  .sm\:max-h-8rem {
    max-height: 8rem !important;
  }
  .sm\:max-h-9rem {
    max-height: 9rem !important;
  }
  .sm\:max-h-10rem {
    max-height: 10rem !important;
  }
  .sm\:max-h-11rem {
    max-height: 11rem !important;
  }
  .sm\:max-h-12rem {
    max-height: 12rem !important;
  }
  .sm\:max-h-13rem {
    max-height: 13rem !important;
  }
  .sm\:max-h-14rem {
    max-height: 14rem !important;
  }
  .sm\:max-h-15rem {
    max-height: 15rem !important;
  }
  .sm\:max-h-16rem {
    max-height: 16rem !important;
  }
  .sm\:max-h-17rem {
    max-height: 17rem !important;
  }
  .sm\:max-h-18rem {
    max-height: 18rem !important;
  }
  .sm\:max-h-19rem {
    max-height: 19rem !important;
  }
  .sm\:max-h-20rem {
    max-height: 20rem !important;
  }
  .sm\:max-h-21rem {
    max-height: 21rem !important;
  }
  .sm\:max-h-22rem {
    max-height: 22rem !important;
  }
  .sm\:max-h-23rem {
    max-height: 23rem !important;
  }
  .sm\:max-h-24rem {
    max-height: 24rem !important;
  }
  .sm\:max-h-25rem {
    max-height: 25rem !important;
  }
  .sm\:max-h-26rem {
    max-height: 26rem !important;
  }
  .sm\:max-h-27rem {
    max-height: 27rem !important;
  }
  .sm\:max-h-28rem {
    max-height: 28rem !important;
  }
  .sm\:max-h-29rem {
    max-height: 29rem !important;
  }
  .sm\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:max-h-0 {
    max-height: 0px !important;
  }
  .md\:max-h-full {
    max-height: 100% !important;
  }
  .md\:max-h-screen {
    max-height: 100vh !important;
  }
  .md\:max-h-min {
    max-height: min-content !important;
  }
  .md\:max-h-max {
    max-height: max-content !important;
  }
  .md\:max-h-fit {
    max-height: fit-content !important;
  }
  .md\:max-h-1rem {
    max-height: 1rem !important;
  }
  .md\:max-h-2rem {
    max-height: 2rem !important;
  }
  .md\:max-h-3rem {
    max-height: 3rem !important;
  }
  .md\:max-h-4rem {
    max-height: 4rem !important;
  }
  .md\:max-h-5rem {
    max-height: 5rem !important;
  }
  .md\:max-h-6rem {
    max-height: 6rem !important;
  }
  .md\:max-h-7rem {
    max-height: 7rem !important;
  }
  .md\:max-h-8rem {
    max-height: 8rem !important;
  }
  .md\:max-h-9rem {
    max-height: 9rem !important;
  }
  .md\:max-h-10rem {
    max-height: 10rem !important;
  }
  .md\:max-h-11rem {
    max-height: 11rem !important;
  }
  .md\:max-h-12rem {
    max-height: 12rem !important;
  }
  .md\:max-h-13rem {
    max-height: 13rem !important;
  }
  .md\:max-h-14rem {
    max-height: 14rem !important;
  }
  .md\:max-h-15rem {
    max-height: 15rem !important;
  }
  .md\:max-h-16rem {
    max-height: 16rem !important;
  }
  .md\:max-h-17rem {
    max-height: 17rem !important;
  }
  .md\:max-h-18rem {
    max-height: 18rem !important;
  }
  .md\:max-h-19rem {
    max-height: 19rem !important;
  }
  .md\:max-h-20rem {
    max-height: 20rem !important;
  }
  .md\:max-h-21rem {
    max-height: 21rem !important;
  }
  .md\:max-h-22rem {
    max-height: 22rem !important;
  }
  .md\:max-h-23rem {
    max-height: 23rem !important;
  }
  .md\:max-h-24rem {
    max-height: 24rem !important;
  }
  .md\:max-h-25rem {
    max-height: 25rem !important;
  }
  .md\:max-h-26rem {
    max-height: 26rem !important;
  }
  .md\:max-h-27rem {
    max-height: 27rem !important;
  }
  .md\:max-h-28rem {
    max-height: 28rem !important;
  }
  .md\:max-h-29rem {
    max-height: 29rem !important;
  }
  .md\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:max-h-0 {
    max-height: 0px !important;
  }
  .lg\:max-h-full {
    max-height: 100% !important;
  }
  .lg\:max-h-screen {
    max-height: 100vh !important;
  }
  .lg\:max-h-min {
    max-height: min-content !important;
  }
  .lg\:max-h-max {
    max-height: max-content !important;
  }
  .lg\:max-h-fit {
    max-height: fit-content !important;
  }
  .lg\:max-h-1rem {
    max-height: 1rem !important;
  }
  .lg\:max-h-2rem {
    max-height: 2rem !important;
  }
  .lg\:max-h-3rem {
    max-height: 3rem !important;
  }
  .lg\:max-h-4rem {
    max-height: 4rem !important;
  }
  .lg\:max-h-5rem {
    max-height: 5rem !important;
  }
  .lg\:max-h-6rem {
    max-height: 6rem !important;
  }
  .lg\:max-h-7rem {
    max-height: 7rem !important;
  }
  .lg\:max-h-8rem {
    max-height: 8rem !important;
  }
  .lg\:max-h-9rem {
    max-height: 9rem !important;
  }
  .lg\:max-h-10rem {
    max-height: 10rem !important;
  }
  .lg\:max-h-11rem {
    max-height: 11rem !important;
  }
  .lg\:max-h-12rem {
    max-height: 12rem !important;
  }
  .lg\:max-h-13rem {
    max-height: 13rem !important;
  }
  .lg\:max-h-14rem {
    max-height: 14rem !important;
  }
  .lg\:max-h-15rem {
    max-height: 15rem !important;
  }
  .lg\:max-h-16rem {
    max-height: 16rem !important;
  }
  .lg\:max-h-17rem {
    max-height: 17rem !important;
  }
  .lg\:max-h-18rem {
    max-height: 18rem !important;
  }
  .lg\:max-h-19rem {
    max-height: 19rem !important;
  }
  .lg\:max-h-20rem {
    max-height: 20rem !important;
  }
  .lg\:max-h-21rem {
    max-height: 21rem !important;
  }
  .lg\:max-h-22rem {
    max-height: 22rem !important;
  }
  .lg\:max-h-23rem {
    max-height: 23rem !important;
  }
  .lg\:max-h-24rem {
    max-height: 24rem !important;
  }
  .lg\:max-h-25rem {
    max-height: 25rem !important;
  }
  .lg\:max-h-26rem {
    max-height: 26rem !important;
  }
  .lg\:max-h-27rem {
    max-height: 27rem !important;
  }
  .lg\:max-h-28rem {
    max-height: 28rem !important;
  }
  .lg\:max-h-29rem {
    max-height: 29rem !important;
  }
  .lg\:max-h-30rem {
    max-height: 30rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:max-h-0 {
    max-height: 0px !important;
  }
  .xl\:max-h-full {
    max-height: 100% !important;
  }
  .xl\:max-h-screen {
    max-height: 100vh !important;
  }
  .xl\:max-h-min {
    max-height: min-content !important;
  }
  .xl\:max-h-max {
    max-height: max-content !important;
  }
  .xl\:max-h-fit {
    max-height: fit-content !important;
  }
  .xl\:max-h-1rem {
    max-height: 1rem !important;
  }
  .xl\:max-h-2rem {
    max-height: 2rem !important;
  }
  .xl\:max-h-3rem {
    max-height: 3rem !important;
  }
  .xl\:max-h-4rem {
    max-height: 4rem !important;
  }
  .xl\:max-h-5rem {
    max-height: 5rem !important;
  }
  .xl\:max-h-6rem {
    max-height: 6rem !important;
  }
  .xl\:max-h-7rem {
    max-height: 7rem !important;
  }
  .xl\:max-h-8rem {
    max-height: 8rem !important;
  }
  .xl\:max-h-9rem {
    max-height: 9rem !important;
  }
  .xl\:max-h-10rem {
    max-height: 10rem !important;
  }
  .xl\:max-h-11rem {
    max-height: 11rem !important;
  }
  .xl\:max-h-12rem {
    max-height: 12rem !important;
  }
  .xl\:max-h-13rem {
    max-height: 13rem !important;
  }
  .xl\:max-h-14rem {
    max-height: 14rem !important;
  }
  .xl\:max-h-15rem {
    max-height: 15rem !important;
  }
  .xl\:max-h-16rem {
    max-height: 16rem !important;
  }
  .xl\:max-h-17rem {
    max-height: 17rem !important;
  }
  .xl\:max-h-18rem {
    max-height: 18rem !important;
  }
  .xl\:max-h-19rem {
    max-height: 19rem !important;
  }
  .xl\:max-h-20rem {
    max-height: 20rem !important;
  }
  .xl\:max-h-21rem {
    max-height: 21rem !important;
  }
  .xl\:max-h-22rem {
    max-height: 22rem !important;
  }
  .xl\:max-h-23rem {
    max-height: 23rem !important;
  }
  .xl\:max-h-24rem {
    max-height: 24rem !important;
  }
  .xl\:max-h-25rem {
    max-height: 25rem !important;
  }
  .xl\:max-h-26rem {
    max-height: 26rem !important;
  }
  .xl\:max-h-27rem {
    max-height: 27rem !important;
  }
  .xl\:max-h-28rem {
    max-height: 28rem !important;
  }
  .xl\:max-h-29rem {
    max-height: 29rem !important;
  }
  .xl\:max-h-30rem {
    max-height: 30rem !important;
  }
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
@media screen and (min-width: 576px) {
  .sm\:static {
    position: static !important;
  }
  .sm\:fixed {
    position: fixed !important;
  }
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:relative {
    position: relative !important;
  }
  .sm\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:fixed {
    position: fixed !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:static {
    position: static !important;
  }
  .lg\:fixed {
    position: fixed !important;
  }
  .lg\:absolute {
    position: absolute !important;
  }
  .lg\:relative {
    position: relative !important;
  }
  .lg\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:static {
    position: static !important;
  }
  .xl\:fixed {
    position: fixed !important;
  }
  .xl\:absolute {
    position: absolute !important;
  }
  .xl\:relative {
    position: relative !important;
  }
  .xl\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0px !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:top-auto {
    top: auto !important;
  }
  .sm\:top-0 {
    top: 0px !important;
  }
  .sm\:top-50 {
    top: 50% !important;
  }
  .sm\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-50 {
    top: 50% !important;
  }
  .md\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:top-auto {
    top: auto !important;
  }
  .lg\:top-0 {
    top: 0px !important;
  }
  .lg\:top-50 {
    top: 50% !important;
  }
  .lg\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:top-auto {
    top: auto !important;
  }
  .xl\:top-0 {
    top: 0px !important;
  }
  .xl\:top-50 {
    top: 50% !important;
  }
  .xl\:top-100 {
    top: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-50 {
  left: 50% !important;
}
.left-100 {
  left: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:left-auto {
    left: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:left-50 {
    left: 50% !important;
  }
  .sm\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:left-auto {
    left: auto !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-50 {
    left: 50% !important;
  }
  .md\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:left-auto {
    left: auto !important;
  }
  .lg\:left-0 {
    left: 0px !important;
  }
  .lg\:left-50 {
    left: 50% !important;
  }
  .lg\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:left-auto {
    left: auto !important;
  }
  .xl\:left-0 {
    left: 0px !important;
  }
  .xl\:left-50 {
    left: 50% !important;
  }
  .xl\:left-100 {
    left: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-50 {
  right: 50% !important;
}
.right-100 {
  right: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:right-auto {
    right: auto !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-50 {
    right: 50% !important;
  }
  .sm\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:right-auto {
    right: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-50 {
    right: 50% !important;
  }
  .md\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:right-auto {
    right: auto !important;
  }
  .lg\:right-0 {
    right: 0px !important;
  }
  .lg\:right-50 {
    right: 50% !important;
  }
  .lg\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:right-auto {
    right: auto !important;
  }
  .xl\:right-0 {
    right: 0px !important;
  }
  .xl\:right-50 {
    right: 50% !important;
  }
  .xl\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
@media screen and (min-width: 576px) {
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:bottom-0 {
    bottom: 0px !important;
  }
  .sm\:bottom-50 {
    bottom: 50% !important;
  }
  .sm\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-0 {
    bottom: 0px !important;
  }
  .md\:bottom-50 {
    bottom: 50% !important;
  }
  .md\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bottom-auto {
    bottom: auto !important;
  }
  .lg\:bottom-0 {
    bottom: 0px !important;
  }
  .lg\:bottom-50 {
    bottom: 50% !important;
  }
  .lg\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bottom-auto {
    bottom: auto !important;
  }
  .xl\:bottom-0 {
    bottom: 0px !important;
  }
  .xl\:bottom-50 {
    bottom: 50% !important;
  }
  .xl\:bottom-100 {
    bottom: 100% !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-auto {
    overflow: auto !important;
  }
  .sm\:overflow-hidden {
    overflow: hidden !important;
  }
  .sm\:overflow-visible {
    overflow: visible !important;
  }
  .sm\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-auto {
    overflow: auto !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-visible {
    overflow: visible !important;
  }
  .md\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-auto {
    overflow: auto !important;
  }
  .lg\:overflow-hidden {
    overflow: hidden !important;
  }
  .lg\:overflow-visible {
    overflow: visible !important;
  }
  .lg\:overflow-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-auto {
    overflow: auto !important;
  }
  .xl\:overflow-hidden {
    overflow: hidden !important;
  }
  .xl\:overflow-visible {
    overflow: visible !important;
  }
  .xl\:overflow-scroll {
    overflow: scroll !important;
  }
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .md\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl\:overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl\:overflow-x-scroll {
    overflow-x: scroll !important;
  }
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
@media screen and (min-width: 576px) {
  .sm\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .md\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl\:overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl\:overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
}
.z-auto {
  z-index: auto !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
@media screen and (min-width: 576px) {
  .sm\:z-auto {
    z-index: auto !important;
  }
  .sm\:z-0 {
    z-index: 0 !important;
  }
  .sm\:z-1 {
    z-index: 1 !important;
  }
  .sm\:z-2 {
    z-index: 2 !important;
  }
  .sm\:z-3 {
    z-index: 3 !important;
  }
  .sm\:z-4 {
    z-index: 4 !important;
  }
  .sm\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:z-0 {
    z-index: 0 !important;
  }
  .md\:z-1 {
    z-index: 1 !important;
  }
  .md\:z-2 {
    z-index: 2 !important;
  }
  .md\:z-3 {
    z-index: 3 !important;
  }
  .md\:z-4 {
    z-index: 4 !important;
  }
  .md\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:z-auto {
    z-index: auto !important;
  }
  .lg\:z-0 {
    z-index: 0 !important;
  }
  .lg\:z-1 {
    z-index: 1 !important;
  }
  .lg\:z-2 {
    z-index: 2 !important;
  }
  .lg\:z-3 {
    z-index: 3 !important;
  }
  .lg\:z-4 {
    z-index: 4 !important;
  }
  .lg\:z-5 {
    z-index: 5 !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:z-auto {
    z-index: auto !important;
  }
  .xl\:z-0 {
    z-index: 0 !important;
  }
  .xl\:z-1 {
    z-index: 1 !important;
  }
  .xl\:z-2 {
    z-index: 2 !important;
  }
  .xl\:z-3 {
    z-index: 3 !important;
  }
  .xl\:z-4 {
    z-index: 4 !important;
  }
  .xl\:z-5 {
    z-index: 5 !important;
  }
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-repeat-x {
  background-repeat: repeat-x !important;
}
.bg-repeat-y {
  background-repeat: repeat-y !important;
}
.bg-repeat-round {
  background-repeat: round !important;
}
.bg-repeat-space {
  background-repeat: space !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat !important;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .sm\:bg-repeat-round {
    background-repeat: round !important;
  }
  .sm\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat !important;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .md\:bg-repeat-round {
    background-repeat: round !important;
  }
  .md\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat !important;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .lg\:bg-repeat-round {
    background-repeat: round !important;
  }
  .lg\:bg-repeat-space {
    background-repeat: space !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat !important;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat !important;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x !important;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y !important;
  }
  .xl\:bg-repeat-round {
    background-repeat: round !important;
  }
  .xl\:bg-repeat-space {
    background-repeat: space !important;
  }
}
.bg-auto {
  background-size: auto !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto !important;
  }
  .sm\:bg-cover {
    background-size: cover !important;
  }
  .sm\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto !important;
  }
  .md\:bg-cover {
    background-size: cover !important;
  }
  .md\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto !important;
  }
  .lg\:bg-cover {
    background-size: cover !important;
  }
  .lg\:bg-contain {
    background-size: contain !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto !important;
  }
  .xl\:bg-cover {
    background-size: cover !important;
  }
  .xl\:bg-contain {
    background-size: contain !important;
  }
}
.bg-bottom {
  background-position: bottom !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-left-bottom {
  background-position: left bottom !important;
}
.bg-left-top {
  background-position: left top !important;
}
.bg-right {
  background-position: right !important;
}
.bg-right-bottom {
  background-position: right bottom !important;
}
.bg-right-top {
  background-position: right top !important;
}
.bg-top {
  background-position: top !important;
}
@media screen and (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom !important;
  }
  .sm\:bg-center {
    background-position: center !important;
  }
  .sm\:bg-left {
    background-position: left !important;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .sm\:bg-left-top {
    background-position: left top !important;
  }
  .sm\:bg-right {
    background-position: right !important;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .sm\:bg-right-top {
    background-position: right top !important;
  }
  .sm\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom !important;
  }
  .md\:bg-center {
    background-position: center !important;
  }
  .md\:bg-left {
    background-position: left !important;
  }
  .md\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .md\:bg-left-top {
    background-position: left top !important;
  }
  .md\:bg-right {
    background-position: right !important;
  }
  .md\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .md\:bg-right-top {
    background-position: right top !important;
  }
  .md\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom !important;
  }
  .lg\:bg-center {
    background-position: center !important;
  }
  .lg\:bg-left {
    background-position: left !important;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .lg\:bg-left-top {
    background-position: left top !important;
  }
  .lg\:bg-right {
    background-position: right !important;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .lg\:bg-right-top {
    background-position: right top !important;
  }
  .lg\:bg-top {
    background-position: top !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom !important;
  }
  .xl\:bg-center {
    background-position: center !important;
  }
  .xl\:bg-left {
    background-position: left !important;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom !important;
  }
  .xl\:bg-left-top {
    background-position: left top !important;
  }
  .xl\:bg-right {
    background-position: right !important;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom !important;
  }
  .xl\:bg-right-top {
    background-position: right top !important;
  }
  .xl\:bg-top {
    background-position: top !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.list-none {
  list-style: none !important;
}
.list-disc {
  list-style: disc !important;
}
.list-decimal {
  list-style: decimal !important;
}
.appearance-none {
  appearance: none !important;
}
.outline-none {
  outline: none !important;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.cursor-auto {
  cursor: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-wait {
  cursor: wait !important;
}
.cursor-move {
  cursor: move !important;
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.select-text {
  -webkit-user-select: text !important;
  user-select: text !important;
}
.select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-10 {
  opacity: .1 !important;
}
.opacity-20 {
  opacity: .2 !important;
}
.opacity-30 {
  opacity: .3 !important;
}
.opacity-40 {
  opacity: .4 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-60 {
  opacity: .6 !important;
}
.opacity-70 {
  opacity: .7 !important;
}
.opacity-80 {
  opacity: .8 !important;
}
.opacity-90 {
  opacity: .9 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.reset {
  all: unset;
}
.transition-none {
  transition-property: none !important;
}
.transition-all {
  transition-property: all !important;
}
.transition-colors {
  transition-property:
    background-color,
    border-color,
    color !important;
}
.transition-transform {
  transition-property: transform !important;
}
.transition-duration-100 {
  transition-duration: 100ms !important;
}
.transition-duration-150 {
  transition-duration: 150ms !important;
}
.transition-duration-200 {
  transition-duration: 200ms !important;
}
.transition-duration-300 {
  transition-duration: 300ms !important;
}
.transition-duration-400 {
  transition-duration: 400ms !important;
}
.transition-duration-500 {
  transition-duration: 500ms !important;
}
.transition-duration-1000 {
  transition-duration: 1000ms !important;
}
.transition-duration-2000 {
  transition-duration: 2000ms !important;
}
.transition-duration-3000 {
  transition-duration: 3000ms !important;
}
.transition-linear {
  transition-timing-function: linear !important;
}
.transition-ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.transition-ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.transition-ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.transition-delay-100 {
  transition-delay: 100ms !important;
}
.transition-delay-150 {
  transition-delay: 150ms !important;
}
.transition-delay-200 {
  transition-delay: 200ms !important;
}
.transition-delay-300 {
  transition-delay: 300ms !important;
}
.transition-delay-400 {
  transition-delay: 400ms !important;
}
.transition-delay-500 {
  transition-delay: 500ms !important;
}
.transition-delay-1000 {
  transition-delay: 1000ms !important;
}
.translate-x-0 {
  transform: translateX(0%) !important;
}
.translate-x-100 {
  transform: translateX(100%) !important;
}
.-translate-x-100 {
  transform: translateX(-100%) !important;
}
.translate-y-0 {
  transform: translateY(0%) !important;
}
.translate-y-100 {
  transform: translateY(100%) !important;
}
.-translate-y-100 {
  transform: translateY(-100%) !important;
}
@media screen and (min-width: 576px) {
  .sm\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .sm\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .sm\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .sm\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .sm\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .sm\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .md\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .md\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .md\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .md\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .md\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .lg\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .lg\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .lg\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .lg\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .lg\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:translate-x-0 {
    transform: translateX(0%) !important;
  }
  .xl\:translate-x-100 {
    transform: translateX(100%) !important;
  }
  .xl\:-translate-x-100 {
    transform: translateX(-100%) !important;
  }
  .xl\:translate-y-0 {
    transform: translateY(0%) !important;
  }
  .xl\:translate-y-100 {
    transform: translateY(100%) !important;
  }
  .xl\:-translate-y-100 {
    transform: translateY(-100%) !important;
  }
}
.rotate-45 {
  transform: rotate(45deg) !important;
}
.-rotate-45 {
  transform: rotate(-45deg) !important;
}
.rotate-90 {
  transform: rotate(90deg) !important;
}
.-rotate-90 {
  transform: rotate(-90deg) !important;
}
.rotate-180 {
  transform: rotate(180deg) !important;
}
.-rotate-180 {
  transform: rotate(-180deg) !important;
}
@media screen and (min-width: 576px) {
  .sm\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .sm\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .sm\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .sm\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .sm\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .sm\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .md\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .md\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .md\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .md\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .md\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .lg\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .lg\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .lg\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .lg\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .lg\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:rotate-45 {
    transform: rotate(45deg) !important;
  }
  .xl\:-rotate-45 {
    transform: rotate(-45deg) !important;
  }
  .xl\:rotate-90 {
    transform: rotate(90deg) !important;
  }
  .xl\:-rotate-90 {
    transform: rotate(-90deg) !important;
  }
  .xl\:rotate-180 {
    transform: rotate(180deg) !important;
  }
  .xl\:-rotate-180 {
    transform: rotate(-180deg) !important;
  }
}
.origin-center {
  transform-origin: center !important;
}
.origin-top {
  transform-origin: top !important;
}
.origin-top-right {
  transform-origin: top right !important;
}
.origin-right {
  transform-origin: right !important;
}
.origin-bottom-right {
  transform-origin: bottom right !important;
}
.origin-bottom {
  transform-origin: bottom !important;
}
.origin-bottom-left {
  transform-origin: bottom left !important;
}
.origin-left {
  transform-origin: left !important;
}
.origin-top-left {
  transform-origin: top-left !important;
}
@media screen and (min-width: 576px) {
  .sm\:origin-center {
    transform-origin: center !important;
  }
  .sm\:origin-top {
    transform-origin: top !important;
  }
  .sm\:origin-top-right {
    transform-origin: top right !important;
  }
  .sm\:origin-right {
    transform-origin: right !important;
  }
  .sm\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .sm\:origin-bottom {
    transform-origin: bottom !important;
  }
  .sm\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .sm\:origin-left {
    transform-origin: left !important;
  }
  .sm\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 768px) {
  .md\:origin-center {
    transform-origin: center !important;
  }
  .md\:origin-top {
    transform-origin: top !important;
  }
  .md\:origin-top-right {
    transform-origin: top right !important;
  }
  .md\:origin-right {
    transform-origin: right !important;
  }
  .md\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .md\:origin-bottom {
    transform-origin: bottom !important;
  }
  .md\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .md\:origin-left {
    transform-origin: left !important;
  }
  .md\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 992px) {
  .lg\:origin-center {
    transform-origin: center !important;
  }
  .lg\:origin-top {
    transform-origin: top !important;
  }
  .lg\:origin-top-right {
    transform-origin: top right !important;
  }
  .lg\:origin-right {
    transform-origin: right !important;
  }
  .lg\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .lg\:origin-bottom {
    transform-origin: bottom !important;
  }
  .lg\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .lg\:origin-left {
    transform-origin: left !important;
  }
  .lg\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@media screen and (min-width: 1200px) {
  .xl\:origin-center {
    transform-origin: center !important;
  }
  .xl\:origin-top {
    transform-origin: top !important;
  }
  .xl\:origin-top-right {
    transform-origin: top right !important;
  }
  .xl\:origin-right {
    transform-origin: right !important;
  }
  .xl\:origin-bottom-right {
    transform-origin: bottom right !important;
  }
  .xl\:origin-bottom {
    transform-origin: bottom !important;
  }
  .xl\:origin-bottom-left {
    transform-origin: bottom left !important;
  }
  .xl\:origin-left {
    transform-origin: left !important;
  }
  .xl\:origin-top-left {
    transform-origin: top-left !important;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scalein {
  0% {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slidedown {
  0% {
    max-height: 0;
  }
  100% {
    max-height: auto;
  }
}
@keyframes slideup {
  0% {
    max-height: 1000px;
  }
  100% {
    max-height: 0;
  }
}
@keyframes fadeinleft {
  0% {
    opacity: 0;
    transform: translateX(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutleft {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@keyframes fadeinright {
  0% {
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeoutright {
  0% {
    opacity: 1;
    transform: translateX(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(100%);
  }
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutup {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}
@keyframes fadeindown {
  0% {
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeoutdown {
  0% {
    opacity: 1;
    transform: translateY(0%);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
@keyframes animate-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes flip {
  from {
    transform: perspective(2000px) rotateX(-100deg);
  }
  to {
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes flipleft {
  from {
    transform: perspective(2000px) rotateY(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipright {
  from {
    transform: perspective(2000px) rotateY(100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateY(0);
    opacity: 1;
  }
}
@keyframes flipup {
  from {
    transform: perspective(2000px) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: perspective(2000px) rotateX(0);
    opacity: 1;
  }
}
@keyframes zoomin {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomindown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoominleft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoominright {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoominup {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.fadein {
  animation: fadein 0.15s linear;
}
.fadeout {
  animation: fadeout 0.15s linear;
}
.slidedown {
  animation: slidedown 0.45s ease-in-out;
}
.slideup {
  animation: slideup 0.45s cubic-bezier(0, 1, 0, 1);
}
.scalein {
  animation: scalein 0.15s linear;
}
.fadeinleft {
  animation: fadeinleft 0.15s linear;
}
.fadeoutleft {
  animation: fadeoutleft 0.15s linear;
}
.fadeinright {
  animation: fadeinright 0.15s linear;
}
.fadeoutright {
  animation: fadeoutright 0.15s linear;
}
.fadeinup {
  animation: fadeinup 0.15s linear;
}
.fadeoutup {
  animation: fadeoutup 0.15s linear;
}
.fadeindown {
  animation: fadeindown 0.15s linear;
}
.fadeoutdown {
  animation: fadeoutdown 0.15s linear;
}
.animate-width {
  animation: animate-width 1000ms linear;
}
.flip {
  backface-visibility: visible;
  animation: flip 0.15s linear;
}
.flipup {
  backface-visibility: visible;
  animation: flipup 0.15s linear;
}
.flipleft {
  backface-visibility: visible;
  animation: flipleft 0.15s linear;
}
.flipright {
  backface-visibility: visible;
  animation: flipright 0.15s linear;
}
.zoomin {
  animation: zoomin 0.15s linear;
}
.zoomindown {
  animation: zoomindown 0.15s linear;
}
.zoominleft {
  animation: zoominleft 0.15s linear;
}
.zoominright {
  animation: zoominright 0.15s linear;
}
.zoominup {
  animation: zoominup 0.15s linear;
}
.animation-duration-100 {
  animation-duration: 100ms !important;
}
.animation-duration-150 {
  animation-duration: 150ms !important;
}
.animation-duration-200 {
  animation-duration: 200ms !important;
}
.animation-duration-300 {
  animation-duration: 300ms !important;
}
.animation-duration-400 {
  animation-duration: 400ms !important;
}
.animation-duration-500 {
  animation-duration: 500ms !important;
}
.animation-duration-1000 {
  animation-duration: 1000ms !important;
}
.animation-duration-2000 {
  animation-duration: 2000ms !important;
}
.animation-duration-3000 {
  animation-duration: 3000ms !important;
}
.animation-delay-100 {
  animation-delay: 100ms !important;
}
.animation-delay-150 {
  animation-delay: 150ms !important;
}
.animation-delay-200 {
  animation-delay: 200ms !important;
}
.animation-delay-300 {
  animation-delay: 300ms !important;
}
.animation-delay-400 {
  animation-delay: 400ms !important;
}
.animation-delay-500 {
  animation-delay: 500ms !important;
}
.animation-delay-1000 {
  animation-delay: 1000ms !important;
}
.animation-iteration-1 {
  animation-iteration-count: 1 !important;
}
.animation-iteration-2 {
  animation-iteration-count: 2 !important;
}
.animation-iteration-infinite {
  animation-iteration-count: infinite !important;
}
.animation-linear {
  animation-timing-function: linear !important;
}
.animation-ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.animation-ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.animation-ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.animation-fill-none {
  animation-fill-mode: none !important;
}
.animation-fill-forwards {
  animation-fill-mode: forwards !important;
}
.animation-fill-backwards {
  animation-fill-mode: backwards !important;
}
.animation-fill-both {
  animation-fill-mode: both !important;
}

/* node_modules/primeng/resources/themes/saga-blue/theme.css */
:root {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196F3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #E3F2FD;
  --highlight-text-color: #495057;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  color-scheme: light;
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #2196F3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #2196F3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #2196F3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #2196F3;
}
@layer primeng {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }
  .p-disabled,
  .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: #2196F3;
  }
  .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.5rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
    margin-top: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #f44336;
  }
  p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 2.857rem;
  }
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196F3;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #ced4da;
    color: #495057;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #dee2e6;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #dee2e6;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
    color: #6c757d;
    right: 2.857rem;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196F3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.5rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.5rem 1rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-input-filled .p-cascadeselect {
    background: #f8f9fa;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #f44336;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 0.5rem;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: 0.25rem 0 0.25rem 0.5rem;
  }
  .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg);
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #2196F3;
    background: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  .p-checkbox-label {
    margin-left: 0.5rem;
  }
  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196F3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #f44336;
  }
  p-chips.p-chips-clearable .p-inputtext {
    padding-right: 1.5rem;
  }
  p-chips.p-chips-clearable .p-chips-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  .p-colorpicker-preview,
  .p-fluid .p-colorpicker-preview.p-inputtext {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196F3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.5rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus,
  .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.5rem;
    margin-right: -1.5rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.5rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-input-filled .p-dropdown {
    background: #f8f9fa;
  }
  .p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
    border-color: #f44336;
  }
  .p-icon-field .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-icon-field-left .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #f44336;
  }
  p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  .p-inputmask.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputmask.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputmask.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #f44336;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 2rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 2.857rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 2.857rem;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
    background-color: #f8f9fa;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
    background-color: #f8f9fa;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(1.25rem);
  }
  .p-inputswitch.p-focus .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #2196F3;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #ffffff;
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #0d89ec;
  }
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    appearance: none;
    border-radius: 3px;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196F3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .ng-invalid.ng-dirty + label {
    color: #f44336;
  }
  .p-input-icon-left > .p-icon-wrapper.p-icon,
  .p-input-icon-left > i:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-input-icon-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-input-icon-left.p-float-label > label {
    left: 2rem;
  }
  .p-input-icon-right > .p-icon-wrapper,
  .p-input-icon-right > i:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-input-icon-right > .p-inputtext {
    padding-right: 2rem;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .p-input-filled .p-inputtext {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.5rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-listbox .p-listbox-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
    border-color: #f44336;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196F3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.5rem 0.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 1.5rem;
  }
  .p-multiselect-clearable .p-multiselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.5rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-input-filled .p-multiselect {
    background: #f8f9fa;
  }
  .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #f44336;
  }
  p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
    border-color: #f44336;
  }
  .p-password-panel {
    padding: 1rem;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #dee2e6;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #d32f2f;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #fbc02d;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #689f38;
  }
  p-password.p-password-clearable .p-password-input {
    padding-right: 2rem;
  }
  p-password.p-password-clearable .p-password-clear-icon {
    color: #6c757d;
    right: 0.5rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 3.5rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: #6c757d;
    right: 2rem;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #2196F3;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #2196F3;
    background: #2196F3;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
    background: #2196F3;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #0b7ad1;
  }
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #2196F3;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #0b7ad1;
  }
  .p-radiobutton-label {
    margin-left: 0.5rem;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    outline-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196F3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196F3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196F3;
    border-color: #2196F3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    height: 100%;
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #2196F3;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196F3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196F3;
    border-color: #2196F3;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      left 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
    transition: width 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s,
      bottom 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
    transition: height 0.2s;
  }
  .p-togglebutton.p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-togglebutton.p-button .p-button-icon-left,
  .p-togglebutton.p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-button.p-highlight {
    background: #2196F3;
    border-color: #2196F3;
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight .p-button-icon-left,
  .p-togglebutton.p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #f44336;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196F3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.5rem 0.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    border-color: #f44336;
  }
  .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f8f9fa;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 1.5rem;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-button {
    color: #ffffff;
    background: #2196F3;
    border: 1px solid #2196F3;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196F3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196F3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #2196F3;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 0.5rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 2.357rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin-right: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.p-button-secondary > .p-button,
  .p-splitbutton.p-button-secondary > .p-button {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.p-button-secondary > .p-button.p-button-text,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info,
  .p-button-group.p-button-info > .p-button,
  .p-splitbutton.p-button-info > .p-button {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info > .p-button.p-button-outlined,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info > .p-button.p-button-text,
  .p-splitbutton.p-button-info > .p-button.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success,
  .p-button-group.p-button-success > .p-button,
  .p-splitbutton.p-button-success > .p-button {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success > .p-button.p-button-outlined,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success > .p-button.p-button-text,
  .p-splitbutton.p-button-success > .p-button.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning,
  .p-button-group.p-button-warning > .p-button,
  .p-splitbutton.p-button-warning > .p-button {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning > .p-button.p-button-outlined,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning > .p-button.p-button-text,
  .p-splitbutton.p-button-warning > .p-button.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help,
  .p-button-group.p-button-help > .p-button,
  .p-splitbutton.p-button-help > .p-button {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.p-button-help > .p-button.p-button-outlined,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.p-button-help > .p-button.p-button-text,
  .p-splitbutton.p-button-help > .p-button.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger,
  .p-button-group.p-button-danger > .p-button,
  .p-splitbutton.p-button-danger > .p-button {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger > .p-button.p-button-outlined,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger > .p-button.p-button-text,
  .p-splitbutton.p-button-danger > .p-button.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #495057;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #343a40;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child,
  .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-raised {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #e9ecef;
    width: 2rem;
    height: 0.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #dee2e6;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #E3F2FD;
    color: #495057;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datatable .p-datatable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #E3F2FD;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight:hover {
    background: #e9ecef;
    color: #2196F3;
  }
  .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #2196F3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #E3F2FD;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #E3F2FD;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196F3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-emptymessage {
    padding: 1rem;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open,
  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #E3F2FD;
    color: #495057;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.5rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
    margin-top: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.5rem 1rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-list-container {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-orderlist .p-orderlist-list-container.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-orderlist .p-orderlist-header {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 600;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.5rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    color: #495057;
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list:not(:first-child) {
    border-top: 1px solid #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
    margin-top: 0;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .p-orderlist-item.cdk-drag-preview {
    padding: 0.5rem 1rem;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6cbbf5;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 2.357rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 2.357rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #E3F2FD;
    border-color: #E3F2FD;
    color: #495057;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-list-wrapper {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-picklist .p-picklist-list-wrapper.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196F3;
  }
  .p-picklist .p-picklist-header {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 600;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.5rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-picklist .p-picklist-list {
    color: #495057;
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list:not(:first-child) {
    border-top: 1px solid #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:first-child {
    margin-top: 0;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #E3F2FD;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
  }
  .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .p-picklist-item.cdk-drag-preview {
    padding: 0.5rem 1rem;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #2196F3;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #dee2e6;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: #89c8f7;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius: 3px;
    border: 1px solid #dee2e6;
    background-color: #ffffff;
    color: #495057;
    padding: 0;
    transition: box-shadow 0.2s;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: #E3F2FD;
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
    background-color: inherit;
    color: inherit;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-treetable .p-treetable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
  }
  .p-treetable .p-sortable-column {
    outline-color: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #E3F2FD;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196F3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196F3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #2196F3;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #E3F2FD;
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #495057;
  }
  .p-treetable .p-column-resizer-helper {
    background: #2196F3;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-virtualscroller .p-virtualscroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-virtualscroller .p-virtualscroller-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-accordion .p-accordion-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion p-accordiontab .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion p-accordiontab .p-accordion-content {
    border-radius: 0;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion p-accordiontab:last-child .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-card {
    background: #ffffff;
    color: #495057;
    box-shadow:
      0 2px 1px -1px rgba(0, 0, 0, 0.2),
      0 1px 1px 0 rgba(0, 0, 0, 0.14),
      0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-card .p-card-body {
    padding: 1rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1rem 0;
    padding: 0 1rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #dee2e6;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #dee2e6;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1rem;
    color: #495057;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .p-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0 none;
  }
  .p-panel .p-panel-content:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panel .p-panel-footer {
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 0 none;
  }
  .p-panel .p-panel-icons-end {
    order: 2;
    margin-left: auto;
  }
  .p-panel .p-panel-icons-start {
    order: 0;
    margin-right: 0.5rem;
  }
  .p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    color: #495057;
  }
  .p-splitter .p-splitter-gutter {
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    background: #f8f9fa;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-tabview .p-tabview-nav-content {
    scroll-padding-inline: 2.357rem;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196F3;
    color: #2196F3;
  }
  .p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196F3;
    width: 2.357rem;
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-stepper .p-stepper-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-x: auto;
  }
  .p-stepper-vertical .p-stepper-nav {
    flex-direction: column;
  }
  .p-stepper-header {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .p-stepper-header:last-of-type {
    flex: initial;
  }
  .p-stepper-header .p-stepper-action {
    border: 0 none;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  .p-stepper-header .p-stepper-action:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper.p-stepper-readonly .p-stepper-header {
    cursor: auto;
  }
  .p-stepper-header.p-highlight .p-stepper-action {
    cursor: default;
  }
  .p-stepper-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .p-stepper-number {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-stepper-separator {
    flex: 1 1 0;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #E3F2FD;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196F3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196F3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0px 11px 15px -7px rgba(0, 0, 0, 0.2),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0.5rem 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    box-shadow:
      0px 11px 15px -7px rgba(0, 0, 0, 0.2),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 1.5rem;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 600;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow:
      0px 11px 15px -7px rgba(0, 0, 0, 0.2),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196F3;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow:
      0px 11px 15px -7px rgba(0, 0, 0, 0.2),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-footer {
    padding: 1rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #495057;
    color: #ffffff;
    padding: 0.5rem 0.5rem;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #495057;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #495057;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #495057;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #495057;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f8f9fa;
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-fileupload-content.p-fileupload-highlight {
    border-color: 1px dashed #2196F3;
    border-style: dashed;
    background-color: #E3F2FD;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-fileupload-choose:not(.p-disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-fileupload-choose:not(.p-disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .p-contextmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-dock .p-dock-link {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  @media screen and (max-width: 960px) {
    .p-dock.p-dock-top .p-dock-list-container,
    .p-dock.p-dock-bottom .p-dock-list-container {
      overflow-x: auto;
      width: 100%;
    }
    .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
      margin: 0 auto;
    }
    .p-dock.p-dock-left .p-dock-list-container,
    .p-dock.p-dock-right .p-dock-list-container {
      overflow-y: auto;
      height: 100%;
    }
    .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
      margin: auto 0;
    }
    .p-dock .p-dock-list .p-dock-item {
      transform: none;
      margin: 0;
    }
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menu .p-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 12.5rem;
    border-radius: 3px;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.25rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow:
        0 2px 4px -1px rgba(0, 0, 0, 0.2),
        0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menuitem-separator {
      border-top: 1px solid #dee2e6;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content,
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-slidemenu-root-list {
    outline: 0 none;
  }
  .p-slidemenu .p-submenu-list {
    outline: 0 none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-slidemenu .p-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #495057;
    border: 1px solid #e9ecef;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #E3F2FD;
    color: #495057;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 600;
    color: #495057;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 3px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196F3;
    color: #2196F3;
  }
  .p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #ffffff;
    color: #2196F3;
    width: 2.357rem;
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 3px;
  }
  .p-message .p-message-wrapper {
    padding: 1rem 1.5rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 0.9;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
    border-width: 0 0 0 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #73000c;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 3px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f8f9fa;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #e9ecef;
    width: 1rem;
    height: 1rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #dee2e6;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #E3F2FD;
    color: #495057;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #E3F2FD;
    color: #495057;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f8f9fa;
    width: 2rem;
    height: 2rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link i {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-badge {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-badge.p-badge-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    margin-left: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-chip .pi-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .pi-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    transition:
      background-color 0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-metergroup {
    display: flex;
  }
  .p-metergroup-meters {
    display: flex;
  }
  .p-metergroup-vertical .p-metergroup-meters {
    flex-direction: column;
  }
  .p-metergroup-labels {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-metergroup-vertical .p-metergroup-labels {
    align-items: start;
  }
  .p-metergroup-labels-vertical {
    flex-direction: column;
  }
  .p-metergroup-label {
    display: inline-flex;
    align-items: center;
  }
  .p-metergroup-label-marker {
    display: inline-flex;
  }
  .p-metergroup {
    gap: 1rem;
  }
  .p-metergroup .p-metergroup-meters {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196F3;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
    background: #2196F3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
    gap: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal {
    flex-direction: column;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical {
    flex-direction: row;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196F3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f8f9fa;
  }
  .p-scrolltop .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .p-skeleton:after {
    background:
      linear-gradient(
        90deg,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0));
  }
  .p-tag {
    background: #2196F3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
}
@layer primeng {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196F3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196F3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196F3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196F3;
  }
}

/* node_modules/@sp-forms/saraplus-ngx-forms/src/lib/saraplus-form.scss */
@layer saraplus {
  @keyframes border-fade-out {
    0% {
      border: 2px solid red;
    }
    100% {
      border-bottom: 2px solid red;
    }
  }
  .sp-submitted .p-inputtext.ng-invalid {
    border-bottom: 2px solid red !important;
    border-bottom-color: #d1d5db;
  }
  .p-element.ng-dirty.ng-invalid input.p-inputtext,
  .p-element.ng-touched.ng-invalid input.p-inputtext {
    border-bottom: 2px solid red !important;
    border-bottom-color: red;
  }
  .p-element.ng-dirty.ng-invalid .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled,
  .p-element.ng-touched.ng-invalid .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled,
  .p-element.ng-dirty.ng-invalid input.sp-invalid-animation.p-inputtext,
  .p-element.ng-touched.ng-invalid input.sp-invalid-animation.p-inputtext,
  .sp-invalid-animation.p-inputtext.p-component.p-element.ng-dirty.ng-invalid,
  .sp-invalid-animation.p-inputtext.p-component.p-element.ng-touched.ng-invalid {
    --bwidth: 1px;
    animation: border-fade-out 3000ms ease forwards;
    border-color: #d1d5db;
  }
}

/* node_modules/@mescius/activereportsjs/styles/ar-js-ui.css */
:root {
  --neutral-50:
    180,
    2%,
    91%;
  --neutral-100:
    200,
    4%,
    85%;
  --neutral-200:
    197,
    6%,
    76%;
  --neutral-300:
    196,
    6%,
    63%;
  --neutral-400:
    196,
    6%,
    51%;
  --neutral-500:
    194,
    13%,
    32%;
  --neutral-600:
    194,
    13%,
    26%;
  --neutral-700:
    195,
    12%,
    19%;
  --neutral-800:
    193,
    14%,
    13%;
  --neutral-900:
    190,
    13%,
    9%;
  --primary-50:
    192,
    11%,
    91%;
  --primary-100:
    198,
    17%,
    85%;
  --primary-200:
    198,
    21%,
    75%;
  --primary-300:
    198,
    23%,
    62%;
  --primary-400:
    197,
    25%,
    49%;
  --primary-500:
    197,
    58%,
    30%;
  --primary-600:
    197,
    57%,
    24%;
  --primary-700:
    197,
    58%,
    18%;
  --primary-800:
    197,
    57%,
    12%;
  --primary-900:
    198,
    57%,
    9%;
  --secondary-500:
    39,
    96%,
    55%;
  --warning-50:
    38,
    27%,
    92%;
  --warning-100:
    39,
    52%,
    87%;
  --warning-200:
    40,
    65%,
    80%;
  --warning-300:
    39,
    74%,
    70%;
  --warning-400:
    39,
    78%,
    60%;
  --warning-500:
    40,
    100%,
    37%;
  --warning-600:
    39,
    100%,
    36%;
  --warning-700:
    39,
    100%,
    27%;
  --warning-800:
    39,
    100%,
    18%;
  --warning-900:
    39,
    100%,
    13%;
  --error-50:
    0,
    19%,
    92%;
  --error-100:
    0,
    34%,
    87%;
  --error-200:
    0,
    45%,
    79%;
  --error-300:
    0,
    51%,
    69%;
  --error-400:
    0,
    53%,
    59%;
  --error-500:
    0,
    60%,
    41%;
  --error-600:
    0,
    72%,
    35%;
  --error-700:
    0,
    71%,
    26%;
  --error-800:
    0,
    73%,
    17%;
  --error-900:
    0,
    73%,
    13%;
  --white:
    0,
    0%,
    100%;
  --bg-body:
    180,
    1%,
    99%;
  --bg-panels:
    180,
    1%,
    95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family:
    "Open Sans",
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: hsla(0, 0%, 0%, 0.15);
  --cui-overlay-background: hsla(var(--bg-panels), 0.38);
  --cui-shadow-dialog: 1px 1px 5px 1px hsla(0, 0%, 0%, 0.1);
  --cui-shadow-menu: 1px 1px 4px 0 hsla(0, 0%, 0%, 0.1);
  --cui-shadow-border: 0 0 3px 0 hsla(0, 0%, 0%, 0.2);
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * 0.5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * 0.5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * 0.5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * 0.5);
  --cui-trn-length-sm: 0.2s;
  --cui-trn-length: 0.4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), 0.1);
  --cui-accent-semi-20: hsla(var(--primary-500), 0.2);
  --cui-accent-semi-40: hsla(var(--primary-500), 0.38);
  --cui-accent-semi-60: hsla(var(--primary-500), 0.62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), 0.1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), 0.2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), 0.38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), 0.62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), 0.1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), 0.38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), 0.62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), 0.1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), 0.38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), 0.62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), 0.1);
  --cui-accent-error-semi-40: hsla(var(--error-500), 0.38);
  --cui-accent-error-semi-60: hsla(var(--error-500), 0.62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), 0.1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), 0.38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), 0.62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), 0.1);
  --cui-contrast-semi-40: hsla(var(--white), 0.38);
  --cui-contrast-semi-60: hsla(var(--white), 0.62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), 0.38);
  --cui-bg-body-overlay: hsla(var(--bg-body), 0.38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: rgba(51, 51, 51, 0.1);
  --cui-text-semi-40: rgba(51, 51, 51, 0.38);
  --cui-text-semi-60: rgba(51, 51, 51, 0.62);
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: rgba(194, 130, 12, 0.1);
  --cui-btn-transparent-warning-hover: rgba(194, 130, 12, 0.2);
  --cui-btn-transparent-error: rgba(147, 15, 15, 0.1);
  --cui-btn-transparent-error-hover: rgba(147, 15, 15, 0.15);
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: rgba(0, 0, 0, 0.075);
  --cui-item-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: rgba(77, 202, 125, 0.62);
  --cui-binding-bind-shadow: rgba(225, 212, 18, 0.62);
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: rgba(255, 255, 255, 0.15);
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.38);
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: rgba(0, 0, 0, 0.62);
  --cui-wizard-dark-bg-secondary: rgba(0, 0, 0, 0.2);
  --cui-wizard-dark-hover: rgba(0, 0, 0, 0.62);
  --cui-wizard-light-bg-main: rgba(255, 255, 255, 0.62);
  --cui-wizard-light-bg-secondary: rgba(255, 255, 255, 0.2);
  --cui-wizard-light-hover: rgba(255, 255, 255, 0.62);
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-900), 0.2);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), 0.2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: rgba(0, 0, 0, 0.15);
  --cui-notification-btn-bg-hover: rgba(0, 0, 0, 0.25);
}
.gc-disable-selection * {
  -webkit-user-select: none;
  user-select: none;
}
.gc-disable-transition {
  transition: none !important;
}
.gc-no-focus-effect .gc-btn:focus,
.gc-no-focus-effect .gc-input:focus,
.gc-no-focus-effect .gc-textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-check__input:focus + .gc-check__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-radio__input:focus + .gc-radio__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-toggle__input:focus + .gc-toggle__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-layout-app {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
.gc-layout-app-container {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  height: 0;
}
.gc-layout-app-container > .gc-menu {
  flex: 0 0 auto;
  height: 100%;
}
.gc-layout-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.gc-layout-appbar {
  flex: 0 0 auto;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-layout-legacy-appbar {
  flex: 0 0 auto;
  height: var(--cui-block-size-lg);
  background-color: var(--cui-primary-500);
}
.gc-layout-toolbar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: calc(var(--cui-block-size-lg) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-layout-toolbar > .gc-toolbar {
  flex: 1 1 auto;
  margin: 5px;
}
.gc-layout-with-sidebar {
  display: flex;
  flex: 1 1 auto;
  height: 0;
}
.gc-layout-with-sidebar > .gc-sidebar {
  flex: 0 0 auto;
}
.gc-layout-design-surface {
  overflow: auto;
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
}
.gc-layout-statusbar {
  flex: 0 0 auto;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-icon > svg {
  display: block;
  flex: 0 0 auto;
}
.gc-icon--r90 > svg {
  transform: rotate(90deg);
}
.gc-icon--r180 > svg {
  transform: rotate(180deg);
}
.gc-icon--r270 > svg {
  transform: rotate(270deg);
}
.gc-ci-a-text {
  fill: currentColor;
}
.gc-ci-a-accent {
  fill: var(--cui-primary-500);
}
.gc-ci-c-accent {
  fill: var(--cui-primary-500);
}
.gc-ci-c-accent-sec {
  fill: var(--cui-secondary-500);
}
.gc-ci-c-accent-err {
  fill: var(--cui-error-500);
}
.gc-btn__text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding);
  cursor: default;
  transition: color .2s ease-in-out;
  text-align: inherit;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  line-height: var(--cui-block-size);
}
.gc-btn__text--empty {
  padding: 0;
}
.gc-btn__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  transition: color .2s ease-in-out;
  text-align: center;
  color: inherit;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-btn {
  position: relative;
  display: inline-block;
  overflow: visible;
  box-sizing: border-box;
  width: auto;
  height: var(--cui-block-size);
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  text-align: left;
  vertical-align: top;
  color: inherit;
  border: none;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-btn-bg);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.gc-btn > .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn > .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size));
}
.gc-btn:focus {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-btn.gc-btn--level-warning:focus {
  outline: var(--cui-outline-warning);
}
.gc-btn.gc-btn--level-error:focus {
  outline: var(--cui-outline-error);
}
.gc-btn.gc-btn--disabled,
.gc-btn[disabled] {
  opacity: .38;
  pointer-events: none;
}
.gc-btn.gc-btn--disabled:focus,
.gc-btn[disabled]:focus {
  outline: none;
  box-shadow: none;
}
.gc-btn::-moz-focus-inner {
  border: 0;
}
.gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn--block {
  display: block;
}
.gc-btn--text-align-center {
  text-align: center;
}
.gc-btn--text-align-right {
  text-align: right;
}
.gc-btn--with-icon .gc-btn__text {
  padding: 0 0 0 var(--cui-block-size);
}
.gc-btn--with-icon .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding);
}
.gc-btn--with-badge .gc-badge {
  margin-right: var(--cui-padding);
}
.gc-btn--with-badge .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-xs);
}
.gc-btn--with-badge .gc-btn__text.gc-btn__text--empty + .gc-badge {
  margin-left: 0;
}
.gc-btn--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn--custom {
  padding: 0;
}
.gc-btn--level-warning {
  background-color: var(--cui-btn-transparent-warning);
}
.gc-btn--level-warning:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-warning-500);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-warning-hover);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--level-warning .gc-accent-color {
  color: var(--cui-accent-warning-text);
}
.gc-btn--level-warning.gc-btn--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-btn--level-warning.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}
.gc-btn--level-warning.gc-btn--transparent.gc-btn--accent {
  color: var(--cui-contrast-text);
}
.gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  color: var(--cui-contrast-text);
}
.gc-btn--level-error {
  background-color: var(--cui-btn-transparent-error);
}
.gc-btn--level-error:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-error-500);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-error-hover);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--level-error .gc-accent-color {
  color: var(--cui-accent-error-text);
}
.gc-btn--level-error.gc-btn--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-btn--level-error.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--level-error.gc-btn--transparent.gc-btn--accent {
  color: var(--cui-contrast-text);
}
.gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
  color: var(--cui-contrast-text);
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--vertical {
  min-width: var(--cui-block-size);
  height: auto !important;
  text-align: center;
}
.gc-btn--vertical > .gc-btn__icon {
  position: relative;
  top: 8px;
  width: 100% !important;
}
.gc-btn--vertical > .gc-btn__text {
  padding: 0 var(--cui-padding) !important;
}
.gc-btn--vertical > .gc-btn__text.gc-btn__text--empty {
  display: none;
}
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right,
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--top-right {
  right: 0;
}
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-left,
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size));
}
.gc-btn--vertical.gc-btn--with-badge > .gc-badge.gc-badge--inline {
  margin-right: var(--cui-padding);
  margin-left: 0;
}
.gc-btn--vertical.gc-btn--with-badge > .gc-btn__text--empty + .gc-badge.gc-badge--inline {
  margin-right: 0;
}
.gc-btn--vertical.gc-size-sm {
  min-width: var(--cui-block-size-sm);
}
.gc-btn--vertical.gc-size-sm > .gc-btn__text {
  padding: 0 var(--cui-padding-sm) !important;
}
.gc-btn--vertical.gc-size-sm > .gc-btn__icon {
  top: 4px;
}
.gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-left,
.gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-sm));
}
.gc-btn--vertical.gc-size-sm.gc-btn--with-badge > .gc-btn__text:not(.gc-btn__text--empty) + .gc-badge {
  margin-right: var(--cui-padding-sm);
}
.gc-btn--vertical.gc-size-lg {
  min-width: var(--cui-block-size-lg);
}
.gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-left,
.gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-lg));
}
.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-sm);
}
.gc-btn.gc-size-sm .gc-btn__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-sm));
}
.gc-btn.gc-size-sm .gc-btn__text {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-btn.gc-size-lg.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
}
.gc-btn.gc-size-lg .gc-btn__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-lg));
}
.gc-btn.gc-size-lg .gc-btn__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-btn[disabled] {
  opacity: .38;
}
@media (any-hover: none) {
  .gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-btn-bg);
  }
  .gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-primary-500);
  }
  .gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: rgba(0, 0, 0, 0);
  }
  .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-warning-500);
  }
  .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-warning-500);
    background-color: rgba(0, 0, 0, 0);
  }
  .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-error-500);
  }
  .gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-error-500);
    background-color: rgba(0, 0, 0, 0);
  }
}
.gc-btn-group {
  position: relative;
  display: inline-flex;
  border-radius: var(--cui-border-radius);
}
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) > .gc-btn,
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) .gc-input {
  border-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):first-child > .gc-btn,
.gc-btn-group > *:not(:only-child):first-child .gc-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):last-child > .gc-btn,
.gc-btn-group > *:not(:only-child):last-child .gc-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child).gc-dd--chevron > .gc-btn {
  min-width: auto;
}
.gc-btn-group--align-center {
  justify-content: center;
}
.gc-btn-group--align-right {
  justify-content: flex-end;
}
.gc-btn-group--align-justify > *:not(.gc-btn-group__splitter) {
  flex: 1;
}
.gc-btn-group--block {
  display: flex;
}
.gc-btn-group--disabled:after,
.gc-btn-group--disabled .gc-btn-group__splitter {
  opacity: .38;
}
.gc-btn-group[class*=--header] {
  overflow: hidden;
}
.gc-btn-group[class*=--header]:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  transition: background-color .2s ease-in-out;
}
.gc-btn-group--header-default > *:first-child.gc-btn,
.gc-btn-group--header-default > *:first-child.gc-input {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-default > *:first-child.gc-btn:hover:not([disabled]),
.gc-btn-group--header-default > *:first-child.gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}
.gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn,
.gc-btn-group--header-default > *:first-child.gc-combo > .gc-input {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn:hover:not([disabled]),
.gc-btn-group--header-default > *:first-child.gc-combo > .gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}
.gc-btn-group--header-default:after {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-info:after {
  background-color: var(--cui-primary-500);
}
.gc-btn-group--header-warning:after {
  background-color: var(--cui-warning-500);
}
.gc-btn-group--header-error:after {
  background-color: var(--cui-error-500);
}
.gc-btn-group__splitter {
  display: flex;
  width: 1px;
  background-color: var(--cui-btn-bg);
  align-items: center;
}
.gc-btn-group__splitter:after {
  width: 1px;
  height: 50%;
  content: "";
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn-group__splitter--accent-full:after {
  background-color: var(--cui-contrast-text-semi-40);
}
.gc-btn-group__splitter--accent-info:after {
  background-color: var(--cui-accent-semi-60);
}
.gc-btn-group__splitter--accent-warning:after {
  background-color: var(--cui-accent-warning-semi-40);
}
.gc-btn-group__splitter--accent-error:after {
  background-color: var(--cui-accent-error-semi-40);
}
.gc-btn-group__splitter--background-transparent {
  background-color: rgba(0, 0, 0, 0);
}
@media (any-hover: none) {
  .gc-btn-group--header-default > *:first-child.gc-btn:hover:not([disabled]),
  .gc-btn-group--header-default > *:first-child.gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
  .gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn:hover:not([disabled]),
  .gc-btn-group--header-default > *:first-child.gc-combo > .gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
}
.gc-dd__chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 30px;
  height: var(--cui-block-size);
  transition: transform .2s ease-in-out;
  text-align: center;
  pointer-events: none;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
}
.gc-dd__chevron--accent-full {
  color: var(--cui-contrast-text);
}
.gc-dd__chevron.gc-size-sm {
  width: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
}
.gc-dd__chevron.gc-size-lg {
  width: 35px;
  font-size: var(--cui-icon-size-lg);
}
.gc-btn--level-warning + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-warning-500);
}
.gc-btn--level-error + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-error-500);
}
.gc-btn--accent.gc-btn--transparent.gc-btn--level-warning:not(:hover) + .gc-dd__chevron {
  color: var(--cui-warning-500);
}
.gc-btn--accent.gc-btn--transparent.gc-btn--level-error:not(:hover) + .gc-dd__chevron {
  color: var(--cui-error-500);
}
.gc-dd {
  position: relative;
  display: inline-block;
  width: auto;
  height: var(--cui-block-size);
  vertical-align: top;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
}
.gc-dd *,
.gc-dd *:before,
.gc-dd *:after {
  box-sizing: border-box;
}
.gc-dd:after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity .2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  border: var(--cui-border-width) solid var(--cui-error-500);
  border-radius: inherit;
}
.gc-dd > .gc-btn {
  width: 100%;
}
.gc-dd--block {
  display: block;
}
.gc-dd--disabled .gc-dd__preview,
.gc-dd--disabled .gc-dd__chevron {
  opacity: .38;
}
.gc-dd--invalid:after {
  opacity: 1;
}
.gc-dd--invalid > .gc-btn:focus {
  outline: var(--cui-outline-error);
}
.gc-dd--with-preview > .gc-btn > .gc-btn__text {
  padding-left: 0;
}
.gc-dd--with-preview:not([class^=gc-size]) > .gc-btn {
  padding-left: var(--cui-block-size);
}
.gc-dd--with-preview.gc-size-sm > .gc-btn {
  padding-left: var(--cui-block-size-sm);
}
.gc-dd--with-preview.gc-size-sm > .gc-dd__preview {
  width: var(--cui-block-size-sm);
}
.gc-dd--with-preview.gc-size-lg > .gc-btn {
  padding-left: var(--cui-block-size-lg);
}
.gc-dd--with-preview.gc-size-lg > .gc-dd__preview {
  width: var(--cui-block-size-lg);
}
.gc-dd--chevron > .gc-dd__chevron {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gc-dd--chevron > .gc-btn {
  min-width: calc(var(--cui-block-size) + 30px);
}
.gc-dd--chevron > .gc-btn--custom {
  width: 100%;
  padding-right: 30px;
  padding-left: 15px;
}
.gc-dd--chevron > .gc-btn .gc-btn__text {
  padding-right: 30px;
}
.gc-dd--chevron.gc-size-sm > .gc-btn {
  min-width: calc(var(--cui-block-size-sm) + var(--cui-block-size-sm));
}
.gc-dd--chevron.gc-size-sm > .gc-btn--custom {
  padding-right: var(--cui-block-size-sm);
}
.gc-dd--chevron.gc-size-sm > .gc-btn .gc-btn__text {
  padding-right: var(--cui-block-size-sm) !important;
}
.gc-dd--chevron.gc-size-lg > .gc-btn {
  min-width: calc(var(--cui-block-size-lg) + 35px);
}
.gc-dd--chevron.gc-size-lg > .gc-btn--custom {
  padding-right: 35px;
}
.gc-dd--chevron.gc-size-lg > .gc-btn .gc-btn__text {
  padding-right: 35px;
}
.gc-dd--menu-open > .gc-dd__chevron:not(.gc-dd__chevron--custom) {
  transform: rotate(180deg);
}
.gc-dd--placeholder-text:not(.gc-dd--disabled) > .gc-btn .gc-btn__text {
  opacity: .38;
}
.gc-dd__toggle-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-dd__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
@media (any-hover: none) {
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-warning + .gc-dd__chevron {
    color: var(--cui-warning-500);
  }
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-error + .gc-dd__chevron {
    color: var(--cui-error-500);
  }
}
@keyframes gc-menu-show {
  0% {
    transform: scale(0.25);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.gc-portal-root--dropdown .gc-positioner {
  z-index: var(--cui-z-dropdown);
}
.gc-dd-menu {
  transform-origin: right top;
  animation: gc-menu-show .2s 1 ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu);
  outline: 1px solid var(--cui-neutral-50);
  font-family: var(--cui-text-family);
}
.gc-dd-menu *,
.gc-dd-menu *:before,
.gc-dd-menu *:after {
  box-sizing: border-box;
}
.gc-dd-menu--dropup {
  transform-origin: right bottom;
}
.gc-dd-menu--multiselect .gc-dd-menu__item {
  padding-left: 0;
}
.gc-dd-menu--multiselect .gc-dd-menu__item.gc-size-sm {
  padding-left: var(--cui-padding-xs);
}
.gc-dd-menu--align-center {
  transform-origin: left top;
  animation: gc-menu-show .2s 1 ease-in-out both;
}
.gc-dd-menu--align-center.gc-dd-menu--dropup {
  transform-origin: left bottom;
}
.gc-dd-menu--align-left {
  transform-origin: left top;
}
.gc-dd-menu--align-left.gc-dd-menu--dropup {
  transform-origin: left bottom;
}
.gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: calc(var(--cui-padding)*.5) 0;
}
.gc-dd-menu__resizer {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 2px dotted #acacac;
  margin: 3px;
}
.gc-dd-menu__resizer::after {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  width: 24px;
  height: 24px;
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected > i {
  color: var(--cui-contrast-text);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):active {
  background-color: var(--cui-primary-700);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused {
  outline: var(--cui-outline-contrast);
}
.gc-dd-menu--custom .gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: 0;
}
.gc-dd-menu__header.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}
.gc-dd-menu__header.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}
.gc-dd-menu__divider {
  display: block;
  width: calc(100% - var(--cui-padding)*2);
  height: 1px;
  margin: 7px var(--cui-padding);
  background-color: var(--cui-neutral-50);
}
.gc-dd-menu__group-dd {
  display: block;
  opacity: 1;
}
.gc-dd-menu__group-dd--transition {
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.gc-dd-menu__group-dd--hidden {
  display: none;
}
.gc-dd-menu__group-dd:hover {
  display: block;
  opacity: 1;
}
.gc-dd-menu__item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0 var(--cui-padding);
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  text-align: left;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border: 0;
  border-radius: 0;
  outline-offset: var(--cui-outline-offset);
  background-color: rgba(0, 0, 0, 0);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  align-items: center;
}
.gc-dd-menu__item--with-preview {
  padding-left: var(--cui-padding-xs);
}
.gc-dd-menu__item--with-preview.gc-size-sm {
  padding-left: var(--cui-padding-sm);
}
.gc-dd-menu__item--with-preview.gc-size-lg {
  padding-left: 0;
}
.gc-dd-menu__item > .gc-dd-menu__item-preview {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.gc-dd-menu__item > span {
  overflow: hidden;
  flex: 1 1 auto;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-dd-menu__item > .gc-icon {
  display: flex;
  width: var(--cui-icon-size);
  height: var(--cui-block-size);
  margin-right: var(--cui-padding);
  text-align: center;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-dd-menu__item:focus {
  outline: none;
  box-shadow: none;
}
.gc-dd-menu__item::-moz-focus-inner {
  border: 0;
}
.gc-dd-menu__item:not([disabled]):not(.disabled):hover {
  background-color: var(--cui-neutral-100);
}
.gc-dd-menu__item:not([disabled]):not(.disabled):active {
  background-color: var(--cui-neutral-100);
}
.gc-dd-menu__item--focused {
  outline: var(--cui-outline);
}
.gc-dd-menu__item--disabled {
  opacity: .62;
}
.gc-dd-menu__item.gc-size-sm > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-xs);
}
.gc-dd-menu__item.gc-size-sm > .gc-icon {
  width: var(--cui-icon-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-dd-menu__item.gc-size-lg > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.gc-dd-menu__item.gc-size-lg > .gc-icon {
  width: var(--cui-icon-size-lg);
  height: var(--cui-block-size-lg);
  margin-right: var(--cui-padding);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-dd-menu__item.gc-dd-menu__group {
  padding: 0 5px 0 15px;
}
.gc-dd-menu__item.gc-dd-menu__group .gc-dd-menu__group-icon {
  margin-right: 0;
  opacity: .5;
}
@media (any-hover: none) {
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-primary-500);
  }
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused:hover {
    background-color: var(--cui-primary-700) !important;
  }
  .gc-dd-menu__item:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-bg-body);
  }
}
.gc-check__mark {
  position: absolute;
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: var(--cui-border-radius);
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
}
.gc-check__mark::before,
.gc-check__mark::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  opacity: 0;
}
.gc-check__mark::before {
  width: 42.5%;
  height: 72.5%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform-origin: 30% 0;
  border: 2px solid var(--cui-white);
  border-top: 0;
  border-left: 0;
}
.gc-check__mark::after {
  width: 50%;
  height: 50%;
  transform: scale(0) translate(-50%, -50%);
  transform-origin: 0 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
}
.gc-check__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark {
  background-color: var(--cui-primary-500);
}
.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark::before {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
}
.gc-check__input--indeterminate + .gc-check__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.gc-check__input--indeterminate + .gc-check__mark::after {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.gc-check {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: normal;
  line-height: var(--cui-block-size);
}
.gc-check *,
.gc-check *:before,
.gc-check *:after {
  box-sizing: border-box;
}
.gc-check:hover .gc-check__mark {
  border-color: var(--cui-neutral-100);
}
.gc-check--block {
  display: block;
}
.gc-check--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-check--invalid .gc-check__mark {
  border-color: var(--cui-error-500) !important;
}
.gc-check--invalid .gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline-error);
}
.gc-check--invalid .gc-check__input:checked + .gc-check__mark {
  background-color: var(--cui-error-500);
}
.gc-check--invalid .gc-check__input--indeterminate + .gc-check__mark {
  background-color: var(--cui-error-500);
}
.gc-check--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}
.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-sm);
  left: auto;
}
.gc-check.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-check.gc-size-sm .gc-check__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}
.gc-check.gc-size-sm.gc-check--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}
.gc-check.gc-size-sm.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-xs);
  left: auto;
}
.gc-check.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-check.gc-size-lg .gc-check__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}
.gc-check.gc-size-lg.gc-check--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}
.gc-check.gc-size-lg.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding);
  left: auto;
}
@media (any-hover: none) {
  .gc-check:hover .gc-check__mark {
    border-color: var(--cui-neutral-50);
  }
}
.gc-radio__mark {
  position: absolute;
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
}
.gc-radio__mark::before {
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  content: "";
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  transform: scale(0);
  opacity: 0;
  background-image:
    radial-gradient(
      var(--cui-white),
      var(--cui-white) 28%,
      transparent 32%);
}
.gc-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-radio__input:checked + .gc-radio__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.gc-radio__input:checked + .gc-radio__mark::before {
  transform: scale(1);
  opacity: 1;
}
.gc-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: normal;
  line-height: var(--cui-block-size);
}
.gc-radio *,
.gc-radio *:before,
.gc-radio *:after {
  box-sizing: border-box;
}
.gc-radio:hover .gc-radio__mark {
  border-color: var(--cui-neutral-100);
}
.gc-radio--block {
  display: block;
}
.gc-radio--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-radio--invalid .gc-radio__mark {
  border-color: var(--cui-error-500) !important;
}
.gc-radio--invalid .gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline-error);
}
.gc-radio--invalid .gc-radio__input:checked + .gc-radio__mark {
  background-color: var(--cui-error-500);
}
.gc-radio--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}
.gc-radio--align-left > .gc-radio__mark {
  right: var(--cui-padding-sm);
  left: auto;
}
.gc-radio.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-radio.gc-size-sm .gc-radio__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}
.gc-radio.gc-size-sm.gc-radio--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}
.gc-radio.gc-size-sm.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding-xs);
  left: auto;
}
.gc-radio.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-radio.gc-size-lg .gc-radio__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}
.gc-radio.gc-size-lg.gc-radio--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}
.gc-radio.gc-size-lg.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding);
  left: auto;
}
@media (any-hover: none) {
  .gc-radio:hover .gc-radio__mark {
    border-color: var(--cui-neutral-50);
  }
}
.gc-toggle__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark {
  background-color: var(--cui-primary-500);
}
.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  transform: translateX(calc(var(--cui-block-size) - var(--cui-padding-sm) * 2));
  background-color: var(--cui-white);
}
.gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  left: 50%;
  transition: border-color .2s ease-in-out;
  transform: translateX(-50%);
  border: 2px solid var(--cui-text-color);
  background-color: rgba(0, 0, 0, 0);
}
.gc-toggle__mark {
  position: relative;
  flex: 0 0 auto;
  width: calc((var(--cui-block-size) - var(--cui-padding-sm)*2)*2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm)*2);
  margin: var(--cui-padding-sm) var(--cui-padding) var(--cui-padding-sm) 0;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: calc((var(--cui-block-size) - var(--cui-padding-sm)*2)*.5);
  outline-offset: 2px;
  background-color: var(--cui-btn-bg);
}
.gc-toggle__mark:after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm)*2 - 10px);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm)*2 - 10px);
  content: "";
  transition: background-color .2s ease-in-out, transform .2s ease-in-out;
  border-radius: 50%;
  background-color: var(--cui-text-color);
}
.gc-toggle {
  position: relative;
  display: inline-flex;
  height: var(--cui-block-size);
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  text-align: left;
  vertical-align: top;
  color: var(--cui-text-color);
  border: none;
  background-color: rgba(0, 0, 0, 0);
  font-size: var(--cui-text-size);
  font-weight: normal;
  line-height: var(--cui-block-size);
}
.gc-toggle > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.gc-toggle *,
.gc-toggle *:before,
.gc-toggle *:after {
  box-sizing: border-box;
}
.gc-toggle:hover > .gc-toggle__mark {
  border-color: var(--cui-btn-bg-hover);
}
.gc-toggle--block {
  display: flex;
}
.gc-toggle--block.gc-toggle--align-left {
  justify-content: flex-end;
}
.gc-toggle--align-left .gc-toggle__mark {
  margin-right: 0;
  margin-left: var(--cui-padding);
  order: 2;
}
.gc-toggle--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-toggle--invalid:hover > .gc-toggle__mark {
  border-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input:not(:checked):not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  background-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline-error);
}
.gc-toggle--invalid > .gc-toggle__input:checked + .gc-toggle__mark {
  background-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  border-color: var(--cui-error-500);
}
.gc-toggle.gc-size-sm .gc-toggle__mark {
  margin-top: var(--cui-padding-xs);
  margin-bottom: var(--cui-padding-xs);
}
.gc-toggle.gc-size-lg .gc-toggle__mark {
  margin-top: var(--cui-padding);
  margin-bottom: var(--cui-padding);
}
@media (any-hover: none) {
  .gc-toggle:hover > .gc-toggle__mark {
    border-color: rgba(0, 0, 0, 0);
  }
  .gc-toggle--invalid:hover > .gc-toggle__mark {
    border-color: rgba(0, 0, 0, 0);
  }
}
.gc-toolbar {
  position: relative;
  display: inline-flex;
}
.gc-toolbar *,
.gc-toolbar *:before,
.gc-toolbar *:after {
  box-sizing: border-box;
}
.gc-toolbar--block {
  display: flex;
  height: var(--cui-block-size);
}
.gc-toolbar--block .gc-toolbar__content-container {
  overflow: hidden;
}
.gc-toolbar--block .gc-toolbar__content {
  position: absolute;
}
.gc-toolbar--with-toggle > .gc-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-toolbar--with-toggle .gc-toolbar__content {
  padding-right: var(--cui-block-size);
}
.gc-toolbar--with-toggle .gc-toolbar__content:before {
  position: absolute;
  top: calc(0px - var(--cui-padding-xs));
  right: calc(0px - var(--cui-padding-xs));
  width: calc(100% + var(--cui-padding-xs)*2);
  height: calc(100% + var(--cui-padding-xs)*2);
  content: "";
  opacity: 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border);
}
.gc-toolbar--with-toggle.gc-size-lg .gc-toolbar__content {
  padding-right: var(--cui-block-size-lg);
}
.gc-toolbar--with-toggle.gc-size-sm .gc-toolbar__content {
  padding-right: var(--cui-block-size-sm);
}
.gc-toolbar--expanded {
  z-index: var(--cui-z-toolbar);
}
.gc-toolbar--expanded .gc-toolbar__content-container {
  overflow: visible;
}
.gc-toolbar--expanded .gc-toolbar__content:before {
  opacity: 1;
}
.gc-toolbar--no-wrap .gc-toolbar__content {
  position: relative;
  flex-wrap: nowrap;
}
.gc-toolbar--rounded .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius);
}
.gc-toolbar--rounded.gc-size-lg .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-lg);
}
.gc-toolbar--rounded.gc-size-sm .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-sm);
}
.gc-toolbar--dropup .gc-toolbar__content {
  top: auto;
  bottom: 0;
  flex-wrap: wrap-reverse;
}
.gc-toolbar--dropup .gc-toolbar__content:before {
  top: auto !important;
  bottom: calc(0px - var(--cui-padding-xs));
  box-shadow: var(--cui-shadow-border);
}
.gc-toolbar.gc-size-lg {
  height: var(--cui-block-size-lg);
}
.gc-toolbar.gc-size-sm {
  height: var(--cui-block-size-sm);
}
.gc-toolbar__content {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.gc-toolbar__content-container {
  position: relative;
  width: 100%;
}
.gc-toolbar__item-container {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: top;
}
.gc-toolbar__item-container--padding {
  padding: 0 var(--cui-padding-xs) 0 0;
}
.gc-toolbar__item-container--padding:last-of-type {
  padding: 0;
}
.gc-toolbar__splitter {
  position: relative;
  display: block;
  overflow: hidden;
  width: 1px;
  height: var(--cui-block-size);
}
.gc-toolbar__splitter::after {
  display: block;
  width: 1px;
  height: calc(var(--cui-block-size)*.5);
  margin: calc(var(--cui-block-size)*.25) 0;
  content: " ";
  background-color: var(--cui-bg-panels-border);
}
.gc-size-sm .gc-toolbar__splitter {
  height: var(--cui-block-size-sm);
}
.gc-size-sm .gc-toolbar__splitter::after {
  height: calc(var(--cui-block-size-sm)*.5);
  margin: calc(var(--cui-block-size-sm)*.25) 0;
}
.gc-size-lg .gc-toolbar__splitter {
  height: var(--cui-block-size-lg);
}
.gc-size-lg .gc-toolbar__splitter::after {
  height: calc(var(--cui-block-size-lg)*.5);
  margin: calc(var(--cui-block-size-lg)*.25) 0;
}
.gc-tabs {
  display: inline-block;
}
.gc-tabs--block {
  display: block;
}
.gc-tabs--simplified .gc-btn:after,
.gc-tabs--transparent .gc-btn:after {
  position: absolute;
  z-index: var(--cui-z-tooltip);
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 1px;
  content: "";
  transition: width .2s ease-in-out;
  transform: translateX(-50%);
  border-radius: var(--cui-border-radius);
}
.gc-tabs--simplified .gc-btn.selected:after,
.gc-tabs--transparent .gc-btn.selected:after {
  width: calc(100% - var(--cui-padding));
  height: 2px;
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after,
.gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
  width: 100%;
}
.gc-tabs--simplified .gc-btn:after {
  background-color: var(--cui-primary-700);
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
  color: var(--cui-primary-800);
  background-color: rgba(0, 0, 0, 0);
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
  background-color: var(--cui-primary-800);
}
.gc-tabs--transparent .gc-btn {
  color: var(--cui-contrast-text-semi-40);
}
.gc-tabs--transparent .gc-btn:after {
  background-color: var(--cui-contrast-text);
}
.gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
  color: var(--cui-contrast-text);
  background-color: rgba(0, 0, 0, 0);
}
.gc-tabs--transparent .gc-btn.selected {
  color: var(--cui-contrast-text);
  background-color: rgba(0, 0, 0, 0);
}
@media (any-hover: none) {
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after,
  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
    width: 0;
  }
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-primary-700);
  }
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
    background-color: var(--cui-primary-700);
  }
  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-contrast-text-semi-40);
  }
}
.gc-input,
input[type=text].gc-input,
input[type=password].gc-input,
input[type=email].gc-input,
input[type=url].gc-input {
  box-sizing: border-box;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding-sm);
  transition:
    color .2s ease-in-out,
    background-color .2s ease-in-out,
    opacity .2s ease-in-out,
    border-color .2s ease-in-out;
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid rgba(0, 0, 0, 0);
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size) - var(--cui-border-width)*2);
}
.gc-input:not([disabled]):hover,
input[type=text].gc-input:not([disabled]):hover,
input[type=password].gc-input:not([disabled]):hover,
input[type=email].gc-input:not([disabled]):hover,
input[type=url].gc-input:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}
.gc-input:not([disabled]):focus,
input[type=text].gc-input:not([disabled]):focus,
input[type=password].gc-input:not([disabled]):focus,
input[type=email].gc-input:not([disabled]):focus,
input[type=url].gc-input:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}
.gc-input::placeholder,
input[type=text].gc-input::placeholder,
input[type=password].gc-input::placeholder,
input[type=email].gc-input::placeholder,
input[type=url].gc-input::placeholder {
  color: var(--cui-neutral-400);
  font-weight: normal;
}
.gc-input--block,
input[type=text].gc-input--block,
input[type=password].gc-input--block,
input[type=email].gc-input--block,
input[type=url].gc-input--block {
  display: block;
}
.gc-input--invalid,
input[type=text].gc-input--invalid,
input[type=password].gc-input--invalid,
input[type=email].gc-input--invalid,
input[type=url].gc-input--invalid {
  border-color: var(--cui-error-500);
}
.gc-input--invalid:not([disabled]):focus,
input[type=text].gc-input--invalid:not([disabled]):focus,
input[type=password].gc-input--invalid:not([disabled]):focus,
input[type=email].gc-input--invalid:not([disabled]):focus,
input[type=url].gc-input--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}
.gc-input--invalid:not([disabled]):hover,
input[type=text].gc-input--invalid:not([disabled]):hover,
input[type=password].gc-input--invalid:not([disabled]):hover,
input[type=email].gc-input--invalid:not([disabled]):hover,
input[type=url].gc-input--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}
.gc-input--text-align-center,
input[type=text].gc-input--text-align-center,
input[type=password].gc-input--text-align-center,
input[type=email].gc-input--text-align-center,
input[type=url].gc-input--text-align-center {
  text-align: center;
}
.gc-input--text-align-right,
input[type=text].gc-input--text-align-right,
input[type=password].gc-input--text-align-right,
input[type=email].gc-input--text-align-right,
input[type=url].gc-input--text-align-right {
  text-align: right;
}
.gc-input[disabled],
input[type=text].gc-input[disabled],
input[type=password].gc-input[disabled],
input[type=email].gc-input[disabled],
input[type=url].gc-input[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}
.gc-input[disabled]::placeholder,
input[type=text].gc-input[disabled]::placeholder,
input[type=password].gc-input[disabled]::placeholder,
input[type=email].gc-input[disabled]::placeholder,
input[type=url].gc-input[disabled]::placeholder {
  color: var(--cui-neutral-400);
}
.gc-input.gc-size-sm,
input[type=text].gc-input.gc-size-sm,
input[type=password].gc-input.gc-size-sm,
input[type=email].gc-input.gc-size-sm,
input[type=url].gc-input.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-input.gc-size-lg,
input[type=text].gc-input.gc-size-lg,
input[type=password].gc-input.gc-size-lg,
input[type=email].gc-input.gc-size-lg,
input[type=url].gc-input.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-input.gc-size-xl,
input[type=text].gc-input.gc-size-xl,
input[type=password].gc-input.gc-size-xl,
input[type=email].gc-input.gc-size-xl,
input[type=url].gc-input.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}
textarea.gc-input {
  height: initial;
}
@media (any-hover: none) {
  .gc-input:not([disabled]):hover,
  input[type=text].gc-input:not([disabled]):hover,
  input[type=password].gc-input:not([disabled]):hover,
  input[type=email].gc-input:not([disabled]):hover,
  input[type=url].gc-input:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}
.gc-textarea,
textarea.gc-textarea {
  box-sizing: border-box;
  margin: 0;
  padding: calc((var(--cui-block-size) - var(--cui-border-width)*2 - 25px)*.5) var(--cui-padding);
  resize: none;
  transition:
    color .2s ease-in-out,
    background-color .2s ease-in-out,
    opacity .2s ease-in-out,
    border-color .2s ease-in-out;
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid rgba(0, 0, 0, 0);
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: 25px;
}
.gc-textarea:not([rows]),
textarea.gc-textarea:not([rows]) {
  height: var(--cui-block-size);
}
.gc-textarea:not([disabled]):hover,
textarea.gc-textarea:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}
.gc-textarea:not([disabled]):focus,
textarea.gc-textarea:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}
.gc-textarea::placeholder,
textarea.gc-textarea::placeholder {
  color: var(--cui-neutral-400);
  font-weight: normal;
}
.gc-textarea--block,
textarea.gc-textarea--block {
  display: block;
}
.gc-textarea--resize-vertical,
textarea.gc-textarea--resize-vertical {
  resize: vertical;
}
.gc-textarea--resize-both,
textarea.gc-textarea--resize-both {
  resize: both;
}
.gc-textarea--invalid,
textarea.gc-textarea--invalid {
  border-color: var(--cui-error-500);
}
.gc-textarea--invalid:not([disabled]):focus,
textarea.gc-textarea--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}
.gc-textarea--invalid:not([disabled]):hover,
textarea.gc-textarea--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}
.gc-textarea--text-align-center,
textarea.gc-textarea--text-align-center {
  text-align: center;
}
.gc-textarea--text-align-right,
textarea.gc-textarea--text-align-right {
  text-align: right;
}
.gc-textarea[disabled],
textarea.gc-textarea[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}
.gc-textarea[disabled]::placeholder,
textarea.gc-textarea[disabled]::placeholder {
  color: var(--cui-neutral-300);
}
.gc-textarea--size-sm,
textarea.gc-textarea--size-sm {
  padding: calc((var(--cui-block-size-sm) - var(--cui-border-width)*2 - 20px)*.5) var(--cui-padding);
  line-height: 20px;
}
.gc-textarea--size-sm:not([rows]),
textarea.gc-textarea--size-sm:not([rows]) {
  height: var(--cui-block-size-sm);
}
.gc-textarea--size-lg,
textarea.gc-textarea--size-lg {
  padding: calc((var(--cui-block-size-lg) - var(--cui-border-width)*2 - 30px)*.5) var(--cui-padding);
  line-height: 30px;
}
.gc-textarea--size-lg:not([rows]),
textarea.gc-textarea--size-lg:not([rows]) {
  height: var(--cui-block-size-lg);
}
@media (any-hover: none) {
  .gc-textarea:not([disabled]):hover,
  textarea.gc-textarea:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}
.gc-label {
  display: -ms-inline-grid;
  display: inline-grid;
  vertical-align: top;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, auto) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
  grid-template-areas: "label" "content";
}
.gc-label *,
.gc-label *:before,
.gc-label *:after {
  box-sizing: border-box;
}
.gc-label .gc-label__label {
  width: 100%;
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label .gc-label__content {
  grid-area: content;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--block {
  display: -ms-grid;
  display: grid;
}
.gc-label--position-left,
.gc-label--position-right {
  -ms-grid-columns: 33% 67%;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-columns: 33% 67%;
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "label content";
}
.gc-label--position-left .gc-label__label,
.gc-label--position-right .gc-label__label {
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-left .gc-label__content,
.gc-label--position-right .gc-label__content {
  width: 100%;
  grid-area: content;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.gc-label--position-left .gc-label__content > *,
.gc-label--position-right .gc-label__content > * {
  width: 100%;
}
.gc-label--position-left.gc-label--width-auto,
.gc-label--position-right.gc-label--width-auto {
  -ms-grid-columns: minmax(33%, auto) minmax(50%, 1fr);
  grid-template-columns: minmax(33%, auto) minmax(50%, 1fr);
}
.gc-label--position-left.gc-label--width-auto .gc-label__label,
.gc-label--position-right.gc-label--width-auto .gc-label__label {
  width: auto;
}
.gc-label--position-left.gc-label--width-auto .gc-label__content,
.gc-label--position-right.gc-label--width-auto .gc-label__content {
  width: auto;
}
.gc-label--position-left .gc-label__label {
  padding-right: var(--cui-padding);
}
.gc-label--position-right {
  -ms-grid-columns: 67% 33%;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-columns: 67% 33%;
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "content label";
}
.gc-label--position-right .gc-label__label {
  padding-left: var(--cui-padding);
  text-align: right;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.gc-label--position-right .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-right.gc-label--width-auto {
  -ms-grid-columns: minmax(50%, 1fr) minmax(33%, auto);
  grid-template-columns: minmax(50%, 1fr) minmax(33%, auto);
}
.gc-label--position-bottom {
  -ms-grid-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "content" "label";
}
.gc-label--position-bottom .gc-label__label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-bottom .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--alignment-left .gc-label__label {
  text-align: left;
}
.gc-label--alignment-right .gc-label__label {
  text-align: right;
}
.gc-label--alignment-center .gc-label__label {
  text-align: center;
}
.gc-label--with-tooltip .gc-label__label {
  padding-right: var(--cui-icon-size);
}
.gc-label--with-icon .gc-label__label {
  padding: 0;
}
.gc-label--disabled .gc-label__label {
  opacity: .38;
}
.gc-label--with-tooltip.gc-label--position-right .gc-label__label {
  padding-right: 0;
  padding-left: var(--cui-icon-size);
}
.gc-label--with-tooltip.gc-label--position-right .gc-label__label > .gc-label__tooltip {
  right: initial;
  left: 0;
}
.gc-label__label {
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  flex-wrap: nowrap;
  justify-content: center;
}
.gc-label__label > span {
  display: -webkit-box;
  overflow: hidden;
  flex: 0 0 auto;
  max-height: 30px;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gc-label__label > span > b {
  color: var(--cui-primary-500);
}
.gc-label--size-small .gc-label__label {
  height: var(--cui-block-size-sm);
}
.gc-label--size-small .gc-label__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.gc-label--size-large .gc-label__label {
  height: var(--cui-block-size-lg);
}
.gc-label--size-large .gc-label__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.gc-label__tooltip {
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  transform: translateY(-50%);
}
.gc-label__tooltip .gc-icon {
  display: flex;
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  justify-content: center;
  align-items: center;
}
.gc-label__icon {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-appbar {
  display: flex;
  height: var(--cui-block-size);
}
.gc-appbar--legacy .gc-appbar__title {
  color: var(--cui-contrast-text);
}
.gc-appbar--legacy .gc-appbar__subtitle {
  color: var(--cui-contrast-text-semi-40);
}
.gc-appbar--legacy .gc-appbar__badge--accent {
  background-color: var(--cui-primary-700);
}
.gc-appbar--legacy .gc-menu__logo {
  height: var(--cui-block-size-lg);
}
.gc-appbar__logo-container {
  position: relative;
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__main-section {
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__title-section {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.gc-appbar__control-section {
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__badge {
  display: block;
  flex: 0 0 auto;
  height: 20px;
  margin-left: var(--cui-padding);
  padding: 0 var(--cui-padding);
  color: var(--cui-text-color);
  border-radius: 10px;
  background-color: var(--cui-bg-panels-border);
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.gc-appbar__badge--error {
  color: var(--cui-contrast-text);
  background-color: var(--cui-error-500);
}
.gc-appbar__badge--warning {
  color: var(--cui-contrast-text);
  background-color: var(--cui-warning-500);
}
.gc-appbar__badge--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-appbar__badge--clickable {
  cursor: default;
}
.gc-appbar__title {
  display: block;
  flex: 0 0 auto;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
}
.gc-appbar__subtitle {
  display: block;
  flex: 0 0 auto;
  padding-left: var(--cui-padding);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  font-style: italic;
}
.gc-menu__splitter {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 1px;
}
.gc-menu__splitter::after {
  display: block;
  width: calc(100% - var(--cui-padding-sm)*2);
  height: 1px;
  margin-left: var(--cui-padding-sm);
  content: " ";
  background-color: var(--cui-menu-splitter);
}
.gc-menu__logo {
  width: var(--cui-block-size);
  height: calc(var(--cui-block-size) + 1px);
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-menu__logo--menu-size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu__logo--menu-size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu__logo--size-small {
  height: calc(var(--cui-block-size-sm) + 1px);
}
.gc-menu__logo--size-large {
  height: calc(var(--cui-block-size-lg) + 1px);
}
.gc-menu__logo--drawer {
  position: absolute;
  z-index: calc(var(--cui-z-overlay) + 1);
  top: 0;
  left: 0;
}
.gc-menu__logo--expanded {
  width: 180px;
}
.gc-menu__logo-placeholder {
  width: var(--cui-block-size);
}
.gc-menu__logo-placeholder--size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu__logo-placeholder--size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu__btn-container {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: var(--cui-block-size);
  height: 100%;
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-menu__scrollable-buttons {
  position: relative;
  flex: 1 1 auto;
}
.gc-menu__panel-toggle {
  position: relative;
}
.gc-menu__panel-toggle .gc-btn__icon {
  transition: transform .2s ease-in-out;
}
.gc-menu__panel-toggle-chevron {
  position: absolute;
  top: 50%;
  left: calc(var(--cui-block-size)*.5);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  color: var(--cui-contrast-text-semi-40);
}
.gc-menu__panel-toggle-chevron--accent {
  color: var(--cui-accent-semi-60);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
  transform: translateX(-5px);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
  transform: translate(-50%, -50%) translateX(12px);
  opacity: 1;
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
  transform: translateX(-3px);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  transform: translate(-50%, -50%) translateX(9px);
  opacity: 1;
}
.gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-sm)*.5);
}
.gc-menu__panel-toggle--size-large .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-lg)*.5);
}
.gc-menu-panel {
  overflow-x: hidden;
}
.gc-menu-panel--fill-container {
  overflow: hidden;
  height: 100%;
}
.gc-menu-panel--notifications > .gc-notification-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  padding-bottom: 0;
  order: 2;
}
.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}
.gc-menu-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-menu__panel-container {
  width: 230px;
  height: 100%;
  margin-left: -230px;
  transition: margin .2s ease-in-out;
  background-color: var(--cui-bg-panels);
  will-change: margin;
}
.gc-menu__panel-container--visible {
  margin-left: 0 !important;
}
@keyframes gc-pin-appear-animation {
  0% {
    transform: scale(0, 0);
    opacity: 0;
  }
  50% {
    transform: scale(0, 0);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes gc-pin-feedback {
  50% {
    transform: scale(0.7);
  }
}
.gc-menu__panel-header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0 var(--cui-block-size) 0 var(--cui-padding);
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--cui-primary-700);
  box-shadow: 0 -1px 0 0 var(--cui-neutral-100) inset;
  font-size: var(--cui-text-size);
  font-weight: bold;
  line-height: var(--cui-block-size);
}
.gc-menu__panel-header > .gc-btn-pin {
  position: absolute;
  right: var(--cui-padding-xs);
  bottom: var(--cui-padding-xs);
  animation-name: gc-pin-appear-animation;
  animation-duration: var(--cui-trn-length);
  animation-timing-function: ease-in-out;
}
.gc-menu__panel-header > .gc-btn-pin .gc-btn__icon {
  transition: transform .2s ease-in-out;
}
.gc-menu__panel-header > .gc-btn-pin--pinned .gc-btn__icon {
  animation: gc-pin-feedback .2s ease-out;
}
.gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size));
  box-shadow: -1px 0 0 0 var(--cui-neutral-100) inset;
}
.gc-menu {
  position: relative;
  z-index: var(--cui-z-overlay);
  display: flex;
  height: 100%;
}
.gc-menu *,
.gc-menu *:before,
.gc-menu *:after {
  box-sizing: border-box;
}
.gc-menu--drawer {
  width: var(--cui-block-size);
}
.gc-menu--drawer .gc-menu__btn-container {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-menu--drawer .gc-menu__panel-container {
  position: absolute;
  top: 0;
  left: var(--cui-block-size);
}
.gc-menu--drawer.gc-menu--size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu--drawer.gc-menu--size-small .gc-menu__panel-container {
  left: var(--cui-block-size-sm);
}
.gc-menu--drawer.gc-menu--size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu--drawer.gc-menu--size-large .gc-menu__panel-container {
  left: var(--cui-block-size-lg);
}
.gc-menu--size-small .gc-menu__btn-container {
  width: var(--cui-block-size-sm);
}
.gc-menu--size-small .gc-menu__panel-header {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-block-size-sm) 0 var(--cui-padding);
  line-height: var(--cui-block-size-sm);
}
.gc-menu--size-small .gc-menu__panel-header > .gc-btn-pin {
  right: 0;
  bottom: 0;
}
.gc-menu--size-small .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-sm));
}
.gc-menu--size-large .gc-menu__btn-container {
  width: var(--cui-block-size-lg);
}
.gc-menu--size-large .gc-menu__panel-header {
  height: var(--cui-block-size-lg);
  padding: 0 var(--cui-block-size-lg) 0 var(--cui-padding);
  line-height: var(--cui-block-size-lg);
}
.gc-menu--size-large .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-lg));
}
.gc-menu--expanded .gc-menu__btn-container {
  width: 180px;
}
.gc-menu--legacy .gc-menu__btn-container {
  background-color: var(--cui-bg-panels);
}
.gc-menu--legacy .gc-menu__splitter:after {
  background-color: var(--cui-bg-panels-border);
}
@media (any-hover: none) {
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
    transform: none;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
    transform: none;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
}
.gc-sidebar {
  position: relative;
  flex: 1 0 auto;
  height: 100%;
  transition: width .2s ease-in-out;
}
.gc-sidebar > .gc-sidebar__menu {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-sidebar[class*=--size] > .gc-sidebar__menu > .gc-tabs {
  max-width: calc(100% - var(--cui-block-size-sm));
}
.gc-sidebar--collapsed {
  width: 0 !important;
}
.gc-sidebar--collapsed .gc-sidebar__container {
  overflow: visible;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area {
  left: -19px;
  width: 19px;
  pointer-events: none;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button {
  top: calc(50% - 50px/2);
  height: 50px;
  pointer-events: all;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:before {
  top: 18px;
  left: 35%;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:after {
  top: 24px;
  left: 35%;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(40deg);
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(-40deg);
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-bar {
  top: calc(50% - 50px/2);
  right: 0;
  left: auto;
  height: 50px;
  margin: 0;
}
.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-sm);
}
.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-sm));
}
.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size);
}
.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size));
}
.gc-sidebar__menu {
  display: flex;
  box-sizing: border-box;
  padding-right: var(--cui-padding-xs);
  transition: width .2s ease-in-out;
  justify-content: space-between;
  align-items: center;
}
.gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-lg);
}
.gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-lg));
}
.gc-sidebar__menu > .gc-tabs {
  overflow: hidden;
  max-width: calc(100% - var(--cui-block-size));
}
.gc-sidebar__menu--hidden-toggles {
  justify-content: flex-end;
}
.gc-sidebar__menu .ci-sidebar-toggle__arrow {
  transition: transform .2s ease-in-out;
  transform-origin: center center;
}
.gc-sidebar__menu--collapsed .ci-sidebar-toggle__arrow {
  transform: scale(-1) translateX(4px);
}
.gc-sidebar__container {
  height: 100%;
  background-color: var(--cui-bg-panels);
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
}
.gc-sidebar-panel {
  overflow-x: hidden;
}
.gc-sidebar-panel--fill-container {
  overflow: hidden;
  height: 100%;
}
.gc-sidebar-panel--notifications > .gc-notification-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  padding-bottom: 0;
  order: 2;
}
.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}
.gc-sidebar-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-sidebar__toggle-area {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: var(--cui-padding);
  height: 100%;
}
.gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
  opacity: 1;
}
.gc-sidebar__toggle-area-button {
  position: absolute;
  top: calc(50% - 36px/2);
  left: 0;
  width: 100%;
  height: 36px;
  cursor: pointer;
  transition: opacity .2s ease-in-out;
  opacity: 0;
  border: none;
  outline: none;
  background: none;
}
.gc-sidebar__toggle-area-button:before,
.gc-sidebar__toggle-area-button:after {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 8px;
  content: "";
  transition: transform .2s ease-in-out, opacity .3s ease-in-out;
  transform: rotate(0deg);
  background-color: var(--cui-primary-500);
}
.gc-sidebar__toggle-area-button:before {
  top: 10px;
  transform-origin: 1px 7px;
}
.gc-sidebar__toggle-area-button:after {
  top: 16px;
  transform-origin: 1px 1px;
}
.gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(-40deg);
}
.gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(40deg);
}
.gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
  transform: scaleY(1);
}
.gc-sidebar__toggle-area-bar {
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: calc(100% - var(--cui-padding));
  margin: calc(var(--cui-padding)*.5) 0;
  transition: transform .2s ease-in-out;
  transform: scaleY(0);
  transform-origin: center;
  pointer-events: none;
  background-color: var(--cui-primary-500);
}
@media (any-hover: none) {
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before {
    transform: none;
  }
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }
  .gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
    opacity: 0;
  }
  .gc-sidebar__toggle-area-button:hover:before {
    transform: none;
  }
  .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }
  .gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
    transform: none;
  }
}
.gc-combo {
  position: relative;
  display: inline-block;
  width: auto;
  height: 40px;
  vertical-align: top;
  color: #333;
  font-size: 12px;
}
.gc-combo *,
.gc-combo *:before,
.gc-combo *:after {
  box-sizing: border-box;
}
.gc-combo > .gc-input {
  width: 100%;
  text-overflow: ellipsis;
}
.gc-combo:not([class^=gc-size]) > .gc-input {
  padding-right: 40px;
}
.gc-combo--block {
  display: block;
}
.gc-combo--with-preview:not([class^=gc-size]) > .gc-input {
  padding-left: var(--cui-block-size);
}
.gc-combo--with-preview.gc-size-sm > .gc-input {
  padding-left: var(--cui-block-size-sm);
}
.gc-combo--with-preview.gc-size-sm > .gc-combo__preview {
  width: var(--cui-block-size-sm);
}
.gc-combo--with-preview.gc-size-lg > .gc-input {
  padding-left: var(--cui-block-size-lg);
}
.gc-combo--with-preview.gc-size-lg > .gc-combo__preview {
  width: var(--cui-block-size-lg);
}
.gc-combo--disabled .gc-combo__preview {
  opacity: .38;
}
.gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::placeholder {
  color: var(--cui-text-color) !important;
}
.gc-combo__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
.gc-combo .gc-dd {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-combo .gc-dd > .gc-btn {
  width: 40px;
  min-width: auto;
  background: rgba(0, 0, 0, 0);
}
.gc-combo .gc-dd > .gc-dd__chevron {
  width: 40px;
}
.gc-combo.gc-size-sm > .gc-input {
  padding-right: 30px;
}
.gc-combo.gc-size-sm .gc-dd > .gc-btn {
  width: 30px;
}
.gc-combo.gc-size-sm .gc-dd > .gc-dd__chevron {
  width: 30px;
}
.gc-combo.gc-size-lg > .gc-input {
  padding-right: 50px;
}
.gc-combo.gc-size-lg .gc-dd > .gc-btn {
  width: 50px;
}
.gc-combo.gc-size-lg .gc-dd > .gc-dd__chevron {
  width: 50px;
}
.gc-modal {
  --cui-modal-width: 600px;
  --cui-modal-icon-offset: calc((var(--cui-block-size) - var(--cui-icon-size)) * 0.5);
  --cui-block-size-padding: calc(var(--cui-block-size) + var(--cui-padding-sm) * 2);
  padding: 0;
  border: none;
  margin: 0;
  overflow: visible;
  display: block;
  max-width: unset;
  max-height: unset;
  color: var(--cui-text-color);
}
.gc-modal::backdrop {
  background-color: var(--cui-overlay);
}
.gc-modal--ff-esr::backdrop {
  background-color: rgba(0, 0, 0, .15);
}
.gc-modal--default {
  position: absolute;
  height: fit-content;
  max-height: max-content;
  width: var(--cui-modal-width);
  border-radius: var(--cui-border-radius);
  outline: none;
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.gc-modal.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}
.gc-modal.gc-rounded .gc-modal__header {
  border-radius: var(--cui-rounded-radius) var(--cui-rounded-radius) 0 0;
}
.gc-modal.gc-rounded .gc-modal__footer {
  border-radius: 0 0 var(--cui-rounded-radius) var(--cui-rounded-radius);
}
.gc-modal.gc-rounded .gc-modal__resize-handle-wrapper {
  padding-right: var(--cui-padding-xs);
  padding-bottom: var(--cui-padding-xs);
}
.gc-modal.gc-rounded .gc-modal__resize-handle {
  width: 12px;
  height: 12px;
  border-radius: 0 0 17px 0;
}
.gc-modal--level-warning .gc-modal__header {
  background-color: var(--cui-warning-500);
}
.gc-modal--level-warning .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-warning-700);
}
.gc-modal--level-error .gc-modal__header {
  background-color: var(--cui-error-500);
}
.gc-modal--level-error .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-error-700);
}
.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset) + var(--cui-icon-size) + var(--cui-padding));
}
.gc-modal__parent-container {
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  overflow: auto;
  width: 100%;
  min-height: 100%;
}
.gc-modal__header {
  display: grid;
  min-height: var(--cui-block-size-padding);
  padding: var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding);
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius) var(--cui-border-radius) 0 0;
  background-color: var(--cui-primary-500);
  align-items: center;
  grid-template-areas: "title title btn";
  grid-template-columns: var(--cui-block-size-padding) auto var(--cui-block-size-padding);
}
.gc-modal__header--centered-title {
  position: relative;
  min-height: var(--cui-block-size-padding);
  padding-right: var(--cui-padding-sm);
  grid-template-areas: ". title btn";
  grid-auto-columns: auto var(--cui-block-size);
}
.gc-modal__header--centered-title > .gc-modal__title-box {
  text-align: center;
}
.gc-modal__icon {
  position: absolute;
  top: var(--cui-padding-sm);
  left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset));
  display: flex;
  height: var(--cui-block-size);
  align-items: center;
}
.gc-modal__title-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: title;
  display: inline-grid;
}
.gc-modal__title {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  font-weight: normal;
  line-height: 20px;
}
.gc-modal__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--cui-contrast-text-semi-40);
  font-size: var(--cui-text-size-lg);
  font-style: italic;
  line-height: 23px;
}
.gc-modal__close-btn {
  margin: 0 0 auto auto;
  grid-area: btn;
}
.gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-modal__message {
  padding: var(--cui-padding) var(--cui-padding) var(--cui-padding-sm);
  overflow-wrap: anywhere;
  font-size: var(--cui-text-size-lg);
}
.gc-modal__content {
  display: flex;
  flex-direction: column;
}
.gc-modal__footer {
  position: relative;
  display: flex;
  padding: var(--cui-padding-sm);
  border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  align-items: center;
  justify-content: flex-end;
}
.gc-modal__footer > .gc-btn,
.gc-modal__footer .gc-btn-group {
  min-width: 100px;
}
.gc-modal__footer > .gc-btn + .gc-btn,
.gc-modal__footer > .gc-btn .gc-btn-group,
.gc-modal__footer .gc-btn-group + .gc-btn,
.gc-modal__footer .gc-btn-group .gc-btn-group {
  margin-left: 15px;
}
.gc-modal__footer > .gc-btn {
  text-align: center;
}
.gc-modal__footer > .gc-btn-group .gc-btn {
  width: 100%;
  text-align: center;
}
.gc-modal__footer--align-left {
  justify-content: flex-start;
}
.gc-modal__footer--align-center {
  justify-content: center;
}
.gc-modal__footer--align-spread {
  justify-content: space-between;
}
.gc-modal__right-control {
  margin-left: auto !important;
}
.gc-modal__resize-handle-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px;
}
.gc-modal__resize-handle {
  width: 9px;
  height: 9px;
  transition: border-color 200ms;
  border-right: 2px dotted #acacac;
  border-bottom: 2px dotted #acacac;
}
.gc-modal__resize-handle-wrapper:hover .gc-modal__resize-handle {
  border-right: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
}
.gc-message-box.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-icon-size)*.5 + var(--cui-icon-size) + var(--cui-padding));
}
.gc-message-box .gc-modal__header {
  position: relative;
  min-height: auto;
  padding: 0;
}
.gc-message-box .gc-modal__header--centered-title {
  min-height: auto;
}
.gc-message-box .gc-modal__header > .gc-modal__icon {
  top: 0;
  left: calc(var(--cui-icon-size)*.5);
}
.gc-message-box .gc-modal__header > .gc-modal__title-box {
  padding: var(--cui-padding-sm);
}
.gc-message-box .gc-modal__footer {
  background-color: rgba(0, 0, 0, 0);
}
.gc-accent-color {
  color: var(--cui-primary-700);
}
.gc-accent-background {
  background-color: var(--cui-primary-500);
}
.gc-accent-fill {
  fill: var(--cui-primary-500);
}
.gc-secondary-accent-fill {
  fill: var(--cui-secondary-500);
}
.gc-contrast-fill {
  fill: var(--cui-white);
}
.gc-rounded,
input[type=text].gc-rounded,
input[type=password].gc-rounded,
input[type=email].gc-rounded,
input[type=url].gc-rounded,
textarea.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}
.gc-rounded.gc-size-sm,
input[type=text].gc-rounded.gc-size-sm,
input[type=password].gc-rounded.gc-size-sm,
input[type=email].gc-rounded.gc-size-sm,
input[type=url].gc-rounded.gc-size-sm,
textarea.gc-rounded.gc-size-sm {
  border-radius: var(--cui-rounded-radius-sm);
}
.gc-rounded.gc-size-lg,
input[type=text].gc-rounded.gc-size-lg,
input[type=password].gc-rounded.gc-size-lg,
input[type=email].gc-rounded.gc-size-lg,
input[type=url].gc-rounded.gc-size-lg,
textarea.gc-rounded.gc-size-lg {
  border-radius: var(--cui-rounded-radius-lg);
}
.gc-rounded.gc-size-xl,
input[type=text].gc-rounded.gc-size-xl,
input[type=password].gc-rounded.gc-size-xl,
input[type=email].gc-rounded.gc-size-xl,
input[type=url].gc-rounded.gc-size-xl,
textarea.gc-rounded.gc-size-xl {
  border-radius: var(--cui-rounded-radius-xl);
}
.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}
.gc-dd-adjustment {
  transition-timing-function: ease-out;
  transition-duration: .15s;
  transition-property:
    left,
    right,
    top;
}
.gc-property-grid {
  width: 100%;
  height: 100%;
  padding-top: var(--cui-padding);
}
.gc-property-grid .gc-property-grid__header {
  position: relative;
  display: flex;
  margin: 0 var(--cui-padding) calc(var(--cui-padding-xs)*2);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button {
  width: 100%;
  padding: 0;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__text {
  width: 100%;
  padding: 0;
  transition: opacity .2s ease-in-out;
  text-align: center;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__icon {
  right: 0;
  left: auto;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode {
  position: static;
  width: auto;
  min-width: var(--cui-block-size-xl);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode > .gc-btn__text {
  position: static;
  opacity: .5;
  color: var(--cui-contrast-text);
  font-size: var(--cui-text-size-sm);
}
.gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.gc-property-grid .gc-property-grid__header > .gc-dd {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.gc-property-grid .gc-property-grid__header > .gc-dd + .gc-btn {
  padding: 0 calc(var(--cui-block-size-sm)*2);
}
.gc-property-grid .gc-property-grid__header > .gc-dd + .gc-btn .gc-btn__icon {
  right: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-grid__header .gc-btn > .gc-btn__icon {
  transition: color .2s ease-in-out, opacity .2s ease-in-out;
}
.gc-property-grid .gc-property-grid__header .gc-btn:not(:hover) > .gc-btn__icon {
  opacity: .5;
  color: var(--cui-contrast-text);
}
.gc-property-grid .gc-property-grid__header > .gc-input {
  flex: 1 0 auto;
  padding-right: var(--cui-block-size-sm);
  text-overflow: ellipsis;
  color: var(--cui-contrast-text);
  border-radius: 0 var(--cui-border-radius) var(--cui-border-radius) 0;
  background-color: var(--cui-primary-500);
}
.gc-property-grid .gc-property-grid__header > .gc-input::placeholder {
  color: var(--cui-contrast-text-semi-40);
}
.gc-property-grid .gc-property-grid__header > .gc-input:focus,
.gc-property-grid .gc-property-grid__header > .gc-input:hover {
  border-color: rgba(0, 0, 0, 0) !important;
  background-color: var(--cui-primary-700) !important;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs {
  display: flex;
  width: 0;
  padding-left: var(--cui-block-size-sm);
  order: 1;
  flex-grow: 1;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn-group {
  flex: 1 1 auto;
  width: 0;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn {
  flex: 1 1 auto;
  width: 50%;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn:after {
  content: none;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button {
  width: auto;
  padding: 0 !important;
  order: 2;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button > .gc-btn__icon {
  right: 0;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-dd {
  position: relative;
  order: 3;
}
.gc-property-grid .gc-property-grid__container {
  height: calc(100% - (var(--cui-block-size-sm) + var(--cui-padding-xs)*2));
}
.gc-property-grid .gc-property-category {
  padding: 0 var(--cui-padding);
}
.gc-property-list__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-list__placeholder {
  padding: 0 var(--cui-padding);
}
.gc-property-grid__container {
  overflow-x: hidden;
  height: 100%;
}
.gc-property-category {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}
.gc-property-category .gc-label__content {
  overflow: hidden;
}
.gc-property-category__flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gc-property-category__content:empty + .gc-property-category__title {
  display: none;
}
.gc-property-category__title {
  order: 1;
}
.gc-property-category__content {
  margin-bottom: var(--cui-padding-xs);
  order: 2;
}
.gc-property-category__content:empty {
  margin-bottom: 0;
}
.gc-property-category__content > * {
  margin-bottom: var(--cui-padding-xs);
}
.gc-property-category__content--collapsed {
  display: none;
}
.gc-unknown-editor {
  height: var(--cui-block-size-sm);
  margin-bottom: var(--cui-padding-xs);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
@media (any-hover: none) {
  .gc-property-grid .gc-property-grid__header .gc-btn:hover > .gc-btn__icon {
    opacity: .5;
    color: var(--cui-contrast-text);
  }
  .gc-property-grid .gc-property-grid__header > .gc-input:hover:not(:focus) {
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: var(--cui-primary-500) !important;
  }
}
.gc-collection-editor {
  position: relative;
}
.gc-collection-editor--dragging * {
  -webkit-user-select: none;
  user-select: none;
}
.gc-collection-editor--expanded {
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding) var(--cui-padding) var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
}
.gc-collection-editor--expanded::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
}
.gc-collection-editor--disabled .gc-collection-editor__main > .gc-collection-editor__counter {
  color: var(--cui-neutral-300);
}
.gc-collection-editor--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-collection-editor--transparent:before {
  content: none;
}
.gc-collection-editor__item {
  display: flex;
}
.gc-collection-editor__item > *:not(.gc-collection-editor__item-actions) {
  width: 0;
  flex-grow: 1;
}
.gc-collection-editor__item-actions {
  display: flex;
  margin-right: var(--cui-padding-xs);
  flex-shrink: 0;
}
.gc-collection-editor__item-actions > .gc-btn + .gc-btn {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__item + .gc-collection-editor__item {
  padding-top: var(--cui-padding-xs);
}
.gc-collection-editor__main {
  display: flex;
  justify-content: flex-end;
}
.gc-collection-editor__main > .gc-btn {
  flex-shrink: 0;
}
.gc-collection-editor__main > * + * {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__main .gc-collection-editor__counter {
  display: block;
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-semi-60);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-collection-editor__arrows {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--cui-block-size-sm);
  justify-content: center;
}
.gc-collection-editor__arrows > .gc-btn {
  position: absolute;
  width: 100%;
  height: calc(var(--cui-block-size-sm)*.5);
}
.gc-collection-editor__arrows > .gc-btn .gc-btn__text {
  height: 100%;
  padding: 0 !important;
}
.gc-collection-editor__arrows > .gc-btn .gc-btn__icon {
  position: static;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.gc-collection-editor__arrows .gc-collection-editor__arrow-up {
  top: 0;
  left: 0;
}
.gc-collection-editor__arrows .gc-collection-editor__arrow-down {
  bottom: 0;
  left: 0;
}
.gc-collection-editor__arrows + .gc-btn {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__items {
  position: relative;
}
.gc-collection-editor__items:only-child {
  padding-top: var(--cui-padding);
}
.gc-collection-editor__item--dragged {
  pointer-events: none;
  opacity: 0;
}
.gc-collection-editor__clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  box-shadow: var(--cui-prop-editors-drag-shadow);
}
.gc-collection-editor__clone .gc-collection-editor__item {
  opacity: .8;
}
.gc-collection-editor__empty {
  display: flex;
  height: var(--cui-block-size-sm);
  margin-top: var(--cui-padding);
  color: var(--cui-text-semi-60);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
}
.gc-collection-editor__header {
  overflow: hidden;
  margin: var(--cui-padding-xs) 0;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
}
.gc-collection-editor__header--offset-1 {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-xs));
}
.gc-collection-editor__header--offset-2 {
  padding-left: calc(var(--cui-block-size-sm)*2 + var(--cui-padding-xs)*2);
}
.gc-side-editor .gc-expand-editor__content {
  flex-direction: row;
  flex-wrap: wrap;
}
.gc-side-editor--stretched .gc-side-editor__side:not([class*=--default]) {
  width: calc(50% + var(--cui-padding));
}
.gc-side-editor--stretched .gc-side-editor__side--left,
.gc-side-editor--stretched .gc-side-editor__side--right {
  margin-left: calc(0px - var(--cui-padding));
}
.gc-side-editor--stretched .gc-side-editor__side--top,
.gc-side-editor--stretched .gc-side-editor__side--bottom {
  margin-right: calc(0px - var(--cui-padding));
}
.gc-side-editor__side {
  width: 50%;
}
.gc-side-editor__side--default {
  width: 100%;
  order: 1;
}
.gc-side-editor__side--left {
  order: 2;
}
.gc-side-editor__side--top {
  order: 3;
}
.gc-side-editor__side--right {
  order: 4;
}
.gc-side-editor__side--bottom {
  order: 5;
}
.gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label {
  -ms-grid-columns: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-columns: var(--cui-block-size-sm) minmax(0, 1fr);
}
.gc-binding-wrapper__content {
  flex: 1 1 auto;
  width: calc(100% - var(--cui-block-size-sm));
  max-width: calc(100% - var(--cui-block-size-sm));
}
.gc-binding-wrapper__toggle {
  width: var(--toggleSize);
  height: var(--toggleSize);
  margin: calc((var(--cui-block-size-sm) - var(--toggleSize))/2) auto;
  transition: background-color .2s ease-in-out, outline-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-300);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0);
}
.gc-binding-wrapper {
  display: flex;
  --toggleSize: 12px;
}
.gc-binding-wrapper > .gc-dd {
  flex: 0 0 auto;
  width: var(--cui-block-size-sm);
  min-width: var(--cui-block-size-sm);
}
.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) {
  background-color: rgba(0, 0, 0, 0);
}
.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-neutral-300);
}
.gc-binding-wrapper--modified .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-modified);
}
.gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-modified);
}
.gc-binding-wrapper--bind .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-bind);
}
.gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-bind);
}
@media (any-hover: none) {
  .gc-binding-wrapper > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: rgba(0, 0, 0, 0);
  }
  .gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle,
  .gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: rgba(0, 0, 0, 0);
  }
}
.gc-bool-editor {
  margin: 0 0 0 auto;
}
.gc-label:not([class*=--position]) .gc-bool-editor {
  margin: 0;
}
.gc-number-editor {
  display: flex;
}
.gc-number-editor > .gc-btn {
  flex: 0 0 auto;
}
.gc-number-editor > .gc-btn:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gc-number-editor > .gc-btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-number-editor > .gc-input {
  flex: 1 1 auto;
  border-radius: 0;
}
.gc-enum-editor .gc-btn__text {
  padding: 0 10px;
}
.gc-enum-editor--empty .gc-btn__text {
  opacity: .38;
}
.gc-color-palette {
  width: 100%;
}
.gc-color-palette *,
.gc-color-palette *:before,
.gc-color-palette *:after {
  box-sizing: border-box;
}
.gc-color-palette__colors {
  display: flex;
  width: 100%;
  padding: 0 calc(var(--cui-padding) - 5px);
  flex-wrap: wrap;
}
.gc-color-palette__heading.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}
.gc-color-palette__heading.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}
.gc-color {
  display: flex;
  flex: 0 0 auto;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 20px;
  padding: 0 5px;
}
.gc-color__main {
  position: relative;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: var(--cui-border-radius);
}
.gc-color__main::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color__main:hover::after {
  border: var(--cui-border-width) solid rgba(0, 0, 0, .4);
}
.gc-color__shades {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 15px;
  border-radius: var(--cui-border-radius);
}
.gc-color__shades::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  pointer-events: none;
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color__shades > div {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
}
.gc-color__shades > div::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  border: var(--cui-border-width) solid rgba(0, 0, 0, 0);
}
.gc-color__shades > div:first-of-type::after {
  border-top-left-radius: var(--cui-border-radius);
  border-bottom-left-radius: var(--cui-border-radius);
}
.gc-color__shades > div:last-of-type::after {
  border-top-right-radius: var(--cui-border-radius);
  border-bottom-right-radius: var(--cui-border-radius);
}
.gc-color__shades > div:hover::after {
  border: var(--cui-border-width) solid rgba(0, 0, 0, .4);
}
.gc-color-picker {
  display: flex;
  flex-wrap: wrap;
}
.gc-color-picker *,
.gc-color-picker *:before,
.gc-color-picker *:after {
  box-sizing: border-box;
}
.gc-color-picker__preview {
  flex: 0 0 auto;
  width: calc(var(--cui-block-size-sm)*3);
  height: calc(var(--cui-block-size-sm)*3);
  margin-right: var(--cui-padding);
  border: 1px solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color-picker__preview:hover {
  border: 4px solid var(--cui-overlay);
}
.gc-color-picker__settings {
  flex: 1 1 auto;
}
.gc-color-picker__settings > span {
  display: block;
  height: 15px;
  -webkit-user-select: none;
  user-select: none;
  font-size: var(--cui-text-size-sm);
  line-height: 15px;
}
.gc-color-picker__inputs {
  display: flex;
  width: 100%;
}
.gc-color-picker__hex .gc-label,
.gc-color-picker__rgb .gc-label {
  width: 100%;
}
.gc-color-picker__hex .gc-label .gc-label__label,
.gc-color-picker__rgb .gc-label .gc-label__label {
  align-items: center;
}
.gc-color-picker__hex .gc-input,
.gc-color-picker__rgb .gc-input {
  display: block;
  width: 100%;
}
.gc-color-picker__hex {
  flex: 0 0 auto;
  width: calc(var(--cui-block-size-sm)*3);
  margin-right: var(--cui-padding);
}
.gc-color-picker__rgb {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
}
.gc-color-picker__rgb .gc-label {
  flex: 0 0 auto;
  width: calc(33.3% - 4px);
}
.gc-color-picker__slider {
  border: 1px solid var(--cui-dd-divider);
}
.gc-color-dropdown {
  width: 300px;
  padding-bottom: var(--cui-padding);
}
.gc-color-dropdown *,
.gc-color-dropdown *:before,
.gc-color-dropdown *:after {
  box-sizing: border-box;
}
.gc-color-dropdown > .gc-btn-group {
  margin: var(--cui-padding);
  margin-bottom: calc(var(--cui-padding)/3);
}
.gc-color-dropdown > .gc-color-dropdown__web-colors {
  margin: var(--cui-padding);
  margin-bottom: 0;
}
.gc-color-dropdown > .gc-color-dropdown__web-colors .gc-dd-menu__item--with-preview.gc-size-sm {
  padding: 0;
}
.gc-color-dropdown > .gc-color-picker {
  margin: var(--cui-padding);
  margin-bottom: 0;
}
.gc-color-dropdown > .gc-slider {
  margin: 0 var(--cui-padding);
}
.gc-color-dropdown__web-color {
  width: 15px;
  height: 15px;
  border-radius: var(--cui-border-radius);
}
@media (any-hover: none) {
  .gc-color__main:hover::after {
    border: var(--cui-border-width) solid var(--cui-overlay);
  }
  .gc-color__shades > div:hover::after {
    border: var(--cui-border-width) solid rgba(0, 0, 0, 0);
  }
  .gc-color-picker__preview:hover {
    border: 1px solid var(--cui-overlay);
  }
}
@keyframes cui_a_step_dot_appear {
  0% {
    opacity: 0;
    transform: scale(1) rotateY(-180deg);
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 1;
    transform: scale(1) rotateY(35deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotateY(0deg);
  }
}
@keyframes cui_a_step_dot_disappear {
  0% {
    opacity: 1;
    transform: scale(1) rotateY(0deg);
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
    transform: scale(1) rotateY(-215deg);
  }
  100% {
    opacity: 0;
    transform: scale(1) rotateY(-180deg);
  }
}
.cui-step {
  align-self: stretch;
  justify-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  font-size: var(--cui-text-size);
  border-radius: var(--cui-border-radius);
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}
.cui-step--left {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.cui-step--top,
.cui-step--bottom {
  flex-direction: column;
  align-items: stretch;
}
.cui-step--top > .cui-step__decor,
.cui-step--bottom > .cui-step__decor {
  margin: 0 auto;
}
.cui-step--top {
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.cui-step--neutral:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}
.cui-step--primary:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--primary:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}
.cui-step--warning:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--warning:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}
.cui-step--error:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--error:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}
button.cui-step {
  margin: 0;
  padding: 0;
  text-align: left;
  background: none;
  border: none;
}
button.cui-step:hover,
button.cui-step:focus-visible {
  outline: none;
}
button.cui-step:hover .cui-step__decor > div,
button.cui-step:focus-visible .cui-step__decor > div {
  box-shadow: 0 0 0 2px var(--cui-steps-background), 0 0 0 4px var(--cui-step-fill);
}
.cui-step__decor {
  flex: 0 0 var(--cui-block-size-lg);
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  place-items: center center;
}
.cui-step__decor > div {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  border-radius: 50%;
  line-height: .9;
  background-color: var(--cui-step-background);
  color: var(--cui-step-dot-color);
  outline: 1px solid var(--cui-step-background);
  outline-offset: -1px;
  transition:
    outline .2s ease-in-out,
    background-color .4s ease-in-out,
    color .4s ease-in-out,
    box-shadow .2s ease-in-out;
}
.cui-step__decor > [data-complete] {
  color: var(--cui-step-dot-color-complete);
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
  outline-width: 2px;
  outline-offset: -2px;
}
.cui-step__decor--default > [data-default],
.cui-step__decor--current > [data-default] {
  opacity: 1;
}
.cui-step__decor--default > [data-complete],
.cui-step__decor--current > [data-complete] {
  opacity: 0;
}
.cui-step__decor--complete > [data-default] {
  opacity: 0;
}
.cui-step__decor--complete > [data-complete] {
  opacity: 1;
}
.cui-step__decor--to-default > [data-default] {
  animation: cui_a_step_dot_appear .4s ease-in-out;
}
.cui-step__decor--to-default > [data-complete] {
  animation: cui_a_step_dot_disappear .4s ease-in-out;
}
.cui-step__decor--to-complete > [data-default] {
  animation: cui_a_step_dot_disappear .4s ease-in-out;
}
.cui-step__decor--to-complete > [data-complete] {
  animation: cui_a_step_dot_appear .4s ease-in-out;
}
.cui-step__text {
  display: flex;
  background-color: var(--cui-steps-background);
  flex: 1 1 minmax(auto, 100%);
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: flex-start;
  color: var(--cui-step-color);
}
.cui-step__text--reverse {
  flex-direction: column-reverse;
}
.cui-step__text > span {
  flex: 0 0 auto;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.cui-step__text > [data-details] {
  color: var(--cui-step-color-details);
}
.cui-step__text--left {
  text-align: right;
}
.cui-step__text--top,
.cui-step__text--bottom {
  text-align: center;
}
.cui-steps {
  display: grid;
  --cui-steps-background: var(--cui-bg-panels);
  --cui-step-background: var(--cui-neutral-50);
  --cui-step-background-semi: var(--cui-neutral-100);
  --cui-step-background-solid: var(--cui-neutral-200);
  --cui-step-outline: var(--cui-neutral-300);
  --cui-step-fill: var(--cui-neutral-500);
  --cui-step-color: var(--cui-neutral-700);
  --cui-step-color-details: var(--cui-neutral-400);
  --cui-step-dot-color: var(--cui-neutral-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps .indicator_dummy,
.cui-steps .indicator {
  border-radius: var(--cui-border-radius);
  align-self: center;
  justify-self: stretch;
}
.cui-steps .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-background);
}
.cui-steps .indicator {
  background-color: var(--cui-step-fill);
  transition: all .4s ease-in-out;
}
.cui-steps--vertical .indicator_dummy,
.cui-steps--vertical .indicator {
  align-self: stretch;
  justify-self: center;
}
.cui-steps--outlined .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-outline);
}
.cui-steps--outlined .cui-step__decor > div {
  outline-color: var(--cui-step-outline);
  background-color: var(--cui-step-background);
}
.cui-steps--outlined .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--outlined .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--semi .indicator_dummy {
  background-color: var(--cui-step-background-semi);
  outline: 1px solid var(--cui-step-background-semi);
}
.cui-steps--semi .cui-step__decor > div {
  background-color: var(--cui-step-background-semi);
  outline-color: var(--cui-step-background-semi);
}
.cui-steps--semi .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--semi .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--solid .indicator_dummy {
  background-color: var(--cui-step-background-solid);
  outline: 1px solid var(--cui-step-background-solid);
}
.cui-steps--solid .cui-step__decor > div {
  background-color: var(--cui-step-background-solid);
  outline-color: var(--cui-step-background-solid);
}
.cui-steps--solid .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--solid .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--neutral:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}
.cui-steps--primary:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--primary:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}
.cui-steps--warning:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--warning:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}
.cui-steps--error:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--error:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}
@keyframes gc-progress-animation {
  0% {
    left: -40px;
    width: 40px;
  }
  50% {
    width: 300px;
  }
  100% {
    left: 100%;
    width: 40px;
  }
}
.gc-progress {
  display: block;
  overflow: hidden;
  height: 20px;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-progressbar-bg);
  line-height: 20px;
}
.gc-progress--inline {
  display: inline-block;
}
.gc-progress--semi-transparent {
  background-color: var(--cui-progressbar-bg-semi);
}
.gc-progress--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-progress--accent > .gc-progress__fill {
  background-color: var(--cui-primary-500);
}
.gc-progress--accent > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--pause-error > .gc-progress__fill {
  background-color: var(--cui-error-500);
}
.gc-progress--pause-error > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--pause-warning > .gc-progress__fill {
  background-color: var(--cui-warning-500);
}
.gc-progress--pause-warning > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--indeterminate {
  position: relative;
}
.gc-progress--indeterminate > .gc-progress__fill {
  position: absolute;
  top: 0;
  animation-name: gc-progress-animation;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.gc-progress--indeterminate.gc-progress--pause-error > .gc-progress__fill {
  animation-play-state: paused;
}
.gc-progress--indeterminate.gc-progress--pause-warning > .gc-progress__fill {
  animation-play-state: paused;
}
.gc-progress.gc-size-sm {
  height: 2px;
}
.gc-progress.gc-size-lg {
  height: 40px;
  line-height: 40px;
}
.gc-progress__fill {
  overflow: visible;
  height: 100%;
  transition: width .2s ease-in-out;
  text-align: center;
  background-color: var(--cui-progress-fill-color);
}
.gc-progress__value {
  display: block;
  height: 100%;
  color: var(--cui-progress-value-color);
  font-size: var(--cui-text-size-sm);
}
.gc-slider {
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  display: block;
  transition: opacity .2s ease-in-out;
}
.gc-slider *,
.gc-slider *:before,
.gc-slider *:after {
  box-sizing: border-box;
}
.gc-slider--mode-X {
  width: auto;
  height: calc(var(--cui-block-size-sm)*.5);
}
.gc-slider--mode-X .gc-slider__background {
  top: 4px;
  height: calc(100% - 8px);
}
.gc-slider--mode-Y {
  width: calc(var(--cui-block-size-sm)*.5);
  height: calc(var(--cui-block-size-sm)*5);
}
.gc-slider--mode-Y .gc-slider__background {
  left: 4px;
  width: calc(100% - 8px);
}
.gc-slider--mode-XY {
  width: calc(var(--cui-block-size-sm)*5);
  height: calc(var(--cui-block-size-sm)*5);
}
.gc-slider:hover .gc-slider__toggle:after {
  opacity: 1;
}
.gc-slider--disabled {
  pointer-events: none;
  opacity: .62;
}
.gc-slider--disabled .gc-slider__fill {
  opacity: 0 !important;
}
.gc-slider--invalid .gc-slider__toggle {
  background-color: var(--cui-error-500);
}
.gc-slider--invalid .gc-slider__background {
  background-color: var(--cui-accent-error-semi-40);
}
.gc-slider--invalid .gc-slider__fill {
  opacity: 0 !important;
}
.gc-slider__area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gc-slider__fill {
  position: absolute;
  transition: opacity .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-slider__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
}
.gc-slider__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--cui-block-size-sm)*.5);
  height: calc(var(--cui-block-size-sm)*.5);
  transition: background-color .2s ease-in-out;
  transform: translateX(-50%) translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
}
.gc-slider__toggle[class*=--tooltip]:after {
  position: absolute;
  padding: 5px;
  content: attr(data-value);
  transition: opacity .2s ease-in-out;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, .1);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: 1;
}
.gc-slider__toggle--tooltip-top:after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -8px);
}
.gc-slider__toggle--tooltip-bottom:after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 8px);
}
.gc-slider__toggle--tooltip-right:after {
  top: 50%;
  left: 100%;
  transform: translate(8px, -50%);
}
.gc-slider__toggle--tooltip-left:after {
  top: 50%;
  right: 100%;
  transform: translate(-8px, -50%);
}
.gc-slider__toggle:active {
  z-index: 1;
}
.gc-slider__toggle:active:after {
  opacity: 1;
}
@media (any-hover: none) {
  .gc-slider:hover .gc-slider__toggle:after {
    opacity: 0;
  }
}
.gc-text-editor {
  position: relative;
}
.gc-text-editor__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size-sm);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
.gc-text-editor__preview + .gc-input {
  padding-left: var(--cui-block-size-sm) !important;
}
.gc-expand-editor--expanded {
  position: relative;
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
}
.gc-expand-editor--expanded > .gc-expand-editor__main {
  margin-bottom: var(--cui-padding-xs);
}
.gc-expand-editor--expanded:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
}
.gc-expand-editor--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-expand-editor--transparent:before {
  content: none;
}
.gc-expand-editor__main {
  position: relative;
}
.gc-expand-editor__main > .gc-label > .gc-label__content {
  padding-right: var(--cui-block-size-sm);
}
.gc-expand-editor__main > .gc-label > .gc-label__content > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gc-expand-editor__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--cui-block-size-sm);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-expand-editor__content {
  display: flex;
  flex-direction: column;
}
.gc-expand-editor__content > * {
  margin-bottom: var(--cui-padding-xs);
}
@keyframes gc-badge-show {
  0% {
    transform: scale(1) rotateX(90deg);
  }
  60% {
    transform: scale(1) rotateX(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gc-badge-show-top-left {
  0% {
    transform: scale(1) rotateX(90deg) translate(-25%, -25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(-25%, -25%);
  }
  100% {
    transform: scale(1) translate(-25%, -25%);
  }
}
@keyframes gc-badge-show-top-right {
  0% {
    transform: scale(1) rotateX(90deg) translate(25%, -25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(25%, -25%);
  }
  100% {
    transform: scale(1) translate(25%, -25%);
  }
}
@keyframes gc-badge-show-bottom-left {
  0% {
    transform: scale(1) rotateX(90deg) translate(-25%, 25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(-25%, 25%);
  }
  100% {
    transform: scale(1) translate(-25%, 25%);
  }
}
@keyframes gc-badge-show-bottom-right {
  0% {
    transform: scale(1) rotateX(90deg) translate(25%, 25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(25%, 25%);
  }
  100% {
    transform: scale(1) translate(25%, 25%);
  }
}
.gc-badge {
  position: absolute;
  z-index: 1;
  display: flex;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: var(--cui-padding-xs);
  cursor: default;
  animation: gc-badge-show .4s 1 ease-in-out;
  white-space: nowrap;
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  font-size: var(--cui-text-size);
  line-height: 1;
  justify-content: center;
  align-items: center;
}
.gc-badge--size-sm {
  min-width: 15px;
  height: 15px;
  font-size: var(--cui-text-size-sm);
}
.gc-badge--size-lg {
  min-width: 25px;
  height: 25px;
  font-size: var(--cui-text-size-lg);
}
.gc-badge--top-left {
  top: 0;
  left: 0;
}
.gc-badge--top-left:not(.gc-badge--inset) {
  animation: gc-badge-show-top-left .4s 1 ease-in-out forwards;
}
.gc-badge--top-right {
  top: 0;
  right: 0;
}
.gc-badge--top-right:not(.gc-badge--inset) {
  animation: gc-badge-show-top-right .4s 1 ease-in-out forwards;
}
.gc-badge--bottom-left {
  bottom: 0;
  left: 0;
}
.gc-badge--bottom-left:not(.gc-badge--inset) {
  animation: gc-badge-show-bottom-left .4s 1 ease-in-out forwards;
}
.gc-badge--bottom-right {
  right: 0;
  bottom: 0;
}
.gc-badge--bottom-right:not(.gc-badge--inset) {
  animation: gc-badge-show-bottom-right .4s 1 ease-in-out forwards;
}
.gc-badge--rounded {
  border-radius: 10px;
}
.gc-badge--rounded.gc-badge--size-sm {
  border-radius: 7.5px;
}
.gc-badge--rounded.gc-badge--size-lg {
  border-radius: 12.5px;
}
.gc-badge--inline {
  position: relative;
  display: inline-flex;
}
.gc-badge--inline:last-child:not(:only-child) {
  margin-left: var(--cui-padding-xs);
}
.gc-badge--inline:first-child:not(:only-child) {
  margin-right: var(--cui-padding-xs);
}
.gc-badge--custom {
  padding: 0;
  color: inherit;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.gc-badge--custom.gc-badge--inline {
  height: 100%;
}
.gc-badge--level-warning {
  background-color: var(--cui-warning-500);
  pointer-events: auto;
}
.gc-badge--level-warning.gc-badge--inverted {
  color: var(--cui-warning-500);
}
.gc-badge--level-error {
  background-color: var(--cui-error-500);
  pointer-events: auto;
}
.gc-badge--level-error.gc-badge--inverted {
  color: var(--cui-error-500);
}
.gc-badge--inverted {
  color: var(--cui-primary-500);
  background-color: var(--cui-white);
  font-weight: 700;
}
.gc-badge--dot {
  width: 6px;
  min-width: auto;
  height: 6px;
  padding: 0;
  border-radius: 50%;
}
@keyframes gc-item-animation {
  0% {
    width: 0;
    height: 0;
  }
  33% {
    width: 60px;
    height: 60px;
  }
  66% {
    width: 60px;
    height: 60px;
  }
  100% {
    width: 100%;
    height: 60px;
  }
}
@keyframes gc-item-mini-animation {
  0% {
    width: 0;
    height: 0;
  }
  33% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }
  66% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }
  100% {
    width: 100%;
    height: var(--cui-block-size-sm);
  }
}
@keyframes gc-item-icon-animation {
  0% {
    transform: scale(0);
  }
  33% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gc-expand-animation {
  0% {
    transform: scale(0) translate(-50%, -50%);
  }
  100% {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes gc-task-loader-animation {
  0% {
    transform: scale(0);
    transform: scale(0);
  }
  90% {
    transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
    transform: scale(1);
  }
}
@keyframes gc-timeout-bar-animation {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes gc-appear-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.gc-portal-root--notifications > .gc-positioner {
  z-index: var(--cui-z-notifications);
}
.gc-notifications-container {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 330px;
  max-width: 95vw;
  align-items: center;
}
.gc-notifications-container *,
.gc-notifications-container *:before,
.gc-notifications-container *:after {
  box-sizing: border-box;
}
.gc-notifications-container--position-bottom-center {
  margin: 0 0 var(--cui-block-size-sm) 0;
}
.gc-notifications-container--position-bottom-left {
  margin: 0 0 var(--cui-block-size-sm) calc(var(--cui-block-size-sm)*.5);
}
.gc-notifications-container--position-bottom-right {
  margin: 0 calc(var(--cui-block-size-sm)*.5) var(--cui-block-size-sm) 0;
}
.gc-notifications-container--position-top-center {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) 0 0 0;
}
.gc-notifications-container--position-top-left {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) 0 0 calc(var(--cui-block-size-sm)*.5);
}
.gc-notifications-container--position-top-right {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) calc(var(--cui-block-size-sm)*.5) 0 0;
}
.gc-notification {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  animation: gc-item-animation .8s 1;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-accent-bg);
  flex-shrink: 0;
}
.gc-notification__tag {
  display: flex;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  -webkit-user-select: none;
  user-select: none;
  transform-origin: top left;
  animation: gc-item-icon-animation .8s 1;
  text-align: center;
  border-radius: inherit;
  font-size: var(--cui-icon-size);
  line-height: 60px;
  justify-content: center;
  align-items: center;
}
.gc-notification__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 0;
  padding: 7px 15px 7px 0;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
}
.gc-notification__caption,
.gc-notification__status {
  overflow: hidden;
  height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.gc-notification__status {
  opacity: .7;
  font-style: italic;
}
.gc-notification__actions {
  display: flex;
  flex: 1 1 auto;
  max-height: 50%;
  margin-left: -2px;
  align-items: center;
}
.gc-notification__actions > .gc-btn.gc-notification__button {
  overflow: hidden;
  height: 20px;
  margin-right: 5px;
  padding: 0 5px;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-bg);
  font-size: var(--cui-text-size-sm);
  line-height: 20px;
}
.gc-notification__actions > .gc-btn.gc-notification__button.gc-rounded {
  border-radius: 10px;
}
.gc-notification__actions > .gc-btn.gc-notification__button:hover {
  background-color: var(--cui-notification-btn-bg-hover);
}
.gc-notification__loader::before,
.gc-notification__loader::after {
  position: absolute;
  top: calc(50% - 5.5px);
  display: block;
  width: 11px;
  height: 11px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-notification__loader::before {
  left: calc(50% - 11px - 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-notification__loader::after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-notification__timeout-bar.gc-progress {
  position: absolute;
  top: 2px;
  left: 2px;
  overflow: hidden;
  width: calc(100% - 4px);
  height: 2px;
  animation: .8s gc-appear-animation ease-in forwards;
  opacity: 0;
  border-radius: 2px;
  background-color: var(--cui-contrast-semi-40);
}
.gc-notification__timeout-bar.gc-progress > .gc-progress__fill {
  width: 100%;
  animation: .8s gc-timeout-bar-animation .8s linear forwards;
  background-color: var(--cui-contrast-semi-40);
}
.gc-notification--rounded {
  border-radius: 30px;
}
.gc-notification .gc-notification__button.gc-btn,
.gc-notification .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}
.gc-notification .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-notification--info {
  background-color: var(--cui-primary-500);
}
.gc-notification--info .gc-notification__button.gc-btn,
.gc-notification--info .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}
.gc-notification--info .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--info .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-notification--warning {
  background-color: var(--cui-warning-500);
}
.gc-notification--warning .gc-notification__button.gc-btn,
.gc-notification--warning .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-warning-500);
}
.gc-notification--warning .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--warning .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-warning-700);
}
.gc-notification--error {
  background-color: var(--cui-error-500);
}
.gc-notification--error .gc-notification__button.gc-btn,
.gc-notification--error .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-error-500);
}
.gc-notification--error .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--error .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-error-700);
}
.gc-notification--task:hover .gc-notification__tag > .gc-btn {
  display: block;
  opacity: 1;
}
.gc-notification--task:hover .gc-notification__loader {
  display: none;
  opacity: 0;
}
.gc-notification--task .gc-notification__tag {
  position: relative;
}
.gc-notification--task .gc-notification__tag > .gc-btn {
  display: none;
  transition: opacity 0s;
  opacity: 0;
}
.gc-notification--task .gc-progress {
  margin: 3px 0 0 0;
  background-color: var(--cui-contrast-semi-10);
}
.gc-notification--task .gc-progress > .gc-progress__fill {
  background-color: var(--cui-white);
}
.gc-notification--batch .gc-notification__tag {
  background-color: var(--cui-primary-500);
  font-size: 16px;
}
.gc-notification--batch .gc-notification__actions {
  max-height: none;
}
.gc-notification--batch .gc-notification__actions > .gc-notification__button {
  width: 50%;
  height: 30px;
  margin-right: 10px;
  text-align: center;
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  line-height: 30px;
}
.gc-notification--batch .gc-notification__actions > .gc-notification__button.gc-rounded {
  border-radius: 15px;
}
.gc-notification--batch.gc-notification--size-small .gc-notification__tag {
  font-size: var(--cui-text-size);
}
.gc-notification--batch.gc-notification--size-small .gc-notification__actions {
  margin-left: auto;
}
.gc-notification--batch.gc-notification--size-small .gc-notification__actions .gc-notification__button {
  padding: 0 var(--cui-padding-sm);
}
.gc-notification--size-small {
  height: var(--cui-block-size-sm);
  animation: gc-item-mini-animation .8s 1;
}
.gc-notification--size-small .gc-notification__tag {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-notification--size-small .gc-notification__content {
  flex-direction: row;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
.gc-notification--size-small .gc-notification__caption {
  height: var(--cui-block-size-sm);
  padding: 0 10px 0 0;
  line-height: var(--cui-block-size-sm);
}
.gc-notification--size-small .gc-notification__actions {
  flex: 0 0 auto;
  max-height: none;
}
.gc-notification--size-small .gc-notification__timeout-bar.gc-progress {
  height: 2px;
}
.gc-notification--size-small.gc-notification--task {
  position: relative;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader::before,
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader::after {
  position: absolute;
  top: calc(50% - 3.5px);
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader::before {
  left: calc(50% - 7px - 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader::after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__button-mini {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content {
  border-radius: inherit;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-notification__caption {
  z-index: 1;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: rgba(0, 0, 0, 0);
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm > .gc-progress__fill {
  border-radius: inherit;
  background-color: var(--cui-primary-700);
}
.gc-notifications-modal {
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
  animation: gc-expand-animation .2s 1 ease-in-out forwards;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border);
}
.gc-notification-details {
  width: 330px;
  padding: var(--cui-padding) 0;
}
.gc-notification-details *,
.gc-notification-details *:before,
.gc-notification-details *:after {
  box-sizing: border-box;
}
.gc-notification-details__content {
  overflow: auto;
  height: 400px;
  padding-bottom: var(--cui-padding);
  font-size: var(--cui-text-size);
}
.gc-notification-details__category {
  padding: 0 var(--cui-padding);
}
.gc-notification-details__category + .gc-notification-details__category {
  margin-top: 5px;
}
.gc-notification-details__category--info {
  color: var(--cui-primary-700);
}
.gc-notification-details__category--info .gc-notification-details-item__main {
  background-color: var(--cui-accent-text-semi-10);
}
.gc-notification-details__category--warning {
  color: var(--cui-accent-warning-text);
}
.gc-notification-details__category--warning .gc-notification-details-item__main {
  background-color: var(--cui-accent-warning-text-semi-10);
}
.gc-notification-details__category--error {
  color: var(--cui-accent-error-text);
}
.gc-notification-details__category--error .gc-notification-details-item__main {
  background-color: var(--cui-accent-error-text-semi-10);
}
.gc-notification-details__action {
  padding: 0 var(--cui-padding);
}
.gc-notification-details-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--cui-border-radius);
}
.gc-notification-details-item:before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 2px;
  height: calc(100% - 10px);
  content: "";
  background-color: currentColor;
}
.gc-notification-details-item + .gc-notification-details-item {
  margin-top: 5px;
}
.gc-notification-details-item__main {
  display: flex;
  padding-left: var(--cui-padding);
  align-items: center;
  justify-content: space-between;
}
.gc-notification-details-item__main > .gc-btn-group {
  flex: 0 0 auto;
  align-self: flex-start;
}
.gc-notification-details-item__caption {
  display: flex;
  flex: 1 0 auto;
  width: 0;
  padding: 5px 0;
}
.gc-notification-details-item__caption > span {
  display: inline-block;
  overflow: hidden;
  max-height: 30px;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 15px;
}
.gc-notification-details-item__content {
  padding: 5px 5px 5px var(--cui-padding);
  white-space: pre-line;
  word-wrap: break-word;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
}
@media (any-hover: none) {
  .gc-notification .gc-notification__button.gc-btn:hover,
  .gc-notification .gc-notification__button-mini.gc-btn:hover {
    background-color: var(--cui-notification-btn-bg);
  }
  .gc-notification--warning .gc-btn.gc-notification__button:hover,
  .gc-notification--warning .gc-btn.gc-notification__button-mini:hover {
    background-color: var(--cui-notification-btn-bg);
  }
  .gc-notification--error .gc-btn.gc-notification__button:hover,
  .gc-notification--error .gc-btn.gc-notification__button-mini:hover {
    background-color: var(--cui-notification-btn-bg);
  }
}
.gc-status-bar {
  display: flex;
  height: var(--cui-block-size-sm);
  background-color: inherit;
}
.gc-status-bar__items {
  background-color: inherit;
  flex-grow: 1;
}
.gc-status-bar__items .gc-toolbar,
.gc-status-bar__items .gc-toolbar__content,
.gc-status-bar__items .gc-toolbar__content:before {
  background-color: inherit;
}
.gc-status-bar__items .gc-toolbar__content {
  right: 0;
  left: auto;
  flex-direction: row-reverse;
  width: auto;
}
.gc-status-bar .gc-notifications-counter {
  display: flex;
}
.gc-status-bar .gc-notifications-counter__toggle.gc-dd--menu-open {
  background-color: var(--cui-bg-body);
}
.gc-notifications-counter__menu {
  box-shadow: 5px -5px 5px -5px rgba(0, 0, 0, .1);
}
.gc-heading {
  display: flex;
  align-items: center;
}
.gc-heading__container {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--cui-padding-sm);
}
.gc-heading__text {
  overflow: hidden;
  min-width: 0;
  height: var(--cui-block-size-sm);
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  color: inherit;
  font-size: var(--cui-text-size);
  font-weight: normal;
  line-height: var(--cui-block-size-sm);
}
.gc-heading__divider {
  flex: 10 10 auto;
  min-width: 16px;
  border-bottom: var(--cui-border-width) solid;
}
.gc-heading__actions {
  flex: 0 0 auto;
}
.gc-heading--level-info .gc-heading__container {
  color: var(--cui-primary-700);
}
.gc-heading--level-warning .gc-heading__container {
  color: var(--cui-warning-500);
}
.gc-heading--level-error .gc-heading__container {
  color: var(--cui-error-500);
}
.gc-heading--size-md .gc-heading__text {
  height: var(--cui-block-size);
  line-height: var(--cui-block-size);
}
.gc-heading--size-lg .gc-heading__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-heading--text-size-small .gc-heading__text {
  font-size: var(--cui-text-size-sm);
}
.gc-heading--text-size-large .gc-heading__text {
  font-size: var(--cui-text-size-lg);
}
.gc-heading--case-default .gc-heading__text {
  text-transform: none;
}
.gc-heading--align-center .gc-heading__container {
  justify-content: center;
}
.gc-heading--align-right .gc-heading__container {
  flex-direction: row-reverse;
}
.gc-heading--no-strike .gc-heading__divider {
  display: none;
}
.gc-heading--weight-light .gc-heading__text {
  font-weight: 300;
}
.gc-heading--weight-bold .gc-heading__text {
  font-weight: bold;
}
.gc-scrollbars:hover .gc-scrollbars__thumb,
.gc-scrollbars--no-hide .gc-scrollbars__thumb {
  opacity: 1;
}
.gc-scrollbars--contrast .gc-scrollbars__thumb:after {
  background-color: hsla(var(--primary-50), 0.2);
}
.gc-scrollbars--no-grow .gc-scrollbars__track--vertical {
  width: 4px;
}
.gc-scrollbars--no-grow .gc-scrollbars__track--horizontal {
  height: 4px;
}
.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--vertical {
  width: 2px;
}
.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--horizontal {
  height: 2px;
}
.gc-scrollbars--size-sm .gc-scrollbars__thumb--vertical:after {
  max-width: 2px;
}
.gc-scrollbars--size-sm .gc-scrollbars__thumb--horizontal:after {
  max-height: 2px;
}
.gc-scrollbars__view {
  z-index: 0;
  overflow: scroll;
}
.gc-scrollbars__view--vertical {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}
.gc-scrollbars__view--horizontal {
  overflow-y: hidden;
  margin-right: 0 !important;
}
.gc-scrollbars__track {
  display: flex;
  pointer-events: none;
}
.gc-scrollbars__track--vertical {
  top: 2px;
  right: 0;
  bottom: 2px;
  width: 10px;
  justify-content: flex-end;
}
.gc-scrollbars__track--horizontal {
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 10px;
  align-content: flex-end;
}
.gc-scrollbars__thumb {
  pointer-events: all;
  opacity: 0;
}
.gc-scrollbars__thumb.is-dragged {
  opacity: 1;
}
.gc-scrollbars__thumb:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  transition: max-width .2s ease-in-out, max-height .2s ease-in-out;
  border-radius: 4px;
  background-color: hsla(var(--primary-900), 0.2);
}
.gc-scrollbars__thumb--vertical {
  transition: opacity .2s ease-in-out;
}
.gc-scrollbars__thumb--vertical:hover:after,
.gc-scrollbars__thumb--vertical.is-dragged:after {
  max-width: 8px;
}
.gc-scrollbars__thumb--vertical:after {
  top: 0;
  right: 2px;
  max-width: 4px;
}
.gc-scrollbars__thumb--horizontal {
  transition: opacity .2s ease-in-out;
}
.gc-scrollbars__thumb--horizontal:hover:after,
.gc-scrollbars__thumb--horizontal.is-dragged:after {
  max-height: 8px;
}
.gc-scrollbars__thumb--horizontal:after {
  bottom: 2px;
  left: 0;
  max-height: 4px;
}
@media (any-hover: none) {
  .gc-scrollbars__thumb--vertical:hover:after,
  .gc-scrollbars__thumb--vertical.is-dragged:after {
    max-width: 4px;
  }
  .gc-scrollbars__thumb--horizontal:hover:after,
  .gc-scrollbars__thumb--horizontal.is-dragged:after {
    max-height: 4px;
  }
}
.gc-treenode {
  position: relative;
}
.gc-treenode__subtree {
  padding-left: 20px;
}
.gc-treenode__subtree--outline > .gc-treenode:before {
  position: absolute;
  top: calc(var(--cui-block-size-sm)*.5);
  left: -5px;
  width: 3px;
  height: 1px;
  content: "";
  border-top: 1px solid var(--cui-treeview-outline-color);
}
.gc-treenode__subtree--outline > .gc-treenode:after {
  position: absolute;
  top: 0;
  left: -6px;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px solid var(--cui-treeview-outline-color);
}
.gc-treenode__subtree--outline > .gc-treenode:last-of-type:before {
  display: none;
}
.gc-treenode__subtree--outline > .gc-treenode:last-of-type:after {
  position: absolute;
  top: 0;
  left: -6px;
  width: 4px;
  height: calc(var(--cui-block-size-sm)*.5);
  content: "";
  border-width: 1px;
  border-style: none none solid solid;
  border-color: var(--cui-treeview-outline-color);
}
.gc-treeitem__icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  background-color: rgba(0, 0, 0, 0) !important;
}
.gc-treeitem__icon:hover {
  opacity: 1;
}
.gc-treeitem__text {
  width: 100%;
}
.gc-treeitem__text > .gc-btn__text {
  padding: 0 10px;
}
.gc-treeitem__text:not(:only-child) > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
@media (any-hover: none) {
  .gc-treeitem__icon {
    opacity: 1;
  }
}
.gc-checklist {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.gc-checklist *,
.gc-checklist *:before,
.gc-checklist *:after {
  box-sizing: border-box;
}
.gc-checklist--horizontal {
  flex-direction: row;
}
.gc-checklist--horizontal > .gc-check,
.gc-checklist--horizontal > .gc-radio {
  flex: 1 0 100%;
  max-width: 100%;
}
.gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-radio {
  max-width: calc(100% - 5px);
}
.gc-checklist--horizontal.gc-col-2 > .gc-check,
.gc-checklist--horizontal.gc-col-2 > .gc-radio {
  max-width: 50%;
}
.gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-radio {
  max-width: calc(50% - 5px);
}
.gc-checklist--horizontal.gc-col-3 > .gc-check,
.gc-checklist--horizontal.gc-col-3 > .gc-radio {
  max-width: 33.3333333333%;
}
.gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-radio {
  max-width: calc(33.3333333333% - 5px);
}
.gc-checklist--horizontal.gc-col-4 > .gc-check,
.gc-checklist--horizontal.gc-col-4 > .gc-radio {
  max-width: 25%;
}
.gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-radio {
  max-width: calc(25% - 5px);
}
.gc-checklist--horizontal.gc-col-5 > .gc-check,
.gc-checklist--horizontal.gc-col-5 > .gc-radio {
  max-width: 20%;
}
.gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-radio {
  max-width: calc(20% - 5px);
}
.gc-checklist--align-center {
  align-items: center;
}
.gc-checklist--align-right {
  align-items: flex-end;
}
.gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-check + .gc-check,
.gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-radio + .gc-radio {
  margin-top: 5px;
}
.gc-checklist--with-offset.gc-checklist--horizontal {
  margin: -5px 0 0 -5px;
}
.gc-checklist--with-offset.gc-checklist--horizontal .gc-check,
.gc-checklist--with-offset.gc-checklist--horizontal .gc-radio {
  margin: 5px 0 0 5px;
}
.gc-datetime {
  --calendar-width: 261px;
  --header-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --footer-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --calendar-height: 285px;
  display: flex;
  flex-direction: column;
  width: var(--calendar-width);
  height: calc(var(--header-height) + var(--calendar-height));
}
.gc-datetime__header {
  height: var(--header-height);
}
.gc-datetime__body {
  position: relative;
  flex: 1 1 auto;
  height: 0;
  padding: 0 var(--cui-padding) var(--cui-padding);
}
.gc-datetime__footer {
  display: flex;
  height: var(--footer-height);
  margin: 0 var(--cui-padding);
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  align-items: center;
}
.gc-datetime--barrel .gc-datetime__body {
  padding: 0 5px var(--cui-padding);
}
.gc-datetime--extended-1 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height));
}
.gc-datetime--extended-2 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height)*2);
}
@media screen and (max-width: 600px) {
  .gc-datetime {
    width: 100vw;
  }
}
.gc-datetime-header {
  display: grid;
  height: 100%;
  margin: 0 var(--cui-padding-sm);
  grid-auto-flow: column;
}
.gc-datetime-header > .gc-btn {
  align-self: center;
}
.gc-datetime-header > .gc-btn:last-child {
  justify-self: flex-end;
}
.gc-datetime-header > .gc-btn:first-child {
  justify-self: left;
}
.gc-datetime-header__buttons {
  display: grid;
  grid-auto-flow: column;
  justify-self: center;
}
.gc-datetime-header__title {
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size-lg);
  font-weight: bold;
  align-self: center;
}
.gc-datetime-header--contrast .gc-datetime-header__title {
  color: var(--cui-contrast-text);
}
.gc-datetime-footer-time {
  font-size: var(--cui-text-size-lg);
  font-weight: bold;
}
.gc-datetime-footer-control {
  width: calc(50% - var(--cui-padding-sm)*.5);
}
.gc-datetime-footer-control:first-child {
  margin-right: var(--cui-padding-sm);
}
.gc-datetime-date {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
}
.gc-datetime-date--neighbor {
  color: var(--cui-text-semi-40);
}
.gc-datetime-date--today {
  color: var(--cui-primary-700);
  font-weight: bold;
}
.gc-datetime-date--today:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  content: "";
  transition: opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
}
.gc-datetime-date--selected {
  color: var(--cui-white);
  font-weight: bold;
}
.gc-datetime-date--selected:before {
  opacity: 0;
}
.gc-datetime-date--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-datetime-timer {
  position: absolute;
  top: 40%;
  left: 50%;
  display: flex;
  transform: translate(-50%, -50%);
}
.gc-datetime-timer__seconds {
  transform: translate(-55%, -50%);
}
.gc-datetime-timer__delimiter {
  display: flex;
  width: var(--cui-padding);
  font-size: var(--cui-text-size-xl);
  justify-content: center;
  align-items: center;
}
.gc-datetime-timer .gc-clock__value,
.gc-datetime-timer .gc-clock .gc-size-lg {
  width: var(--cui-block-size-lg);
  font-size: var(--cui-text-size-xl);
}
.gc-datetime-timer__daypart {
  position: absolute;
  top: 50%;
  right: calc(0px - var(--cui-block-size));
  width: var(--cui-block-size);
  transform: translateY(-50%);
}
.gc-datetime-timer__daypart-title {
  text-align: center;
  color: var(--cui-primary-700);
  line-height: calc(var(--cui-block-size-lg)*.5);
}
.gc-datetime-timer__daypart-title--selected {
  font-weight: bold;
}
.gc-datetime-barrel {
  display: flex;
  width: 100%;
  height: 100%;
}
.gc-datetime-barrel--swapped {
  flex-direction: row-reverse;
}
.gc-datetime-barrel--swapped .gc-datetime-barrel__column:first-child {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}
.gc-datetime-barrel--swapped .gc-datetime-barrel__column:last-child {
  box-shadow: none;
}
.gc-datetime-barrel__column {
  width: 50%;
}
.gc-datetime-barrel__column:nth-child(2) {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}
.gc-datetime-barrel__column:only-child {
  width: 100%;
}
.gc-datetime-barrel__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}
.gc-datetime-barrel__item {
  width: 100%;
}
.gc-datetime-barrel__item--selected .gc-btn__text {
  font-weight: bold;
}
.gc-datetime-barrel__years-container {
  position: relative;
}
.gc-datetime-barrel__year-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gc-datetime-days {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gc-datetime-days__header {
  display: flex;
  flex: 0 0 auto;
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  font-weight: bold;
  line-height: var(--cui-block-size-sm);
  justify-content: space-around;
}
.gc-datetime-days__content {
  display: flex;
  flex: 1 0 auto;
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  flex-wrap: wrap;
}
.gc-datetime-date {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  height: calc(var(--cui-block-size-sm) + 4px);
  margin-top: auto;
  flex-grow: 1;
  flex-basis: 14.2857142857%;
  align-items: center;
  justify-content: center;
}
.gc-datetime-date:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  background-color: var(--cui-calendar-range-fill-color);
}
.gc-datetime-date--large {
  height: 60px;
  flex-basis: 25%;
}
.gc-datetime-date--large .gc-datetime-date__button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.gc-datetime-date--large.gc-datetime-date--range-start:before {
  transform: translateX(-30px);
  border-radius: 60px;
}
.gc-datetime-date--large.gc-datetime-date--range-end:before {
  transform: translateX(30px);
  border-radius: 60px;
}
.gc-datetime-date--large.gc-datetime-date--range-both:before {
  width: 60px;
}
.gc-datetime-date--range-start:before {
  left: 50%;
  width: 200%;
  transition: opacity .2s ease-in-out;
  transform: translateX(calc(0px - var(--cui-block-size-sm) * 0.5 - 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
}
.gc-datetime-date--range-end:before {
  right: 50%;
  left: auto;
  width: 200%;
  transition: opacity .2s ease-in-out;
  transform: translateX(calc(var(--cui-block-size-sm) * 0.5 + 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
}
.gc-datetime-date--range-both:before {
  left: 50%;
  width: calc(var(--cui-block-size-sm) + 4px);
  transition: opacity .2s ease-in-out;
  transform: translateX(-50%);
  opacity: 1;
  border-radius: 50%;
}
.gc-datetime-date--in-range:before {
  transition: opacity .2s ease-in-out;
  opacity: 1;
}
.gc-datetime-date__button {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  user-select: none;
}
.gc-datetime-date__button--neighbor {
  color: var(--cui-text-semi-40);
}
.gc-datetime-date__button--today {
  color: var(--cui-primary-700);
  font-weight: bold;
}
.gc-datetime-date__button--today:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
}
.gc-datetime-date__button--selected {
  color: var(--cui-white);
  font-weight: bold;
}
.gc-datetime-date__button--selected:before {
  opacity: 0;
}
.gc-datetime-date__button .gc-btn__text {
  padding: 0;
}
@keyframes gc-loader-btn {
  0% {
    transform: scale(0.8);
    opacity: .62;
  }
  to {
    transform: scale(1.2);
    opacity: 1;
  }
}
.gc-loader-button::before,
.gc-loader-button::after {
  position: absolute;
  top: calc(50% - 4.5px);
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-loader-button::before {
  left: calc(50% - 9px - 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-loader-button::after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-size-sm .gc-loader-button::before,
.gc-size-sm .gc-loader-button::after {
  top: calc(50% - 3.5px);
  width: 7px;
  height: 7px;
}
.gc-size-sm .gc-loader-button::before {
  left: calc(50% - 7px - 1px);
}
.gc-size-lg .gc-loader-button::before,
.gc-size-lg .gc-loader-button::after {
  top: calc(50% - 5.5px);
  width: 11px;
  height: 11px;
}
.gc-size-lg .gc-loader-button::before {
  left: calc(50% - 11px - 1px);
}
@keyframes gc-loader {
  50% {
    transform: scale(0.7);
    opacity: .62;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.gc-loader {
  display: inline-flex;
  background-color: var(--cui-overlay);
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.gc-loader > div {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin: 1px;
  animation: gc-loader .8s 0s infinite linear;
  border-radius: 50%;
  background-color: currentColor;
}
.gc-loader > div:nth-child(2n-1) {
  animation-delay: -0.4s !important;
}
.gc-loader--block {
  display: flex;
}
.gc-loader--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.gc-loader--info > div {
  background-color: var(--cui-primary-500);
}
.gc-loader--warning > div {
  background-color: var(--cui-warning-500);
}
.gc-loader--error > div {
  background-color: var(--cui-error-500);
}
.gc-alert {
  --cui-alert-info-bg: var(--cui-accent-text-semi-10);
  --cui-alert-info-border: var(--cui-accent-text-semi-10);
  --cui-alert-warning-bg: var(--cui-accent-warning-text-semi-10);
  --cui-alert-warning-border: var(--cui-accent-warning-text-semi-10);
  --cui-alert-error-bg: var(--cui-accent-error-text-semi-10);
  --cui-alert-error-border: var(--cui-accent-error-text-semi-10);
}
.gc-alert {
  overflow: hidden;
  padding: var(--cui-padding-sm);
  border: var(--cui-border-width) solid var(--cui-alert-info-border);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-alert-info-bg);
}
.gc-alert__main {
  display: flex;
  min-height: var(--cui-block-size-sm);
  align-items: center;
}
.gc-alert__icon {
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  color: var(--cui-accent-text);
  align-items: center;
  justify-content: center;
}
.gc-alert__title {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-accent-text);
  font-size: var(--cui-text-size-lg);
  font-weight: normal;
  line-height: var(--cui-block-size-sm);
}
.gc-alert--one-row {
  overflow: hidden;
  white-space: nowrap;
}
.gc-alert--multi-row {
  overflow: visible;
  white-space: normal;
}
.gc-alert__actions {
  margin-left: var(--cui-padding);
}
.gc-alert__details {
  overflow-wrap: anywhere;
  padding: 4px 0 4px 6px;
  font-size: var(--cui-text-size);
}
.gc-alert--level-warning {
  border: var(--cui-border-width) solid var(--cui-alert-warning-border);
  background-color: var(--cui-alert-warning-bg);
}
.gc-alert--level-warning > .gc-alert__main > .gc-alert__icon,
.gc-alert--level-warning > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-warning-text);
}
.gc-alert--level-error {
  border: var(--cui-border-width) solid var(--cui-alert-error-border);
  background-color: var(--cui-alert-error-bg);
}
.gc-alert--level-error > .gc-alert__main > .gc-alert__icon,
.gc-alert--level-error > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-error-text);
}
.gc-alert--size-small {
  padding: 0;
  border: none;
}
.gc-alert--size-small .gc-alert__details {
  padding: 0 10px 10px 10px;
}
.gc-alert--size-small .gc-alert__title {
  font-size: var(--cui-text-size);
}
.gc-alert--size-small .gc-alert__title:first-child {
  margin-left: var(--cui-padding-sm);
}
.gc-alert--size-small .gc-alert__icon {
  margin-right: 0;
}
.gc-positioner {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-positioner--calculating {
  visibility: hidden;
}
.gc-positioner--fill-container {
  width: 100%;
  height: 100%;
}
a.gc-link {
  color: var(--cui-primary-700);
}
a.gc-link:active,
a.gc-link:focus,
a.gc-link:visited {
  color: var(--cui-primary-700);
}
a.gc-link:hover {
  color: var(--cui-primary-800);
}
a.gc-link--no-underline {
  text-decoration: none;
}
@media (any-hover: none) {
  a.gc-link:hover {
    color: var(--cui-primary-700);
  }
}
.gc-grid-item--appbar {
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: appbar;
}
.gc-grid-item--legacy-appbar {
  background-color: var(--cui-primary-500);
  grid-area: appbar;
}
.gc-grid-item--menu {
  grid-area: menu;
}
.gc-grid-item--toolbar {
  display: flex;
  justify-content: flex-end;
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: toolbar;
}
.gc-grid-item--toolbar > .gc-toolbar {
  flex: 1 1 auto;
  margin: 5px;
}
.gc-grid-item--surface {
  grid-area: surface;
}
.gc-grid-item--sidebar {
  grid-area: sidebar;
}
.gc-grid-item--statusbar {
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  grid-area: statusbar;
}
.gc-grid {
  position: relative;
  z-index: 0;
  display: grid;
  display: -ms-grid;
  width: 100%;
  height: 100%;
}
.gc-grid *,
.gc-grid *:before,
.gc-grid *:after {
  box-sizing: border-box;
}
.gc-grid--designer {
  -ms-grid-rows: auto auto minmax(0, 1fr) auto;
  -ms-grid-columns: auto minmax(0, 1fr) auto;
  grid-template: "appbar appbar appbar" auto "menu toolbar toolbar" auto "menu surface sidebar" minmax(0, 1fr) "menu statusbar statusbar" auto/auto minmax(0, 1fr) auto;
}
.gc-grid--designer > .gc-grid-item--appbar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.gc-grid--designer > .gc-grid-item--legacy-appbar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.gc-grid--designer > .gc-grid-item--menu {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.gc-grid--designer > .gc-grid-item--toolbar {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.gc-grid--designer > .gc-grid-item--surface {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.gc-grid--designer > .gc-grid-item--sidebar {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.gc-grid--designer > .gc-grid-item--statusbar {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.gc-app {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-body);
  font-family: var(--cui-text-family);
}
.gc-resizable {
  position: relative;
}
.gc-resizable--disabled .gc-resizable__handler {
  display: none;
}
.gc-resizable--horizontal {
  height: 100%;
  will-change: width;
}
.gc-resizable--horizontal .gc-resizable__handler {
  top: 0;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}
.gc-resizable--vertical {
  width: 100%;
  will-change: height;
}
.gc-resizable--vertical .gc-resizable__handler {
  left: 0;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}
.gc-resizable__handler {
  position: absolute;
}
.gc-resizable__handler--side-left {
  left: -5px;
}
.gc-resizable__handler--side-right {
  right: -5px;
}
.gc-resizable__handler--side-top {
  top: -5px;
}
.gc-resizable__handler--side-bottom {
  bottom: -5px;
}
.gc-date-range {
  display: flex;
}
.gc-date-range__main {
  display: flex;
}
.gc-date-range__main .gc-datetime:first-child:not(:only-child) .gc-datetime__body {
  padding-right: var(--cui-padding-sm);
}
.gc-date-range__main .gc-datetime:nth-child(2) .gc-datetime__body {
  padding-left: var(--cui-padding-sm);
}
.gc-date-range__main .gc-datetime--months .gc-datetime__body,
.gc-date-range__main .gc-datetime--years .gc-datetime__body {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}
.gc-date-range__aside {
  background-color: var(--cui-primary-500);
}
@media screen and (max-width: 812px) {
  .gc-date-range {
    flex-direction: column;
  }
  .gc-date-range__aside {
    border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  }
}
.gc-date-range-aside {
  display: flex;
  flex-direction: column;
  width: 190px;
  height: 100%;
}
.gc-date-range-aside--simple .gc-date-range-shortcuts__list {
  padding: var(--cui-padding) 0;
}
.gc-date-range-aside__header {
  height: calc(var(--cui-block-size) + var(--cui-padding)*2);
}
.gc-date-range-aside__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0;
  padding: 0 calc(var(--cui-padding) - var(--cui-padding-sm));
}
.gc-date-range-aside__title {
  flex: 0 0 auto;
  height: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-sm);
  text-align: center;
  color: var(--cui-contrast-text);
  box-shadow: inset 0 -1px 0 0 var(--cui-menu-splitter);
  font-size: var(--cui-text-size);
  font-weight: bold;
  line-height: var(--cui-block-size-sm);
}
.gc-date-range-aside__list {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--cui-padding-sm) 0;
}
.gc-date-range-aside__item {
  width: 100%;
}
.gc-date-range-aside__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}
@media screen and (max-width: 812px) {
  .gc-date-range-aside {
    width: 100%;
  }
  .gc-date-range-aside__body {
    height: 100%;
  }
  .gc-date-range-aside__list {
    max-height: 200px;
  }
}
.cui-item {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  min-height: var(--cui-block-size-sm);
  border-radius: var(--cui-border-radius);
  outline-offset: -1px;
  align-items: flex-start;
  justify-content: stretch;
}
.cui-item--neutral:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-neutral-50);
  --cui-item-bg-selected-hover: var(--cui-neutral-100);
  --cui-item-bg-semi: var(--cui-neutral-50);
  --cui-item-bg-semi-selected: var(--cui-neutral-100);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-200);
  --cui-item-bg-solid: var(--cui-neutral-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-outline: var(--cui-neutral-300);
  --cui-item-outline-disabled: var(--cui-neutral-100);
  --cui-item-color: var(--cui-neutral-700);
  --cui-item-color-disabled: var(--cui-neutral-300);
  --cui-item-color-subtitle: var(--cui-neutral-400);
  --cui-item-color-subtitle-variant: var(--cui-neutral-500);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}
.cui-item--neutral:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-neutral-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi: var(--cui-neutral-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-bg-solid: var(--cui-neutral-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-neutral-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color-solid: var(--cui-neutral-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}
.cui-item--primary:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-primary-50);
  --cui-item-bg-selected-hover: var(--cui-primary-100);
  --cui-item-bg-semi: var(--cui-primary-50);
  --cui-item-bg-semi-selected: var(--cui-primary-100);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-200);
  --cui-item-bg-solid: var(--cui-primary-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-outline: var(--cui-primary-300);
  --cui-item-outline-disabled: var(--cui-primary-100);
  --cui-item-color: var(--cui-primary-700);
  --cui-item-color-disabled: var(--cui-primary-300);
  --cui-item-color-subtitle: var(--cui-primary-400);
  --cui-item-color-subtitle-variant: var(--cui-primary-500);
  --cui-item-color-subtitle-disabled: var(--cui-primary-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}
.cui-item--primary:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-primary-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-primary-inverted-700);
  --cui-item-bg-semi: var(--cui-primary-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-bg-solid: var(--cui-primary-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-primary-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-primary-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-primary-inverted-400);
  --cui-item-color-solid: var(--cui-primary-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}
.cui-item--warning:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-warning-50);
  --cui-item-bg-selected-hover: var(--cui-warning-100);
  --cui-item-bg-semi: var(--cui-warning-50);
  --cui-item-bg-semi-selected: var(--cui-warning-100);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-200);
  --cui-item-bg-solid: var(--cui-warning-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-outline: var(--cui-warning-300);
  --cui-item-outline-disabled: var(--cui-warning-100);
  --cui-item-color: var(--cui-warning-700);
  --cui-item-color-disabled: var(--cui-warning-300);
  --cui-item-color-subtitle: var(--cui-warning-400);
  --cui-item-color-subtitle-variant: var(--cui-warning-500);
  --cui-item-color-subtitle-disabled: var(--cui-warning-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}
.cui-item--warning:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-warning-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-warning-inverted-700);
  --cui-item-bg-semi: var(--cui-warning-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-bg-solid: var(--cui-warning-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-warning-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-warning-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-warning-inverted-400);
  --cui-item-color-solid: var(--cui-warning-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}
.cui-item--error:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-error-50);
  --cui-item-bg-selected-hover: var(--cui-error-100);
  --cui-item-bg-semi: var(--cui-error-50);
  --cui-item-bg-semi-selected: var(--cui-error-100);
  --cui-item-bg-semi-selected-hover: var(--cui-error-200);
  --cui-item-bg-solid: var(--cui-error-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-error-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-800);
  --cui-item-outline: var(--cui-error-300);
  --cui-item-outline-disabled: var(--cui-error-100);
  --cui-item-color: var(--cui-error-700);
  --cui-item-color-disabled: var(--cui-error-300);
  --cui-item-color-subtitle: var(--cui-error-400);
  --cui-item-color-subtitle-variant: var(--cui-error-500);
  --cui-item-color-subtitle-disabled: var(--cui-error-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}
.cui-item--error:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-error-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-error-inverted-700);
  --cui-item-bg-semi: var(--cui-error-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-error-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-error-inverted-800);
  --cui-item-bg-solid: var(--cui-error-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-error-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-error-inverted-300);
  --cui-item-color-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-error-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-error-inverted-400);
  --cui-item-color-solid: var(--cui-error-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}
.cui-item--button,
.cui-item--li {
  margin: 0;
  padding: 0;
}
.cui-item--button {
  border: none;
  background: none;
  text-align: inherit;
  font-style: inherit;
  font-family: inherit;
}
.cui-item--li {
  list-style: none;
}
.cui-item:not(:has(.cui-item__decoration-left)) {
  padding-left: var(--cui-padding-sm);
}
.cui-item:not(:has(.cui-item__controls)) {
  padding-right: var(--cui-padding-sm);
}
.cui-item--disabled {
  pointer-events: none;
}
.cui-item--large {
  min-height: var(--cui-block-size-lg);
}
.cui-item--large .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.cui-item--large__controls {
  height: var(--cui-block-size-lg);
}
.cui-item--large .cui-item__title {
  font-size: var(--cui-text-size-lg);
  line-height: normal;
}
.cui-item--large .cui-item__text {
  padding: 5px 0;
}
.cui-item--small {
  min-height: var(--cui-block-size-sm);
}
.cui-item--small .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.cui-item--small__controls {
  height: var(--cui-block-size-sm);
}
.cui-item--default {
  min-height: var(--cui-block-size);
}
.cui-item--default .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
}
.cui-item--default__controls {
  height: var(--cui-block-size);
}
.cui-item--semi {
  background-color: var(--cui-item-bg-semi);
}
.cui-item--semi .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--semi .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--semi .cui-item__decoration-left .gc-icon,
.cui-item--semi .cui-item__decoration-left .gc-item--core,
.cui-item--semi .cui-item__decoration-left button > .gc-icon,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core,
.cui-item--semi .cui-item__decoration-right .gc-icon,
.cui-item--semi .cui-item__decoration-right .gc-item--core,
.cui-item--semi .cui-item__decoration-right button > .gc-icon,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core,
.cui-item--semi .cui-item__controls .gc-icon,
.cui-item--semi .cui-item__controls .gc-item--core,
.cui-item--semi .cui-item__controls button > .gc-icon,
.cui-item--semi .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--semi .cui-item__decoration-left .gc-icon svg,
.cui-item--semi .cui-item__decoration-left .gc-icon svg path,
.cui-item--semi .cui-item__decoration-left .gc-item--core svg,
.cui-item--semi .cui-item__decoration-left .gc-item--core svg path,
.cui-item--semi .cui-item__decoration-left button > .gc-icon svg,
.cui-item--semi .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--semi .cui-item__decoration-right .gc-icon svg,
.cui-item--semi .cui-item__decoration-right .gc-icon svg path,
.cui-item--semi .cui-item__decoration-right .gc-item--core svg,
.cui-item--semi .cui-item__decoration-right .gc-item--core svg path,
.cui-item--semi .cui-item__decoration-right button > .gc-icon svg,
.cui-item--semi .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--semi .cui-item__controls .gc-icon svg,
.cui-item--semi .cui-item__controls .gc-icon svg path,
.cui-item--semi .cui-item__controls .gc-item--core svg,
.cui-item--semi .cui-item__controls .gc-item--core svg path,
.cui-item--semi .cui-item__controls button > .gc-icon svg,
.cui-item--semi .cui-item__controls button > .gc-icon svg path,
.cui-item--semi .cui-item__controls button > .gc-icon--core svg,
.cui-item--semi .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--semi:hover,
.cui-item--semi:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-semi-selected);
}
.cui-item--semi:hover .cui-item__subtitle,
.cui-item--semi:is(.cui-item--selected) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--semi:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-semi-selected-hover);
}
.cui-item--semi:is(.cui-item--disabled) {
  background-color: var(--cui-item-bg-semi);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--transparent {
  background-color: rgba(0, 0, 0, 0);
}
.cui-item--transparent .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--transparent .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}
.cui-item--transparent .cui-item__decoration-left .gc-icon,
.cui-item--transparent .cui-item__decoration-left .gc-item--core,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core,
.cui-item--transparent .cui-item__decoration-right .gc-icon,
.cui-item--transparent .cui-item__decoration-right .gc-item--core,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core,
.cui-item--transparent .cui-item__controls .gc-icon,
.cui-item--transparent .cui-item__controls .gc-item--core,
.cui-item--transparent .cui-item__controls button > .gc-icon,
.cui-item--transparent .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--transparent .cui-item__decoration-left .gc-icon svg,
.cui-item--transparent .cui-item__decoration-left .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-left .gc-item--core svg,
.cui-item--transparent .cui-item__decoration-left .gc-item--core svg path,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon svg,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--transparent .cui-item__decoration-right .gc-icon svg,
.cui-item--transparent .cui-item__decoration-right .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-right .gc-item--core svg,
.cui-item--transparent .cui-item__decoration-right .gc-item--core svg path,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon svg,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--transparent .cui-item__controls .gc-icon svg,
.cui-item--transparent .cui-item__controls .gc-icon svg path,
.cui-item--transparent .cui-item__controls .gc-item--core svg,
.cui-item--transparent .cui-item__controls .gc-item--core svg path,
.cui-item--transparent .cui-item__controls button > .gc-icon svg,
.cui-item--transparent .cui-item__controls button > .gc-icon svg path,
.cui-item--transparent .cui-item__controls button > .gc-icon--core svg,
.cui-item--transparent .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--transparent:hover,
.cui-item--transparent:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-selected);
}
.cui-item--transparent:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-selected-hover);
}
.cui-item--transparent:is(.cui-item--selected):hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--transparent:is(.cui-item--disabled) {
  background-color: rgba(0, 0, 0, 0);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--outlined {
  background-color: rgba(0, 0, 0, 0);
  outline: 1px solid var(--cui-item-outline);
}
.cui-item--outlined .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--outlined .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}
.cui-item--outlined .cui-item__decoration-left .gc-icon,
.cui-item--outlined .cui-item__decoration-left .gc-item--core,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core,
.cui-item--outlined .cui-item__decoration-right .gc-icon,
.cui-item--outlined .cui-item__decoration-right .gc-item--core,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core,
.cui-item--outlined .cui-item__controls .gc-icon,
.cui-item--outlined .cui-item__controls .gc-item--core,
.cui-item--outlined .cui-item__controls button > .gc-icon,
.cui-item--outlined .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--outlined .cui-item__decoration-left .gc-icon svg,
.cui-item--outlined .cui-item__decoration-left .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-left .gc-item--core svg,
.cui-item--outlined .cui-item__decoration-left .gc-item--core svg path,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon svg,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--outlined .cui-item__decoration-right .gc-icon svg,
.cui-item--outlined .cui-item__decoration-right .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-right .gc-item--core svg,
.cui-item--outlined .cui-item__decoration-right .gc-item--core svg path,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon svg,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--outlined .cui-item__controls .gc-icon svg,
.cui-item--outlined .cui-item__controls .gc-icon svg path,
.cui-item--outlined .cui-item__controls .gc-item--core svg,
.cui-item--outlined .cui-item__controls .gc-item--core svg path,
.cui-item--outlined .cui-item__controls button > .gc-icon svg,
.cui-item--outlined .cui-item__controls button > .gc-icon svg path,
.cui-item--outlined .cui-item__controls button > .gc-icon--core svg,
.cui-item--outlined .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--outlined:hover,
.cui-item--outlined:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-selected);
}
.cui-item--outlined:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-selected-hover);
  outline-color: var(--cui-item-outline);
}
.cui-item--outlined:is(.cui-item--selected):hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--outlined:is(.cui-item--disabled) {
  background-color: rgba(0, 0, 0, 0);
  outline-color: var(--cui-item-outline-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--solid {
  background-color: var(--cui-item-bg-solid);
}
.cui-item--solid .cui-item__title {
  color: var(--cui-item-color-solid);
}
.cui-item--solid .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle);
}
.cui-item--solid .cui-item__decoration-left .gc-icon,
.cui-item--solid .cui-item__decoration-left .gc-item--core,
.cui-item--solid .cui-item__decoration-left button > .gc-icon,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core,
.cui-item--solid .cui-item__decoration-right .gc-icon,
.cui-item--solid .cui-item__decoration-right .gc-item--core,
.cui-item--solid .cui-item__decoration-right button > .gc-icon,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core,
.cui-item--solid .cui-item__controls .gc-icon,
.cui-item--solid .cui-item__controls .gc-item--core,
.cui-item--solid .cui-item__controls button > .gc-icon,
.cui-item--solid .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid);
}
.cui-item--solid .cui-item__decoration-left .gc-icon svg,
.cui-item--solid .cui-item__decoration-left .gc-icon svg path,
.cui-item--solid .cui-item__decoration-left .gc-item--core svg,
.cui-item--solid .cui-item__decoration-left .gc-item--core svg path,
.cui-item--solid .cui-item__decoration-left button > .gc-icon svg,
.cui-item--solid .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--solid .cui-item__decoration-right .gc-icon svg,
.cui-item--solid .cui-item__decoration-right .gc-icon svg path,
.cui-item--solid .cui-item__decoration-right .gc-item--core svg,
.cui-item--solid .cui-item__decoration-right .gc-item--core svg path,
.cui-item--solid .cui-item__decoration-right button > .gc-icon svg,
.cui-item--solid .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--solid .cui-item__controls .gc-icon svg,
.cui-item--solid .cui-item__controls .gc-icon svg path,
.cui-item--solid .cui-item__controls .gc-item--core svg,
.cui-item--solid .cui-item__controls .gc-item--core svg path,
.cui-item--solid .cui-item__controls button > .gc-icon svg,
.cui-item--solid .cui-item__controls button > .gc-icon svg path,
.cui-item--solid .cui-item__controls button > .gc-icon--core svg,
.cui-item--solid .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid);
  fill: var(--cui-item-color-solid) !important;
}
.cui-item--solid:hover,
.cui-item--solid:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-solid-selected);
}
.cui-item--solid:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-solid-selected-hover);
}
.cui-item--solid:is(.cui-item--disabled) {
  background-color: var(--cui-item-bg-solid);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-solid-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid-disabled);
  fill: var(--cui-item-color-solid-disabled) !important;
}
.cui-item > span,
.cui-item__title,
.cui-item__subtitle {
  display: block;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-item-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.cui-item__title {
  line-height: normal;
}
.cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
  line-height: 15px;
}
.cui-item__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 4px 0;
  align-self: center;
  overflow: hidden;
}
.cui-item__controls {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: flex-end;
  padding-right: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}
.cui-list {
  display: flex;
  margin: 0;
  padding: 0;
}
.cui-list--row {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}
.cui-list--column {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.cui-list--wrap {
  flex-wrap: wrap;
}
.cui-list--gap-small {
  gap: var(--cui-padding-xs);
}
.cui-list--gap-medium {
  gap: var(--cui-padding-sm);
}
.cui-list--gap-large {
  gap: var(--cui-padding);
}
.cui-list--padding-small {
  padding: var(--cui-padding-xs);
}
.cui-list--padding-medium {
  padding: var(--cui-padding-sm);
}
.cui-list--padding-large {
  padding: var(--cui-padding);
}
@keyframes cui_a_loader_circle {
  0% {
    transform: rotate(0deg);
    stroke-dashoffset: 50%;
  }
  50% {
    transform: rotate(180deg);
    stroke-dashoffset: 150%;
  }
  100% {
    transform: rotate(360deg);
    stroke-dashoffset: 50%;
  }
}
.cui-loader-circle {
  --fill-bg: var(--cui-neutral-50);
  --fill-bg-inverted: var(--cui-neutral-inverted-600);
  --fill-bg-semi: var(--cui-neutral-100);
  --fill-bg-semi-inverted: var(--cui-neutral-inverted-400);
  --fill-bg-solid: var(--cui-neutral-300);
  --fill-bg-solid-inverted: var(--cui-neutral-inverted-300);
  --fill-fg: var(--cui-neutral-500);
  --fill-fg-inverted: var(--cui-white);
  --loader-fill-bg: var(--fill-bg);
  --loader-fill-fg: var(--fill-fg);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transform: rotate(-90deg);
}
.cui-loader-circle circle {
  fill: rgba(0, 0, 0, 0);
  cx: calc(var(--size)/2);
  cy: calc(var(--size)/2);
}
.cui-loader-circle__background {
  r: calc(var(--size)/2 - 1px);
  stroke-width: 1px;
  stroke: var(--loader-fill-bg);
  transition: stroke .2s ease-in-out;
}
.cui-loader-circle__progress {
  r: calc(var(--size)/2 - 1px);
  stroke-linecap: round;
  stroke-dasharray: calc((var(--size) - 2px)*3.1415926536);
  stroke-width: 2px;
  stroke: var(--loader-fill-fg);
  transition: stroke-dashoffset .6s ease-in-out, stroke .2s ease-in-out;
}
.cui-loader-circle--indeterminate .cui-loader-circle__progress {
  transform-origin: center center;
  animation: cui_a_loader_circle 1.2s linear infinite;
}
.cui-loader-circle--block {
  display: block;
}
.cui-loader-circle--small {
  --size: 14px;
}
.cui-loader-circle--large {
  --size: 20px;
}
.cui-loader-circle--large .cui-loader-circle__background {
  r: calc(var(--size)/2 - 1px);
  stroke-width: 2px;
}
.cui-loader-circle--primary {
  --fill-bg: var(--cui-primary-50);
  --fill-bg-inverted: var(--cui-primary-inverted-600);
  --fill-bg-semi: var(--cui-primary-100);
  --fill-bg-semi-inverted: var(--cui-primary-inverted-400);
  --fill-bg-solid: var(--cui-primary-300);
  --fill-bg-solid-inverted: var(--cui-primary-inverted-300);
  --fill-fg: var(--cui-primary-500);
}
.cui-loader-circle--warning {
  --fill-bg: var(--cui-warning-50);
  --fill-bg-inverted: var(--cui-warning-inverted-600);
  --fill-bg-semi: var(--cui-warning-100);
  --fill-bg-semi-inverted: var(--cui-warning-inverted-400);
  --fill-bg-solid: var(--cui-warning-300);
  --fill-bg-solid-inverted: var(--cui-warning-inverted-300);
  --fill-fg: var(--cui-warning-500);
}
.cui-loader-circle--error {
  --fill-bg: var(--cui-error-50);
  --fill-bg-inverted: var(--cui-error-inverted-600);
  --fill-bg-semi: var(--cui-error-100);
  --fill-bg-semi-inverted: var(--cui-error-inverted-400);
  --fill-bg-solid: var(--cui-error-300);
  --fill-bg-solid-inverted: var(--cui-error-inverted-300);
  --fill-fg: var(--cui-error-500);
}
.cui-loader-circle--inverted {
  --loader-fill-bg: var(--fill-bg-inverted);
  --loader-fill-fg: var(--fill-fg-inverted);
}
.cui-loader-circle--semi {
  --loader-fill-bg: var(--fill-bg-semi);
}
.cui-loader-circle--semi:is(.cui-loader-circle--inverted) {
  --loader-fill-bg: var(--fill-bg-semi-inverted);
}
.cui-loader-circle--solid {
  --loader-fill-bg: var(--fill-bg-solid);
}
.cui-loader-circle--solid:is(.cui-loader-circle--inverted) {
  --loader-fill-bg: var(--fill-bg-solid-inverted);
}

/* node_modules/@mescius/activereportsjs/styles/ar-js-viewer.css */
:root {
  --neutral-50:
    180,
    2%,
    91%;
  --neutral-100:
    200,
    4%,
    85%;
  --neutral-200:
    197,
    6%,
    76%;
  --neutral-300:
    196,
    6%,
    63%;
  --neutral-400:
    196,
    6%,
    51%;
  --neutral-500:
    194,
    13%,
    32%;
  --neutral-600:
    194,
    13%,
    26%;
  --neutral-700:
    195,
    12%,
    19%;
  --neutral-800:
    193,
    14%,
    13%;
  --neutral-900:
    190,
    13%,
    9%;
  --primary-50:
    192,
    11%,
    91%;
  --primary-100:
    198,
    17%,
    85%;
  --primary-200:
    198,
    21%,
    75%;
  --primary-300:
    198,
    23%,
    62%;
  --primary-400:
    197,
    25%,
    49%;
  --primary-500:
    197,
    58%,
    30%;
  --primary-600:
    197,
    57%,
    24%;
  --primary-700:
    197,
    58%,
    18%;
  --primary-800:
    197,
    57%,
    12%;
  --primary-900:
    198,
    57%,
    9%;
  --secondary-500:
    39,
    96%,
    55%;
  --warning-50:
    38,
    27%,
    92%;
  --warning-100:
    39,
    52%,
    87%;
  --warning-200:
    40,
    65%,
    80%;
  --warning-300:
    39,
    74%,
    70%;
  --warning-400:
    39,
    78%,
    60%;
  --warning-500:
    40,
    100%,
    37%;
  --warning-600:
    39,
    100%,
    36%;
  --warning-700:
    39,
    100%,
    27%;
  --warning-800:
    39,
    100%,
    18%;
  --warning-900:
    39,
    100%,
    13%;
  --error-50:
    0,
    19%,
    92%;
  --error-100:
    0,
    34%,
    87%;
  --error-200:
    0,
    45%,
    79%;
  --error-300:
    0,
    51%,
    69%;
  --error-400:
    0,
    53%,
    59%;
  --error-500:
    0,
    60%,
    41%;
  --error-600:
    0,
    72%,
    35%;
  --error-700:
    0,
    71%,
    26%;
  --error-800:
    0,
    73%,
    17%;
  --error-900:
    0,
    73%,
    13%;
  --white:
    0,
    0%,
    100%;
  --bg-body:
    180,
    1%,
    99%;
  --bg-panels:
    180,
    1%,
    95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family:
    "Open Sans",
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: hsla(0, 0%, 0%, 0.15);
  --cui-overlay-background: hsla(var(--bg-panels), 0.38);
  --cui-shadow-dialog: 1px 1px 5px 1px hsla(0, 0%, 0%, 0.1);
  --cui-shadow-menu: 1px 1px 4px 0 hsla(0, 0%, 0%, 0.1);
  --cui-shadow-border: 0 0 3px 0 hsla(0, 0%, 0%, 0.2);
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * 0.5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * 0.5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * 0.5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * 0.5);
  --cui-trn-length-sm: 0.2s;
  --cui-trn-length: 0.4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), 0.1);
  --cui-accent-semi-20: hsla(var(--primary-500), 0.2);
  --cui-accent-semi-40: hsla(var(--primary-500), 0.38);
  --cui-accent-semi-60: hsla(var(--primary-500), 0.62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), 0.1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), 0.2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), 0.38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), 0.62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), 0.1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), 0.38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), 0.62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), 0.1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), 0.38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), 0.62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), 0.1);
  --cui-accent-error-semi-40: hsla(var(--error-500), 0.38);
  --cui-accent-error-semi-60: hsla(var(--error-500), 0.62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), 0.1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), 0.38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), 0.62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), 0.1);
  --cui-contrast-semi-40: hsla(var(--white), 0.38);
  --cui-contrast-semi-60: hsla(var(--white), 0.62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), 0.38);
  --cui-bg-body-overlay: hsla(var(--bg-body), 0.38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: rgba(51, 51, 51, 0.1);
  --cui-text-semi-40: rgba(51, 51, 51, 0.38);
  --cui-text-semi-60: rgba(51, 51, 51, 0.62);
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: rgba(194, 130, 12, 0.1);
  --cui-btn-transparent-warning-hover: rgba(194, 130, 12, 0.2);
  --cui-btn-transparent-error: rgba(147, 15, 15, 0.1);
  --cui-btn-transparent-error-hover: rgba(147, 15, 15, 0.15);
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: rgba(0, 0, 0, 0.075);
  --cui-item-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: rgba(77, 202, 125, 0.62);
  --cui-binding-bind-shadow: rgba(225, 212, 18, 0.62);
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: rgba(255, 255, 255, 0.15);
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.38);
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: rgba(0, 0, 0, 0.62);
  --cui-wizard-dark-bg-secondary: rgba(0, 0, 0, 0.2);
  --cui-wizard-dark-hover: rgba(0, 0, 0, 0.62);
  --cui-wizard-light-bg-main: rgba(255, 255, 255, 0.62);
  --cui-wizard-light-bg-secondary: rgba(255, 255, 255, 0.2);
  --cui-wizard-light-hover: rgba(255, 255, 255, 0.62);
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-900), 0.2);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), 0.2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: rgba(0, 0, 0, 0.15);
  --cui-notification-btn-bg-hover: rgba(0, 0, 0, 0.25);
}
.gcv-document-view .gcv-progress {
  position: absolute;
  z-index: 100;
  width: 100%;
}
.gcv-pageview {
  width: 100%;
  height: 100%;
}
.gcv-pages-container {
  width: 100%;
  height: 100%;
}
.gcv-page-list {
  display: grid;
  min-height: 100%;
  min-width: fit-content;
  gap: 40px;
  justify-content: center;
}
@container app (min-width: 768px) {
  .gcv-pages-container--margins .gcv-page-list {
    padding: 40px;
  }
}
.gcv-page-list--align-left {
  justify-content: left;
}
.gcv-page-list--align-right {
  justify-content: right;
}
.gcv-page {
  position: relative;
  background-color: #fff;
}
.gcv-page--border {
  border: 1pt solid rgba(0, 0, 0, .05);
  box-shadow: none;
}
.gcv-page--shadow {
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, .05);
}
.gcv-page-input {
  position: relative;
  width: 100px;
  margin: 0;
}
.gcv-page-input > input[type=text].gc-input {
  vertical-align: top;
  background-color: rgba(0, 0, 0, 0);
}
.gcv-page-input > input[type=text].gc-input:not([disabled]):focus + .gcv-page-input__text {
  display: none;
}
.gcv-page-input > input[type=text].gc-input[disabled] + .gcv-page-input__text {
  opacity: .38;
}
.gcv-page-input__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--cui-block-size);
  text-align: center;
  pointer-events: none;
  color: var(--cui-primary-500);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.gcv-header-container--fullscreen {
  position: absolute;
}
.gcv-header-container--fullscreen .gcv-page-input {
  width: 80px;
}
.gcv-header-container--fullscreen .gcv-page-input__text {
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-viewer--small-ui-size .gcv-header-container .gcv-page-input__text,
.gc-viewer--medium-ui-size .gcv-header-container .gcv-page-input__text {
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gcv-refresh-btn {
  min-width: 115px;
}
.gcv-zoom {
  position: relative;
  width: auto;
  margin: 0;
  border-radius: var(--cui-rounded-radius);
}
.gcv-zoom > .gc-btn {
  position: absolute;
  top: 0;
  left: 0;
}
.gcv-zoom > .gc-btn:last-of-type {
  right: 0;
  left: auto;
}
.gcv-zoom > .gc-dd > .gc-btn {
  padding-right: calc(var(--cui-padding)*2);
  padding-left: calc(var(--cui-padding)*2);
}
.gcv-zoom__toggle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--cui-block-size);
  padding-top: calc(var(--cui-padding-sm)*2);
  text-align: center;
  pointer-events: none;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size)/3);
}
.gcv-header-container--fullscreen .gcv-zoom {
  border-radius: var(--cui-rounded-radius-sm);
}
.gcv-header-container--fullscreen .gcv-zoom > .gc-dd > .gc-btn {
  padding-right: calc(var(--cui-block-size-sm) - 5px);
  padding-left: calc(var(--cui-block-size-sm) - 5px);
}
.gcv-header-container--fullscreen .gcv-zoom__toggle {
  height: var(--cui-block-size-sm);
  padding-top: var(--cui-padding);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size-sm)/3);
}
.gc-viewer--small-ui-size .gcv-zoom__toggle,
.gc-viewer--medium-ui-size .gcv-zoom__toggle {
  height: var(--cui-block-size-sm);
  padding-top: var(--cui-padding);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size-sm)/3);
}
.gc-viewer--large-ui-size .gcv-header-container:not(.gcv-header-container--fullscreen) .gcv-zoom__toggle {
  padding-top: calc(var(--cui-block-size-lg)*.5);
}
.progress-modal {
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  position: absolute;
  left: 25%;
  width: 50%;
  height: 180px;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  border-radius: var(--cui-border-radius);
}
.progress-modal__content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--cui-border-radius);
}
.progress-modal__content .h3 {
  display: block;
}
.viewer-thumbnails {
  overflow: auto;
  width: 100%;
  height: 100%;
}
.viewer-thumbnail {
  position: relative;
  z-index: 1;
  width: 214px;
  height: 301px;
  margin: 0 auto calc(var(--cui-padding)*3) auto;
  border: var(--cui-border-width-focused) solid rgba(0, 0, 0, 0);
}
.viewer-thumbnail:hover {
  color: var(--cui-primary-700);
  border: var(--cui-border-width-focused) solid var(--cui-primary-700);
}
.viewer-thumbnail--selected {
  color: var(--cui-primary-500);
  border: var(--cui-border-width-focused) solid var(--cui-primary-500);
}
.viewer-thumbnail > div,
.viewer-thumbnail > p {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 210px;
  height: 297px;
  pointer-events: none;
  background-color: #fff;
}
.viewer-thumbnail > p {
  text-align: center;
  color: var(--cui-text-color);
  opacity: .38;
  font-size: 80px;
  font-weight: bold;
  line-height: 297px;
}
.viewer-thumbnail > span {
  position: absolute;
  bottom: calc(0px - var(--cui-block-size-sm));
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: var(--cui-block-size-sm);
}
.gc-viewer {
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-body);
  font-family: var(--cui-text-family);
  container-type: size;
  container-name: app;
}
.gc-viewer--medium-ui-size .gcv-header-container {
  height: calc(var(--cui-block-size) + 1px);
}
.gc-viewer--medium-ui-size .gc-sidebar__container {
  padding-top: var(--cui-block-size);
}
.gc-viewer--small-ui-size .gcv-header-container {
  height: calc(var(--cui-block-size-sm) + 1px);
  padding: 0 var(--cui-padding-xs);
}
.gcv-menu {
  flex: 0 0 auto;
  height: 100%;
}
.gcv-menu--hidden {
  display: none;
}
@container app (max-width: 768px) {
  .gcv-menu .gc-menu__panel-container--visible {
    width: calc(100cqw - var(--cui-block-size-lg));
  }
  .gcv-menu .gc-menu__panel-container--visible .gc-menu__panel-container__content {
    width: calc(100cqw - var(--cui-block-size-lg));
  }
}
.gcv-main-view {
  position: relative;
  display: grid;
  flex: 1 1 auto;
  width: 0;
  height: 100%;
  transition: all .2s ease-in-out;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto minmax(0, 1fr);
  grid-template-areas: "header header" "toppanel sidebar" "view sidebar" "bottompanel sidebar";
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
}
.gcv-main-view--fullscreen {
  height: 100%;
}
.gcv-main-view--fullscreen > .gcv-top-panel,
.gcv-main-view--fullscreen .gcv-bottom-panel,
.gcv-main-view--fullscreen .gcv-special-location-panel-controls {
  display: none;
}
@container app (max-width: 768px) {
  .gcv-main-view {
    width: calc(100cqw - var(--cui-block-size-lg));
  }
}
.gcv-header-container {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-lg);
  border-bottom: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  align-items: center;
  grid-area: header;
}
.gcv-header-container--hidden {
  display: none;
}
.gcv-header-container--sidebar-hidden .gc-sidebar__menu {
  display: none;
}
.gcv-header-container--fullscreen {
  position: fixed;
  z-index: calc(var(--cui-z-overlay) - 1);
  bottom: var(--cui-block-size);
  left: 50%;
  width: 324px;
  height: var(--cui-block-size);
  transform: translateX(-50%);
  opacity: 1;
  border-bottom: 0 solid rgba(0, 0, 0, 0);
  border-radius: var(--cui-rounded-radius-lg);
  background-color: var(--cui-bg-panels);
  grid-area: unset;
}
.gcv-header-container--fullscreen > .gc-rv-inline-block:last-child {
  margin-right: 0;
}
.gcv-header-container > .gcv-toolbar {
  flex: 1 1 auto;
  width: 0;
}
.gcv-header-container > .gcv-toolbar > .gcv-toolbar-wrapper {
  padding: var(--cui-padding-xs);
}
.gcv-sidebar {
  grid-area: sidebar;
}
.gcv-sidebar--hidden {
  display: none;
}
.gcv-sidebar--headless .gc-sidebar--collapsed .gc-sidebar__menu {
  visibility: hidden;
}
.gcv-sidebar .gc-sidebar {
  z-index: 1;
}
.gcv-top-panel {
  border-bottom: 1px solid #dbdbdb;
  background-color: var(--cui-bg-panels);
  grid-area: toppanel;
}
.gcv-bottom-panel {
  border-top: 1px solid #dbdbdb;
  background-color: var(--cui-bg-panels);
  grid-area: bottompanel;
}
.gcv-special-location-panel-controls {
  display: inline-flex;
  height: inherit;
  padding: var(--cui-padding-xs);
  align-items: center;
}
.gcv-special-location-panel-controls--small-ui-size {
  padding: 0 var(--cui-padding-xs);
}
.gcv-special-location-panel-controls--with-separator .gcv-special-location-panel-controls__separator {
  width: 1px;
  height: 50%;
  margin-left: var(--cui-padding-xs);
  background-color: var(--cui-neutral-100);
}
.gcv-document-view {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  grid-area: view;
  touch-action: none;
  background: var(--cui-neutral-50);
}
.search {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: var(--cui-padding);
}
.search > *:not(.search__results) {
  flex: 0 0 auto;
}
.search .gc-input {
  width: 100%;
  margin-bottom: var(--cui-padding-xs);
}
.search__query-params {
  display: flex;
  flex-wrap: wrap;
}
.search__query-params > .gc-check {
  flex: 1 1 auto;
  box-sizing: border-box;
  min-width: 50%;
}
.search__query-params > .gc-check .gc-check__label {
  white-space: nowrap;
}
.search__results {
  overflow: auto;
  flex: 1 1 auto;
  width: 100%;
  margin: 0;
  padding: 0;
}
.search__results > .gc-btn {
  width: 100%;
  margin-top: var(--cui-padding-sm);
}
.search__results-header {
  display: block;
  width: 100%;
  height: var(--cui-block-size);
  margin: 0;
  text-transform: uppercase;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  font-weight: bold;
  line-height: var(--cui-block-size);
}
.search-result {
  position: relative;
  display: block;
  max-height: calc(var(--cui-block-size-sm)*2);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.search-result:hover {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: var(--cui-neutral-100);
}
.search-result__text {
  display: block;
  overflow: hidden;
  overflow: hidden;
  max-height: calc(var(--cui-block-size-sm)*2);
  padding-right: var(--cui-padding);
  text-overflow: ellipsis;
}
.search-result__text > i {
  color: var(--cui-primary-500);
  font-weight: bold;
}
.search-result__page {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  text-align: center;
  color: var(--cui-neutral-300);
}
.search__progress {
  position: relative;
  width: 100%;
  height: var(--cui-block-size-lg);
  padding-top: var(--cui-padding-sm);
}
.search__progress > p {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 2px;
  margin: 0;
  padding: 0;
}
.search__progress > p > span {
  display: block;
  height: 100%;
  border-radius: 2px;
  background-color: #fff;
}
.gc-btn-group--align-justify .gc-btn.search__btn-search {
  flex: 1 1 auto;
}
.gc-btn-group--align-justify .gc-btn.search__btn-clear {
  flex: 0 0 auto;
}
.search__infomessage {
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
@keyframes gcv_btn_icon_animation {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gcv-anim-icon {
  animation: gcv_btn_icon_animation .62s infinite linear;
}
.gcv-thumb-vertical {
  width: 2px;
  margin-left: 2px;
  cursor: n-resize;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .1);
}
.gcv-thumb-horizontal {
  height: 2px;
  margin-top: 2px;
  cursor: w-resize;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .1);
}
.highlight {
  background-color: #ff8;
}
.gc-viewer #open-report-dialog {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.gc-viewer .arjs-export-panel .gc-property-category {
  display: flex;
  flex-direction: column;
}
.gc-viewer .gcv-parameters {
  --gcv-horizontal-preview-width: 110px;
  --gcv-horizontal-control-width: 330px;
}
.gc-viewer .gcv-parameters__control {
  position: relative;
}
.gc-viewer .gcv-parameters__control:before {
  position: absolute;
  width: 5px;
  height: 5px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--cui-error-500);
}
.gc-viewer .gcv-parameters__control--required-top-left:before {
  top: calc(var(--cui-block-size-sm)*.5);
  left: calc(0px - var(--cui-padding-sm));
  content: "";
}
.gc-viewer .gcv-parameters__control--required-top-right:before {
  top: calc(var(--cui-block-size-sm)*.5);
  right: calc(0px - var(--cui-padding-sm));
  content: "";
}
.gc-viewer .gcv-parameters__control--required-bottom-left:before {
  bottom: calc(var(--cui-block-size-sm)*.5);
  left: calc(0px - var(--cui-padding-sm));
  content: "";
  transform: translateY(50%);
}
.gc-viewer .gcv-parameters--layout-vertical {
  padding: 0 var(--cui-padding);
}
.gc-viewer .gcv-parameters--layout-vertical .gcv-parameters__control {
  margin-bottom: var(--cui-padding);
}
.gc-viewer .gcv-parameters--layout-horizontal {
  position: relative;
  display: flex;
  padding: 0 calc(var(--gcv-horizontal-preview-width) + var(--cui-padding)) 0 var(--cui-padding);
  flex-wrap: wrap;
}
.gc-viewer .gcv-parameters--layout-horizontal .gcv-parameters__control {
  width: var(--gcv-horizontal-control-width);
  margin: 0 var(--cui-padding) var(--cui-padding) 0;
}
.gc-viewer .gcv-parameters--layout-horizontal .gcv-parameters__control--preview {
  position: absolute;
  top: var(--cui-padding);
  right: var(--cui-padding);
  width: var(--gcv-horizontal-preview-width);
  margin: 0;
}
.gc-viewer .gcv-parameters--free-form {
  position: relative;
}
.gc-viewer .gcv-parameters--free-form .gcv-parameters__control {
  position: absolute;
}
.gc-viewer .gcv-parameters__control > .gcv-label {
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-areas: "label" "content";
}
.gc-viewer .gcv-parameters__control > .gcv-label > .gc-label__label {
  width: 100%;
  grid-area: label;
}
.gc-viewer .gcv-parameters__control > .gcv-label > .gc-label__content {
  width: 100%;
  height: 100%;
  grid-area: content;
}
.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-left {
  -ms-grid-columns: 1fr minmax(0, 2fr);
  -ms-grid-rows: 100%;
  grid-template-columns: 1fr minmax(0, 2fr);
  grid-template-rows: 100%;
  grid-template-areas: "label content";
}
.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-right {
  -ms-grid-columns: minmax(0, 2fr) 1fr;
  -ms-grid-rows: 100%;
  grid-template-columns: minmax(0, 2fr) 1fr;
  grid-template-rows: 100%;
  grid-template-areas: "content label";
}
.gc-viewer .gcv-parameters__control > .gcv-label.gc-label--position-bottom {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-areas: "content" "label";
}
.gc-viewer .gcv-nullable {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-start;
}
.gc-viewer .gcv-nullable > .gc-check {
  display: flex;
  flex: 0 0 auto;
  width: 60px;
}
.gc-viewer .gcv-nullable__content {
  flex: 1 1 auto;
  height: 100%;
  margin-right: var(--cui-padding);
}
.gc-viewer .gcv-multivalue-textarea {
  width: 100%;
  height: 120px !important;
  white-space: nowrap;
}
.gc-viewer .gcv-textarea {
  width: 100%;
  height: 100%;
}
.gc-viewer .gcv-slider-container {
  display: flex;
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.gc-viewer .gcv-slider-container--mode-X > .gcv-slider {
  width: 100%;
}
.gc-viewer .gcv-number-editor {
  display: flex;
}
.gc-viewer .gcv-number-editor__button {
  flex: 0 0 auto;
}
.gc-viewer .gcv-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gc-viewer .gcv-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-viewer .gcv-number-editor__input.gc-input {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
  border-radius: 0;
}
.gc-viewer .gc-btn.disabled {
  opacity: .38;
}
.gc-viewer .gc-btn.disabled:focus {
  box-shadow: none;
}
.gc-viewer .gc-btn.disabled.gc-btn--level-warning:focus {
  box-shadow: none;
}
.gc-viewer .gc-btn.disabled.gc-btn--level-error:focus {
  box-shadow: none;
}
.gc-viewer .gcv-plain-text {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size)*.5);
}
.gc-viewer .gcv-plain-text--info {
  color: var(--cui-primary-700);
}
.gc-viewer .gcv-plain-text--warning {
  color: var(--cui-warning-500);
}
.gc-viewer .gcv-plain-text--error {
  color: var(--cui-error-500);
}
.gc-viewer .gcv-tree {
  width: 100%;
  height: 100%;
}
.gc-viewer .gcv-tree-node {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-sm);
  align-items: stretch;
  align-content: stretch;
}
.gc-viewer .gcv-tree-node__toggle {
  overflow: hidden;
  width: var(--cui-block-size-sm);
  flex-grow: 0;
  flex-shrink: 0;
}
.gc-viewer .gcv-tree-node__control {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 1;
}
.gc-viewer .gcv-tree-node-text {
  width: 100%;
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-viewer .gcv-date-range--limited .gc-date-range-aside__body {
  pointer-events: none;
  opacity: .32;
}
.gc-viewer .gcv-custom-content {
  display: block;
  flex: 0 0 auto;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding-sm);
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  font-style: italic;
  line-height: calc(var(--cui-block-size) - var(--cui-border-width)*2);
}
.gc-viewer .gcv-date-time-range-input {
  margin-bottom: var(--cui-padding-xs);
}
.gc-viewer .gcv-date-time-range {
  position: relative;
}
.gc-viewer .gcv-date-time-range .gc-input.gc-size-sm {
  padding-right: calc(var(--cui-block-size-sm)*2);
}
.gc-viewer .gc-dd.gcv-date-time-range-toggle {
  position: absolute;
  top: 0;
  right: var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
}
.gc-viewer .gc-dd-menu.gcv-date-time-range-dropdown {
  height: 300px;
  background-color: var(--cui-accent);
}
.gc-viewer .gc-dd-menu.gcv-date-time-range-dropdown .gc-date-range-aside {
  width: 250px;
  height: 300px;
}
.gc-viewer .gcv-dd-editor__preview-button {
  padding: var(--cui-padding-sm);
  background-color: var(--cui-dd-background);
  position: sticky;
  top: calc(100% - var(--preview-button-block-height));
  margin-bottom: calc(0px - var(--preview-button-block-height));
  z-index: 1;
}
.gc-viewer .gcv-dd-editor__empty-space {
  height: var(--preview-button-block-height);
}
.gc-viewer .with-preview-button {
  --preview-button-block-height: calc(var(--cui-block-size-sm) + var(--cui-padding-sm) * 2);
}
.gc-viewer .with-preview-button .gc-dd-menu__scroll > .gc-scrollbars__view {
  padding-bottom: 0;
}
.gc-viewer :root {
  --neutral-50:
    180,
    2%,
    91%;
  --neutral-100:
    200,
    4%,
    85%;
  --neutral-200:
    197,
    6%,
    76%;
  --neutral-300:
    196,
    6%,
    63%;
  --neutral-400:
    196,
    6%,
    51%;
  --neutral-500:
    194,
    13%,
    32%;
  --neutral-600:
    194,
    13%,
    26%;
  --neutral-700:
    195,
    12%,
    19%;
  --neutral-800:
    193,
    14%,
    13%;
  --neutral-900:
    190,
    13%,
    9%;
  --primary-50:
    192,
    11%,
    91%;
  --primary-100:
    198,
    17%,
    85%;
  --primary-200:
    198,
    21%,
    75%;
  --primary-300:
    198,
    23%,
    62%;
  --primary-400:
    197,
    25%,
    49%;
  --primary-500:
    197,
    58%,
    30%;
  --primary-600:
    197,
    57%,
    24%;
  --primary-700:
    197,
    58%,
    18%;
  --primary-800:
    197,
    57%,
    12%;
  --primary-900:
    198,
    57%,
    9%;
  --secondary-500:
    39,
    96%,
    55%;
  --warning-50:
    38,
    27%,
    92%;
  --warning-100:
    39,
    52%,
    87%;
  --warning-200:
    40,
    65%,
    80%;
  --warning-300:
    39,
    74%,
    70%;
  --warning-400:
    39,
    78%,
    60%;
  --warning-500:
    40,
    100%,
    37%;
  --warning-600:
    39,
    100%,
    36%;
  --warning-700:
    39,
    100%,
    27%;
  --warning-800:
    39,
    100%,
    18%;
  --warning-900:
    39,
    100%,
    13%;
  --error-50:
    0,
    19%,
    92%;
  --error-100:
    0,
    34%,
    87%;
  --error-200:
    0,
    45%,
    79%;
  --error-300:
    0,
    51%,
    69%;
  --error-400:
    0,
    53%,
    59%;
  --error-500:
    0,
    60%,
    41%;
  --error-600:
    0,
    72%,
    35%;
  --error-700:
    0,
    71%,
    26%;
  --error-800:
    0,
    73%,
    17%;
  --error-900:
    0,
    73%,
    13%;
  --white:
    0,
    0%,
    100%;
  --bg-body:
    180,
    1%,
    99%;
  --bg-panels:
    180,
    1%,
    95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family:
    "Open Sans",
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: hsla(0, 0%, 0%, 0.15);
  --cui-overlay-background: hsla(var(--bg-panels), 0.38);
  --cui-shadow-dialog: 1px 1px 5px 1px hsla(0, 0%, 0%, 0.1);
  --cui-shadow-menu: 1px 1px 4px 0 hsla(0, 0%, 0%, 0.1);
  --cui-shadow-border: 0 0 3px 0 hsla(0, 0%, 0%, 0.2);
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * 0.5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * 0.5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * 0.5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * 0.5);
  --cui-trn-length-sm: 0.2s;
  --cui-trn-length: 0.4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), 0.1);
  --cui-accent-semi-20: hsla(var(--primary-500), 0.2);
  --cui-accent-semi-40: hsla(var(--primary-500), 0.38);
  --cui-accent-semi-60: hsla(var(--primary-500), 0.62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), 0.1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), 0.2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), 0.38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), 0.62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), 0.1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), 0.38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), 0.62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), 0.1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), 0.38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), 0.62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), 0.1);
  --cui-accent-error-semi-40: hsla(var(--error-500), 0.38);
  --cui-accent-error-semi-60: hsla(var(--error-500), 0.62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), 0.1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), 0.38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), 0.62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), 0.1);
  --cui-contrast-semi-40: hsla(var(--white), 0.38);
  --cui-contrast-semi-60: hsla(var(--white), 0.62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), 0.38);
  --cui-bg-body-overlay: hsla(var(--bg-body), 0.38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: rgba(51, 51, 51, 0.1);
  --cui-text-semi-40: rgba(51, 51, 51, 0.38);
  --cui-text-semi-60: rgba(51, 51, 51, 0.62);
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: rgba(194, 130, 12, 0.1);
  --cui-btn-transparent-warning-hover: rgba(194, 130, 12, 0.2);
  --cui-btn-transparent-error: rgba(147, 15, 15, 0.1);
  --cui-btn-transparent-error-hover: rgba(147, 15, 15, 0.15);
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: rgba(0, 0, 0, 0.075);
  --cui-item-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: rgba(0, 0, 0, 0.12);
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: rgba(77, 202, 125, 0.62);
  --cui-binding-bind-shadow: rgba(225, 212, 18, 0.62);
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: rgba(255, 255, 255, 0.15);
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.38);
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: rgba(0, 0, 0, 0.62);
  --cui-wizard-dark-bg-secondary: rgba(0, 0, 0, 0.2);
  --cui-wizard-dark-hover: rgba(0, 0, 0, 0.62);
  --cui-wizard-light-bg-main: rgba(255, 255, 255, 0.62);
  --cui-wizard-light-bg-secondary: rgba(255, 255, 255, 0.2);
  --cui-wizard-light-hover: rgba(255, 255, 255, 0.62);
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-900), 0.2);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), 0.2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: rgba(0, 0, 0, 0.15);
  --cui-notification-btn-bg-hover: rgba(0, 0, 0, 0.25);
}
.gc-viewer .arjs-export-panel {
  padding: 0 var(--cui-padding) var(--cui-padding);
}
.gc-viewer .arjs-export-panel > .gc-btn {
  margin-top: 16pt;
}
.gc-viewer .progress-modal {
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  position: absolute;
  left: 25%;
  width: 50%;
  height: 180px;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
  border-radius: var(--cui-border-radius);
}
.gc-viewer .progress-modal__content {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--cui-border-radius);
}
.gc-viewer .progress-modal__content .h3 {
  display: block;
}
.gc-viewer .ar-contents {
  padding: var(--cui-padding);
}
.gc-viewer .ar-toc-item > .gc-btn-group {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  text-align: left;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border: 0;
  border-radius: var(--cui-border-radius);
  outline: none;
  background: none;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  fill: var(--cui-text-color);
}
.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--custom {
  overflow: hidden;
  flex: 1 1 auto;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  text-overflow: ellipsis;
}
.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--custom:hover {
  cursor: pointer;
}
.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--with-icon path {
  fill: inherit;
}
.gc-viewer .ar-toc-item > .gc-btn-group > .gc-btn--with-icon:hover {
  cursor: pointer;
}
.gc-viewer .ar-toc-item > .gc-btn-group:hover {
  color: #fff;
  background-color: var(--cui-primary-700);
  font-weight: bold;
  fill: #fff;
}
.gc-viewer .ar-toc-item > .ar-toc-item-children {
  overflow: hidden;
  width: 100%;
  padding-left: var(--cui-padding);
}
.gc-viewer .ar-toc-item--level-2 button {
  font-size: var(--cui-text-size-sm);
}
.gc-viewer .ar-toc-item--level-3 button {
  font-size: var(--cui-text-size-sm);
  font-style: italic;
}
.gc-viewer .gc-btn.gc-size-sm .gc-btn__icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-viewer .gc-btn.gc-size-lg .gc-btn__icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-viewer .gc-dd-menu__item > .gc-icon > svg {
  flex: 0 0 auto;
}
.gc-viewer .gc-dd-menu__item.gc-size-sm > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-viewer .gc-dd-menu__item.gc-size-lg > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-viewer .gc-icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-viewer .gc-icon--small > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-viewer .gc-icon--large > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-viewer .gc-icon--core > svg {
  width: initial !important;
  height: initial !important;
}
.gc-viewer .gc-icon-color {
  transition: fill .2s ease-in-out, stroke .2s ease-in-out;
}
.gc-viewer .gc-icon-color--text {
  transition: fill .2s ease-in-out;
  fill: currentColor;
}
.gc-viewer .gc-icon-color--stroke-text {
  transition: stroke .2s ease-in-out;
  stroke: currentColor;
}
.gc-viewer .gc-icon-color--accent {
  transition: fill .2s ease-in-out;
  fill: var(--cui-secondary-500);
}
.gc-viewer .gc-icon-color--stroke-accent {
  transition: stroke .2s ease-in-out;
  stroke: var(--cui-secondary-500);
}
.gc-viewer .viewer-reports-list {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.gc-viewer .viewer-reports-list-item > button {
  display: block;
  overflow: hidden;
  width: calc(100% - 10px);
  height: var(--cui-block-size-sm);
  margin: 0 5px;
  padding: 0 10px;
  text-align: left;
  white-space: nowrap;
  text-transform: capitalize;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border: 0;
  border-radius: calc(var(--cui-block-size-sm)*.5);
  outline: none;
  background: none;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-viewer .viewer-reports-list-item > button:hover {
  cursor: pointer;
  color: var(--cui-white);
  background-color: var(--cui-primary-700);
  font-weight: bold;
}

/* node_modules/@mescius/activereportsjs/styles/ar-js-designer.css */
:root {
  --neutral-50:
    180,
    2%,
    91%;
  --neutral-100:
    200,
    4%,
    85%;
  --neutral-200:
    197,
    6%,
    76%;
  --neutral-300:
    196,
    6%,
    63%;
  --neutral-400:
    196,
    6%,
    51%;
  --neutral-500:
    194,
    13%,
    32%;
  --neutral-600:
    194,
    13%,
    26%;
  --neutral-700:
    195,
    12%,
    19%;
  --neutral-800:
    193,
    14%,
    13%;
  --neutral-900:
    190,
    13%,
    9%;
  --primary-50:
    192,
    11%,
    91%;
  --primary-100:
    198,
    17%,
    85%;
  --primary-200:
    198,
    21%,
    75%;
  --primary-300:
    198,
    23%,
    62%;
  --primary-400:
    197,
    25%,
    49%;
  --primary-500:
    197,
    58%,
    30%;
  --primary-600:
    197,
    57%,
    24%;
  --primary-700:
    197,
    58%,
    18%;
  --primary-800:
    197,
    57%,
    12%;
  --primary-900:
    198,
    57%,
    9%;
  --secondary-500:
    39,
    96%,
    55%;
  --warning-50:
    38,
    27%,
    92%;
  --warning-100:
    39,
    52%,
    87%;
  --warning-200:
    40,
    65%,
    80%;
  --warning-300:
    39,
    74%,
    70%;
  --warning-400:
    39,
    78%,
    60%;
  --warning-500:
    40,
    100%,
    37%;
  --warning-600:
    39,
    100%,
    36%;
  --warning-700:
    39,
    100%,
    27%;
  --warning-800:
    39,
    100%,
    18%;
  --warning-900:
    39,
    100%,
    13%;
  --error-50:
    0,
    19%,
    92%;
  --error-100:
    0,
    34%,
    87%;
  --error-200:
    0,
    45%,
    79%;
  --error-300:
    0,
    51%,
    69%;
  --error-400:
    0,
    53%,
    59%;
  --error-500:
    0,
    60%,
    41%;
  --error-600:
    0,
    72%,
    35%;
  --error-700:
    0,
    71%,
    26%;
  --error-800:
    0,
    73%,
    17%;
  --error-900:
    0,
    73%,
    13%;
  --white:
    0,
    0%,
    100%;
  --bg-body:
    180,
    1%,
    99%;
  --bg-panels:
    180,
    1%,
    95%;
  --cui-neutral-50: hsl(var(--neutral-50));
  --cui-neutral-100: hsl(var(--neutral-100));
  --cui-neutral-200: hsl(var(--neutral-200));
  --cui-neutral-300: hsl(var(--neutral-300));
  --cui-neutral-400: hsl(var(--neutral-400));
  --cui-neutral-500: hsl(var(--neutral-500));
  --cui-neutral-600: hsl(var(--neutral-600));
  --cui-neutral-700: hsl(var(--neutral-700));
  --cui-neutral-800: hsl(var(--neutral-800));
  --cui-neutral-900: hsl(var(--neutral-900));
  --cui-primary-50: hsl(var(--primary-50));
  --cui-primary-100: hsl(var(--primary-100));
  --cui-primary-200: hsl(var(--primary-200));
  --cui-primary-300: hsl(var(--primary-300));
  --cui-primary-400: hsl(var(--primary-400));
  --cui-primary-500: hsl(var(--primary-500));
  --cui-primary-600: hsl(var(--primary-600));
  --cui-primary-700: hsl(var(--primary-700));
  --cui-primary-800: hsl(var(--primary-800));
  --cui-primary-900: hsl(var(--primary-900));
  --cui-secondary-500: hsl(var(--secondary-500));
  --cui-warning-50: hsl(var(--warning-50));
  --cui-warning-100: hsl(var(--warning-100));
  --cui-warning-200: hsl(var(--warning-200));
  --cui-warning-300: hsl(var(--warning-300));
  --cui-warning-400: hsl(var(--warning-400));
  --cui-warning-500: hsl(var(--warning-500));
  --cui-warning-600: hsl(var(--warning-600));
  --cui-warning-700: hsl(var(--warning-700));
  --cui-warning-800: hsl(var(--warning-800));
  --cui-warning-900: hsl(var(--warning-900));
  --cui-error-50: hsl(var(--error-50));
  --cui-error-100: hsl(var(--error-100));
  --cui-error-200: hsl(var(--error-200));
  --cui-error-300: hsl(var(--error-300));
  --cui-error-400: hsl(var(--error-400));
  --cui-error-500: hsl(var(--error-500));
  --cui-error-600: hsl(var(--error-600));
  --cui-error-700: hsl(var(--error-700));
  --cui-error-800: hsl(var(--error-800));
  --cui-error-900: hsl(var(--error-900));
  --cui-white: hsl(var(--white));
  --cui-bg-body: hsl(var(--bg-body));
  --cui-bg-panels: hsl(var(--bg-panels));
  --cui-text-family:
    "Open Sans",
    "Segoe UI",
    Tahoma,
    Geneva,
    Verdana,
    sans-serif;
  --cui-text-color: var(--cui-neutral-700);
  --cui-text-size: 12px;
  --cui-text-size-sm: 10px;
  --cui-text-size-lg: 14px;
  --cui-text-h1-size: 20px;
  --cui-text-h2-size: 18px;
  --cui-text-h3-size: 16px;
  --cui-text-h4-size: 14px;
  --cui-overlay: hsla(0, 0%, 0%, .15);
  --cui-overlay-background: hsla(var(--bg-panels), .38);
  --cui-shadow-dialog: 1px 1px 5px 1px hsla(0, 0%, 0%, .1);
  --cui-shadow-menu: 1px 1px 4px 0 hsla(0, 0%, 0%, .1);
  --cui-shadow-border: 0 0 3px 0 hsla(0, 0%, 0%, .2);
  --cui-binding-default: var(--cui-neutral-50);
  --cui-binding-error: #ff4105;
  --cui-binding-modified: #73ff05;
  --cui-binding-bind: #ffe605;
  --cui-icon-size: 20px;
  --cui-icon-size-lg: 24px;
  --cui-icon-size-sm: 16px;
  --cui-block-size: 40px;
  --cui-block-size-sm: 30px;
  --cui-block-size-lg: 50px;
  --cui-block-size-xl: 60px;
  --cui-padding-xl: 20px;
  --cui-padding: 15px;
  --cui-padding-sm: 10px;
  --cui-padding-xs: 5px;
  --cui-border-width: 1px;
  --cui-border-width-focused: 2px;
  --cui-border-radius: 4px;
  --cui-rounded-radius: calc(var(--cui-block-size) * .5);
  --cui-rounded-radius-sm: calc(var(--cui-block-size-sm) * .5);
  --cui-rounded-radius-lg: calc(var(--cui-block-size-lg) * .5);
  --cui-rounded-radius-xl: calc(var(--cui-block-size-xl) * .5);
  --cui-trn-length-sm: .2s;
  --cui-trn-length: .4s;
  --cui-trn-func: ease-in-out;
  --cui-z-toolbar: 10;
  --cui-z-overlay: 1010;
  --cui-z-modal: 1020;
  --cui-z-dropdown: 1030;
  --cui-z-tooltip: 1040;
  --cui-z-notifications: 1090;
  --cui-accent: var(--cui-primary-500);
  --cui-accent-hover: var(--cui-primary-700);
  --cui-accent-semi-10: hsla(var(--primary-500), .1);
  --cui-accent-semi-20: hsla(var(--primary-500), .2);
  --cui-accent-semi-40: hsla(var(--primary-500), .38);
  --cui-accent-semi-60: hsla(var(--primary-500), .62);
  --cui-accent-text: var(--cui-primary-700);
  --cui-accent-text-hover: var(--cui-primary-800);
  --cui-accent-text-semi-10: hsla(var(--primary-700), .1);
  --cui-accent-text-semi-20: hsla(var(--primary-700), .2);
  --cui-accent-text-semi-40: hsla(var(--primary-700), .38);
  --cui-accent-text-semi-60: hsla(var(--primary-700), .62);
  --cui-accent-icon: var(--cui-primary-500);
  --cui-accent-icon-hover: var(--cui-primary-700);
  --cui-accent-secondary: var(--cui-secondary-500);
  --cui-accent-warning: var(--cui-warning-500);
  --cui-accent-warning-hover: var(--cui-warning-700);
  --cui-accent-warning-semi-10: hsla(var(--warning-500), .1);
  --cui-accent-warning-semi-40: hsla(var(--warning-500), .38);
  --cui-accent-warning-semi-60: hsla(var(--warning-500), .62);
  --cui-accent-warning-text: var(--cui-warning-700);
  --cui-accent-warning-text-hover: var(--cui-warning-800);
  --cui-accent-warning-text-semi-10: hsla(var(--warning-700), .1);
  --cui-accent-warning-text-semi-40: hsla(var(--warning-700), .38);
  --cui-accent-warning-text-semi-60: hsla(var(--warning-700), .62);
  --cui-accent-error: var(--cui-error-500);
  --cui-accent-error-hover: var(--cui-error-700);
  --cui-accent-error-semi-10: hsla(var(--error-500), .1);
  --cui-accent-error-semi-40: hsla(var(--error-500), .38);
  --cui-accent-error-semi-60: hsla(var(--error-500), .62);
  --cui-accent-error-text: var(--cui-error-700);
  --cui-accent-error-text-hover: var(--cui-error-800);
  --cui-accent-error-text-semi-10: hsla(var(--error-700), .1);
  --cui-accent-error-text-semi-40: hsla(var(--error-700), .38);
  --cui-accent-error-text-semi-60: hsla(var(--error-700), .62);
  --cui-contrast: var(--cui-white);
  --cui-contrast-semi-10: hsla(var(--white), .1);
  --cui-contrast-semi-40: hsla(var(--white), .38);
  --cui-contrast-semi-60: hsla(var(--white), .62);
  --cui-contrast-text: var(--cui-white);
  --cui-contrast-text-semi-40: hsla(var(--white), .38);
  --cui-bg-body-overlay: hsla(var(--bg-body), .38);
  --cui-bg-panels-section: var(--cui-neutral-50);
  --cui-bg-panels-border: var(--cui-neutral-100);
  --cui-bg-panels-overlay: var(--cui-overlay-background);
  --cui-shadow: var(--cui-shadow-menu);
  --cui-outline-offset: -2px;
  --cui-outline: 2px solid var(--cui-primary-500);
  --cui-outline-contrast: 2px solid var(--cui-white);
  --cui-outline-warning: 2px solid var(--cui-accent-warning);
  --cui-outline-error: 2px solid var(--cui-accent-error);
  --cui-text: var(--cui-text-color);
  --cui-text-semi-10: rgba(51, 51, 51, .1);
  --cui-text-semi-40: rgba(51, 51, 51, .38);
  --cui-text-semi-60: rgba(51, 51, 51, .62);
  --cui-text-size-xl: 18px;
  --cui-btn-bg: var(--cui-neutral-50);
  --cui-btn-bg-hover: var(--cui-neutral-100);
  --cui-btn-transparent-warning: rgba(194, 130, 12, .1);
  --cui-btn-transparent-warning-hover: rgba(194, 130, 12, .2);
  --cui-btn-transparent-error: rgba(147, 15, 15, .1);
  --cui-btn-transparent-error-hover: rgba(147, 15, 15, .15);
  --cui-btn-group-header-bg: var(--cui-neutral-100);
  --cui-btn-group-header-bg-hover: var(--cui-neutral-200);
  --cui-item-bg: rgba(0, 0, 0, .075);
  --cui-item-bg-hover: rgba(0, 0, 0, .12);
  --cui-input-bg: var(--cui-neutral-50);
  --cui-input-bg-hover: rgba(0, 0, 0, .12);
  --cui-input-bg-focus: var(--cui-input-bg-hover);
  --cui-input-text: var(--cui-text-color);
  --cui-input-text-disabled: var(--cui-text-semi-40);
  --cui-input-text-placeholder: var(--cui-text-semi-40);
  --cui-dd-background: var(--cui-bg-body);
  --cui-dd-background-hover: var(--cui-neutral-100);
  --cui-dd-divider: var(--cui-neutral-50);
  --cui-binding-default-shadow: var(--cui-text-semi-40);
  --cui-binding-modified-shadow: rgba(77, 202, 125, .62);
  --cui-binding-bind-shadow: rgba(225, 212, 18, .62);
  --cui-binding-error-shadow: var(--cui-accent-error-semi-60);
  --cui-menu-splitter: rgba(255, 255, 255, .15);
  --cui-prop-editors-drag-shadow: 1px 2px 5px 0 rgba(0, 0, 0, .38);
  --cui-wizard-bg: var(--cui-accent-semi-60);
  --cui-wizard-dark-bg-main: rgba(0, 0, 0, .62);
  --cui-wizard-dark-bg-secondary: rgba(0, 0, 0, .2);
  --cui-wizard-dark-hover: rgba(0, 0, 0, .62);
  --cui-wizard-light-bg-main: rgba(255, 255, 255, .62);
  --cui-wizard-light-bg-secondary: rgba(255, 255, 255, .2);
  --cui-wizard-light-hover: rgba(255, 255, 255, .62);
  --cui-progressbar-bg: var(--cui-bg-panels);
  --cui-progressbar-bg-semi: var(--cui-neutral-100);
  --cui-progress-fill-color: var(--cui-text-color);
  --cui-progress-value-color: var(--cui-contrast-text);
  --cui-scrollbar-color: hsla(var(--primary-900), .2);
  --cui-scrollbar-color-contrast: hsla(var(--primary-50), .2);
  --cui-treeview-outline-color: var(--cui-bg-panels-border);
  --cui-calendar-range-fill-color: var(--cui-accent-text-semi-40);
  --cui-notification-btn-accent-bg: var(--cui-primary-500);
  --cui-notification-btn-warning-bg: var(--cui-accent-warning);
  --cui-notification-btn-error-bg: var(--cui-accent-error);
  --cui-notification-btn-bg: rgba(0, 0, 0, .15);
  --cui-notification-btn-bg-hover: rgba(0, 0, 0, .25);
}
.gc-disable-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gc-disable-transition {
  transition: none !important;
}
.gc-no-focus-effect .gc-btn:focus,
.gc-no-focus-effect .gc-input:focus,
.gc-no-focus-effect .gc-textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-check__input:focus + .gc-check__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-radio__input:focus + .gc-radio__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-no-focus-effect .gc-toggle__input:focus + .gc-toggle__mark {
  outline: none !important;
  box-shadow: none !important;
}
.gc-layout-app {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-flow: column;
}
.gc-layout-app-container {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  height: 0;
}
.gc-layout-app-container > .gc-menu {
  flex: 0 0 auto;
  height: 100%;
}
.gc-layout-main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
}
.gc-layout-appbar {
  flex: 0 0 auto;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-layout-legacy-appbar {
  flex: 0 0 auto;
  height: var(--cui-block-size-lg);
  background-color: var(--cui-primary-500);
}
.gc-layout-toolbar {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: 100%;
  height: calc(var(--cui-block-size-lg) + 1px);
  border-bottom: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-layout-toolbar > .gc-toolbar {
  flex: 1 1 auto;
  margin: 5px;
}
.gc-layout-with-sidebar {
  display: flex;
  flex: 1 1 auto;
  height: 0;
}
.gc-layout-with-sidebar > .gc-sidebar {
  flex: 0 0 auto;
}
.gc-layout-design-surface {
  overflow: auto;
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
}
.gc-layout-statusbar {
  flex: 0 0 auto;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
}
.gc-icon > svg {
  display: block;
  flex: 0 0 auto;
}
.gc-icon--r90 > svg {
  transform: rotate(90deg);
}
.gc-icon--r180 > svg {
  transform: rotate(180deg);
}
.gc-icon--r270 > svg {
  transform: rotate(270deg);
}
.gc-ci-a-text {
  fill: currentColor;
}
.gc-ci-a-accent,
.gc-ci-c-accent {
  fill: var(--cui-primary-500);
}
.gc-ci-c-accent-sec {
  fill: var(--cui-secondary-500);
}
.gc-ci-c-accent-err {
  fill: var(--cui-error-500);
}
.gc-btn__text {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding);
  cursor: default;
  transition: color .2s ease-in-out;
  text-align: inherit;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  line-height: var(--cui-block-size);
}
.gc-btn__text--empty {
  padding: 0;
}
.gc-btn__icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  transition: color .2s ease-in-out;
  text-align: center;
  color: inherit;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-btn {
  position: relative;
  display: inline-block;
  overflow: visible;
  box-sizing: border-box;
  width: auto;
  height: var(--cui-block-size);
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  text-align: left;
  vertical-align: top;
  color: inherit;
  border: none;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-btn-bg);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.gc-btn > .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn > .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size));
}
.gc-btn:focus {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-btn.gc-btn--level-warning:focus {
  outline: var(--cui-outline-warning);
}
.gc-btn.gc-btn--level-error:focus {
  outline: var(--cui-outline-error);
}
.gc-btn.gc-btn--disabled,
.gc-btn[disabled] {
  opacity: .38;
  pointer-events: none;
}
.gc-btn.gc-btn--disabled:focus,
.gc-btn[disabled]:focus {
  outline: none;
  box-shadow: none;
}
.gc-btn::-moz-focus-inner {
  border: 0;
}
.gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn--block {
  display: block;
}
.gc-btn--text-align-center {
  text-align: center;
}
.gc-btn--text-align-right {
  text-align: right;
}
.gc-btn--with-icon .gc-btn__text {
  padding: 0 0 0 var(--cui-block-size);
}
.gc-btn--with-icon .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding);
}
.gc-btn--with-badge .gc-badge {
  margin-right: var(--cui-padding);
}
.gc-btn--with-badge .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-xs);
}
.gc-btn--with-badge .gc-btn__text.gc-btn__text--empty + .gc-badge {
  margin-left: 0;
}
.gc-btn--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--transparent {
  background-color: transparent;
}
.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn--custom {
  padding: 0;
}
.gc-btn--level-warning {
  background-color: var(--cui-btn-transparent-warning);
}
.gc-btn--level-warning:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-warning-500);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-warning-hover);
}
.gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--level-warning .gc-accent-color {
  color: var(--cui-accent-warning-text);
}
.gc-btn--level-warning.gc-btn--transparent {
  background-color: transparent;
}
.gc-btn--level-warning.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-warning-hover);
}
.gc-btn--level-warning.gc-btn--transparent.gc-btn--accent {
  color: var(--cui-contrast-text);
}
.gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
  color: var(--cui-contrast-text);
}
.gc-btn--level-error {
  background-color: var(--cui-btn-transparent-error);
}
.gc-btn--level-error:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent) {
  background-color: var(--cui-error-500);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-accent-error-hover);
}
.gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):focus {
  outline: var(--cui-outline-contrast);
}
.gc-btn--level-error .gc-accent-color {
  color: var(--cui-accent-error-text);
}
.gc-btn--level-error.gc-btn--transparent {
  background-color: transparent;
}
.gc-btn--level-error.gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--level-error.gc-btn--transparent.gc-btn--accent {
  color: var(--cui-contrast-text);
}
.gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
  color: var(--cui-contrast-text);
  background-color: var(--cui-btn-transparent-error-hover);
}
.gc-btn--vertical {
  min-width: var(--cui-block-size);
  height: auto !important;
  text-align: center;
}
.gc-btn--vertical > .gc-btn__icon {
  position: relative;
  top: 8px;
  width: 100% !important;
}
.gc-btn--vertical > .gc-btn__text {
  padding: 0 var(--cui-padding) !important;
}
.gc-btn--vertical > .gc-btn__text.gc-btn__text--empty {
  display: none;
}
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right,
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--top-right {
  right: 0;
}
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-left,
.gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size));
}
.gc-btn--vertical.gc-btn--with-badge > .gc-badge.gc-badge--inline {
  margin-right: var(--cui-padding);
  margin-left: 0;
}
.gc-btn--vertical.gc-btn--with-badge > .gc-btn__text--empty + .gc-badge.gc-badge--inline {
  margin-right: 0;
}
.gc-btn--vertical.gc-size-sm {
  min-width: var(--cui-block-size-sm);
}
.gc-btn--vertical.gc-size-sm > .gc-btn__text {
  padding: 0 var(--cui-padding-sm) !important;
}
.gc-btn--vertical.gc-size-sm > .gc-btn__icon {
  top: 4px;
}
.gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-left,
.gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-sm));
}
.gc-btn--vertical.gc-size-sm.gc-btn--with-badge > .gc-btn__text:not(.gc-btn__text--empty) + .gc-badge {
  margin-right: var(--cui-padding-sm);
}
.gc-btn--vertical.gc-size-lg {
  min-width: var(--cui-block-size-lg);
}
.gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-left,
.gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-right {
  bottom: calc(100% - var(--cui-block-size-lg));
}
.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
.gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text:not(.gc-btn__text--empty) {
  padding-right: var(--cui-padding-sm);
}
.gc-btn.gc-size-sm .gc-btn__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-sm));
}
.gc-btn.gc-size-sm .gc-btn__text {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-btn.gc-size-lg.gc-btn--with-icon > .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
}
.gc-btn.gc-size-lg .gc-btn__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--bottom-right,
.gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--top-right {
  right: calc(100% - var(--cui-block-size-lg));
}
.gc-btn.gc-size-lg .gc-btn__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-btn[disabled] {
  opacity: .38;
}
@media (any-hover: none) {
  .gc-btn:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-btn-bg);
  }
  .gc-btn--accent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-primary-500);
  }
  .gc-btn--transparent:not([disabled]):not(.gc-btn--disabled):hover {
    background-color: transparent;
  }
  .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-warning-500);
  }
  .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-warning-500);
    background-color: transparent;
  }
  .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):not([disabled]):not(.gc-btn--disabled):hover {
    background-color: var(--cui-error-500);
  }
  .gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover {
    color: var(--cui-error-500);
    background-color: transparent;
  }
}
.gc-btn-group {
  position: relative;
  display: inline-flex;
  border-radius: var(--cui-border-radius);
}
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) > .gc-btn,
.gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) .gc-input {
  border-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):first-child > .gc-btn,
.gc-btn-group > *:not(:only-child):first-child .gc-input {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child):last-child > .gc-btn,
.gc-btn-group > *:not(:only-child):last-child .gc-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.gc-btn-group > *:not(:only-child).gc-dd--chevron > .gc-btn {
  min-width: auto;
}
.gc-btn-group--align-center {
  justify-content: center;
}
.gc-btn-group--align-right {
  justify-content: flex-end;
}
.gc-btn-group--align-justify > *:not(.gc-btn-group__splitter) {
  flex: 1;
}
.gc-btn-group--block {
  display: flex;
}
.gc-btn-group--disabled:after,
.gc-btn-group--disabled .gc-btn-group__splitter {
  opacity: .38;
}
.gc-btn-group[class*=--header] {
  overflow: hidden;
}
.gc-btn-group[class*=--header]:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  transition: background-color .2s ease-in-out;
}
.gc-btn-group--header-default > *:first-child.gc-btn,
.gc-btn-group--header-default > *:first-child.gc-input {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-default > *:first-child.gc-btn:hover:not([disabled]),
.gc-btn-group--header-default > *:first-child.gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}
.gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn,
.gc-btn-group--header-default > *:first-child.gc-combo > .gc-input {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn:hover:not([disabled]),
.gc-btn-group--header-default > *:first-child.gc-combo > .gc-input:hover:not([disabled]) {
  background-color: var(--cui-neutral-200);
}
.gc-btn-group--header-default:after {
  background-color: var(--cui-neutral-100);
}
.gc-btn-group--header-info:after {
  background-color: var(--cui-primary-500);
}
.gc-btn-group--header-warning:after {
  background-color: var(--cui-warning-500);
}
.gc-btn-group--header-error:after {
  background-color: var(--cui-error-500);
}
.gc-btn-group__splitter {
  display: flex;
  width: 1px;
  background-color: var(--cui-btn-bg);
  align-items: center;
}
.gc-btn-group__splitter:after {
  width: 1px;
  height: 50%;
  content: "";
  background-color: var(--cui-btn-bg-hover);
}
.gc-btn-group__splitter--accent-full:after {
  background-color: var(--cui-contrast-text-semi-40);
}
.gc-btn-group__splitter--accent-info:after {
  background-color: var(--cui-accent-semi-60);
}
.gc-btn-group__splitter--accent-warning:after {
  background-color: var(--cui-accent-warning-semi-40);
}
.gc-btn-group__splitter--accent-error:after {
  background-color: var(--cui-accent-error-semi-40);
}
.gc-btn-group__splitter--background-transparent {
  background-color: transparent;
}
@media (any-hover: none) {
  .gc-btn-group--header-default > *:first-child.gc-btn:hover:not([disabled]),
  .gc-btn-group--header-default > *:first-child.gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
  .gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn:hover:not([disabled]),
  .gc-btn-group--header-default > *:first-child.gc-combo > .gc-input:hover:not([disabled]) {
    background-color: var(--cui-neutral-100);
  }
}
.gc-dd__chevron {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 30px;
  height: var(--cui-block-size);
  transition: transform .2s ease-in-out;
  text-align: center;
  pointer-events: none;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
}
.gc-dd__chevron--accent-full {
  color: var(--cui-contrast-text);
}
.gc-dd__chevron.gc-size-sm {
  width: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
}
.gc-dd__chevron.gc-size-lg {
  width: 35px;
  font-size: var(--cui-icon-size-lg);
}
.gc-btn--level-warning + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-warning-500);
}
.gc-btn--level-error + .gc-dd__chevron.gc-accent-color {
  color: var(--cui-error-500);
}
.gc-btn--accent.gc-btn--transparent.gc-btn--level-warning:not(:hover) + .gc-dd__chevron {
  color: var(--cui-warning-500);
}
.gc-btn--accent.gc-btn--transparent.gc-btn--level-error:not(:hover) + .gc-dd__chevron {
  color: var(--cui-error-500);
}
.gc-dd {
  position: relative;
  display: inline-block;
  width: auto;
  height: var(--cui-block-size);
  vertical-align: top;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
}
.gc-dd *,
.gc-dd *:before,
.gc-dd *:after {
  box-sizing: border-box;
}
.gc-dd:after {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity .2s ease-in-out;
  pointer-events: none;
  opacity: 0;
  border: var(--cui-border-width) solid var(--cui-error-500);
  border-radius: inherit;
}
.gc-dd > .gc-btn {
  width: 100%;
}
.gc-dd--block {
  display: block;
}
.gc-dd--disabled .gc-dd__preview,
.gc-dd--disabled .gc-dd__chevron {
  opacity: .38;
}
.gc-dd--invalid:after {
  opacity: 1;
}
.gc-dd--invalid > .gc-btn:focus {
  outline: var(--cui-outline-error);
}
.gc-dd--with-preview > .gc-btn > .gc-btn__text {
  padding-left: 0;
}
.gc-dd--with-preview:not([class^=gc-size]) > .gc-btn {
  padding-left: var(--cui-block-size);
}
.gc-dd--with-preview.gc-size-sm > .gc-btn {
  padding-left: var(--cui-block-size-sm);
}
.gc-dd--with-preview.gc-size-sm > .gc-dd__preview {
  width: var(--cui-block-size-sm);
}
.gc-dd--with-preview.gc-size-lg > .gc-btn {
  padding-left: var(--cui-block-size-lg);
}
.gc-dd--with-preview.gc-size-lg > .gc-dd__preview {
  width: var(--cui-block-size-lg);
}
.gc-dd--chevron > .gc-dd__chevron {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gc-dd--chevron > .gc-btn {
  min-width: calc(var(--cui-block-size) + 30px);
}
.gc-dd--chevron > .gc-btn--custom {
  width: 100%;
  padding-right: 30px;
  padding-left: 15px;
}
.gc-dd--chevron > .gc-btn .gc-btn__text {
  padding-right: 30px;
}
.gc-dd--chevron.gc-size-sm > .gc-btn {
  min-width: calc(var(--cui-block-size-sm) + var(--cui-block-size-sm));
}
.gc-dd--chevron.gc-size-sm > .gc-btn--custom {
  padding-right: var(--cui-block-size-sm);
}
.gc-dd--chevron.gc-size-sm > .gc-btn .gc-btn__text {
  padding-right: var(--cui-block-size-sm) !important;
}
.gc-dd--chevron.gc-size-lg > .gc-btn {
  min-width: calc(var(--cui-block-size-lg) + 35px);
}
.gc-dd--chevron.gc-size-lg > .gc-btn--custom {
  padding-right: 35px;
}
.gc-dd--chevron.gc-size-lg > .gc-btn .gc-btn__text {
  padding-right: 35px;
}
.gc-dd--menu-open > .gc-dd__chevron:not(.gc-dd__chevron--custom) {
  transform: rotate(180deg);
}
.gc-dd--placeholder-text:not(.gc-dd--disabled) > .gc-btn .gc-btn__text {
  opacity: .38;
}
.gc-dd__toggle-content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-dd__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
@media (any-hover: none) {
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-warning + .gc-dd__chevron {
    color: var(--cui-warning-500);
  }
  .gc-btn--accent.gc-btn--transparent.gc-btn--level-error + .gc-dd__chevron {
    color: var(--cui-error-500);
  }
}
@keyframes gc-menu-show {
  0% {
    transform: scale(.25);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.gc-portal-root--dropdown .gc-positioner {
  z-index: var(--cui-z-dropdown);
}
.gc-dd-menu {
  transform-origin: right top;
  animation: gc-menu-show .2s 1 ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-menu);
  outline: 1px solid var(--cui-neutral-50);
  font-family: var(--cui-text-family);
}
.gc-dd-menu *,
.gc-dd-menu *:before,
.gc-dd-menu *:after {
  box-sizing: border-box;
}
.gc-dd-menu--dropup {
  transform-origin: right bottom;
}
.gc-dd-menu--multiselect .gc-dd-menu__item {
  padding-left: 0;
}
.gc-dd-menu--multiselect .gc-dd-menu__item.gc-size-sm {
  padding-left: var(--cui-padding-xs);
}
.gc-dd-menu--align-center {
  transform-origin: left top;
  animation: gc-menu-show .2s 1 ease-in-out both;
}
.gc-dd-menu--align-center.gc-dd-menu--dropup {
  transform-origin: left bottom;
}
.gc-dd-menu--align-left {
  transform-origin: left top;
}
.gc-dd-menu--align-left.gc-dd-menu--dropup {
  transform-origin: left bottom;
}
.gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: calc(var(--cui-padding) * .5) 0;
}
.gc-dd-menu__resizer {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 2px dotted #acacac;
  margin: 3px;
}
.gc-dd-menu__resizer:after {
  content: "";
  display: block;
  position: absolute;
  left: -6px;
  top: -6px;
  width: 24px;
  height: 24px;
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected > i {
  color: var(--cui-contrast-text);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):active {
  background-color: var(--cui-primary-700);
}
.gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused {
  outline: var(--cui-outline-contrast);
}
.gc-dd-menu--custom .gc-dd-menu__scroll > .gc-scrollbars__view {
  padding: 0;
}
.gc-dd-menu__header.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}
.gc-dd-menu__header.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}
.gc-dd-menu__divider {
  display: block;
  width: calc(100% - var(--cui-padding) * 2);
  height: 1px;
  margin: 7px var(--cui-padding);
  background-color: var(--cui-neutral-50);
}
.gc-dd-menu__group-dd {
  display: block;
  opacity: 1;
}
.gc-dd-menu__group-dd--transition {
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.gc-dd-menu__group-dd--hidden {
  display: none;
}
.gc-dd-menu__group-dd:hover {
  display: block;
  opacity: 1;
}
.gc-dd-menu__item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0 var(--cui-padding);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border: 0;
  border-radius: 0;
  outline-offset: var(--cui-outline-offset);
  background-color: transparent;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
  align-items: center;
}
.gc-dd-menu__item--with-preview {
  padding-left: var(--cui-padding-xs);
}
.gc-dd-menu__item--with-preview.gc-size-sm {
  padding-left: var(--cui-padding-sm);
}
.gc-dd-menu__item--with-preview.gc-size-lg {
  padding-left: 0;
}
.gc-dd-menu__item > .gc-dd-menu__item-preview {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.gc-dd-menu__item > span {
  overflow: hidden;
  flex: 1 1 auto;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gc-dd-menu__item > .gc-icon {
  display: flex;
  width: var(--cui-icon-size);
  height: var(--cui-block-size);
  margin-right: var(--cui-padding);
  text-align: center;
  font-size: var(--cui-icon-size);
  line-height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-dd-menu__item:focus {
  outline: none;
  box-shadow: none;
}
.gc-dd-menu__item::-moz-focus-inner {
  border: 0;
}
.gc-dd-menu__item:not([disabled]):not(.disabled):hover {
  background-color: var(--cui-neutral-100);
}
.gc-dd-menu__item:not([disabled]):not(.disabled):active {
  background-color: var(--cui-neutral-100);
}
.gc-dd-menu__item--focused {
  outline: var(--cui-outline);
}
.gc-dd-menu__item--disabled {
  opacity: .62;
}
.gc-dd-menu__item.gc-size-sm > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-xs);
}
.gc-dd-menu__item.gc-size-sm > .gc-icon {
  width: var(--cui-icon-size-sm);
  height: var(--cui-block-size-sm);
  margin-right: var(--cui-padding-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-dd-menu__item.gc-size-lg > .gc-dd-menu__item-preview {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.gc-dd-menu__item.gc-size-lg > .gc-icon {
  width: var(--cui-icon-size-lg);
  height: var(--cui-block-size-lg);
  margin-right: var(--cui-padding);
  font-size: var(--cui-icon-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-dd-menu__item.gc-dd-menu__group {
  padding: 0 5px 0 15px;
}
.gc-dd-menu__item.gc-dd-menu__group .gc-dd-menu__group-icon {
  margin-right: 0;
  opacity: .5;
}
@media (any-hover: none) {
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-primary-500);
  }
  .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused:hover {
    background-color: var(--cui-primary-700) !important;
  }
  .gc-dd-menu__item:not([disabled]):not(.disabled):hover {
    background-color: var(--cui-bg-body);
  }
}
.gc-check__mark {
  position: absolute;
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid transparent;
  border-radius: var(--cui-border-radius);
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
}
.gc-check__mark:before,
.gc-check__mark:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  opacity: 0;
}
.gc-check__mark:before {
  width: 42.5%;
  height: 72.5%;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform-origin: 30% 0;
  border: 2px solid var(--cui-white);
  border-top: 0;
  border-left: 0;
}
.gc-check__mark:after {
  width: 50%;
  height: 50%;
  transform: scale(0) translate(-50%, -50%);
  transform-origin: 0 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
}
.gc-check__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark {
  background-color: var(--cui-primary-500);
}
.gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark:before {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
}
.gc-check__input--indeterminate + .gc-check__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.gc-check__input--indeterminate + .gc-check__mark:after {
  transition: opacity .2s ease-in-out, transform .2s ease-in-out;
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.gc-check {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
}
.gc-check *,
.gc-check *:before,
.gc-check *:after {
  box-sizing: border-box;
}
.gc-check:hover .gc-check__mark {
  border-color: var(--cui-neutral-100);
}
.gc-check--block {
  display: block;
}
.gc-check--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-check--invalid .gc-check__mark {
  border-color: var(--cui-error-500) !important;
}
.gc-check--invalid .gc-check__input:focus + .gc-check__mark {
  outline: var(--cui-outline-error);
}
.gc-check--invalid .gc-check__input:checked + .gc-check__mark {
  background-color: var(--cui-error-500);
}
.gc-check--invalid .gc-check__input--indeterminate + .gc-check__mark {
  background-color: var(--cui-error-500);
}
.gc-check--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}
.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-sm);
  left: auto;
}
.gc-check.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-check.gc-size-sm .gc-check__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}
.gc-check.gc-size-sm.gc-check--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}
.gc-check.gc-size-sm.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding-xs);
  left: auto;
}
.gc-check.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-check.gc-size-lg .gc-check__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}
.gc-check.gc-size-lg.gc-check--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}
.gc-check.gc-size-lg.gc-check--align-left .gc-check__mark {
  right: var(--cui-padding);
  left: auto;
}
@media (any-hover: none) {
  .gc-check:hover .gc-check__mark {
    border-color: var(--cui-neutral-50);
  }
}
.gc-radio__mark {
  position: absolute;
  top: var(--cui-padding-sm);
  left: var(--cui-padding-sm);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid transparent;
  border-radius: 50%;
  outline-offset: 2px;
  background-color: var(--cui-neutral-50);
}
.gc-radio__mark:before {
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  content: "";
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  transform: scale(0);
  opacity: 0;
  background-image:
    radial-gradient(
      var(--cui-white),
      var(--cui-white) 28%,
      transparent 32%);
}
.gc-radio__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-radio__input:checked + .gc-radio__mark {
  border-color: var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.gc-radio__input:checked + .gc-radio__mark:before {
  transform: scale(1);
  opacity: 1;
}
.gc-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: var(--cui-block-size);
  padding: 0 0 0 var(--cui-block-size);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
}
.gc-radio *,
.gc-radio *:before,
.gc-radio *:after {
  box-sizing: border-box;
}
.gc-radio:hover .gc-radio__mark {
  border-color: var(--cui-neutral-100);
}
.gc-radio--block {
  display: block;
}
.gc-radio--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-radio--invalid .gc-radio__mark {
  border-color: var(--cui-error-500) !important;
}
.gc-radio--invalid .gc-radio__input:focus + .gc-radio__mark {
  outline: var(--cui-outline-error);
}
.gc-radio--invalid .gc-radio__input:checked + .gc-radio__mark {
  background-color: var(--cui-error-500);
}
.gc-radio--align-left {
  padding: 0 var(--cui-block-size) 0 0;
  text-align: right;
}
.gc-radio--align-left > .gc-radio__mark {
  right: var(--cui-padding-sm);
  left: auto;
}
.gc-radio.gc-size-sm {
  padding: 0 0 0 var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-radio.gc-size-sm .gc-radio__mark {
  top: var(--cui-padding-xs);
  left: var(--cui-padding-xs);
}
.gc-radio.gc-size-sm.gc-radio--align-left {
  padding: 0 var(--cui-block-size-sm) 0 0;
}
.gc-radio.gc-size-sm.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding-xs);
  left: auto;
}
.gc-radio.gc-size-lg {
  padding: 0 0 0 var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-radio.gc-size-lg .gc-radio__mark {
  top: var(--cui-padding);
  left: var(--cui-padding);
}
.gc-radio.gc-size-lg.gc-radio--align-left {
  padding: 0 var(--cui-block-size-lg) 0 0;
}
.gc-radio.gc-size-lg.gc-radio--align-left .gc-radio__mark {
  right: var(--cui-padding);
  left: auto;
}
@media (any-hover: none) {
  .gc-radio:hover .gc-radio__mark {
    border-color: var(--cui-neutral-50);
  }
}
.gc-toggle__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline);
  box-shadow: none;
}
.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark {
  background-color: var(--cui-primary-500);
}
.gc-toggle__input:checked:not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  transform: translate(calc(var(--cui-block-size) - var(--cui-padding-sm) * 2));
  background-color: var(--cui-white);
}
.gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  left: 50%;
  transition: border-color .2s ease-in-out;
  transform: translate(-50%);
  border: 2px solid var(--cui-text-color);
  background-color: transparent;
}
.gc-toggle__mark {
  position: relative;
  flex: 0 0 auto;
  width: calc((var(--cui-block-size) - var(--cui-padding-sm) * 2) * 2);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2);
  margin: var(--cui-padding-sm) var(--cui-padding) var(--cui-padding-sm) 0;
  transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
  border: 2px solid transparent;
  border-radius: calc((var(--cui-block-size) - var(--cui-padding-sm) * 2) * .5);
  outline-offset: 2px;
  background-color: var(--cui-btn-bg);
}
.gc-toggle__mark:after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2 - 10px);
  height: calc(var(--cui-block-size) - var(--cui-padding-sm) * 2 - 10px);
  content: "";
  transition: background-color .2s ease-in-out, transform .2s ease-in-out;
  border-radius: 50%;
  background-color: var(--cui-text-color);
}
.gc-toggle {
  position: relative;
  display: inline-flex;
  height: var(--cui-block-size);
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  vertical-align: top;
  color: var(--cui-text-color);
  border: none;
  background-color: transparent;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size);
}
.gc-toggle > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline;
}
.gc-toggle *,
.gc-toggle *:before,
.gc-toggle *:after {
  box-sizing: border-box;
}
.gc-toggle:hover > .gc-toggle__mark {
  border-color: var(--cui-btn-bg-hover);
}
.gc-toggle--block {
  display: flex;
}
.gc-toggle--block.gc-toggle--align-left {
  justify-content: flex-end;
}
.gc-toggle--align-left .gc-toggle__mark {
  margin-right: 0;
  margin-left: var(--cui-padding);
  order: 2;
}
.gc-toggle--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-toggle--invalid:hover > .gc-toggle__mark {
  border-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input:not(:checked):not(.gc-toggle__input--indeterminate) + .gc-toggle__mark:after {
  background-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input:focus + .gc-toggle__mark {
  outline: var(--cui-outline-error);
}
.gc-toggle--invalid > .gc-toggle__input:checked + .gc-toggle__mark {
  background-color: var(--cui-error-500);
}
.gc-toggle--invalid > .gc-toggle__input--indeterminate + .gc-toggle__mark:after {
  border-color: var(--cui-error-500);
}
.gc-toggle.gc-size-sm .gc-toggle__mark {
  margin-top: var(--cui-padding-xs);
  margin-bottom: var(--cui-padding-xs);
}
.gc-toggle.gc-size-lg .gc-toggle__mark {
  margin-top: var(--cui-padding);
  margin-bottom: var(--cui-padding);
}
@media (any-hover: none) {
  .gc-toggle:hover > .gc-toggle__mark {
    border-color: transparent;
  }
  .gc-toggle--invalid:hover > .gc-toggle__mark {
    border-color: transparent;
  }
}
.gc-toolbar {
  position: relative;
  display: inline-flex;
}
.gc-toolbar *,
.gc-toolbar *:before,
.gc-toolbar *:after {
  box-sizing: border-box;
}
.gc-toolbar--block {
  display: flex;
  height: var(--cui-block-size);
}
.gc-toolbar--block .gc-toolbar__content-container {
  overflow: hidden;
}
.gc-toolbar--block .gc-toolbar__content {
  position: absolute;
}
.gc-toolbar--with-toggle > .gc-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-toolbar--with-toggle .gc-toolbar__content {
  padding-right: var(--cui-block-size);
}
.gc-toolbar--with-toggle .gc-toolbar__content:before {
  position: absolute;
  top: calc(0px - var(--cui-padding-xs));
  right: calc(0px - var(--cui-padding-xs));
  width: calc(100% + var(--cui-padding-xs) * 2);
  height: calc(100% + var(--cui-padding-xs) * 2);
  content: "";
  opacity: 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border);
}
.gc-toolbar--with-toggle.gc-size-lg .gc-toolbar__content {
  padding-right: var(--cui-block-size-lg);
}
.gc-toolbar--with-toggle.gc-size-sm .gc-toolbar__content {
  padding-right: var(--cui-block-size-sm);
}
.gc-toolbar--expanded {
  z-index: var(--cui-z-toolbar);
}
.gc-toolbar--expanded .gc-toolbar__content-container {
  overflow: visible;
}
.gc-toolbar--expanded .gc-toolbar__content:before {
  opacity: 1;
}
.gc-toolbar--no-wrap .gc-toolbar__content {
  position: relative;
  flex-wrap: nowrap;
}
.gc-toolbar--rounded .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius);
}
.gc-toolbar--rounded.gc-size-lg .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-lg);
}
.gc-toolbar--rounded.gc-size-sm .gc-toolbar__content:before {
  border-radius: var(--cui-rounded-radius-sm);
}
.gc-toolbar--dropup .gc-toolbar__content {
  top: auto;
  bottom: 0;
  flex-wrap: wrap-reverse;
}
.gc-toolbar--dropup .gc-toolbar__content:before {
  top: auto !important;
  bottom: calc(0px - var(--cui-padding-xs));
  box-shadow: var(--cui-shadow-border);
}
.gc-toolbar.gc-size-lg {
  height: var(--cui-block-size-lg);
}
.gc-toolbar.gc-size-sm {
  height: var(--cui-block-size-sm);
}
.gc-toolbar__content {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.gc-toolbar__content-container {
  position: relative;
  width: 100%;
}
.gc-toolbar__item-container {
  display: inline-block;
  flex: 0 0 auto;
  vertical-align: top;
}
.gc-toolbar__item-container--padding {
  padding: 0 var(--cui-padding-xs) 0 0;
}
.gc-toolbar__item-container--padding:last-of-type {
  padding: 0;
}
.gc-toolbar__splitter {
  position: relative;
  display: block;
  overflow: hidden;
  width: 1px;
  height: var(--cui-block-size);
}
.gc-toolbar__splitter:after {
  display: block;
  width: 1px;
  height: calc(var(--cui-block-size) * .5);
  margin: calc(var(--cui-block-size) * .25) 0;
  content: " ";
  background-color: var(--cui-bg-panels-border);
}
.gc-size-sm .gc-toolbar__splitter {
  height: var(--cui-block-size-sm);
}
.gc-size-sm .gc-toolbar__splitter:after {
  height: calc(var(--cui-block-size-sm) * .5);
  margin: calc(var(--cui-block-size-sm) * .25) 0;
}
.gc-size-lg .gc-toolbar__splitter {
  height: var(--cui-block-size-lg);
}
.gc-size-lg .gc-toolbar__splitter:after {
  height: calc(var(--cui-block-size-lg) * .5);
  margin: calc(var(--cui-block-size-lg) * .25) 0;
}
.gc-tabs {
  display: inline-block;
}
.gc-tabs--block {
  display: block;
}
.gc-tabs--simplified .gc-btn:after,
.gc-tabs--transparent .gc-btn:after {
  position: absolute;
  z-index: var(--cui-z-tooltip);
  bottom: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 1px;
  content: "";
  transition: width .2s ease-in-out;
  transform: translate(-50%);
  border-radius: var(--cui-border-radius);
}
.gc-tabs--simplified .gc-btn.selected:after,
.gc-tabs--transparent .gc-btn.selected:after {
  width: calc(100% - var(--cui-padding));
  height: 2px;
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after,
.gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
  width: 100%;
}
.gc-tabs--simplified .gc-btn:after {
  background-color: var(--cui-primary-700);
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
  color: var(--cui-primary-800);
  background-color: transparent;
}
.gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
  background-color: var(--cui-primary-800);
}
.gc-tabs--transparent .gc-btn {
  color: var(--cui-contrast-text-semi-40);
}
.gc-tabs--transparent .gc-btn:after {
  background-color: var(--cui-contrast-text);
}
.gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
  color: var(--cui-contrast-text);
  background-color: transparent;
}
.gc-tabs--transparent .gc-btn.selected {
  color: var(--cui-contrast-text);
  background-color: transparent;
}
@media (any-hover: none) {
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after,
  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after {
    width: 0;
  }
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-primary-700);
  }
  .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after {
    background-color: var(--cui-primary-700);
  }
  .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover {
    color: var(--cui-contrast-text-semi-40);
  }
}
.gc-input,
input[type=text].gc-input,
input[type=password].gc-input,
input[type=email].gc-input,
input[type=url].gc-input {
  box-sizing: border-box;
  height: var(--cui-block-size);
  padding: 0 var(--cui-padding-sm);
  transition:
    color .2s ease-in-out,
    background-color .2s ease-in-out,
    opacity .2s ease-in-out,
    border-color .2s ease-in-out;
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid transparent;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: calc(var(--cui-block-size) - var(--cui-border-width) * 2);
}
.gc-input:not([disabled]):hover,
input[type=text].gc-input:not([disabled]):hover,
input[type=password].gc-input:not([disabled]):hover,
input[type=email].gc-input:not([disabled]):hover,
input[type=url].gc-input:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}
.gc-input:not([disabled]):focus,
input[type=text].gc-input:not([disabled]):focus,
input[type=password].gc-input:not([disabled]):focus,
input[type=email].gc-input:not([disabled]):focus,
input[type=url].gc-input:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}
.gc-input::-moz-placeholder,
input[type=text].gc-input::-moz-placeholder,
input[type=password].gc-input::-moz-placeholder,
input[type=email].gc-input::-moz-placeholder,
input[type=url].gc-input::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}
.gc-input::placeholder,
input[type=text].gc-input::placeholder,
input[type=password].gc-input::placeholder,
input[type=email].gc-input::placeholder,
input[type=url].gc-input::placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}
.gc-input--block,
input[type=text].gc-input--block,
input[type=password].gc-input--block,
input[type=email].gc-input--block,
input[type=url].gc-input--block {
  display: block;
}
.gc-input--invalid,
input[type=text].gc-input--invalid,
input[type=password].gc-input--invalid,
input[type=email].gc-input--invalid,
input[type=url].gc-input--invalid {
  border-color: var(--cui-error-500);
}
.gc-input--invalid:not([disabled]):focus,
input[type=text].gc-input--invalid:not([disabled]):focus,
input[type=password].gc-input--invalid:not([disabled]):focus,
input[type=email].gc-input--invalid:not([disabled]):focus,
input[type=url].gc-input--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}
.gc-input--invalid:not([disabled]):hover,
input[type=text].gc-input--invalid:not([disabled]):hover,
input[type=password].gc-input--invalid:not([disabled]):hover,
input[type=email].gc-input--invalid:not([disabled]):hover,
input[type=url].gc-input--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}
.gc-input--text-align-center,
input[type=text].gc-input--text-align-center,
input[type=password].gc-input--text-align-center,
input[type=email].gc-input--text-align-center,
input[type=url].gc-input--text-align-center {
  text-align: center;
}
.gc-input--text-align-right,
input[type=text].gc-input--text-align-right,
input[type=password].gc-input--text-align-right,
input[type=email].gc-input--text-align-right,
input[type=url].gc-input--text-align-right {
  text-align: right;
}
.gc-input[disabled],
input[type=text].gc-input[disabled],
input[type=password].gc-input[disabled],
input[type=email].gc-input[disabled],
input[type=url].gc-input[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}
.gc-input[disabled]::-moz-placeholder,
input[type=text].gc-input[disabled]::-moz-placeholder,
input[type=password].gc-input[disabled]::-moz-placeholder,
input[type=email].gc-input[disabled]::-moz-placeholder,
input[type=url].gc-input[disabled]::-moz-placeholder {
  color: var(--cui-neutral-400);
}
.gc-input[disabled]::placeholder,
input[type=text].gc-input[disabled]::placeholder,
input[type=password].gc-input[disabled]::placeholder,
input[type=email].gc-input[disabled]::placeholder,
input[type=url].gc-input[disabled]::placeholder {
  color: var(--cui-neutral-400);
}
.gc-input.gc-size-sm,
input[type=text].gc-input.gc-size-sm,
input[type=password].gc-input.gc-size-sm,
input[type=email].gc-input.gc-size-sm,
input[type=url].gc-input.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-input.gc-size-lg,
input[type=text].gc-input.gc-size-lg,
input[type=password].gc-input.gc-size-lg,
input[type=email].gc-input.gc-size-lg,
input[type=url].gc-input.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-input.gc-size-xl,
input[type=text].gc-input.gc-size-xl,
input[type=password].gc-input.gc-size-xl,
input[type=email].gc-input.gc-size-xl,
input[type=url].gc-input.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}
textarea.gc-input {
  height: initial;
}
@media (any-hover: none) {
  .gc-input:not([disabled]):hover,
  input[type=text].gc-input:not([disabled]):hover,
  input[type=password].gc-input:not([disabled]):hover,
  input[type=email].gc-input:not([disabled]):hover,
  input[type=url].gc-input:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}
.gc-textarea,
textarea.gc-textarea {
  box-sizing: border-box;
  margin: 0;
  padding: calc((var(--cui-block-size) - var(--cui-border-width) * 2 - 25px) * .5) var(--cui-padding);
  resize: none;
  transition:
    color .2s ease-in-out,
    background-color .2s ease-in-out,
    opacity .2s ease-in-out,
    border-color .2s ease-in-out;
  vertical-align: top;
  color: var(--cui-text-color);
  border: var(--cui-border-width) solid transparent;
  border-radius: var(--cui-border-radius);
  outline-offset: var(--cui-outline-offset);
  background-color: var(--cui-neutral-50);
  box-shadow: none;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: 25px;
}
.gc-textarea:not([rows]),
textarea.gc-textarea:not([rows]) {
  height: var(--cui-block-size);
}
.gc-textarea:not([disabled]):hover,
textarea.gc-textarea:not([disabled]):hover {
  background-color: var(--cui-neutral-100);
}
.gc-textarea:not([disabled]):focus,
textarea.gc-textarea:not([disabled]):focus {
  outline: var(--cui-outline);
  background-color: var(--cui-neutral-100);
  box-shadow: none;
}
.gc-textarea::-moz-placeholder,
textarea.gc-textarea::-moz-placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}
.gc-textarea::placeholder,
textarea.gc-textarea::placeholder {
  color: var(--cui-neutral-400);
  font-weight: 400;
}
.gc-textarea--block,
textarea.gc-textarea--block {
  display: block;
}
.gc-textarea--resize-vertical,
textarea.gc-textarea--resize-vertical {
  resize: vertical;
}
.gc-textarea--resize-both,
textarea.gc-textarea--resize-both {
  resize: both;
}
.gc-textarea--invalid,
textarea.gc-textarea--invalid {
  border-color: var(--cui-error-500);
}
.gc-textarea--invalid:not([disabled]):focus,
textarea.gc-textarea--invalid:not([disabled]):focus {
  border-color: var(--cui-error-500);
  outline: var(--cui-outline-error);
}
.gc-textarea--invalid:not([disabled]):hover,
textarea.gc-textarea--invalid:not([disabled]):hover {
  border-color: var(--cui-error-500);
}
.gc-textarea--text-align-center,
textarea.gc-textarea--text-align-center {
  text-align: center;
}
.gc-textarea--text-align-right,
textarea.gc-textarea--text-align-right {
  text-align: right;
}
.gc-textarea[disabled],
textarea.gc-textarea[disabled] {
  cursor: default;
  color: var(--cui-neutral-300);
}
.gc-textarea[disabled]::-moz-placeholder,
textarea.gc-textarea[disabled]::-moz-placeholder {
  color: var(--cui-neutral-300);
}
.gc-textarea[disabled]::placeholder,
textarea.gc-textarea[disabled]::placeholder {
  color: var(--cui-neutral-300);
}
.gc-textarea--size-sm,
textarea.gc-textarea--size-sm {
  padding: calc((var(--cui-block-size-sm) - var(--cui-border-width) * 2 - 20px) * .5) var(--cui-padding);
  line-height: 20px;
}
.gc-textarea--size-sm:not([rows]),
textarea.gc-textarea--size-sm:not([rows]) {
  height: var(--cui-block-size-sm);
}
.gc-textarea--size-lg,
textarea.gc-textarea--size-lg {
  padding: calc((var(--cui-block-size-lg) - var(--cui-border-width) * 2 - 30px) * .5) var(--cui-padding);
  line-height: 30px;
}
.gc-textarea--size-lg:not([rows]),
textarea.gc-textarea--size-lg:not([rows]) {
  height: var(--cui-block-size-lg);
}
@media (any-hover: none) {
  .gc-textarea:not([disabled]):hover,
  textarea.gc-textarea:not([disabled]):hover {
    background-color: var(--cui-neutral-50);
  }
}
.gc-label {
  display: inline-grid;
  vertical-align: top;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: minmax(0, auto) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(0, auto) minmax(0, 1fr);
  grid-template-areas: "label" "content";
}
.gc-label *,
.gc-label *:before,
.gc-label *:after {
  box-sizing: border-box;
}
.gc-label .gc-label__label {
  width: 100%;
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label .gc-label__content {
  grid-area: content;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--block {
  display: grid;
}
.gc-label--position-left,
.gc-label--position-right {
  -ms-grid-columns: 33% 67%;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-columns: 33% 67%;
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "label content";
}
.gc-label--position-left .gc-label__label,
.gc-label--position-right .gc-label__label {
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-left .gc-label__content,
.gc-label--position-right .gc-label__content {
  width: 100%;
  grid-area: content;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.gc-label--position-left .gc-label__content > *,
.gc-label--position-right .gc-label__content > * {
  width: 100%;
}
.gc-label--position-left.gc-label--width-auto,
.gc-label--position-right.gc-label--width-auto {
  grid-template-columns: minmax(33%, auto) minmax(50%, 1fr);
}
.gc-label--position-left.gc-label--width-auto .gc-label__label,
.gc-label--position-right.gc-label--width-auto .gc-label__label,
.gc-label--position-left.gc-label--width-auto .gc-label__content,
.gc-label--position-right.gc-label--width-auto .gc-label__content {
  width: auto;
}
.gc-label--position-left .gc-label__label {
  padding-right: var(--cui-padding);
}
.gc-label--position-right {
  -ms-grid-columns: 67% 33%;
  -ms-grid-rows: minmax(0, 1fr);
  grid-template-columns: 67% 33%;
  grid-template-rows: minmax(0, 1fr);
  grid-template-areas: "content label";
}
.gc-label--position-right .gc-label__label {
  padding-left: var(--cui-padding);
  text-align: right;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.gc-label--position-right .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-right.gc-label--width-auto {
  grid-template-columns: minmax(50%, 1fr) minmax(33%, auto);
}
.gc-label--position-bottom {
  grid-template-rows: minmax(0, 1fr) minmax(0, auto);
  grid-template-areas: "content" "label";
}
.gc-label--position-bottom .gc-label__label {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--position-bottom .gc-label__content {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.gc-label--alignment-left .gc-label__label {
  text-align: left;
}
.gc-label--alignment-right .gc-label__label {
  text-align: right;
}
.gc-label--alignment-center .gc-label__label {
  text-align: center;
}
.gc-label--with-tooltip .gc-label__label {
  padding-right: var(--cui-icon-size);
}
.gc-label--with-icon .gc-label__label {
  padding: 0;
}
.gc-label--disabled .gc-label__label {
  opacity: .38;
}
.gc-label--with-tooltip.gc-label--position-right .gc-label__label {
  padding-right: 0;
  padding-left: var(--cui-icon-size);
}
.gc-label--with-tooltip.gc-label--position-right .gc-label__label > .gc-label__tooltip {
  right: initial;
  left: 0;
}
.gc-label__label {
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-wrap: nowrap;
  justify-content: center;
}
.gc-label__label > span {
  display: -webkit-box;
  overflow: hidden;
  flex: 0 0 auto;
  max-height: 30px;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.gc-label__label > span > b {
  color: var(--cui-primary-500);
}
.gc-label--size-small .gc-label__label {
  height: var(--cui-block-size-sm);
}
.gc-label--size-small .gc-label__icon {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.gc-label--size-large .gc-label__label {
  height: var(--cui-block-size-lg);
}
.gc-label--size-large .gc-label__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.gc-label__tooltip {
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  transform: translateY(-50%);
}
.gc-label__tooltip .gc-icon {
  display: flex;
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
  justify-content: center;
  align-items: center;
}
.gc-label__icon {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  justify-content: center;
  align-items: center;
}
.gc-appbar {
  display: flex;
  height: var(--cui-block-size);
}
.gc-appbar--legacy .gc-appbar__title {
  color: var(--cui-contrast-text);
}
.gc-appbar--legacy .gc-appbar__subtitle {
  color: var(--cui-contrast-text-semi-40);
}
.gc-appbar--legacy .gc-appbar__badge--accent {
  background-color: var(--cui-primary-700);
}
.gc-appbar--legacy .gc-menu__logo {
  height: var(--cui-block-size-lg);
}
.gc-appbar__logo-container {
  position: relative;
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__main-section {
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__title-section {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.gc-appbar__control-section {
  flex: 0 0 auto;
  height: 100%;
}
.gc-appbar__badge {
  display: block;
  flex: 0 0 auto;
  height: 20px;
  margin-left: var(--cui-padding);
  padding: 0 var(--cui-padding);
  color: var(--cui-text-color);
  border-radius: 10px;
  background-color: var(--cui-bg-panels-border);
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.gc-appbar__badge--error {
  color: var(--cui-contrast-text);
  background-color: var(--cui-error-500);
}
.gc-appbar__badge--warning {
  color: var(--cui-contrast-text);
  background-color: var(--cui-warning-500);
}
.gc-appbar__badge--accent {
  color: var(--cui-contrast-text);
  background-color: var(--cui-primary-500);
}
.gc-appbar__badge--clickable {
  cursor: default;
}
.gc-appbar__title {
  display: block;
  flex: 0 0 auto;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
}
.gc-appbar__subtitle {
  display: block;
  flex: 0 0 auto;
  padding-left: var(--cui-padding);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  font-style: italic;
}
.gc-menu__splitter {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 1px;
}
.gc-menu__splitter:after {
  display: block;
  width: calc(100% - var(--cui-padding-sm) * 2);
  height: 1px;
  margin-left: var(--cui-padding-sm);
  content: " ";
  background-color: var(--cui-menu-splitter);
}
.gc-menu__logo {
  width: var(--cui-block-size);
  height: calc(var(--cui-block-size) + 1px);
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-menu__logo--menu-size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu__logo--menu-size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu__logo--size-small {
  height: calc(var(--cui-block-size-sm) + 1px);
}
.gc-menu__logo--size-large {
  height: calc(var(--cui-block-size-lg) + 1px);
}
.gc-menu__logo--drawer {
  position: absolute;
  z-index: calc(var(--cui-z-overlay) + 1);
  top: 0;
  left: 0;
}
.gc-menu__logo--expanded {
  width: 180px;
}
.gc-menu__logo-placeholder {
  width: var(--cui-block-size);
}
.gc-menu__logo-placeholder--size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu__logo-placeholder--size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu__btn-container {
  position: relative;
  z-index: 1;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: var(--cui-block-size);
  height: 100%;
  transition: width .2s ease-in-out, background-color .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-menu__scrollable-buttons {
  position: relative;
  flex: 1 1 auto;
}
.gc-menu__panel-toggle {
  position: relative;
}
.gc-menu__panel-toggle .gc-btn__icon {
  transition: transform .2s ease-in-out;
}
.gc-menu__panel-toggle-chevron {
  position: absolute;
  top: 50%;
  left: calc(var(--cui-block-size) * .5);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  color: var(--cui-contrast-text-semi-40);
}
.gc-menu__panel-toggle-chevron--accent {
  color: var(--cui-accent-semi-60);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
  transform: translate(-5px);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
  transform: translate(-50%, -50%) translate(12px);
  opacity: 1;
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
  transform: translate(-3px);
}
.gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron,
.gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  transform: translate(-50%, -50%) translate(9px);
  opacity: 1;
}
.gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-sm) * .5);
}
.gc-menu__panel-toggle--size-large .gc-menu__panel-toggle-chevron {
  left: calc(var(--cui-block-size-lg) * .5);
}
.gc-menu-panel {
  overflow-x: hidden;
}
.gc-menu-panel--fill-container {
  overflow: hidden;
  height: 100%;
}
.gc-menu-panel--notifications > .gc-notification-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  padding-bottom: 0;
  order: 2;
}
.gc-menu-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}
.gc-menu-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-menu__panel-container {
  width: 230px;
  height: 100%;
  margin-left: -230px;
  transition: margin .2s ease-in-out;
  background-color: var(--cui-bg-panels);
  will-change: margin;
}
.gc-menu__panel-container--visible {
  margin-left: 0 !important;
}
@keyframes gc-pin-appear-animation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes gc-pin-feedback {
  50% {
    transform: scale(.7);
  }
}
.gc-menu__panel-header {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size);
  margin: 0;
  padding: 0 var(--cui-block-size) 0 var(--cui-padding);
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--cui-primary-700);
  box-shadow: 0 -1px 0 0 var(--cui-neutral-100) inset;
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size);
}
.gc-menu__panel-header > .gc-btn-pin {
  position: absolute;
  right: var(--cui-padding-xs);
  bottom: var(--cui-padding-xs);
  animation-name: gc-pin-appear-animation;
  animation-duration: var(--cui-trn-length);
  animation-timing-function: ease-in-out;
}
.gc-menu__panel-header > .gc-btn-pin .gc-btn__icon {
  transition: transform .2s ease-in-out;
}
.gc-menu__panel-header > .gc-btn-pin--pinned .gc-btn__icon {
  animation: gc-pin-feedback .2s ease-out;
}
.gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size));
  box-shadow: -1px 0 0 0 var(--cui-neutral-100) inset;
}
.gc-menu {
  position: relative;
  z-index: var(--cui-z-overlay);
  display: flex;
  height: 100%;
}
.gc-menu *,
.gc-menu *:before,
.gc-menu *:after {
  box-sizing: border-box;
}
.gc-menu--drawer {
  width: var(--cui-block-size);
}
.gc-menu--drawer .gc-menu__btn-container {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-menu--drawer .gc-menu__panel-container {
  position: absolute;
  top: 0;
  left: var(--cui-block-size);
}
.gc-menu--drawer.gc-menu--size-small {
  width: var(--cui-block-size-sm);
}
.gc-menu--drawer.gc-menu--size-small .gc-menu__panel-container {
  left: var(--cui-block-size-sm);
}
.gc-menu--drawer.gc-menu--size-large {
  width: var(--cui-block-size-lg);
}
.gc-menu--drawer.gc-menu--size-large .gc-menu__panel-container {
  left: var(--cui-block-size-lg);
}
.gc-menu--size-small .gc-menu__btn-container {
  width: var(--cui-block-size-sm);
}
.gc-menu--size-small .gc-menu__panel-header {
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-block-size-sm) 0 var(--cui-padding);
  line-height: var(--cui-block-size-sm);
}
.gc-menu--size-small .gc-menu__panel-header > .gc-btn-pin {
  right: 0;
  bottom: 0;
}
.gc-menu--size-small .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-sm));
}
.gc-menu--size-large .gc-menu__btn-container {
  width: var(--cui-block-size-lg);
}
.gc-menu--size-large .gc-menu__panel-header {
  height: var(--cui-block-size-lg);
  padding: 0 var(--cui-block-size-lg) 0 var(--cui-padding);
  line-height: var(--cui-block-size-lg);
}
.gc-menu--size-large .gc-menu__panel-content {
  height: calc(100% - var(--cui-block-size-lg));
}
.gc-menu--expanded .gc-menu__btn-container {
  width: 180px;
}
.gc-menu--legacy .gc-menu__btn-container {
  background-color: var(--cui-bg-panels);
}
.gc-menu--legacy .gc-menu__splitter:after {
  background-color: var(--cui-bg-panels-border);
}
@media (any-hover: none) {
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-btn__icon,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon {
    transform: none;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled) .gc-menu__panel-toggle-chevron,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-btn__icon,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon {
    transform: none;
  }
  .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron):not(.gc-menu__panel-toggle--disabled).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron,
  .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron {
    transform: translate(-50%, -50%);
    opacity: 0;
  }
}
.gc-sidebar {
  position: relative;
  flex: 1 0 auto;
  height: 100%;
  transition: width .2s ease-in-out;
}
.gc-sidebar > .gc-sidebar__menu {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-sidebar[class*=--size] > .gc-sidebar__menu > .gc-tabs {
  max-width: calc(100% - var(--cui-block-size-sm));
}
.gc-sidebar--collapsed {
  width: 0 !important;
}
.gc-sidebar--collapsed .gc-sidebar__container {
  overflow: visible;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area {
  left: -19px;
  width: 19px;
  pointer-events: none;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button {
  top: calc(50% - 25px);
  height: 50px;
  pointer-events: all;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:before {
  top: 18px;
  left: 35%;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:after {
  top: 24px;
  left: 35%;
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(40deg);
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(-40deg);
}
.gc-sidebar--collapsed .gc-sidebar__toggle-area-bar {
  top: calc(50% - 25px);
  right: 0;
  left: auto;
  height: 50px;
  margin: 0;
}
.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-sm);
}
.gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-sm));
}
.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size);
}
.gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size));
}
.gc-sidebar__menu {
  display: flex;
  box-sizing: border-box;
  padding-right: var(--cui-padding-xs);
  transition: width .2s ease-in-out;
  justify-content: space-between;
  align-items: center;
}
.gc-sidebar__menu + .gc-sidebar__container {
  padding-top: var(--cui-block-size-lg);
}
.gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area {
  height: calc(100% - var(--cui-block-size-lg));
}
.gc-sidebar__menu > .gc-tabs {
  overflow: hidden;
  max-width: calc(100% - var(--cui-block-size));
}
.gc-sidebar__menu--hidden-toggles {
  justify-content: flex-end;
}
.gc-sidebar__menu .ci-sidebar-toggle__arrow {
  transition: transform .2s ease-in-out;
  transform-origin: center center;
}
.gc-sidebar__menu--collapsed .ci-sidebar-toggle__arrow {
  transform: scale(-1) translate(4px);
}
.gc-sidebar__container {
  height: 100%;
  background-color: var(--cui-bg-panels);
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
}
.gc-sidebar-panel {
  overflow-x: hidden;
}
.gc-sidebar-panel--fill-container {
  overflow: hidden;
  height: 100%;
}
.gc-sidebar-panel--notifications > .gc-notification-details {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__content {
  flex: 1 0 auto;
  padding-bottom: 0;
  order: 2;
}
.gc-sidebar-panel--notifications > .gc-notification-details .gc-notification-details__action {
  padding-bottom: var(--cui-padding-sm);
  order: 1;
}
.gc-sidebar-panel__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-sidebar__toggle-area {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: var(--cui-padding);
  height: 100%;
}
.gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
  opacity: 1;
}
.gc-sidebar__toggle-area-button {
  position: absolute;
  top: calc(50% - 18px);
  left: 0;
  width: 100%;
  height: 36px;
  cursor: pointer;
  transition: opacity .2s ease-in-out;
  opacity: 0;
  border: none;
  outline: none;
  background: none;
}
.gc-sidebar__toggle-area-button:before,
.gc-sidebar__toggle-area-button:after {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 8px;
  content: "";
  transition: transform .2s ease-in-out, opacity .3s ease-in-out;
  transform: rotate(0);
  background-color: var(--cui-primary-500);
}
.gc-sidebar__toggle-area-button:before {
  top: 10px;
  transform-origin: 1px 7px;
}
.gc-sidebar__toggle-area-button:after {
  top: 16px;
  transform-origin: 1px 1px;
}
.gc-sidebar__toggle-area-button:hover:before {
  transform: rotate(-40deg);
}
.gc-sidebar__toggle-area-button:hover:after {
  transform: rotate(40deg);
}
.gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
  transform: scaleY(1);
}
.gc-sidebar__toggle-area-bar {
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: calc(100% - var(--cui-padding));
  margin: calc(var(--cui-padding) * .5) 0;
  transition: transform .2s ease-in-out;
  transform: scaleY(0);
  transform-origin: center;
  pointer-events: none;
  background-color: var(--cui-primary-500);
}
@media (any-hover: none) {
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before {
    transform: none;
  }
  .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }
  .gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button {
    opacity: 0;
  }
  .gc-sidebar__toggle-area-button:hover:before {
    transform: none;
  }
  .gc-sidebar__toggle-area-button:hover:after {
    transform: none;
  }
  .gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar {
    transform: none;
  }
}
.gc-combo {
  position: relative;
  display: inline-block;
  width: auto;
  height: 40px;
  vertical-align: top;
  color: #333;
  font-size: 12px;
}
.gc-combo *,
.gc-combo *:before,
.gc-combo *:after {
  box-sizing: border-box;
}
.gc-combo > .gc-input {
  width: 100%;
  text-overflow: ellipsis;
}
.gc-combo:not([class^=gc-size]) > .gc-input {
  padding-right: 40px;
}
.gc-combo--block {
  display: block;
}
.gc-combo--with-preview:not([class^=gc-size]) > .gc-input {
  padding-left: var(--cui-block-size);
}
.gc-combo--with-preview.gc-size-sm > .gc-input {
  padding-left: var(--cui-block-size-sm);
}
.gc-combo--with-preview.gc-size-sm > .gc-combo__preview {
  width: var(--cui-block-size-sm);
}
.gc-combo--with-preview.gc-size-lg > .gc-input {
  padding-left: var(--cui-block-size-lg);
}
.gc-combo--with-preview.gc-size-lg > .gc-combo__preview {
  width: var(--cui-block-size-lg);
}
.gc-combo--disabled .gc-combo__preview {
  opacity: .38;
}
.gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::-moz-placeholder {
  color: var(--cui-text-color) !important;
}
.gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::placeholder {
  color: var(--cui-text-color) !important;
}
.gc-combo__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
.gc-combo .gc-dd {
  position: absolute;
  top: 0;
  right: 0;
}
.gc-combo .gc-dd > .gc-btn {
  width: 40px;
  min-width: auto;
  background: transparent;
}
.gc-combo .gc-dd > .gc-dd__chevron {
  width: 40px;
}
.gc-combo.gc-size-sm > .gc-input {
  padding-right: 30px;
}
.gc-combo.gc-size-sm .gc-dd > .gc-btn {
  width: 30px;
}
.gc-combo.gc-size-sm .gc-dd > .gc-dd__chevron {
  width: 30px;
}
.gc-combo.gc-size-lg > .gc-input {
  padding-right: 50px;
}
.gc-combo.gc-size-lg .gc-dd > .gc-btn {
  width: 50px;
}
.gc-combo.gc-size-lg .gc-dd > .gc-dd__chevron {
  width: 50px;
}
.gc-modal {
  --cui-modal-width: 600px;
  --cui-modal-icon-offset: calc((var(--cui-block-size) - var(--cui-icon-size)) * .5);
  --cui-block-size-padding: calc(var(--cui-block-size) + var(--cui-padding-sm) * 2);
  padding: 0;
  border: none;
  margin: 0;
  overflow: visible;
  display: block;
  max-width: unset;
  max-height: unset;
  color: var(--cui-text-color);
}
.gc-modal::backdrop {
  background-color: var(--cui-overlay);
}
.gc-modal--ff-esr::backdrop {
  background-color: #00000026;
}
.gc-modal--default {
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -moz-max-content;
  max-height: max-content;
  width: var(--cui-modal-width);
  border-radius: var(--cui-border-radius);
  outline: none;
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.gc-modal.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}
.gc-modal.gc-rounded .gc-modal__header {
  border-radius: var(--cui-rounded-radius) var(--cui-rounded-radius) 0 0;
}
.gc-modal.gc-rounded .gc-modal__footer {
  border-radius: 0 0 var(--cui-rounded-radius) var(--cui-rounded-radius);
}
.gc-modal.gc-rounded .gc-modal__resize-handle-wrapper {
  padding-right: var(--cui-padding-xs);
  padding-bottom: var(--cui-padding-xs);
}
.gc-modal.gc-rounded .gc-modal__resize-handle {
  width: 12px;
  height: 12px;
  border-radius: 0 0 17px;
}
.gc-modal--level-warning .gc-modal__header {
  background-color: var(--cui-warning-500);
}
.gc-modal--level-warning .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-warning-700);
}
.gc-modal--level-error .gc-modal__header {
  background-color: var(--cui-error-500);
}
.gc-modal--level-error .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-error-700);
}
.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset) + var(--cui-icon-size) + var(--cui-padding));
}
.gc-modal__parent-container {
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  overflow: auto;
  width: 100%;
  min-height: 100%;
}
.gc-modal__header {
  display: grid;
  min-height: var(--cui-block-size-padding);
  padding: var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding);
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius) var(--cui-border-radius) 0 0;
  background-color: var(--cui-primary-500);
  align-items: center;
  grid-template-areas: "title title btn";
  grid-template-columns: var(--cui-block-size-padding) auto var(--cui-block-size-padding);
}
.gc-modal__header--centered-title {
  position: relative;
  min-height: var(--cui-block-size-padding);
  padding-right: var(--cui-padding-sm);
  grid-template-areas: ". title btn";
  grid-auto-columns: auto var(--cui-block-size);
}
.gc-modal__header--centered-title > .gc-modal__title-box {
  text-align: center;
}
.gc-modal__icon {
  position: absolute;
  top: var(--cui-padding-sm);
  left: calc(var(--cui-padding-sm) + var(--cui-modal-icon-offset));
  display: flex;
  height: var(--cui-block-size);
  align-items: center;
}
.gc-modal__title-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  grid-area: title;
  display: inline-grid;
}
.gc-modal__title {
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis;
  font-weight: 400;
  line-height: 20px;
}
.gc-modal__subtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--cui-contrast-text-semi-40);
  font-size: var(--cui-text-size-lg);
  font-style: italic;
  line-height: 23px;
}
.gc-modal__close-btn {
  margin: 0 0 auto auto;
  grid-area: btn;
}
.gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-modal__message {
  padding: var(--cui-padding) var(--cui-padding) var(--cui-padding-sm);
  overflow-wrap: anywhere;
  font-size: var(--cui-text-size-lg);
}
.gc-modal__content {
  display: flex;
  flex-direction: column;
}
.gc-modal__footer {
  position: relative;
  display: flex;
  padding: var(--cui-padding-sm);
  border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  align-items: center;
  justify-content: flex-end;
}
.gc-modal__footer > .gc-btn,
.gc-modal__footer .gc-btn-group {
  min-width: 100px;
}
.gc-modal__footer > .gc-btn + .gc-btn,
.gc-modal__footer > .gc-btn .gc-btn-group,
.gc-modal__footer .gc-btn-group + .gc-btn,
.gc-modal__footer .gc-btn-group .gc-btn-group {
  margin-left: 15px;
}
.gc-modal__footer > .gc-btn {
  text-align: center;
}
.gc-modal__footer > .gc-btn-group .gc-btn {
  width: 100%;
  text-align: center;
}
.gc-modal__footer--align-left {
  justify-content: flex-start;
}
.gc-modal__footer--align-center {
  justify-content: center;
}
.gc-modal__footer--align-spread {
  justify-content: space-between;
}
.gc-modal__right-control {
  margin-left: auto !important;
}
.gc-modal__resize-handle-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 3px;
}
.gc-modal__resize-handle {
  width: 9px;
  height: 9px;
  transition: border-color .2s;
  border-right: 2px dotted #acacac;
  border-bottom: 2px dotted #acacac;
}
.gc-modal__resize-handle-wrapper:hover .gc-modal__resize-handle {
  border-right: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
}
.gc-message-box.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) {
  padding-left: calc(var(--cui-icon-size) * .5 + var(--cui-icon-size) + var(--cui-padding));
}
.gc-message-box .gc-modal__header {
  position: relative;
  min-height: auto;
  padding: 0;
}
.gc-message-box .gc-modal__header--centered-title {
  min-height: auto;
}
.gc-message-box .gc-modal__header > .gc-modal__icon {
  top: 0;
  left: calc(var(--cui-icon-size) * .5);
}
.gc-message-box .gc-modal__header > .gc-modal__title-box {
  padding: var(--cui-padding-sm);
}
.gc-message-box .gc-modal__footer {
  background-color: transparent;
}
.gc-accent-color {
  color: var(--cui-primary-700);
}
.gc-accent-background {
  background-color: var(--cui-primary-500);
}
.gc-accent-fill {
  fill: var(--cui-primary-500);
}
.gc-secondary-accent-fill {
  fill: var(--cui-secondary-500);
}
.gc-contrast-fill {
  fill: var(--cui-white);
}
.gc-rounded,
input[type=text].gc-rounded,
input[type=password].gc-rounded,
input[type=email].gc-rounded,
input[type=url].gc-rounded,
textarea.gc-rounded {
  border-radius: var(--cui-rounded-radius);
}
.gc-rounded.gc-size-sm,
input[type=text].gc-rounded.gc-size-sm,
input[type=password].gc-rounded.gc-size-sm,
input[type=email].gc-rounded.gc-size-sm,
input[type=url].gc-rounded.gc-size-sm,
textarea.gc-rounded.gc-size-sm {
  border-radius: var(--cui-rounded-radius-sm);
}
.gc-rounded.gc-size-lg,
input[type=text].gc-rounded.gc-size-lg,
input[type=password].gc-rounded.gc-size-lg,
input[type=email].gc-rounded.gc-size-lg,
input[type=url].gc-rounded.gc-size-lg,
textarea.gc-rounded.gc-size-lg {
  border-radius: var(--cui-rounded-radius-lg);
}
.gc-rounded.gc-size-xl,
input[type=text].gc-rounded.gc-size-xl,
input[type=password].gc-rounded.gc-size-xl,
input[type=email].gc-rounded.gc-size-xl,
input[type=url].gc-rounded.gc-size-xl,
textarea.gc-rounded.gc-size-xl {
  border-radius: var(--cui-rounded-radius-xl);
}
.gc-size-sm {
  height: var(--cui-block-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-size-lg {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-size-xl {
  height: var(--cui-block-size-xl);
  line-height: var(--cui-block-size-xl);
}
.gc-dd-adjustment {
  transition-timing-function: ease-out;
  transition-duration: .15s;
  transition-property:
    left,
    right,
    top;
}
.gc-property-grid {
  width: 100%;
  height: 100%;
  padding-top: var(--cui-padding);
}
.gc-property-grid .gc-property-grid__header {
  position: relative;
  display: flex;
  margin: 0 var(--cui-padding) calc(var(--cui-padding-xs) * 2);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button {
  width: 100%;
  padding: 0;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__text {
  width: 100%;
  padding: 0;
  transition: opacity .2s ease-in-out;
  text-align: center;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__icon {
  right: 0;
  left: auto;
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode {
  position: static;
  width: auto;
  min-width: var(--cui-block-size-xl);
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
}
.gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode > .gc-btn__text {
  position: static;
  opacity: .5;
  color: var(--cui-contrast-text);
  font-size: var(--cui-text-size-sm);
}
.gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.gc-property-grid .gc-property-grid__header > .gc-dd {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.gc-property-grid .gc-property-grid__header > .gc-dd + .gc-btn {
  padding: 0 calc(var(--cui-block-size-sm) * 2);
}
.gc-property-grid .gc-property-grid__header > .gc-dd + .gc-btn .gc-btn__icon {
  right: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-grid__header .gc-btn > .gc-btn__icon {
  transition: color .2s ease-in-out, opacity .2s ease-in-out;
}
.gc-property-grid .gc-property-grid__header .gc-btn:not(:hover) > .gc-btn__icon {
  opacity: .5;
  color: var(--cui-contrast-text);
}
.gc-property-grid .gc-property-grid__header > .gc-input {
  flex: 1 0 auto;
  padding-right: var(--cui-block-size-sm);
  text-overflow: ellipsis;
  color: var(--cui-contrast-text);
  border-radius: 0 var(--cui-border-radius) var(--cui-border-radius) 0;
  background-color: var(--cui-primary-500);
}
.gc-property-grid .gc-property-grid__header > .gc-input::-moz-placeholder {
  color: var(--cui-contrast-text-semi-40);
}
.gc-property-grid .gc-property-grid__header > .gc-input::placeholder {
  color: var(--cui-contrast-text-semi-40);
}
.gc-property-grid .gc-property-grid__header > .gc-input:focus,
.gc-property-grid .gc-property-grid__header > .gc-input:hover {
  border-color: transparent !important;
  background-color: var(--cui-primary-700) !important;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs {
  display: flex;
  width: 0;
  padding-left: var(--cui-block-size-sm);
  order: 1;
  flex-grow: 1;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn-group {
  flex: 1 1 auto;
  width: 0;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn {
  flex: 1 1 auto;
  width: 50%;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-tabs .gc-btn:after {
  content: none;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button {
  width: auto;
  padding: 0 !important;
  order: 2;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-property-grid__button > .gc-btn__icon {
  right: 0;
}
.gc-property-grid .gc-property-grid__header--with-tabs:not([class*=search-view]) > .gc-dd {
  position: relative;
  order: 3;
}
.gc-property-grid .gc-property-grid__container {
  height: calc(100% - (var(--cui-block-size-sm) + var(--cui-padding-xs) * 2));
}
.gc-property-grid .gc-property-category {
  padding: 0 var(--cui-padding);
}
.gc-property-list__placeholder {
  padding: var(--cui-padding);
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-property-grid .gc-property-list__placeholder {
  padding: 0 var(--cui-padding);
}
.gc-property-grid__container {
  overflow-x: hidden;
  height: 100%;
}
.gc-property-category {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
}
.gc-property-category .gc-label__content {
  overflow: hidden;
}
.gc-property-category__flex-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.gc-property-category__content:empty + .gc-property-category__title {
  display: none;
}
.gc-property-category__title {
  order: 1;
}
.gc-property-category__content {
  margin-bottom: var(--cui-padding-xs);
  order: 2;
}
.gc-property-category__content:empty {
  margin-bottom: 0;
}
.gc-property-category__content > * {
  margin-bottom: var(--cui-padding-xs);
}
.gc-property-category__content--collapsed {
  display: none;
}
.gc-unknown-editor {
  height: var(--cui-block-size-sm);
  margin-bottom: var(--cui-padding-xs);
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
@media (any-hover: none) {
  .gc-property-grid .gc-property-grid__header .gc-btn:hover > .gc-btn__icon {
    opacity: .5;
    color: var(--cui-contrast-text);
  }
  .gc-property-grid .gc-property-grid__header > .gc-input:hover:not(:focus) {
    border-color: transparent !important;
    background-color: var(--cui-primary-500) !important;
  }
}
.gc-collection-editor {
  position: relative;
}
.gc-collection-editor--dragging * {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gc-collection-editor--expanded {
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding) var(--cui-padding) var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
}
.gc-collection-editor--expanded:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
}
.gc-collection-editor--disabled .gc-collection-editor__main > .gc-collection-editor__counter {
  color: var(--cui-neutral-300);
}
.gc-collection-editor--transparent {
  background-color: transparent;
}
.gc-collection-editor--transparent:before {
  content: none;
}
.gc-collection-editor__item {
  display: flex;
}
.gc-collection-editor__item > *:not(.gc-collection-editor__item-actions) {
  width: 0;
  flex-grow: 1;
}
.gc-collection-editor__item-actions {
  display: flex;
  margin-right: var(--cui-padding-xs);
  flex-shrink: 0;
}
.gc-collection-editor__item-actions > .gc-btn + .gc-btn {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__item + .gc-collection-editor__item {
  padding-top: var(--cui-padding-xs);
}
.gc-collection-editor__main {
  display: flex;
  justify-content: flex-end;
}
.gc-collection-editor__main > .gc-btn {
  flex-shrink: 0;
}
.gc-collection-editor__main > * + * {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__main .gc-collection-editor__counter {
  display: block;
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-semi-60);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.gc-collection-editor__arrows {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--cui-block-size-sm);
  justify-content: center;
}
.gc-collection-editor__arrows > .gc-btn {
  position: absolute;
  width: 100%;
  height: calc(var(--cui-block-size-sm) * .5);
}
.gc-collection-editor__arrows > .gc-btn .gc-btn__text {
  height: 100%;
  padding: 0 !important;
}
.gc-collection-editor__arrows > .gc-btn .gc-btn__icon {
  position: static;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.gc-collection-editor__arrows .gc-collection-editor__arrow-up {
  top: 0;
  left: 0;
}
.gc-collection-editor__arrows .gc-collection-editor__arrow-down {
  bottom: 0;
  left: 0;
}
.gc-collection-editor__arrows + .gc-btn {
  margin-left: var(--cui-padding-xs);
}
.gc-collection-editor__items {
  position: relative;
}
.gc-collection-editor__items:only-child {
  padding-top: var(--cui-padding);
}
.gc-collection-editor__item--dragged {
  pointer-events: none;
  opacity: 0;
}
.gc-collection-editor__clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  box-shadow: var(--cui-prop-editors-drag-shadow);
}
.gc-collection-editor__clone .gc-collection-editor__item {
  opacity: .8;
}
.gc-collection-editor__empty {
  display: flex;
  height: var(--cui-block-size-sm);
  margin-top: var(--cui-padding);
  color: var(--cui-text-semi-60);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
}
.gc-collection-editor__header {
  overflow: hidden;
  margin: var(--cui-padding-xs) 0;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
}
.gc-collection-editor__header--offset-1 {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-xs));
}
.gc-collection-editor__header--offset-2 {
  padding-left: calc(var(--cui-block-size-sm) * 2 + var(--cui-padding-xs) * 2);
}
.gc-side-editor .gc-expand-editor__content {
  flex-direction: row;
  flex-wrap: wrap;
}
.gc-side-editor--stretched .gc-side-editor__side:not([class*=--default]) {
  width: calc(50% + var(--cui-padding));
}
.gc-side-editor--stretched .gc-side-editor__side--left,
.gc-side-editor--stretched .gc-side-editor__side--right {
  margin-left: calc(0px - var(--cui-padding));
}
.gc-side-editor--stretched .gc-side-editor__side--top,
.gc-side-editor--stretched .gc-side-editor__side--bottom {
  margin-right: calc(0px - var(--cui-padding));
}
.gc-side-editor__side {
  width: 50%;
}
.gc-side-editor__side--default {
  width: 100%;
  order: 1;
}
.gc-side-editor__side--left {
  order: 2;
}
.gc-side-editor__side--top {
  order: 3;
}
.gc-side-editor__side--right {
  order: 4;
}
.gc-side-editor__side--bottom {
  order: 5;
}
.gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label {
  grid-template-columns: var(--cui-block-size-sm) minmax(0, 1fr);
}
.gc-binding-wrapper__content {
  flex: 1 1 auto;
  width: calc(100% - var(--cui-block-size-sm));
  max-width: calc(100% - var(--cui-block-size-sm));
}
.gc-binding-wrapper__toggle {
  width: var(--toggleSize);
  height: var(--toggleSize);
  margin: calc((var(--cui-block-size-sm) - var(--toggleSize)) / 2) auto;
  transition: background-color .2s ease-in-out, outline-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-300);
  outline-offset: 2px;
  outline-width: 2px;
  outline-style: solid;
  outline-color: transparent;
}
.gc-binding-wrapper {
  display: flex;
  --toggleSize: 12px;
}
.gc-binding-wrapper > .gc-dd {
  flex: 0 0 auto;
  width: var(--cui-block-size-sm);
  min-width: var(--cui-block-size-sm);
}
.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) {
  background-color: transparent;
}
.gc-binding-wrapper > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-neutral-300);
}
.gc-binding-wrapper--modified .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-modified);
}
.gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-modified);
}
.gc-binding-wrapper--bind .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-bind);
}
.gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
  outline-color: var(--cui-binding-bind);
}
@media (any-hover: none) {
  .gc-binding-wrapper > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: transparent;
  }
  .gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle,
  .gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle {
    outline-color: transparent;
  }
}
.gc-bool-editor {
  margin: 0 0 0 auto;
}
.gc-label:not([class*=--position]) .gc-bool-editor {
  margin: 0;
}
.gc-number-editor {
  display: flex;
}
.gc-number-editor > .gc-btn {
  flex: 0 0 auto;
}
.gc-number-editor > .gc-btn:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gc-number-editor > .gc-btn:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-number-editor > .gc-input {
  flex: 1 1 auto;
  border-radius: 0;
}
.gc-enum-editor .gc-btn__text {
  padding: 0 10px;
}
.gc-enum-editor--empty .gc-btn__text {
  opacity: .38;
}
.gc-color-palette {
  width: 100%;
}
.gc-color-palette *,
.gc-color-palette *:before,
.gc-color-palette *:after {
  box-sizing: border-box;
}
.gc-color-palette__colors {
  display: flex;
  width: 100%;
  padding: 0 calc(var(--cui-padding) - 5px);
  flex-wrap: wrap;
}
.gc-color-palette__heading.gc-heading {
  padding: 0 var(--cui-padding);
  color: var(--cui-text-semi-60);
}
.gc-color-palette__heading.gc-heading .gc-heading__divider {
  border-bottom: var(--cui-border-width) solid var(--cui-neutral-50);
}
.gc-color {
  display: flex;
  flex: 0 0 auto;
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 20px;
  padding: 0 5px;
}
.gc-color__main {
  position: relative;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border-radius: var(--cui-border-radius);
}
.gc-color__main:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color__main:hover:after {
  border: var(--cui-border-width) solid rgba(0, 0, 0, .4);
}
.gc-color__shades {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 15px;
  border-radius: var(--cui-border-radius);
}
.gc-color__shades:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  pointer-events: none;
  border: var(--cui-border-width) solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color__shades > div {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
}
.gc-color__shades > div:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  transition: border-color .2s ease-in-out;
  border: var(--cui-border-width) solid transparent;
}
.gc-color__shades > div:first-of-type:after {
  border-top-left-radius: var(--cui-border-radius);
  border-bottom-left-radius: var(--cui-border-radius);
}
.gc-color__shades > div:last-of-type:after {
  border-top-right-radius: var(--cui-border-radius);
  border-bottom-right-radius: var(--cui-border-radius);
}
.gc-color__shades > div:hover:after {
  border: var(--cui-border-width) solid rgba(0, 0, 0, .4);
}
.gc-color-picker {
  display: flex;
  flex-wrap: wrap;
}
.gc-color-picker *,
.gc-color-picker *:before,
.gc-color-picker *:after {
  box-sizing: border-box;
}
.gc-color-picker__preview {
  flex: 0 0 auto;
  width: calc(var(--cui-block-size-sm) * 3);
  height: calc(var(--cui-block-size-sm) * 3);
  margin-right: var(--cui-padding);
  border: 1px solid var(--cui-overlay);
  border-radius: var(--cui-border-radius);
}
.gc-color-picker__preview:hover {
  border: 4px solid var(--cui-overlay);
}
.gc-color-picker__settings {
  flex: 1 1 auto;
}
.gc-color-picker__settings > span {
  display: block;
  height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: var(--cui-text-size-sm);
  line-height: 15px;
}
.gc-color-picker__inputs {
  display: flex;
  width: 100%;
}
.gc-color-picker__hex .gc-label,
.gc-color-picker__rgb .gc-label {
  width: 100%;
}
.gc-color-picker__hex .gc-label .gc-label__label,
.gc-color-picker__rgb .gc-label .gc-label__label {
  align-items: center;
}
.gc-color-picker__hex .gc-input,
.gc-color-picker__rgb .gc-input {
  display: block;
  width: 100%;
}
.gc-color-picker__hex {
  flex: 0 0 auto;
  width: calc(var(--cui-block-size-sm) * 3);
  margin-right: var(--cui-padding);
}
.gc-color-picker__rgb {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
}
.gc-color-picker__rgb .gc-label {
  flex: 0 0 auto;
  width: calc(33.3% - 4px);
}
.gc-color-picker__slider {
  border: 1px solid var(--cui-dd-divider);
}
.gc-color-dropdown {
  width: 300px;
  padding-bottom: var(--cui-padding);
}
.gc-color-dropdown *,
.gc-color-dropdown *:before,
.gc-color-dropdown *:after {
  box-sizing: border-box;
}
.gc-color-dropdown > .gc-btn-group {
  margin: var(--cui-padding);
  margin-bottom: calc(var(--cui-padding) / 3);
}
.gc-color-dropdown > .gc-color-dropdown__web-colors {
  margin: var(--cui-padding);
  margin-bottom: 0;
}
.gc-color-dropdown > .gc-color-dropdown__web-colors .gc-dd-menu__item--with-preview.gc-size-sm {
  padding: 0;
}
.gc-color-dropdown > .gc-color-picker {
  margin: var(--cui-padding);
  margin-bottom: 0;
}
.gc-color-dropdown > .gc-slider {
  margin: 0 var(--cui-padding);
}
.gc-color-dropdown__web-color {
  width: 15px;
  height: 15px;
  border-radius: var(--cui-border-radius);
}
@media (any-hover: none) {
  .gc-color__main:hover:after {
    border: var(--cui-border-width) solid var(--cui-overlay);
  }
  .gc-color__shades > div:hover:after {
    border: var(--cui-border-width) solid transparent;
  }
  .gc-color-picker__preview:hover {
    border: 1px solid var(--cui-overlay);
  }
}
@keyframes cui_a_step_dot_appear {
  0% {
    opacity: 0;
    transform: scale(1) rotateY(-180deg);
  }
  50% {
    opacity: 1;
  }
  62% {
    opacity: 1;
    transform: scale(1) rotateY(35deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotateY(0);
  }
}
@keyframes cui_a_step_dot_disappear {
  0% {
    opacity: 1;
    transform: scale(1) rotateY(0);
  }
  50% {
    opacity: 0;
  }
  62% {
    opacity: 0;
    transform: scale(1) rotateY(-215deg);
  }
  to {
    opacity: 0;
    transform: scale(1) rotateY(-180deg);
  }
}
.cui-step {
  align-self: stretch;
  justify-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  font-size: var(--cui-text-size);
  border-radius: var(--cui-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 2;
}
.cui-step--left {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.cui-step--top,
.cui-step--bottom {
  flex-direction: column;
  align-items: stretch;
}
.cui-step--top > .cui-step__decor,
.cui-step--bottom > .cui-step__decor {
  margin: 0 auto;
}
.cui-step--top {
  flex-direction: column-reverse;
  justify-content: flex-end;
}
.cui-step--neutral:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}
.cui-step--primary:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--primary:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}
.cui-step--warning:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--warning:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}
.cui-step--error:not(.cui-step--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-step--error:is(.cui-step--inverted) {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}
button.cui-step {
  margin: 0;
  padding: 0;
  text-align: left;
  background: none;
  border: none;
}
button.cui-step:hover,
button.cui-step:focus-visible {
  outline: none;
}
button.cui-step:hover .cui-step__decor > div,
button.cui-step:focus-visible .cui-step__decor > div {
  box-shadow: 0 0 0 2px var(--cui-steps-background), 0 0 0 4px var(--cui-step-fill);
}
.cui-step__decor {
  flex: 0 0 var(--cui-block-size-lg);
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  place-items: center center;
}
.cui-step__decor > div {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  border-radius: 50%;
  line-height: .9;
  background-color: var(--cui-step-background);
  color: var(--cui-step-dot-color);
  outline: 1px solid var(--cui-step-background);
  outline-offset: -1px;
  transition:
    outline .2s ease-in-out,
    background-color .4s ease-in-out,
    color .4s ease-in-out,
    box-shadow .2s ease-in-out;
}
.cui-step__decor > [data-complete] {
  color: var(--cui-step-dot-color-complete);
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
  outline-width: 2px;
  outline-offset: -2px;
}
.cui-step__decor--default > [data-default],
.cui-step__decor--current > [data-default] {
  opacity: 1;
}
.cui-step__decor--default > [data-complete],
.cui-step__decor--current > [data-complete] {
  opacity: 0;
}
.cui-step__decor--complete > [data-default] {
  opacity: 0;
}
.cui-step__decor--complete > [data-complete] {
  opacity: 1;
}
.cui-step__decor--to-default > [data-default] {
  animation: cui_a_step_dot_appear .4s ease-in-out;
}
.cui-step__decor--to-default > [data-complete] {
  animation: cui_a_step_dot_disappear .4s ease-in-out;
}
.cui-step__decor--to-complete > [data-default] {
  animation: cui_a_step_dot_disappear .4s ease-in-out;
}
.cui-step__decor--to-complete > [data-complete] {
  animation: cui_a_step_dot_appear .4s ease-in-out;
}
.cui-step__text {
  display: flex;
  background-color: var(--cui-steps-background);
  flex: 1 1 minmax(auto, 100%);
  flex-direction: column;
  overflow: hidden;
  padding: 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: flex-start;
  color: var(--cui-step-color);
}
.cui-step__text--reverse {
  flex-direction: column-reverse;
}
.cui-step__text > span {
  flex: 0 0 auto;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.cui-step__text > [data-details] {
  color: var(--cui-step-color-details);
}
.cui-step__text--left {
  text-align: right;
}
.cui-step__text--top,
.cui-step__text--bottom {
  text-align: center;
}
.cui-steps {
  display: grid;
  --cui-steps-background: var(--cui-bg-panels);
  --cui-step-background: var(--cui-neutral-50);
  --cui-step-background-semi: var(--cui-neutral-100);
  --cui-step-background-solid: var(--cui-neutral-200);
  --cui-step-outline: var(--cui-neutral-300);
  --cui-step-fill: var(--cui-neutral-500);
  --cui-step-color: var(--cui-neutral-700);
  --cui-step-color-details: var(--cui-neutral-400);
  --cui-step-dot-color: var(--cui-neutral-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps .indicator_dummy,
.cui-steps .indicator {
  border-radius: var(--cui-border-radius);
  align-self: center;
  justify-self: stretch;
}
.cui-steps .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-background);
}
.cui-steps .indicator {
  background-color: var(--cui-step-fill);
  transition: all .4s ease-in-out;
}
.cui-steps--vertical .indicator_dummy,
.cui-steps--vertical .indicator {
  align-self: stretch;
  justify-self: center;
}
.cui-steps--outlined .indicator_dummy {
  background-color: var(--cui-step-background);
  outline: 1px solid var(--cui-step-outline);
}
.cui-steps--outlined .cui-step__decor > div {
  outline-color: var(--cui-step-outline);
  background-color: var(--cui-step-background);
}
.cui-steps--outlined .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--outlined .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--semi .indicator_dummy {
  background-color: var(--cui-step-background-semi);
  outline: 1px solid var(--cui-step-background-semi);
}
.cui-steps--semi .cui-step__decor > div {
  background-color: var(--cui-step-background-semi);
  outline-color: var(--cui-step-background-semi);
}
.cui-steps--semi .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--semi .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--solid .indicator_dummy {
  background-color: var(--cui-step-background-solid);
  outline: 1px solid var(--cui-step-background-solid);
}
.cui-steps--solid .cui-step__decor > div {
  background-color: var(--cui-step-background-solid);
  outline-color: var(--cui-step-background-solid);
}
.cui-steps--solid .cui-step__decor--current > [data-default] {
  outline-color: var(--cui-step-fill);
}
.cui-steps--solid .cui-step__decor > [data-complete] {
  background-color: var(--cui-step-fill);
  outline-color: var(--cui-step-fill);
}
.cui-steps--neutral:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-neutral-500);
  --cui-step-background: var(--cui-neutral-inverted-400);
  --cui-step-background-semi: var(--cui-neutral-inverted-300);
  --cui-step-background-solid: var(--cui-neutral-inverted-200);
  --cui-step-outline: var(--cui-neutral-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-neutral-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-neutral-500);
}
.cui-steps--primary:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-primary-50);
  --cui-step-background-semi: var(--cui-primary-100);
  --cui-step-background-solid: var(--cui-primary-200);
  --cui-step-outline: var(--cui-primary-300);
  --cui-step-fill: var(--cui-primary-500);
  --cui-step-color: var(--cui-primary-700);
  --cui-step-color-details: var(--cui-primary-400);
  --cui-step-dot-color: var(--cui-primary-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--primary:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-primary-500);
  --cui-step-background: var(--cui-primary-inverted-400);
  --cui-step-background-semi: var(--cui-primary-inverted-300);
  --cui-step-background-solid: var(--cui-primary-inverted-200);
  --cui-step-outline: var(--cui-primary-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-primary-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-primary-500);
}
.cui-steps--warning:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-warning-50);
  --cui-step-background-semi: var(--cui-warning-100);
  --cui-step-background-solid: var(--cui-warning-200);
  --cui-step-outline: var(--cui-warning-300);
  --cui-step-fill: var(--cui-warning-500);
  --cui-step-color: var(--cui-warning-700);
  --cui-step-color-details: var(--cui-warning-400);
  --cui-step-dot-color: var(--cui-warning-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--warning:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-warning-500);
  --cui-step-background: var(--cui-warning-inverted-400);
  --cui-step-background-semi: var(--cui-warning-inverted-300);
  --cui-step-background-solid: var(--cui-warning-inverted-200);
  --cui-step-outline: var(--cui-warning-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-warning-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-warning-500);
}
.cui-steps--error:not(.cui-steps--inverted) {
  --cui-step-background: var(--cui-error-50);
  --cui-step-background-semi: var(--cui-error-100);
  --cui-step-background-solid: var(--cui-error-200);
  --cui-step-outline: var(--cui-error-300);
  --cui-step-fill: var(--cui-error-500);
  --cui-step-color: var(--cui-error-700);
  --cui-step-color-details: var(--cui-error-400);
  --cui-step-dot-color: var(--cui-error-700);
  --cui-step-dot-color-complete: var(--cui-white);
}
.cui-steps--error:is(.cui-steps--inverted) {
  --cui-steps-background: var(--cui-error-500);
  --cui-step-background: var(--cui-error-inverted-400);
  --cui-step-background-semi: var(--cui-error-inverted-300);
  --cui-step-background-solid: var(--cui-error-inverted-200);
  --cui-step-outline: var(--cui-error-inverted-300);
  --cui-step-fill: var(--cui-white);
  --cui-step-color: var(--cui-white);
  --cui-step-color-details: var(--cui-error-inverted-300);
  --cui-step-dot-color: var(--cui-white);
  --cui-step-dot-color-complete: var(--cui-error-500);
}
@keyframes gc-progress-animation {
  0% {
    left: -40px;
    width: 40px;
  }
  50% {
    width: 300px;
  }
  to {
    left: 100%;
    width: 40px;
  }
}
.gc-progress {
  display: block;
  overflow: hidden;
  height: 20px;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-progressbar-bg);
  line-height: 20px;
}
.gc-progress--inline {
  display: inline-block;
}
.gc-progress--semi-transparent {
  background-color: var(--cui-progressbar-bg-semi);
}
.gc-progress--transparent {
  background-color: transparent;
}
.gc-progress--accent > .gc-progress__fill {
  background-color: var(--cui-primary-500);
}
.gc-progress--accent > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--pause-error > .gc-progress__fill {
  background-color: var(--cui-error-500);
}
.gc-progress--pause-error > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--pause-warning > .gc-progress__fill {
  background-color: var(--cui-warning-500);
}
.gc-progress--pause-warning > .gc-progress__value {
  color: var(--cui-contrast-text);
}
.gc-progress--indeterminate {
  position: relative;
}
.gc-progress--indeterminate > .gc-progress__fill {
  position: absolute;
  top: 0;
  animation-name: gc-progress-animation;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.gc-progress--indeterminate.gc-progress--pause-error > .gc-progress__fill {
  animation-play-state: paused;
}
.gc-progress--indeterminate.gc-progress--pause-warning > .gc-progress__fill {
  animation-play-state: paused;
}
.gc-progress.gc-size-sm {
  height: 2px;
}
.gc-progress.gc-size-lg {
  height: 40px;
  line-height: 40px;
}
.gc-progress__fill {
  overflow: visible;
  height: 100%;
  transition: width .2s ease-in-out;
  text-align: center;
  background-color: var(--cui-progress-fill-color);
}
.gc-progress__value {
  display: block;
  height: 100%;
  color: var(--cui-progress-value-color);
  font-size: var(--cui-text-size-sm);
}
.gc-slider {
  position: relative;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  display: block;
  transition: opacity .2s ease-in-out;
}
.gc-slider *,
.gc-slider *:before,
.gc-slider *:after {
  box-sizing: border-box;
}
.gc-slider--mode-X {
  width: auto;
  height: calc(var(--cui-block-size-sm) * .5);
}
.gc-slider--mode-X .gc-slider__background {
  top: 4px;
  height: calc(100% - 8px);
}
.gc-slider--mode-Y {
  width: calc(var(--cui-block-size-sm) * .5);
  height: calc(var(--cui-block-size-sm) * 5);
}
.gc-slider--mode-Y .gc-slider__background {
  left: 4px;
  width: calc(100% - 8px);
}
.gc-slider--mode-XY {
  width: calc(var(--cui-block-size-sm) * 5);
  height: calc(var(--cui-block-size-sm) * 5);
}
.gc-slider:hover .gc-slider__toggle:after {
  opacity: 1;
}
.gc-slider--disabled {
  pointer-events: none;
  opacity: .62;
}
.gc-slider--disabled .gc-slider__fill {
  opacity: 0 !important;
}
.gc-slider--invalid .gc-slider__toggle {
  background-color: var(--cui-error-500);
}
.gc-slider--invalid .gc-slider__background {
  background-color: var(--cui-accent-error-semi-40);
}
.gc-slider--invalid .gc-slider__fill {
  opacity: 0 !important;
}
.gc-slider__area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gc-slider__fill {
  position: absolute;
  transition: opacity .2s ease-in-out;
  background-color: var(--cui-primary-500);
}
.gc-slider__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
}
.gc-slider__toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--cui-block-size-sm) * .5);
  height: calc(var(--cui-block-size-sm) * .5);
  transition: background-color .2s ease-in-out;
  transform: translate(-50%) translateY(-50%);
  border: 2px solid white;
  border-radius: 50%;
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
}
.gc-slider__toggle[class*=--tooltip]:after {
  position: absolute;
  padding: 5px;
  content: attr(data-value);
  transition: opacity .2s ease-in-out;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-white);
  box-shadow: 0 0 5px -1px #0000001a;
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: 1;
}
.gc-slider__toggle--tooltip-top:after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -8px);
}
.gc-slider__toggle--tooltip-bottom:after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 8px);
}
.gc-slider__toggle--tooltip-right:after {
  top: 50%;
  left: 100%;
  transform: translate(8px, -50%);
}
.gc-slider__toggle--tooltip-left:after {
  top: 50%;
  right: 100%;
  transform: translate(-8px, -50%);
}
.gc-slider__toggle:active {
  z-index: 1;
}
.gc-slider__toggle:active:after {
  opacity: 1;
}
@media (any-hover: none) {
  .gc-slider:hover .gc-slider__toggle:after {
    opacity: 0;
  }
}
.gc-text-editor {
  position: relative;
}
.gc-text-editor__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size-sm);
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
.gc-text-editor__preview + .gc-input {
  padding-left: var(--cui-block-size-sm) !important;
}
.gc-expand-editor--expanded {
  position: relative;
  margin: var(--cui-border-width) calc(0px - var(--cui-padding)) var(--cui-padding);
  padding: 0 var(--cui-padding);
  outline: var(--cui-border-width) solid var(--cui-neutral-100);
}
.gc-expand-editor--expanded > .gc-expand-editor__main {
  margin-bottom: var(--cui-padding-xs);
}
.gc-expand-editor--expanded:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: var(--cui-block-size-sm);
  content: "";
  background-color: var(--cui-neutral-50);
}
.gc-expand-editor--transparent {
  background-color: transparent;
}
.gc-expand-editor--transparent:before {
  content: none;
}
.gc-expand-editor__main {
  position: relative;
}
.gc-expand-editor__main > .gc-label > .gc-label__content {
  padding-right: var(--cui-block-size-sm);
}
.gc-expand-editor__main > .gc-label > .gc-label__content > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.gc-expand-editor__toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--cui-block-size-sm);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-expand-editor__content {
  display: flex;
  flex-direction: column;
}
.gc-expand-editor__content > * {
  margin-bottom: var(--cui-padding-xs);
}
@keyframes gc-badge-show {
  0% {
    transform: scale(1) rotateX(90deg);
  }
  60% {
    transform: scale(1) rotateX(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes gc-badge-show-top-left {
  0% {
    transform: scale(1) rotateX(90deg) translate(-25%, -25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(-25%, -25%);
  }
  to {
    transform: scale(1) translate(-25%, -25%);
  }
}
@keyframes gc-badge-show-top-right {
  0% {
    transform: scale(1) rotateX(90deg) translate(25%, -25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(25%, -25%);
  }
  to {
    transform: scale(1) translate(25%, -25%);
  }
}
@keyframes gc-badge-show-bottom-left {
  0% {
    transform: scale(1) rotateX(90deg) translate(-25%, 25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(-25%, 25%);
  }
  to {
    transform: scale(1) translate(-25%, 25%);
  }
}
@keyframes gc-badge-show-bottom-right {
  0% {
    transform: scale(1) rotateX(90deg) translate(25%, 25%);
  }
  60% {
    transform: scale(1) rotateX(0) translate(25%, 25%);
  }
  to {
    transform: scale(1) translate(25%, 25%);
  }
}
.gc-badge {
  position: absolute;
  z-index: 1;
  display: flex;
  box-sizing: border-box;
  min-width: 20px;
  height: 20px;
  padding: var(--cui-padding-xs);
  cursor: default;
  animation: gc-badge-show .4s 1 ease-in-out;
  white-space: nowrap;
  color: var(--cui-contrast-text);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  font-size: var(--cui-text-size);
  line-height: 1;
  justify-content: center;
  align-items: center;
}
.gc-badge--size-sm {
  min-width: 15px;
  height: 15px;
  font-size: var(--cui-text-size-sm);
}
.gc-badge--size-lg {
  min-width: 25px;
  height: 25px;
  font-size: var(--cui-text-size-lg);
}
.gc-badge--top-left {
  top: 0;
  left: 0;
}
.gc-badge--top-left:not(.gc-badge--inset) {
  animation: gc-badge-show-top-left .4s 1 ease-in-out forwards;
}
.gc-badge--top-right {
  top: 0;
  right: 0;
}
.gc-badge--top-right:not(.gc-badge--inset) {
  animation: gc-badge-show-top-right .4s 1 ease-in-out forwards;
}
.gc-badge--bottom-left {
  bottom: 0;
  left: 0;
}
.gc-badge--bottom-left:not(.gc-badge--inset) {
  animation: gc-badge-show-bottom-left .4s 1 ease-in-out forwards;
}
.gc-badge--bottom-right {
  right: 0;
  bottom: 0;
}
.gc-badge--bottom-right:not(.gc-badge--inset) {
  animation: gc-badge-show-bottom-right .4s 1 ease-in-out forwards;
}
.gc-badge--rounded {
  border-radius: 10px;
}
.gc-badge--rounded.gc-badge--size-sm {
  border-radius: 7.5px;
}
.gc-badge--rounded.gc-badge--size-lg {
  border-radius: 12.5px;
}
.gc-badge--inline {
  position: relative;
  display: inline-flex;
}
.gc-badge--inline:last-child:not(:only-child) {
  margin-left: var(--cui-padding-xs);
}
.gc-badge--inline:first-child:not(:only-child) {
  margin-right: var(--cui-padding-xs);
}
.gc-badge--custom {
  padding: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
}
.gc-badge--custom.gc-badge--inline {
  height: 100%;
}
.gc-badge--level-warning {
  background-color: var(--cui-warning-500);
  pointer-events: auto;
}
.gc-badge--level-warning.gc-badge--inverted {
  color: var(--cui-warning-500);
}
.gc-badge--level-error {
  background-color: var(--cui-error-500);
  pointer-events: auto;
}
.gc-badge--level-error.gc-badge--inverted {
  color: var(--cui-error-500);
}
.gc-badge--inverted {
  color: var(--cui-primary-500);
  background-color: var(--cui-white);
  font-weight: 700;
}
.gc-badge--dot {
  width: 6px;
  min-width: auto;
  height: 6px;
  padding: 0;
  border-radius: 50%;
}
@keyframes gc-item-animation {
  0% {
    width: 0;
    height: 0;
  }
  33% {
    width: 60px;
    height: 60px;
  }
  66% {
    width: 60px;
    height: 60px;
  }
  to {
    width: 100%;
    height: 60px;
  }
}
@keyframes gc-item-mini-animation {
  0% {
    width: 0;
    height: 0;
  }
  33% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }
  66% {
    width: var(--cui-block-size-sm);
    height: var(--cui-block-size-sm);
  }
  to {
    width: 100%;
    height: var(--cui-block-size-sm);
  }
}
@keyframes gc-item-icon-animation {
  0% {
    transform: scale(0);
  }
  33% {
    transform: scale(1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes gc-expand-animation {
  0% {
    transform: scale(0) translate(-50%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes gc-task-loader-animation {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(.7);
  }
  to {
    transform: scale(1);
  }
}
@keyframes gc-timeout-bar-animation {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
@keyframes gc-appear-animation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gc-portal-root--notifications > .gc-positioner {
  z-index: var(--cui-z-notifications);
}
.gc-notifications-container {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 330px;
  max-width: 95vw;
  align-items: center;
}
.gc-notifications-container *,
.gc-notifications-container *:before,
.gc-notifications-container *:after {
  box-sizing: border-box;
}
.gc-notifications-container--position-bottom-center {
  margin: 0 0 var(--cui-block-size-sm) 0;
}
.gc-notifications-container--position-bottom-left {
  margin: 0 0 var(--cui-block-size-sm) calc(var(--cui-block-size-sm) * .5);
}
.gc-notifications-container--position-bottom-right {
  margin: 0 calc(var(--cui-block-size-sm) * .5) var(--cui-block-size-sm) 0;
}
.gc-notifications-container--position-top-center {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) 0 0 0;
}
.gc-notifications-container--position-top-left {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) 0 0 calc(var(--cui-block-size-sm) * .5);
}
.gc-notifications-container--position-top-right {
  flex-direction: column-reverse;
  margin: var(--cui-block-size-sm) calc(var(--cui-block-size-sm) * .5) 0 0;
}
.gc-notification {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  animation: gc-item-animation .8s 1;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-accent-bg);
  flex-shrink: 0;
}
.gc-notification__tag {
  display: flex;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transform-origin: top left;
  animation: gc-item-icon-animation .8s 1;
  text-align: center;
  border-radius: inherit;
  font-size: var(--cui-icon-size);
  line-height: 60px;
  justify-content: center;
  align-items: center;
}
.gc-notification__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 0;
  padding: 7px 15px 7px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  justify-content: center;
}
.gc-notification__caption,
.gc-notification__status {
  overflow: hidden;
  height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.gc-notification__status {
  opacity: .7;
  font-style: italic;
}
.gc-notification__actions {
  display: flex;
  flex: 1 1 auto;
  max-height: 50%;
  margin-left: -2px;
  align-items: center;
}
.gc-notification__actions > .gc-btn.gc-notification__button {
  overflow: hidden;
  height: 20px;
  margin-right: 5px;
  padding: 0 5px;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-notification-btn-bg);
  font-size: var(--cui-text-size-sm);
  line-height: 20px;
}
.gc-notification__actions > .gc-btn.gc-notification__button.gc-rounded {
  border-radius: 10px;
}
.gc-notification__actions > .gc-btn.gc-notification__button:hover {
  background-color: var(--cui-notification-btn-bg-hover);
}
.gc-notification__loader:before,
.gc-notification__loader:after {
  position: absolute;
  top: calc(50% - 5.5px);
  display: block;
  width: 11px;
  height: 11px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-notification__loader:before {
  left: calc(50% - 12px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-notification__loader:after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-notification__timeout-bar.gc-progress {
  position: absolute;
  top: 2px;
  left: 2px;
  overflow: hidden;
  width: calc(100% - 4px);
  height: 2px;
  animation: .8s gc-appear-animation ease-in forwards;
  opacity: 0;
  border-radius: 2px;
  background-color: var(--cui-contrast-semi-40);
}
.gc-notification__timeout-bar.gc-progress > .gc-progress__fill {
  width: 100%;
  animation: .8s gc-timeout-bar-animation .8s linear forwards;
  background-color: var(--cui-contrast-semi-40);
}
.gc-notification--rounded {
  border-radius: 30px;
}
.gc-notification .gc-notification__button.gc-btn,
.gc-notification .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}
.gc-notification .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-notification--info,
.gc-notification--info .gc-notification__button.gc-btn,
.gc-notification--info .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-primary-500);
}
.gc-notification--info .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--info .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-primary-700);
}
.gc-notification--warning,
.gc-notification--warning .gc-notification__button.gc-btn,
.gc-notification--warning .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-warning-500);
}
.gc-notification--warning .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--warning .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-warning-700);
}
.gc-notification--error,
.gc-notification--error .gc-notification__button.gc-btn,
.gc-notification--error .gc-notification__button-mini.gc-btn {
  background-color: var(--cui-error-500);
}
.gc-notification--error .gc-notification__button.gc-btn:not(:disabled):hover,
.gc-notification--error .gc-notification__button-mini.gc-btn:not(:disabled):hover {
  background-color: var(--cui-error-700);
}
.gc-notification--task:hover .gc-notification__tag > .gc-btn {
  display: block;
  opacity: 1;
}
.gc-notification--task:hover .gc-notification__loader {
  display: none;
  opacity: 0;
}
.gc-notification--task .gc-notification__tag {
  position: relative;
}
.gc-notification--task .gc-notification__tag > .gc-btn {
  display: none;
  transition: opacity 0s;
  opacity: 0;
}
.gc-notification--task .gc-progress {
  margin: 3px 0 0;
  background-color: var(--cui-contrast-semi-10);
}
.gc-notification--task .gc-progress > .gc-progress__fill {
  background-color: var(--cui-white);
}
.gc-notification--batch .gc-notification__tag {
  background-color: var(--cui-primary-500);
  font-size: 16px;
}
.gc-notification--batch .gc-notification__actions {
  max-height: none;
}
.gc-notification--batch .gc-notification__actions > .gc-notification__button {
  width: 50%;
  height: 30px;
  margin-right: 10px;
  text-align: center;
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  line-height: 30px;
}
.gc-notification--batch .gc-notification__actions > .gc-notification__button.gc-rounded {
  border-radius: 15px;
}
.gc-notification--batch.gc-notification--size-small .gc-notification__tag {
  font-size: var(--cui-text-size);
}
.gc-notification--batch.gc-notification--size-small .gc-notification__actions {
  margin-left: auto;
}
.gc-notification--batch.gc-notification--size-small .gc-notification__actions .gc-notification__button {
  padding: 0 var(--cui-padding-sm);
}
.gc-notification--size-small {
  height: var(--cui-block-size-sm);
  animation: gc-item-mini-animation .8s 1;
}
.gc-notification--size-small .gc-notification__tag {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  font-size: var(--cui-icon-size-sm);
  line-height: var(--cui-block-size-sm);
}
.gc-notification--size-small .gc-notification__content {
  flex-direction: row;
  padding: 0;
  justify-content: space-between;
  align-items: center;
}
.gc-notification--size-small .gc-notification__caption {
  height: var(--cui-block-size-sm);
  padding: 0 10px 0 0;
  line-height: var(--cui-block-size-sm);
}
.gc-notification--size-small .gc-notification__actions {
  flex: 0 0 auto;
  max-height: none;
}
.gc-notification--size-small .gc-notification__timeout-bar.gc-progress {
  height: 2px;
}
.gc-notification--size-small.gc-notification--task {
  position: relative;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag {
  z-index: 1;
  background-color: transparent;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:before,
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:after {
  position: absolute;
  top: calc(50% - 3.5px);
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:before {
  left: calc(50% - 8px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader:after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__button-mini {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content {
  border-radius: inherit;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-notification__caption {
  z-index: 1;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
}
.gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress.gc-size-sm > .gc-progress__fill {
  border-radius: inherit;
  background-color: var(--cui-primary-700);
}
.gc-notifications-modal {
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
  animation: gc-expand-animation .2s 1 ease-in-out forwards;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border);
}
.gc-notification-details {
  width: 330px;
  padding: var(--cui-padding) 0;
}
.gc-notification-details *,
.gc-notification-details *:before,
.gc-notification-details *:after {
  box-sizing: border-box;
}
.gc-notification-details__content {
  overflow: auto;
  height: 400px;
  padding-bottom: var(--cui-padding);
  font-size: var(--cui-text-size);
}
.gc-notification-details__category {
  padding: 0 var(--cui-padding);
}
.gc-notification-details__category + .gc-notification-details__category {
  margin-top: 5px;
}
.gc-notification-details__category--info {
  color: var(--cui-primary-700);
}
.gc-notification-details__category--info .gc-notification-details-item__main {
  background-color: var(--cui-accent-text-semi-10);
}
.gc-notification-details__category--warning {
  color: var(--cui-accent-warning-text);
}
.gc-notification-details__category--warning .gc-notification-details-item__main {
  background-color: var(--cui-accent-warning-text-semi-10);
}
.gc-notification-details__category--error {
  color: var(--cui-accent-error-text);
}
.gc-notification-details__category--error .gc-notification-details-item__main {
  background-color: var(--cui-accent-error-text-semi-10);
}
.gc-notification-details__action {
  padding: 0 var(--cui-padding);
}
.gc-notification-details-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--cui-border-radius);
}
.gc-notification-details-item:before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 2px;
  height: calc(100% - 10px);
  content: "";
  background-color: currentColor;
}
.gc-notification-details-item + .gc-notification-details-item {
  margin-top: 5px;
}
.gc-notification-details-item__main {
  display: flex;
  padding-left: var(--cui-padding);
  align-items: center;
  justify-content: space-between;
}
.gc-notification-details-item__main > .gc-btn-group {
  flex: 0 0 auto;
  align-self: flex-start;
}
.gc-notification-details-item__caption {
  display: flex;
  flex: 1 0 auto;
  width: 0;
  padding: 5px 0;
}
.gc-notification-details-item__caption > span {
  display: inline-block;
  overflow: hidden;
  max-height: 30px;
  vertical-align: middle;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 15px;
}
.gc-notification-details-item__content {
  padding: 5px 5px 5px var(--cui-padding);
  white-space: pre-line;
  word-wrap: break-word;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-panels);
}
@media (any-hover: none) {
  .gc-notification .gc-notification__button.gc-btn:hover,
  .gc-notification .gc-notification__button-mini.gc-btn:hover,
  .gc-notification--warning .gc-btn.gc-notification__button:hover,
  .gc-notification--warning .gc-btn.gc-notification__button-mini:hover,
  .gc-notification--error .gc-btn.gc-notification__button:hover,
  .gc-notification--error .gc-btn.gc-notification__button-mini:hover {
    background-color: var(--cui-notification-btn-bg);
  }
}
.gc-status-bar {
  display: flex;
  height: var(--cui-block-size-sm);
  background-color: inherit;
}
.gc-status-bar__items {
  background-color: inherit;
  flex-grow: 1;
}
.gc-status-bar__items .gc-toolbar,
.gc-status-bar__items .gc-toolbar__content,
.gc-status-bar__items .gc-toolbar__content:before {
  background-color: inherit;
}
.gc-status-bar__items .gc-toolbar__content {
  right: 0;
  left: auto;
  flex-direction: row-reverse;
  width: auto;
}
.gc-status-bar .gc-notifications-counter {
  display: flex;
}
.gc-status-bar .gc-notifications-counter__toggle.gc-dd--menu-open {
  background-color: var(--cui-bg-body);
}
.gc-notifications-counter__menu {
  box-shadow: 5px -5px 5px -5px #0000001a;
}
.gc-heading {
  display: flex;
  align-items: center;
}
.gc-heading__container {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--cui-padding-sm);
}
.gc-heading__text {
  overflow: hidden;
  min-width: 0;
  height: var(--cui-block-size-sm);
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  color: inherit;
  font-size: var(--cui-text-size);
  font-weight: 400;
  line-height: var(--cui-block-size-sm);
}
.gc-heading__divider {
  flex: 10 10 auto;
  min-width: 16px;
  border-bottom: var(--cui-border-width) solid;
}
.gc-heading__actions {
  flex: 0 0 auto;
}
.gc-heading--level-info .gc-heading__container {
  color: var(--cui-primary-700);
}
.gc-heading--level-warning .gc-heading__container {
  color: var(--cui-warning-500);
}
.gc-heading--level-error .gc-heading__container {
  color: var(--cui-error-500);
}
.gc-heading--size-md .gc-heading__text {
  height: var(--cui-block-size);
  line-height: var(--cui-block-size);
}
.gc-heading--size-lg .gc-heading__text {
  height: var(--cui-block-size-lg);
  line-height: var(--cui-block-size-lg);
}
.gc-heading--text-size-small .gc-heading__text {
  font-size: var(--cui-text-size-sm);
}
.gc-heading--text-size-large .gc-heading__text {
  font-size: var(--cui-text-size-lg);
}
.gc-heading--case-default .gc-heading__text {
  text-transform: none;
}
.gc-heading--align-center .gc-heading__container {
  justify-content: center;
}
.gc-heading--align-right .gc-heading__container {
  flex-direction: row-reverse;
}
.gc-heading--no-strike .gc-heading__divider {
  display: none;
}
.gc-heading--weight-light .gc-heading__text {
  font-weight: 300;
}
.gc-heading--weight-bold .gc-heading__text {
  font-weight: 700;
}
.gc-scrollbars:hover .gc-scrollbars__thumb,
.gc-scrollbars--no-hide .gc-scrollbars__thumb {
  opacity: 1;
}
.gc-scrollbars--contrast .gc-scrollbars__thumb:after {
  background-color: hsla(var(--primary-50), .2);
}
.gc-scrollbars--no-grow .gc-scrollbars__track--vertical {
  width: 4px;
}
.gc-scrollbars--no-grow .gc-scrollbars__track--horizontal {
  height: 4px;
}
.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--vertical {
  width: 2px;
}
.gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--horizontal {
  height: 2px;
}
.gc-scrollbars--size-sm .gc-scrollbars__thumb--vertical:after {
  max-width: 2px;
}
.gc-scrollbars--size-sm .gc-scrollbars__thumb--horizontal:after {
  max-height: 2px;
}
.gc-scrollbars__view {
  z-index: 0;
  overflow: scroll;
}
.gc-scrollbars__view--vertical {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}
.gc-scrollbars__view--horizontal {
  overflow-y: hidden;
  margin-right: 0 !important;
}
.gc-scrollbars__track {
  display: flex;
  pointer-events: none;
}
.gc-scrollbars__track--vertical {
  top: 2px;
  right: 0;
  bottom: 2px;
  width: 10px;
  justify-content: flex-end;
}
.gc-scrollbars__track--horizontal {
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 10px;
  align-content: flex-end;
}
.gc-scrollbars__thumb {
  pointer-events: all;
  opacity: 0;
}
.gc-scrollbars__thumb.is-dragged {
  opacity: 1;
}
.gc-scrollbars__thumb:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  transition: max-width .2s ease-in-out, max-height .2s ease-in-out;
  border-radius: 4px;
  background-color: hsla(var(--primary-900), .2);
}
.gc-scrollbars__thumb--vertical {
  transition: opacity .2s ease-in-out;
}
.gc-scrollbars__thumb--vertical:hover:after,
.gc-scrollbars__thumb--vertical.is-dragged:after {
  max-width: 8px;
}
.gc-scrollbars__thumb--vertical:after {
  top: 0;
  right: 2px;
  max-width: 4px;
}
.gc-scrollbars__thumb--horizontal {
  transition: opacity .2s ease-in-out;
}
.gc-scrollbars__thumb--horizontal:hover:after,
.gc-scrollbars__thumb--horizontal.is-dragged:after {
  max-height: 8px;
}
.gc-scrollbars__thumb--horizontal:after {
  bottom: 2px;
  left: 0;
  max-height: 4px;
}
@media (any-hover: none) {
  .gc-scrollbars__thumb--vertical:hover:after,
  .gc-scrollbars__thumb--vertical.is-dragged:after {
    max-width: 4px;
  }
  .gc-scrollbars__thumb--horizontal:hover:after,
  .gc-scrollbars__thumb--horizontal.is-dragged:after {
    max-height: 4px;
  }
}
.gc-treenode {
  position: relative;
}
.gc-treenode__subtree {
  padding-left: 20px;
}
.gc-treenode__subtree--outline > .gc-treenode:before {
  position: absolute;
  top: calc(var(--cui-block-size-sm) * .5);
  left: -5px;
  width: 3px;
  height: 1px;
  content: "";
  border-top: 1px solid var(--cui-treeview-outline-color);
}
.gc-treenode__subtree--outline > .gc-treenode:after {
  position: absolute;
  top: 0;
  left: -6px;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px solid var(--cui-treeview-outline-color);
}
.gc-treenode__subtree--outline > .gc-treenode:last-of-type:before {
  display: none;
}
.gc-treenode__subtree--outline > .gc-treenode:last-of-type:after {
  position: absolute;
  top: 0;
  left: -6px;
  width: 4px;
  height: calc(var(--cui-block-size-sm) * .5);
  content: "";
  border-width: 1px;
  border-style: none none solid solid;
  border-color: var(--cui-treeview-outline-color);
}
.gc-treeitem__icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  background-color: transparent !important;
}
.gc-treeitem__icon:hover {
  opacity: 1;
}
.gc-treeitem__text {
  width: 100%;
}
.gc-treeitem__text > .gc-btn__text {
  padding: 0 10px;
}
.gc-treeitem__text:not(:only-child) > .gc-btn__text {
  padding-left: var(--cui-block-size-sm);
}
@media (any-hover: none) {
  .gc-treeitem__icon {
    opacity: 1;
  }
}
.gc-checklist {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.gc-checklist *,
.gc-checklist *:before,
.gc-checklist *:after {
  box-sizing: border-box;
}
.gc-checklist--horizontal {
  flex-direction: row;
}
.gc-checklist--horizontal > .gc-check,
.gc-checklist--horizontal > .gc-radio {
  flex: 1 0 100%;
  max-width: 100%;
}
.gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-radio {
  max-width: calc(100% - 5px);
}
.gc-checklist--horizontal.gc-col-2 > .gc-check,
.gc-checklist--horizontal.gc-col-2 > .gc-radio {
  max-width: 50%;
}
.gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-radio {
  max-width: calc(50% - 5px);
}
.gc-checklist--horizontal.gc-col-3 > .gc-check,
.gc-checklist--horizontal.gc-col-3 > .gc-radio {
  max-width: 33.3333333333%;
}
.gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-radio {
  max-width: calc(33.3333333333% - 5px);
}
.gc-checklist--horizontal.gc-col-4 > .gc-check,
.gc-checklist--horizontal.gc-col-4 > .gc-radio {
  max-width: 25%;
}
.gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-radio {
  max-width: calc(25% - 5px);
}
.gc-checklist--horizontal.gc-col-5 > .gc-check,
.gc-checklist--horizontal.gc-col-5 > .gc-radio {
  max-width: 20%;
}
.gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-check,
.gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-radio {
  max-width: calc(20% - 5px);
}
.gc-checklist--align-center {
  align-items: center;
}
.gc-checklist--align-right {
  align-items: flex-end;
}
.gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-check + .gc-check,
.gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-radio + .gc-radio {
  margin-top: 5px;
}
.gc-checklist--with-offset.gc-checklist--horizontal {
  margin: -5px 0 0 -5px;
}
.gc-checklist--with-offset.gc-checklist--horizontal .gc-check,
.gc-checklist--with-offset.gc-checklist--horizontal .gc-radio {
  margin: 5px 0 0 5px;
}
.gc-datetime {
  --calendar-width: 261px;
  --header-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --footer-height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
  --calendar-height: 285px;
  display: flex;
  flex-direction: column;
  width: var(--calendar-width);
  height: calc(var(--header-height) + var(--calendar-height));
}
.gc-datetime__header {
  height: var(--header-height);
}
.gc-datetime__body {
  position: relative;
  flex: 1 1 auto;
  height: 0;
  padding: 0 var(--cui-padding) var(--cui-padding);
}
.gc-datetime__footer {
  display: flex;
  height: var(--footer-height);
  margin: 0 var(--cui-padding);
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  align-items: center;
}
.gc-datetime--barrel .gc-datetime__body {
  padding: 0 5px var(--cui-padding);
}
.gc-datetime--extended-1 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height));
}
.gc-datetime--extended-2 {
  height: calc(var(--header-height) + var(--calendar-height) + var(--footer-height) * 2);
}
@media screen and (max-width: 600px) {
  .gc-datetime {
    width: 100vw;
  }
}
.gc-datetime-header {
  display: grid;
  height: 100%;
  margin: 0 var(--cui-padding-sm);
  grid-auto-flow: column;
}
.gc-datetime-header > .gc-btn {
  align-self: center;
}
.gc-datetime-header > .gc-btn:last-child {
  justify-self: flex-end;
}
.gc-datetime-header > .gc-btn:first-child {
  justify-self: left;
}
.gc-datetime-header__buttons {
  display: grid;
  grid-auto-flow: column;
  justify-self: center;
}
.gc-datetime-header__title {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size-lg);
  font-weight: 700;
  align-self: center;
}
.gc-datetime-header--contrast .gc-datetime-header__title {
  color: var(--cui-contrast-text);
}
.gc-datetime-footer-time {
  font-size: var(--cui-text-size-lg);
  font-weight: 700;
}
.gc-datetime-footer-control {
  width: calc(50% - var(--cui-padding-sm) * .5);
}
.gc-datetime-footer-control:first-child {
  margin-right: var(--cui-padding-sm);
}
.gc-datetime-date {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gc-datetime-date--neighbor {
  color: var(--cui-text-semi-40);
}
.gc-datetime-date--today {
  color: var(--cui-primary-700);
  font-weight: 700;
}
.gc-datetime-date--today:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  content: "";
  transition: opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
}
.gc-datetime-date--selected {
  color: var(--cui-white);
  font-weight: 700;
}
.gc-datetime-date--selected:before {
  opacity: 0;
}
.gc-datetime-date--disabled {
  pointer-events: none;
  opacity: .38;
}
.gc-datetime-timer {
  position: absolute;
  top: 40%;
  left: 50%;
  display: flex;
  transform: translate(-50%, -50%);
}
.gc-datetime-timer__seconds {
  transform: translate(-55%, -50%);
}
.gc-datetime-timer__delimiter {
  display: flex;
  width: var(--cui-padding);
  font-size: var(--cui-text-size-xl);
  justify-content: center;
  align-items: center;
}
.gc-datetime-timer .gc-clock__value,
.gc-datetime-timer .gc-clock .gc-size-lg {
  width: var(--cui-block-size-lg);
  font-size: var(--cui-text-size-xl);
}
.gc-datetime-timer__daypart {
  position: absolute;
  top: 50%;
  right: calc(0px - var(--cui-block-size));
  width: var(--cui-block-size);
  transform: translateY(-50%);
}
.gc-datetime-timer__daypart-title {
  text-align: center;
  color: var(--cui-primary-700);
  line-height: calc(var(--cui-block-size-lg) * .5);
}
.gc-datetime-timer__daypart-title--selected {
  font-weight: 700;
}
.gc-datetime-barrel {
  display: flex;
  width: 100%;
  height: 100%;
}
.gc-datetime-barrel--swapped {
  flex-direction: row-reverse;
}
.gc-datetime-barrel--swapped .gc-datetime-barrel__column:first-child {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}
.gc-datetime-barrel--swapped .gc-datetime-barrel__column:last-child {
  box-shadow: none;
}
.gc-datetime-barrel__column {
  width: 50%;
}
.gc-datetime-barrel__column:nth-child(2) {
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-50);
}
.gc-datetime-barrel__column:only-child {
  width: 100%;
}
.gc-datetime-barrel__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}
.gc-datetime-barrel__item {
  width: 100%;
}
.gc-datetime-barrel__item--selected .gc-btn__text {
  font-weight: 700;
}
.gc-datetime-barrel__years-container {
  position: relative;
}
.gc-datetime-barrel__year-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gc-datetime-days {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.gc-datetime-days__header {
  display: flex;
  flex: 0 0 auto;
  height: var(--cui-block-size-sm);
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size-sm);
  justify-content: space-around;
}
.gc-datetime-days__content {
  display: flex;
  flex: 1 0 auto;
  box-shadow: inset 0 1px 0 0 var(--cui-neutral-50);
  flex-wrap: wrap;
}
.gc-datetime-date {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  height: calc(var(--cui-block-size-sm) + 4px);
  margin-top: auto;
  flex-grow: 1;
  flex-basis: 14.2857142857%;
  align-items: center;
  justify-content: center;
}
.gc-datetime-date:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  background-color: var(--cui-calendar-range-fill-color);
}
.gc-datetime-date--large {
  height: 60px;
  flex-basis: 25%;
}
.gc-datetime-date--large .gc-datetime-date__button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}
.gc-datetime-date--large.gc-datetime-date--range-start:before {
  transform: translate(-30px);
  border-radius: 60px;
}
.gc-datetime-date--large.gc-datetime-date--range-end:before {
  transform: translate(30px);
  border-radius: 60px;
}
.gc-datetime-date--large.gc-datetime-date--range-both:before {
  width: 60px;
}
.gc-datetime-date--range-start:before {
  left: 50%;
  width: 200%;
  transition: opacity .2s ease-in-out;
  transform: translate(calc(0px - var(--cui-block-size-sm) * .5 - 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
}
.gc-datetime-date--range-end:before {
  right: 50%;
  left: auto;
  width: 200%;
  transition: opacity .2s ease-in-out;
  transform: translate(calc(var(--cui-block-size-sm) * .5 + 2px));
  opacity: 1;
  border-radius: calc(var(--cui-block-size-sm) + 4px);
}
.gc-datetime-date--range-both:before {
  left: 50%;
  width: calc(var(--cui-block-size-sm) + 4px);
  transition: opacity .2s ease-in-out;
  transform: translate(-50%);
  opacity: 1;
  border-radius: 50%;
}
.gc-datetime-date--in-range:before {
  transition: opacity .2s ease-in-out;
  opacity: 1;
}
.gc-datetime-date__button {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.gc-datetime-date__button--neighbor {
  color: var(--cui-text-semi-40);
}
.gc-datetime-date__button--today {
  color: var(--cui-primary-700);
  font-weight: 700;
}
.gc-datetime-date__button--today:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  border: 2px solid var(--cui-primary-500);
  border-radius: 50%;
}
.gc-datetime-date__button--selected {
  color: var(--cui-white);
  font-weight: 700;
}
.gc-datetime-date__button--selected:before {
  opacity: 0;
}
.gc-datetime-date__button .gc-btn__text {
  padding: 0;
}
@keyframes gc-loader-btn {
  0% {
    transform: scale(.8);
    opacity: .62;
  }
  to {
    transform: scale(1.2);
    opacity: 1;
  }
}
.gc-loader-button:before,
.gc-loader-button:after {
  position: absolute;
  top: calc(50% - 4.5px);
  display: block;
  width: 9px;
  height: 9px;
  content: "";
  border-radius: 50%;
  background-color: currentColor;
}
.gc-loader-button:before {
  left: calc(50% - 10px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate;
}
.gc-loader-button:after {
  left: calc(50% + 1px);
  animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse;
}
.gc-size-sm .gc-loader-button:before,
.gc-size-sm .gc-loader-button:after {
  top: calc(50% - 3.5px);
  width: 7px;
  height: 7px;
}
.gc-size-sm .gc-loader-button:before {
  left: calc(50% - 8px);
}
.gc-size-lg .gc-loader-button:before,
.gc-size-lg .gc-loader-button:after {
  top: calc(50% - 5.5px);
  width: 11px;
  height: 11px;
}
.gc-size-lg .gc-loader-button:before {
  left: calc(50% - 12px);
}
@keyframes gc-loader {
  50% {
    transform: scale(.7);
    opacity: .62;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.gc-loader {
  display: inline-flex;
  background-color: var(--cui-overlay);
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}
.gc-loader > div {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  margin: 1px;
  animation: gc-loader .8s 0s infinite linear;
  border-radius: 50%;
  background-color: currentColor;
}
.gc-loader > div:nth-child(2n-1) {
  animation-delay: -.4s !important;
}
.gc-loader--block {
  display: flex;
}
.gc-loader--transparent {
  background-color: transparent;
}
.gc-loader--info > div {
  background-color: var(--cui-primary-500);
}
.gc-loader--warning > div {
  background-color: var(--cui-warning-500);
}
.gc-loader--error > div {
  background-color: var(--cui-error-500);
}
.gc-alert {
  --cui-alert-info-bg: var(--cui-accent-text-semi-10);
  --cui-alert-info-border: var(--cui-accent-text-semi-10);
  --cui-alert-warning-bg: var(--cui-accent-warning-text-semi-10);
  --cui-alert-warning-border: var(--cui-accent-warning-text-semi-10);
  --cui-alert-error-bg: var(--cui-accent-error-text-semi-10);
  --cui-alert-error-border: var(--cui-accent-error-text-semi-10);
}
.gc-alert {
  overflow: hidden;
  padding: var(--cui-padding-sm);
  border: var(--cui-border-width) solid var(--cui-alert-info-border);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-alert-info-bg);
}
.gc-alert__main {
  display: flex;
  min-height: var(--cui-block-size-sm);
  align-items: center;
}
.gc-alert__icon {
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  color: var(--cui-accent-text);
  align-items: center;
  justify-content: center;
}
.gc-alert__title {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-accent-text);
  font-size: var(--cui-text-size-lg);
  font-weight: 400;
  line-height: var(--cui-block-size-sm);
}
.gc-alert--one-row {
  overflow: hidden;
  white-space: nowrap;
}
.gc-alert--multi-row {
  overflow: visible;
  white-space: normal;
}
.gc-alert__actions {
  margin-left: var(--cui-padding);
}
.gc-alert__details {
  overflow-wrap: anywhere;
  padding: 4px 0 4px 6px;
  font-size: var(--cui-text-size);
}
.gc-alert--level-warning {
  border: var(--cui-border-width) solid var(--cui-alert-warning-border);
  background-color: var(--cui-alert-warning-bg);
}
.gc-alert--level-warning > .gc-alert__main > .gc-alert__icon,
.gc-alert--level-warning > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-warning-text);
}
.gc-alert--level-error {
  border: var(--cui-border-width) solid var(--cui-alert-error-border);
  background-color: var(--cui-alert-error-bg);
}
.gc-alert--level-error > .gc-alert__main > .gc-alert__icon,
.gc-alert--level-error > .gc-alert__main > .gc-alert__title {
  color: var(--cui-accent-error-text);
}
.gc-alert--size-small {
  padding: 0;
  border: none;
}
.gc-alert--size-small .gc-alert__details {
  padding: 0 10px 10px;
}
.gc-alert--size-small .gc-alert__title {
  font-size: var(--cui-text-size);
}
.gc-alert--size-small .gc-alert__title:first-child {
  margin-left: var(--cui-padding-sm);
}
.gc-alert--size-small .gc-alert__icon {
  margin-right: 0;
}
.gc-positioner {
  position: absolute;
  top: 0;
  left: 0;
}
.gc-positioner--calculating {
  visibility: hidden;
}
.gc-positioner--fill-container {
  width: 100%;
  height: 100%;
}
a.gc-link {
  color: var(--cui-primary-700);
}
a.gc-link:active,
a.gc-link:focus,
a.gc-link:visited {
  color: var(--cui-primary-700);
}
a.gc-link:hover {
  color: var(--cui-primary-800);
}
a.gc-link--no-underline {
  text-decoration: none;
}
@media (any-hover: none) {
  a.gc-link:hover {
    color: var(--cui-primary-700);
  }
}
.gc-grid-item--appbar {
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: appbar;
}
.gc-grid-item--legacy-appbar {
  background-color: var(--cui-primary-500);
  grid-area: appbar;
}
.gc-grid-item--menu {
  grid-area: menu;
}
.gc-grid-item--toolbar {
  display: flex;
  justify-content: flex-end;
  background-color: var(--cui-bg-panels);
  box-shadow: inset 0 -1px 0 0 var(--cui-bg-panels-border);
  grid-area: toolbar;
}
.gc-grid-item--toolbar > .gc-toolbar {
  flex: 1 1 auto;
  margin: 5px;
}
.gc-grid-item--surface {
  grid-area: surface;
}
.gc-grid-item--sidebar {
  grid-area: sidebar;
}
.gc-grid-item--statusbar {
  border-top: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  grid-area: statusbar;
}
.gc-grid {
  position: relative;
  z-index: 0;
  display: grid;
  display: -ms-grid;
  width: 100%;
  height: 100%;
}
.gc-grid *,
.gc-grid *:before,
.gc-grid *:after {
  box-sizing: border-box;
}
.gc-grid--designer {
  -ms-grid-rows: auto auto minmax(0, 1fr) auto;
  -ms-grid-columns: auto minmax(0, 1fr) auto;
  grid-template: "appbar appbar appbar" auto "menu toolbar toolbar" auto "menu surface sidebar" minmax(0, 1fr) "menu statusbar statusbar" auto/auto minmax(0, 1fr) auto;
}
.gc-grid--designer > .gc-grid-item--appbar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.gc-grid--designer > .gc-grid-item--legacy-appbar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}
.gc-grid--designer > .gc-grid-item--menu {
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.gc-grid--designer > .gc-grid-item--toolbar {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.gc-grid--designer > .gc-grid-item--surface {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.gc-grid--designer > .gc-grid-item--sidebar {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.gc-grid--designer > .gc-grid-item--statusbar {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.gc-app {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cui-text-color);
  background-color: var(--cui-bg-body);
  font-family: var(--cui-text-family);
}
.gc-resizable {
  position: relative;
}
.gc-resizable--disabled .gc-resizable__handler {
  display: none;
}
.gc-resizable--horizontal {
  height: 100%;
  will-change: width;
}
.gc-resizable--horizontal .gc-resizable__handler {
  top: 0;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}
.gc-resizable--vertical {
  width: 100%;
  will-change: height;
}
.gc-resizable--vertical .gc-resizable__handler {
  left: 0;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}
.gc-resizable__handler {
  position: absolute;
}
.gc-resizable__handler--side-left {
  left: -5px;
}
.gc-resizable__handler--side-right {
  right: -5px;
}
.gc-resizable__handler--side-top {
  top: -5px;
}
.gc-resizable__handler--side-bottom {
  bottom: -5px;
}
.gc-date-range,
.gc-date-range__main {
  display: flex;
}
.gc-date-range__main .gc-datetime:first-child:not(:only-child) .gc-datetime__body {
  padding-right: var(--cui-padding-sm);
}
.gc-date-range__main .gc-datetime:nth-child(2) .gc-datetime__body {
  padding-left: var(--cui-padding-sm);
}
.gc-date-range__main .gc-datetime--months .gc-datetime__body,
.gc-date-range__main .gc-datetime--years .gc-datetime__body {
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}
.gc-date-range__aside {
  background-color: var(--cui-primary-500);
}
@media screen and (max-width: 812px) {
  .gc-date-range {
    flex-direction: column;
  }
  .gc-date-range__aside {
    border-radius: 0 0 var(--cui-border-radius) var(--cui-border-radius);
  }
}
.gc-date-range-aside {
  display: flex;
  flex-direction: column;
  width: 190px;
  height: 100%;
}
.gc-date-range-aside--simple .gc-date-range-shortcuts__list {
  padding: var(--cui-padding) 0;
}
.gc-date-range-aside__header {
  height: calc(var(--cui-block-size) + var(--cui-padding) * 2);
}
.gc-date-range-aside__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 0;
  padding: 0 calc(var(--cui-padding) - var(--cui-padding-sm));
}
.gc-date-range-aside__title {
  flex: 0 0 auto;
  height: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-sm);
  text-align: center;
  color: var(--cui-contrast-text);
  box-shadow: inset 0 -1px 0 0 var(--cui-menu-splitter);
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: var(--cui-block-size-sm);
}
.gc-date-range-aside__list {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: var(--cui-padding-sm) 0;
}
.gc-date-range-aside__item {
  width: 100%;
}
.gc-date-range-aside__scroll {
  height: 100%;
  padding: 0 var(--cui-padding-sm);
}
@media screen and (max-width: 812px) {
  .gc-date-range-aside {
    width: 100%;
  }
  .gc-date-range-aside__body {
    height: 100%;
  }
  .gc-date-range-aside__list {
    max-height: 200px;
  }
}
.cui-item {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  min-height: var(--cui-block-size-sm);
  border-radius: var(--cui-border-radius);
  outline-offset: -1px;
  align-items: flex-start;
  justify-content: stretch;
}
.cui-item--neutral:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-neutral-50);
  --cui-item-bg-selected-hover: var(--cui-neutral-100);
  --cui-item-bg-semi: var(--cui-neutral-50);
  --cui-item-bg-semi-selected: var(--cui-neutral-100);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-200);
  --cui-item-bg-solid: var(--cui-neutral-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-outline: var(--cui-neutral-300);
  --cui-item-outline-disabled: var(--cui-neutral-100);
  --cui-item-color: var(--cui-neutral-700);
  --cui-item-color-disabled: var(--cui-neutral-300);
  --cui-item-color-subtitle: var(--cui-neutral-400);
  --cui-item-color-subtitle-variant: var(--cui-neutral-500);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}
.cui-item--neutral:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-neutral-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi: var(--cui-neutral-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-neutral-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-neutral-inverted-800);
  --cui-item-bg-solid: var(--cui-neutral-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-neutral-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle: var(--cui-neutral-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-neutral-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-neutral-inverted-400);
  --cui-item-color-solid: var(--cui-neutral-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-neutral-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-neutral-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-neutral-inverted-400);
}
.cui-item--primary:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-primary-50);
  --cui-item-bg-selected-hover: var(--cui-primary-100);
  --cui-item-bg-semi: var(--cui-primary-50);
  --cui-item-bg-semi-selected: var(--cui-primary-100);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-200);
  --cui-item-bg-solid: var(--cui-primary-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-outline: var(--cui-primary-300);
  --cui-item-outline-disabled: var(--cui-primary-100);
  --cui-item-color: var(--cui-primary-700);
  --cui-item-color-disabled: var(--cui-primary-300);
  --cui-item-color-subtitle: var(--cui-primary-400);
  --cui-item-color-subtitle-variant: var(--cui-primary-500);
  --cui-item-color-subtitle-disabled: var(--cui-primary-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}
.cui-item--primary:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-primary-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-primary-inverted-700);
  --cui-item-bg-semi: var(--cui-primary-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-primary-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-primary-inverted-800);
  --cui-item-bg-solid: var(--cui-primary-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-primary-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-primary-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle: var(--cui-primary-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-primary-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-primary-inverted-400);
  --cui-item-color-solid: var(--cui-primary-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-primary-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-primary-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-primary-inverted-400);
}
.cui-item--warning:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-warning-50);
  --cui-item-bg-selected-hover: var(--cui-warning-100);
  --cui-item-bg-semi: var(--cui-warning-50);
  --cui-item-bg-semi-selected: var(--cui-warning-100);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-200);
  --cui-item-bg-solid: var(--cui-warning-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-outline: var(--cui-warning-300);
  --cui-item-outline-disabled: var(--cui-warning-100);
  --cui-item-color: var(--cui-warning-700);
  --cui-item-color-disabled: var(--cui-warning-300);
  --cui-item-color-subtitle: var(--cui-warning-400);
  --cui-item-color-subtitle-variant: var(--cui-warning-500);
  --cui-item-color-subtitle-disabled: var(--cui-warning-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}
.cui-item--warning:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-warning-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-warning-inverted-700);
  --cui-item-bg-semi: var(--cui-warning-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-warning-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-warning-inverted-800);
  --cui-item-bg-solid: var(--cui-warning-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-warning-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-warning-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle: var(--cui-warning-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-warning-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-warning-inverted-400);
  --cui-item-color-solid: var(--cui-warning-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-warning-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-warning-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-warning-inverted-400);
}
.cui-item--error:not(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-error-50);
  --cui-item-bg-selected-hover: var(--cui-error-100);
  --cui-item-bg-semi: var(--cui-error-50);
  --cui-item-bg-semi-selected: var(--cui-error-100);
  --cui-item-bg-semi-selected-hover: var(--cui-error-200);
  --cui-item-bg-solid: var(--cui-error-inverted-500);
  --cui-item-bg-solid-selected: var(--cui-error-inverted-700);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-800);
  --cui-item-outline: var(--cui-error-300);
  --cui-item-outline-disabled: var(--cui-error-100);
  --cui-item-color: var(--cui-error-700);
  --cui-item-color-disabled: var(--cui-error-300);
  --cui-item-color-subtitle: var(--cui-error-400);
  --cui-item-color-subtitle-variant: var(--cui-error-500);
  --cui-item-color-subtitle-disabled: var(--cui-error-200);
  --cui-item-color-solid: var(--cui-white);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}
.cui-item--error:is(.cui-item--inverted) {
  --cui-item-bg-selected: var(--cui-error-inverted-600);
  --cui-item-bg-selected-hover: var(--cui-error-inverted-700);
  --cui-item-bg-semi: var(--cui-error-inverted-600);
  --cui-item-bg-semi-selected: var(--cui-error-inverted-700);
  --cui-item-bg-semi-selected-hover: var(--cui-error-inverted-800);
  --cui-item-bg-solid: var(--cui-error-inverted-50);
  --cui-item-bg-solid-selected: var(--cui-white);
  --cui-item-bg-solid-selected-hover: var(--cui-error-inverted-50);
  --cui-item-outline: var(--cui-white);
  --cui-item-outline-disabled: var(--cui-error-inverted-400);
  --cui-item-color: var(--cui-white);
  --cui-item-color-disabled: var(--cui-error-inverted-300);
  --cui-item-color-subtitle: var(--cui-error-inverted-300);
  --cui-item-color-subtitle-variant: var(--cui-error-inverted-100);
  --cui-item-color-subtitle-disabled: var(--cui-error-inverted-400);
  --cui-item-color-solid: var(--cui-error-inverted-500);
  --cui-item-color-solid-disabled: var(--cui-error-inverted-300);
  --cui-item-color-solid-subtitle: var(--cui-error-inverted-400);
  --cui-item-color-solid-subtitle-disabled: var(--cui-error-inverted-400);
}
.cui-item--button,
.cui-item--li {
  margin: 0;
  padding: 0;
}
.cui-item--button {
  border: none;
  background: none;
  text-align: inherit;
  font-style: inherit;
  font-family: inherit;
}
.cui-item--li {
  list-style: none;
}
.cui-item:not(:has(.cui-item__decoration-left)) {
  padding-left: var(--cui-padding-sm);
}
.cui-item:not(:has(.cui-item__controls)) {
  padding-right: var(--cui-padding-sm);
}
.cui-item--disabled {
  pointer-events: none;
}
.cui-item--large {
  min-height: var(--cui-block-size-lg);
}
.cui-item--large .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.cui-item--large__controls {
  height: var(--cui-block-size-lg);
}
.cui-item--large .cui-item__title {
  font-size: var(--cui-text-size-lg);
  line-height: normal;
}
.cui-item--large .cui-item__text {
  padding: 5px 0;
}
.cui-item--small {
  min-height: var(--cui-block-size-sm);
}
.cui-item--small .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.cui-item--small__controls {
  height: var(--cui-block-size-sm);
}
.cui-item--default {
  min-height: var(--cui-block-size);
}
.cui-item--default .cui-item__decoration-left {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
}
.cui-item--default__controls {
  height: var(--cui-block-size);
}
.cui-item--semi {
  background-color: var(--cui-item-bg-semi);
}
.cui-item--semi .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--semi .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--semi .cui-item__decoration-left .gc-icon,
.cui-item--semi .cui-item__decoration-left .gc-item--core,
.cui-item--semi .cui-item__decoration-left button > .gc-icon,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core,
.cui-item--semi .cui-item__decoration-right .gc-icon,
.cui-item--semi .cui-item__decoration-right .gc-item--core,
.cui-item--semi .cui-item__decoration-right button > .gc-icon,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core,
.cui-item--semi .cui-item__controls .gc-icon,
.cui-item--semi .cui-item__controls .gc-item--core,
.cui-item--semi .cui-item__controls button > .gc-icon,
.cui-item--semi .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--semi .cui-item__decoration-left .gc-icon svg,
.cui-item--semi .cui-item__decoration-left .gc-icon svg path,
.cui-item--semi .cui-item__decoration-left .gc-item--core svg,
.cui-item--semi .cui-item__decoration-left .gc-item--core svg path,
.cui-item--semi .cui-item__decoration-left button > .gc-icon svg,
.cui-item--semi .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--semi .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--semi .cui-item__decoration-right .gc-icon svg,
.cui-item--semi .cui-item__decoration-right .gc-icon svg path,
.cui-item--semi .cui-item__decoration-right .gc-item--core svg,
.cui-item--semi .cui-item__decoration-right .gc-item--core svg path,
.cui-item--semi .cui-item__decoration-right button > .gc-icon svg,
.cui-item--semi .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--semi .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--semi .cui-item__controls .gc-icon svg,
.cui-item--semi .cui-item__controls .gc-icon svg path,
.cui-item--semi .cui-item__controls .gc-item--core svg,
.cui-item--semi .cui-item__controls .gc-item--core svg path,
.cui-item--semi .cui-item__controls button > .gc-icon svg,
.cui-item--semi .cui-item__controls button > .gc-icon svg path,
.cui-item--semi .cui-item__controls button > .gc-icon--core svg,
.cui-item--semi .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--semi:hover,
.cui-item--semi:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-semi-selected);
}
.cui-item--semi:hover .cui-item__subtitle,
.cui-item--semi:is(.cui-item--selected) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--semi:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-semi-selected-hover);
}
.cui-item--semi:is(.cui-item--disabled) {
  background-color: var(--cui-item-bg-semi);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--semi:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--transparent {
  background-color: transparent;
}
.cui-item--transparent .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--transparent .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}
.cui-item--transparent .cui-item__decoration-left .gc-icon,
.cui-item--transparent .cui-item__decoration-left .gc-item--core,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core,
.cui-item--transparent .cui-item__decoration-right .gc-icon,
.cui-item--transparent .cui-item__decoration-right .gc-item--core,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core,
.cui-item--transparent .cui-item__controls .gc-icon,
.cui-item--transparent .cui-item__controls .gc-item--core,
.cui-item--transparent .cui-item__controls button > .gc-icon,
.cui-item--transparent .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--transparent .cui-item__decoration-left .gc-icon svg,
.cui-item--transparent .cui-item__decoration-left .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-left .gc-item--core svg,
.cui-item--transparent .cui-item__decoration-left .gc-item--core svg path,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon svg,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--transparent .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--transparent .cui-item__decoration-right .gc-icon svg,
.cui-item--transparent .cui-item__decoration-right .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-right .gc-item--core svg,
.cui-item--transparent .cui-item__decoration-right .gc-item--core svg path,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon svg,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--transparent .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--transparent .cui-item__controls .gc-icon svg,
.cui-item--transparent .cui-item__controls .gc-icon svg path,
.cui-item--transparent .cui-item__controls .gc-item--core svg,
.cui-item--transparent .cui-item__controls .gc-item--core svg path,
.cui-item--transparent .cui-item__controls button > .gc-icon svg,
.cui-item--transparent .cui-item__controls button > .gc-icon svg path,
.cui-item--transparent .cui-item__controls button > .gc-icon--core svg,
.cui-item--transparent .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--transparent:hover,
.cui-item--transparent:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-selected);
}
.cui-item--transparent:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-selected-hover);
}
.cui-item--transparent:is(.cui-item--selected):hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--transparent:is(.cui-item--disabled) {
  background-color: transparent;
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--transparent:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--outlined {
  background-color: transparent;
  outline: 1px solid var(--cui-item-outline);
}
.cui-item--outlined .cui-item__title {
  color: var(--cui-item-color);
}
.cui-item--outlined .cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
}
.cui-item--outlined .cui-item__decoration-left .gc-icon,
.cui-item--outlined .cui-item__decoration-left .gc-item--core,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core,
.cui-item--outlined .cui-item__decoration-right .gc-icon,
.cui-item--outlined .cui-item__decoration-right .gc-item--core,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core,
.cui-item--outlined .cui-item__controls .gc-icon,
.cui-item--outlined .cui-item__controls .gc-item--core,
.cui-item--outlined .cui-item__controls button > .gc-icon,
.cui-item--outlined .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color);
}
.cui-item--outlined .cui-item__decoration-left .gc-icon svg,
.cui-item--outlined .cui-item__decoration-left .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-left .gc-item--core svg,
.cui-item--outlined .cui-item__decoration-left .gc-item--core svg path,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon svg,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--outlined .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--outlined .cui-item__decoration-right .gc-icon svg,
.cui-item--outlined .cui-item__decoration-right .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-right .gc-item--core svg,
.cui-item--outlined .cui-item__decoration-right .gc-item--core svg path,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon svg,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--outlined .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--outlined .cui-item__controls .gc-icon svg,
.cui-item--outlined .cui-item__controls .gc-icon svg path,
.cui-item--outlined .cui-item__controls .gc-item--core svg,
.cui-item--outlined .cui-item__controls .gc-item--core svg path,
.cui-item--outlined .cui-item__controls button > .gc-icon svg,
.cui-item--outlined .cui-item__controls button > .gc-icon svg path,
.cui-item--outlined .cui-item__controls button > .gc-icon--core svg,
.cui-item--outlined .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color);
  fill: var(--cui-item-color) !important;
}
.cui-item--outlined:hover,
.cui-item--outlined:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-selected);
}
.cui-item--outlined:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-selected-hover);
  outline-color: var(--cui-item-outline);
}
.cui-item--outlined:is(.cui-item--selected):hover .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-variant);
}
.cui-item--outlined:is(.cui-item--disabled) {
  background-color: transparent;
  outline-color: var(--cui-item-outline-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-subtitle-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-disabled);
}
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--outlined:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-disabled);
  fill: var(--cui-item-color-disabled) !important;
}
.cui-item--solid {
  background-color: var(--cui-item-bg-solid);
}
.cui-item--solid .cui-item__title {
  color: var(--cui-item-color-solid);
}
.cui-item--solid .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle);
}
.cui-item--solid .cui-item__decoration-left .gc-icon,
.cui-item--solid .cui-item__decoration-left .gc-item--core,
.cui-item--solid .cui-item__decoration-left button > .gc-icon,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core,
.cui-item--solid .cui-item__decoration-right .gc-icon,
.cui-item--solid .cui-item__decoration-right .gc-item--core,
.cui-item--solid .cui-item__decoration-right button > .gc-icon,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core,
.cui-item--solid .cui-item__controls .gc-icon,
.cui-item--solid .cui-item__controls .gc-item--core,
.cui-item--solid .cui-item__controls button > .gc-icon,
.cui-item--solid .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid);
}
.cui-item--solid .cui-item__decoration-left .gc-icon svg,
.cui-item--solid .cui-item__decoration-left .gc-icon svg path,
.cui-item--solid .cui-item__decoration-left .gc-item--core svg,
.cui-item--solid .cui-item__decoration-left .gc-item--core svg path,
.cui-item--solid .cui-item__decoration-left button > .gc-icon svg,
.cui-item--solid .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--solid .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--solid .cui-item__decoration-right .gc-icon svg,
.cui-item--solid .cui-item__decoration-right .gc-icon svg path,
.cui-item--solid .cui-item__decoration-right .gc-item--core svg,
.cui-item--solid .cui-item__decoration-right .gc-item--core svg path,
.cui-item--solid .cui-item__decoration-right button > .gc-icon svg,
.cui-item--solid .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--solid .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--solid .cui-item__controls .gc-icon svg,
.cui-item--solid .cui-item__controls .gc-icon svg path,
.cui-item--solid .cui-item__controls .gc-item--core svg,
.cui-item--solid .cui-item__controls .gc-item--core svg path,
.cui-item--solid .cui-item__controls button > .gc-icon svg,
.cui-item--solid .cui-item__controls button > .gc-icon svg path,
.cui-item--solid .cui-item__controls button > .gc-icon--core svg,
.cui-item--solid .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid);
  fill: var(--cui-item-color-solid) !important;
}
.cui-item--solid:hover,
.cui-item--solid:is(.cui-item--selected) {
  background-color: var(--cui-item-bg-solid-selected);
}
.cui-item--solid:is(.cui-item--selected):hover {
  background-color: var(--cui-item-bg-solid-selected-hover);
}
.cui-item--solid:is(.cui-item--disabled) {
  background-color: var(--cui-item-bg-solid);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__title {
  color: var(--cui-item-color-solid-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__subtitle {
  color: var(--cui-item-color-solid-subtitle-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core {
  color: var(--cui-item-color-solid-disabled);
}
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-left button > .gc-icon--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__decoration-right button > .gc-icon--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls .gc-item--core svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon svg path,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg,
.cui-item--solid:is(.cui-item--disabled) .cui-item__controls button > .gc-icon--core svg path {
  color: var(--cui-item-color-solid-disabled);
  fill: var(--cui-item-color-solid-disabled) !important;
}
.cui-item > span,
.cui-item__title,
.cui-item__subtitle {
  display: block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-item-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.cui-item__title {
  line-height: normal;
}
.cui-item__subtitle {
  color: var(--cui-item-color-subtitle);
  line-height: 15px;
}
.cui-item__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 4px 0;
  align-self: center;
  overflow: hidden;
}
.cui-item__controls {
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: flex-end;
  padding-right: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}
.cui-list {
  display: flex;
  margin: 0;
  padding: 0;
}
.cui-list--row {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-start;
}
.cui-list--column {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.cui-list--wrap {
  flex-wrap: wrap;
}
.cui-list--gap-small {
  gap: var(--cui-padding-xs);
}
.cui-list--gap-medium {
  gap: var(--cui-padding-sm);
}
.cui-list--gap-large {
  gap: var(--cui-padding);
}
.cui-list--padding-small {
  padding: var(--cui-padding-xs);
}
.cui-list--padding-medium {
  padding: var(--cui-padding-sm);
}
.cui-list--padding-large {
  padding: var(--cui-padding);
}
@keyframes cui_a_loader_circle {
  0% {
    transform: rotate(0);
    stroke-dashoffset: 50%;
  }
  50% {
    transform: rotate(180deg);
    stroke-dashoffset: 150%;
  }
  to {
    transform: rotate(360deg);
    stroke-dashoffset: 50%;
  }
}
.cui-loader-circle {
  --fill-bg: var(--cui-neutral-50);
  --fill-bg-inverted: var(--cui-neutral-inverted-600);
  --fill-bg-semi: var(--cui-neutral-100);
  --fill-bg-semi-inverted: var(--cui-neutral-inverted-400);
  --fill-bg-solid: var(--cui-neutral-300);
  --fill-bg-solid-inverted: var(--cui-neutral-inverted-300);
  --fill-fg: var(--cui-neutral-500);
  --fill-fg-inverted: var(--cui-white);
  --loader-fill-bg: var(--fill-bg);
  --loader-fill-fg: var(--fill-fg);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  transform: rotate(-90deg);
}
.cui-loader-circle circle {
  fill: transparent;
  cx: calc(var(--size) / 2);
  cy: calc(var(--size) / 2);
}
.cui-loader-circle__background {
  r: calc(var(--size) / 2 - 1px);
  stroke-width: 1px;
  stroke: var(--loader-fill-bg);
  transition: stroke .2s ease-in-out;
}
.cui-loader-circle__progress {
  r: calc(var(--size) / 2 - 1px);
  stroke-linecap: round;
  stroke-dasharray: calc((var(--size) - 2px) * 3.1415926536);
  stroke-width: 2px;
  stroke: var(--loader-fill-fg);
  transition: stroke-dashoffset .6s ease-in-out, stroke .2s ease-in-out;
}
.cui-loader-circle--indeterminate .cui-loader-circle__progress {
  transform-origin: center center;
  animation: cui_a_loader_circle 1.2s linear infinite;
}
.cui-loader-circle--block {
  display: block;
}
.cui-loader-circle--small {
  --size: 14px;
}
.cui-loader-circle--large {
  --size: 20px;
}
.cui-loader-circle--large .cui-loader-circle__background {
  r: calc(var(--size) / 2 - 1px);
  stroke-width: 2px;
}
.cui-loader-circle--primary {
  --fill-bg: var(--cui-primary-50);
  --fill-bg-inverted: var(--cui-primary-inverted-600);
  --fill-bg-semi: var(--cui-primary-100);
  --fill-bg-semi-inverted: var(--cui-primary-inverted-400);
  --fill-bg-solid: var(--cui-primary-300);
  --fill-bg-solid-inverted: var(--cui-primary-inverted-300);
  --fill-fg: var(--cui-primary-500);
}
.cui-loader-circle--warning {
  --fill-bg: var(--cui-warning-50);
  --fill-bg-inverted: var(--cui-warning-inverted-600);
  --fill-bg-semi: var(--cui-warning-100);
  --fill-bg-semi-inverted: var(--cui-warning-inverted-400);
  --fill-bg-solid: var(--cui-warning-300);
  --fill-bg-solid-inverted: var(--cui-warning-inverted-300);
  --fill-fg: var(--cui-warning-500);
}
.cui-loader-circle--error {
  --fill-bg: var(--cui-error-50);
  --fill-bg-inverted: var(--cui-error-inverted-600);
  --fill-bg-semi: var(--cui-error-100);
  --fill-bg-semi-inverted: var(--cui-error-inverted-400);
  --fill-bg-solid: var(--cui-error-300);
  --fill-bg-solid-inverted: var(--cui-error-inverted-300);
  --fill-fg: var(--cui-error-500);
}
.cui-loader-circle--inverted {
  --loader-fill-bg: var(--fill-bg-inverted);
  --loader-fill-fg: var(--fill-fg-inverted);
}
.cui-loader-circle--semi {
  --loader-fill-bg: var(--fill-bg-semi);
}
.cui-loader-circle--semi:is(.cui-loader-circle--inverted) {
  --loader-fill-bg: var(--fill-bg-semi-inverted);
}
.cui-loader-circle--solid {
  --loader-fill-bg: var(--fill-bg-solid);
}
.cui-loader-circle--solid:is(.cui-loader-circle--inverted) {
  --loader-fill-bg: var(--fill-bg-solid-inverted);
}
.gc-btn.gc-size-sm .gc-btn__icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-btn.gc-size-lg .gc-btn__icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-dd-menu__item > .gc-icon > svg {
  flex: 0 0 auto;
}
.gc-dd-menu__item.gc-size-sm > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-dd-menu__item.gc-size-lg > .gc-icon:not(.gc-icon--custom) > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-icon > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-icon--small > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.gc-icon--large > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.gc-icon--core > svg {
  width: initial !important;
  height: initial !important;
}
.gc-icon-color {
  transition: fill .2s ease-in-out, stroke .2s ease-in-out;
}
.gc-icon-color--text {
  transition: fill .2s ease-in-out;
  fill: currentColor;
}
.gc-icon-color--stroke-text {
  transition: stroke .2s ease-in-out;
  stroke: currentColor;
}
.gc-icon-color--accent {
  transition: fill .2s ease-in-out;
  fill: var(--cui-secondary-500);
}
.gc-icon-color--stroke-accent {
  transition: stroke .2s ease-in-out;
  stroke: var(--cui-secondary-500);
}
:root {
  --wd-adorner-background: var(--cui-bg-panels);
  --wd-chart-adorner-move-size: 24px;
  --wd-chart-adorner-panel-width: 150px;
  --wd-chart-adorner-panel-height: 70px;
  --wd-chart-adorner-panel-gap: 5px;
  --wd-chart-adorner-panel-title-height: 30px;
  --wd-chart-adorner-panel-content-height: 40px;
}
.wd-drop-area.dnd-is-over:after {
  content: " ";
  position: absolute;
  background-color: hsla(var(--primary-500), .1);
  outline: 1px solid hsla(var(--primary-500), .62);
  outline-offset: 0px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.wd-drop-area.dnd-is-over--outer:after {
  content: " ";
  position: absolute;
  background-color: hsla(var(--primary-500), .1);
  outline: 1px solid hsla(var(--primary-500), .62);
  outline-offset: 3px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.dnd-can-drop:after {
  content: " ";
  position: absolute;
  background-color: hsla(var(--primary-500), .1);
  outline: 1px dashed hsla(var(--primary-500), .6);
  outline-offset: 0px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.dnd-can-drop--outer:after {
  content: " ";
  position: absolute;
  background-color: hsla(var(--primary-500), .1);
  outline: 1px dashed hsla(var(--primary-500), .6);
  outline-offset: 3px;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
}
.wd-property-grid {
  border-left: 1px solid var(--cui-neutral-100);
}
.wd-property-grid .gc-property-category__title,
.wd-property-list .gc-property-category__title {
  margin-bottom: var(--cui-padding-xs);
}
.wd-property-grid .gc-property-category__title .gc-heading__text,
.wd-property-list .gc-property-category__title .gc-heading__text {
  font-weight: 700;
}
.wd-property-grid .gc-property-category__title .gc-heading__divider,
.wd-property-list .gc-property-category__title .gc-heading__divider {
  opacity: .1;
}
.wd-surface-grid {
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wd-icon-color-accent {
  fill: var(--cui-primary-500);
}
.wd-icon-color-secondary {
  fill: var(--cui-secondary-500);
}
.wd-icon-color-body {
  fill: currentColor;
}
.wd-icon-color-none {
  fill: none;
}
.wd-icon-color-white {
  fill: #fff;
}
.wd-icon-color-light-blue {
  fill: #9cf;
}
.wd-icon-color-light-blue-second {
  fill: #bcddff;
}
.wd-icon-color-light-gray-blue {
  fill: #9fc9eb;
}
.wd-icon-color-gray-blue {
  fill: #819cce;
}
.wd-icon-color-blue {
  fill: #1c7cdc;
}
.wd-icon-color-blue-second {
  fill: #007bf4;
}
.wd-icon-color-blue-third {
  fill: #6cf;
}
.wd-icon-color-dark-blue {
  fill: #3b79bd;
}
.wd-icon-color-gray {
  fill: #b3b3b3;
}
.wd-icon-color-gray-second {
  fill: #b4b4b4;
}
.wd-icon-color-gray-third {
  fill: #737373;
}
.wd-icon-color-gray-fourth {
  fill: gray;
}
.wd-icon-color-dark-gray {
  fill: #727272;
}
.wd-icon-color-dark-yellow {
  fill: #f5c633;
}
.wd-icon-color-red {
  fill: red;
}
.wd-icon-color-red-second {
  fill: #ff1e00;
}
.wd-toolbox-icon-fill-gray {
  fill: gray;
}
.wd-toolbox-icon-fill-gray-second {
  fill: #969696;
}
.wd-toolbox-icon--main {
  fill: var(--cui-neutral-300);
}
.wd-toolbox-icon--main-accent,
.wd-toolbox-icon--accent {
  fill: var(--cui-primary-500);
}
.wd-toolbox-icon--secondary-accent {
  fill: var(--cui-secondary-500);
}
.wd-icon-color-adorner-blue {
  fill: navy;
}
.wd-icon-color-adorner-gray {
  fill: #ababab;
}
.wd-if-c-white {
  fill: #fff;
}
.wd-if-c-text,
.wd-icon-fill-class-text {
  fill: var(--cui-text-color);
}
.wd-icon-fill-class-accent {
  fill: var(--cui-primary-500);
}
.wd-icon-fill-class-secondary-accent {
  fill: var(--cui-secondary-500);
}
.wd-icon-fill-class-error {
  fill: var(--cui-error-500);
}
.wd-icon-opacity-class-60 {
  fill-opacity: .6;
}
.wd-icon-opacity-class-40 {
  fill-opacity: .4;
}
.wd-icon-opacity-class-20 {
  fill-opacity: .2;
}
.wd-invert-icons .wd-icon-fill-class-text,
.wd-invert-icons .wd-icon-fill-class-accent {
  fill: var(--cui-white);
}
.wd-invert-icons .wd-icon-fill-class-secondary-accent {
  fill: var(--cui-secondary-500);
}
.wd-invert-icons .wd-icon-fill-class-error {
  fill: var(--cui-error-500);
}
.wd-master-report-errors-list {
  list-style-type: none;
  margin: var(--cui-padding-sm) 0;
  padding: 0;
}
.wd-master-report-errors-list li {
  margin: 7px 0;
  padding-left: var(--cui-padding);
}
.wd-master-report-errors-list .gc-alert__title {
  white-space: pre-line;
  line-height: normal;
  padding: var(--cui-padding-xs) var(--cui-padding-sm) var(--cui-padding-xs) 0;
}
.wd-master-report-errors-list .gc-alert__icon {
  margin-bottom: auto;
}
.wd-menu .gc-menu__panel-toggle .gc-btn__icon .gc-ci-a-accent {
  fill: var(--cui-white);
}
.wd-menu-logo {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  align-items: center;
}
.wd-menu-logo__icon {
  display: block;
  flex: 0 0 auto;
  width: var(--cui-block-size-lg);
  height: 16px;
  margin-top: 4px;
}
.wd-menu-logo__icon > svg {
  width: 16px;
  height: 16px;
  margin: 0 auto;
}
.wd-menu-logo__text {
  margin-top: 4px;
  margin-left: var(--cui-padding);
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: var(--cui-white);
  font-size: var(--cui-text-size-sm);
}
.wd-menu-logo__icon + .wd-menu-logo__text {
  margin-left: calc(0px - var(--cui-padding-xs));
}
.wd-menu-toggle {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-wrap: nowrap;
}
.wd-menu-toggle__burger {
  display: flex;
  flex: 0 0 auto;
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
  margin-top: -2px;
  align-items: center;
}
.wd-menu-toggle__burger > div {
  position: relative;
  width: 20px;
  height: 14px;
  margin: 13px auto;
  cursor: pointer;
  transition: .5s ease-in-out;
  transform: rotate(0);
}
.wd-menu-toggle__burger > div > span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  transition: .25s ease-in-out;
  transform: rotate(0);
  transform-origin: left center;
  opacity: 1;
  border-radius: 2px;
  background: var(--cui-white);
}
.wd-menu-toggle__burger > div > span:nth-child(1) {
  top: 0;
}
.wd-menu-toggle__burger > div > span:nth-child(2) {
  top: 50%;
}
.wd-menu-toggle__burger > div > span:nth-child(3) {
  top: 100%;
}
.wd-menu-toggle__text {
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  color: var(--cui-white);
}
.gc-menu__logo--expanded .wd-menu-logo__text {
  opacity: 1;
}
.gc-menu--expanded .wd-menu-toggle__burger > div > span:nth-child(1) {
  left: 3px;
  transform: rotate(45deg);
}
.gc-menu--expanded .wd-menu-toggle__burger > div > span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.gc-menu--expanded .wd-menu-toggle__burger > div > span:nth-child(3) {
  top: 100%;
  left: 3px;
  transform: rotate(-45deg);
}
.gc-menu--expanded .wd-menu-toggle__text {
  opacity: 1;
}
.wd-toolbox-item {
  position: relative;
  width: 100%;
  height: var(--cui-block-size-lg);
  padding-left: var(--cui-block-size-lg);
  cursor: pointer;
  transition:
    background-color .2s ease-in-out,
    color .2s ease-in-out,
    opacity .2s ease-in-out;
  text-align: left;
  vertical-align: top;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  background-color: var(--cui-primary-500);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-lg);
}
.wd-toolbox-item > i.gc-btn__icon {
  width: var(--cui-block-size-lg);
  height: var(--cui-block-size-lg);
}
.wd-toolbox-item > i.gc-btn__icon .gc-ci-a-accent {
  fill: var(--cui-white);
}
.wd-toolbox-item > .gc-btn__text {
  height: var(--cui-block-size-lg);
  padding-left: 0;
  vertical-align: middle;
  line-height: var(--cui-block-size-lg);
}
.wd-toolbox-item:hover {
  background-color: var(--cui-primary-700);
}
.wd-toolbox-item svg {
  pointer-events: none;
}
.gc-menu__btn-container__scrollable-container .gc-scrollbars__thumb {
  background-color: var(--cui-white);
}
.wd-multiple-menu-item--selected {
  background-color: var(--cui-primary-700);
}
.wd-multiple-menu-item--selected .gc-btn__icon {
  transform: translate(-5px);
}
.wd-multiple-menu-item--selected .wd-multiple-menu-item__chevron {
  transform: translate(-50%, -50%) translate(12px);
  opacity: 1;
}
.wd-multiple-menu-item .gc-btn__icon {
  transition: transform .2s ease-in-out;
}
.wd-multiple-menu-item__dd {
  display: block;
  opacity: 1;
}
.wd-multiple-menu-item__dd--transition {
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.wd-multiple-menu-item__dd--hidden {
  display: none;
}
.wd-multiple-menu-item__dd:hover {
  display: block;
  opacity: 1;
}
.wd-multiple-menu-item__chevron {
  position: absolute;
  top: 50%;
  left: calc(var(--cui-block-size) * .7);
  transition: transform .2s ease-in-out, opacity .2s ease-in-out;
  transform: translate(-50%, -50%);
  opacity: 0;
  color: var(--cui-neutral-300);
}
.wd-multiple-menu-item__custom-dd-menu-item {
  display: grid;
  width: 100%;
  grid-auto-flow: column;
  grid-template-columns: min-content 1fr;
  align-items: center;
  gap: var(--cui-padding);
}
.wd-multiple-menu-item__custom-dd-menu-item > span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.gc-appbar__logo-container .gc-btn.wd-menu-back-button > .gc-btn__icon {
  width: var(--cui-block-size-lg);
}
.gc-appbar__logo-container .gc-btn.wd-menu-back-button > .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
  opacity: 0;
}
.gc-appbar__logo-container .gc-menu__logo--expanded .gc-btn.wd-menu-back-button > .gc-btn__text {
  opacity: 1;
}
.wd-explorer {
  display: inline-flex;
  min-width: 100%;
  padding: var(--cui-padding-sm);
}
.wd-explorer > .gc-treeview {
  min-width: 100%;
}
.wd-explorer-node__button {
  width: 100%;
}
.wd-explorer-node__button.gc-btn.gc-size-sm > .gc-btn__icon > svg {
  width: 24px;
  height: 24px;
}
.wd-explorer-node__chevron {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  background-color: transparent;
}
.wd-explorer-node__chevron:not([disabled]):not(.gc-btn--disabled):hover {
  opacity: 1;
  background-color: transparent;
}
.wd-explorer-node__chevron--collapsed {
  transform: rotate(-90deg);
}
.wd-explorer-node--non-leaf .wd-explorer-node__button {
  padding-left: var(--cui-padding-xl);
}
.wd-explorer-node--non-leaf .wd-explorer-node__button > .gc-btn__icon {
  left: 20px;
}
.wd-explorer-node--leaf .wd-explorer-node__button {
  width: calc(100% - var(--cui-padding-xl));
  margin-left: var(--cui-padding-xl);
}
.wd-explorer-node__button--selected {
  background-color: var(--cui-primary-50);
}
.wd-explorer-node__button--selected:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-primary-100);
}
.wd-explorer-node__button--selected .gc-btn__text {
  color: var(--cui-primary-700);
}
.wd-sidebar-block {
  position: relative;
  width: 100%;
  padding: 0 var(--cui-padding);
}
.wd-sidebar-block__heading {
  width: 100%;
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}
.wd-sidebar-block__content {
  width: 100%;
  padding-bottom: var(--cui-padding);
  border-bottom: 1px solid var(--cui-neutral-100);
}
.wd-sidebar-block__deprecated {
  position: absolute;
  top: var(--cui-padding-sm);
  right: var(--cui-padding);
  height: var(--cui-block-size-sm);
}
.wd-sidebar-block__placeholder {
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.wd-sidebar-item {
  display: flex;
  overflow: hidden;
  min-height: var(--cui-block-size-sm);
  padding-right: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  align-items: flex-start;
  justify-content: stretch;
}
.wd-sidebar-item > .gc-icon {
  display: flex;
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  align-items: center;
  justify-content: center;
}
.wd-sidebar-item__icon-drag {
  display: block;
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
}
.wd-sidebar-item__icon-drag > .gc-icon {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  align-items: center;
  justify-content: center;
}
.wd-sidebar-item > span,
.wd-sidebar-item__title,
.wd-sidebar-item__subtitle {
  display: block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.wd-sidebar-item__title {
  padding-top: var(--cui-padding-xs);
  line-height: 15px;
}
.wd-sidebar-item__title--without-subtitle {
  padding-top: var(--cui-padding-sm);
}
.wd-sidebar-item__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}
.wd-sidebar-item__text {
  overflow: hidden;
  flex: 1 1 100%;
  padding-bottom: var(--cui-padding-xs);
}
.wd-sidebar-item__controls {
  display: flex;
  flex-direction: row-reverse;
  height: var(--cui-block-size);
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-sidebar-item--expanded {
  margin-left: var(--cui-block-size-sm);
}
.wd-sidebar-item:hover {
  background-color: var(--cui-neutral-50);
}
.wd-tab-shutter {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
  justify-content: stretch;
}
.wd-tab-shutter__header {
  display: flex;
  flex: 0 0 auto;
  padding: var(--cui-padding-sm) var(--cui-padding) var(--cui-padding-xs) var(--cui-padding);
  justify-items: flex-start;
  align-items: center;
}
.wd-tab-shutter__header > .gc-btn {
  margin-right: var(--cui-padding-xs);
}
.wd-tab-shutter__content {
  overflow: hidden;
  flex: 1 1 100%;
}
.wd-tab-shutter__content .gc-scrollbars__view {
  padding: 0 var(--cui-padding);
}
.wd-theme-dialog {
  padding: var(--cui-padding);
}
.wd-theme-dialog .theme-color-editor > input {
  padding-right: var(--cui-padding);
}
.wd-theme-dialog .theme-color-editor__preview {
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
}
.wd-theme-dialog .theme-color-editor > span {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
}
.wd-theme-dialog .theme-editor-line {
  display: flex;
  justify-content: space-between;
}
.wd-theme-dialog .theme-editor-line__block {
  width: 49%;
}
.wd-btn-units {
  width: var(--cui-block-size-sm);
  text-align: center;
}
.wd-btn-units .gc-btn__text {
  padding: 0;
}
.wd-snap-settings {
  padding: var(--cui-padding-xs) var(--cui-padding) 0 var(--cui-padding);
}
.wd-snap-settings__container {
  margin-bottom: var(--cui-padding-sm);
}
.wd-zoom-control {
  display: flex;
}
.wd-zoom-control__value > .gc-btn {
  min-width: 45px;
  text-align: center;
}
.wd-zoom-control__value > .gc-btn .gc-btn__text {
  padding: 0;
}
.wd-toolstrip-color-dropdown > .gc-btn {
  padding-left: 0;
}
.wd-toolstrip-color-preview {
  overflow: hidden;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
}
.wd-toolstrip-color-preview > svg {
  display: block;
  width: 16px;
  height: 16px;
  margin: var(--cui-padding-sm) auto 0;
}
.wd-toolstrip-color-preview > div {
  width: calc(var(--cui-block-size) * .6);
  height: 6px;
  margin: 0 auto;
  border-radius: 2px;
}
.ar-rulers {
  --rulers-span-primary: var(--cui-primary-100);
  --rulers-span-secondary: var(--cui-primary-50);
  position: relative;
  display: grid;
  min-width: -moz-fit-content;
  min-width: fit-content;
  min-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  grid-template-areas: "pivot ruler-top" "ruler-left document-container";
  grid-template-columns: min-content auto;
  grid-template-rows: min-content auto;
}
.ar-rulers__pivot {
  position: sticky;
  z-index: 9300;
  top: 0;
  left: 0;
  border-right: 1px solid var(--cui-neutral-100);
  border-bottom: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  grid-area: pivot;
}
.ar-rulers__document-container {
  position: relative;
  grid-area: document-container;
}
.ar-rulers__disabled {
  pointer-events: none;
}
.ar-ruler-guide {
  position: absolute;
  z-index: 9100;
}
.ar-ruler-guide--vertical {
  top: 0;
  width: 0;
  height: 100%;
  margin-left: 63px;
  border-left: 2px var(--cui-primary-500) dashed;
}
.ar-ruler-guide--horizontal {
  left: 0;
  width: 100%;
  height: 0;
  margin-top: 63px;
  border-top: 2px var(--cui-primary-500) dashed;
}
.ar-ruler-guide--vertical.ar-ruler-guide--bold {
  border-left: 2px var(--cui-primary-500) solid;
}
.ar-ruler-guide--horizontal.ar-ruler-guide--bold {
  border-top: 2px var(--cui-primary-500) solid;
}
.ar-ruler-container {
  position: sticky;
  z-index: 9200;
  background-color: var(--cui-bg-panels);
}
.ar-ruler-container--top {
  top: 0;
  padding-left: 64px;
  border-bottom: 1px solid var(--cui-neutral-100);
  grid-area: ruler-top;
}
.ar-ruler-container--left {
  left: 0;
  padding-top: 64px;
  border-right: 1px solid var(--cui-neutral-100);
  grid-area: ruler-left;
}
.ar-ruler {
  position: relative;
}
.ar-ruler-span {
  position: absolute;
  background-color: var(--cui-bg-body);
}
.ar-ruler--top .ar-ruler-span {
  top: 0;
  height: 100%;
}
.ar-ruler--left .ar-ruler-span {
  left: 0;
  width: 100%;
}
.ar-ruler-scale {
  position: relative;
  display: block;
  box-shadow: inset 0 0 0 1px var(--cui-neutral-100);
}
.ar-ruler-scale--top {
  margin-top: -1px;
  margin-bottom: -1px;
}
.ar-ruler-scale--left {
  margin-right: -1px;
  margin-left: -1px;
}
.ar-ruler-scale__ticks {
  stroke: var(--cui-text-color);
  stroke-opacity: .25;
}
.ar-ruler-scale text {
  font-family: inherit;
  font-size: 11px;
  fill: hsla(var(--neutral-700), .62);
}
.ar-ruler-marker {
  position: absolute;
  display: grid;
  gap: 5px;
}
.ar-ruler-marker__tooltip {
  padding: 0 3px;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  box-shadow: var(--cui-shadow-border);
  font-size: 11px;
}
.ar-ruler-marker--top {
  bottom: 0;
  cursor: ew-resize;
  justify-items: center;
  justify-content: center;
  grid-template-rows: 100% auto;
}
.ar-ruler-marker--left {
  right: 0;
  cursor: ns-resize;
  align-items: center;
  grid-template-columns: 100% auto;
}
.ar-ruler-marker__tick {
  background-color: var(--cui-neutral-100);
}
.ar-ruler-marker--top .ar-ruler-marker__tick {
  width: 2px;
}
.ar-ruler-marker--left .ar-ruler-marker__tick {
  height: 2px;
}
.quick-edit-box {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  resize: none;
  text-align: initial;
  border-width: 0;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px;
}
.quick-edit-box--visible {
  width: 100%;
  height: 100%;
  padding: 2pt;
}
.quick-edit-box__clicker {
  position: absolute;
  width: 100%;
  height: 100%;
}
.wd-number-editor {
  display: flex;
  width: 100%;
}
.wd-number-editor__button {
  flex: 0 0 auto;
}
.wd-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wd-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wd-number-editor input[type=text].gc-input.wd-number-editor__input {
  flex: 2 2 auto;
  width: 100%;
  text-align: center;
  border-radius: 0;
}
.wd-color-editor .wd-color-editor__preview {
  width: 18px;
  height: 18px;
  margin: 0;
}
.wd-color-editor div.wd-color-editor-side__preview {
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0;
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
}
.wd-color-editor div.wd-color-editor-side__preview > span {
  display: block;
  float: left;
  width: 9px;
  height: 9px;
}
.wd-line-style-editor__preview-box {
  display: flex;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 4px;
  align-items: center;
}
.wd-line-style-editor__preview-content {
  width: 100%;
  border-top-width: 2px;
}
.wd-line-style-editor__preview-content--double {
  border-top-width: 4px;
}
.wd-binding-wrapper--error .gc-binding-wrapper__toggle {
  background-color: var(--cui-binding-error);
}
.wd-binding-wrapper--inherited .gc-binding-wrapper__toggle {
  background-color: #0074e0;
}
@media (any-hover: hover) {
  .wd-binding-wrapper--error > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
    outline-color: var(--cui-binding-error);
  }
  .wd-binding-wrapper--inherited > .gc-dd > .gc-btn:hover:not(:disabled) .gc-binding-wrapper__toggle {
    outline-color: #0074e0;
  }
}
.wd-hatch-style-editor__preview-box,
.wd-gradient-style-editor__preview-box {
  display: flex;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #0000001a;
  align-items: center;
  justify-content: center;
}
.wd-styles-tab {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.wd-styles-tab__container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.wd-styles-tab__overlay {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--cui-bg-panels);
}
.wd-styles-tab__overlay--visible {
  left: 0;
  transition: left .2s ease-in-out;
}
.wd-sidebar-block__heading--styles .gc-heading__container {
  display: grid;
  grid-template-columns: minmax(0, max-content) repeat(auto-fit, minmax(0, 1fr));
}
.wd-sidebar-block__heading--styles .gc-heading__container .gc-loader {
  justify-self: start;
}
.wd-sidebar-block__heading--styles .gc-heading__container .gc-heading__actions {
  justify-self: right;
}
.wd-chart-editor-tile {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 33.3333333333%;
  margin: 0;
  padding: var(--cui-padding-xs);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background-color .2s ease-in-out;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
}
.wd-chart-editor-tile:hover:not(.wd-chart-editor-tile--selected) {
  background-color: var(--cui-neutral-100);
}
.wd-chart-editor-tile > div {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wd-chart-editor-tile--wizard > div {
  width: 65%;
  height: 65%;
  padding-top: var(--cui-padding-xs);
}
.wd-chart-editor-tile__label {
  display: block;
  overflow: hidden;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  text-align: center;
}
.wd-chart-editor-tile #palette-label {
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  text-anchor: middle;
  fill: var(--cui-text-color);
}
.wd-chart-editor-tile #palette-stroke {
  fill: transparent;
  stroke: var(--cui-text-color);
  stroke-linejoin: round;
}
.wd-chart-editor-tile--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}
.wd-chart-editor-tile--selected #palette-stroke {
  stroke: var(--cui-white);
}
.wd-chart-editor-tile--selected #palette-label {
  fill: var(--cui-white);
}
.wd-chart-editor-group {
  display: block;
  width: 100%;
}
.wd-chart-editor-group__heading {
  display: block;
  width: 100%;
  min-height: var(--cui-block-size);
  padding: var(--cui-padding-xs) var(--cui-padding);
}
.wd-chart-editor-group__content {
  display: flex;
  width: 100%;
  padding: 0 var(--cui-padding);
  flex-wrap: wrap;
}
.wd-chart-palette-editor .wd-chart-editor-tile {
  width: 25%;
}
.wd-chart-palette-editor .wd-chart-editor-tile > div {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 22px;
  margin-left: var(--cui-padding-sm);
}
.ar-semantic-data-field-picker-dropdown-content {
  position: relative;
  display: block;
  font-size: 12px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-dropdown-content-separator {
  position: relative;
  border-bottom: 1px solid var(--cui-neutral-100);
  border-top: 1px solid var(--cui-neutral-100);
  height: 3px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity {
  position: relative;
  height: auto;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title {
  padding: 0 30px;
  background-color: transparent;
  position: relative;
  height: 30px;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title .ar-semantic-data-field-picker-entity-title-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title > span {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields {
  position: relative;
  min-width: 100%;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute {
  display: block;
  position: relative;
  min-width: 100%;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title {
  display: block;
  position: relative;
  min-width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 var(--cui-padding-sm);
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .datatype-label {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  font-size: 10px;
  line-height: 20px;
  border-radius: 4px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .datatype-label > i {
  padding: 2px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span {
  display: block;
  width: 5px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span:first-child {
  float: left;
  text-align: left;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .aggregate-label > span:last-child {
  float: right;
  text-align: right;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title .ar-semantic-data-field-picker-attribute-title-text.with-label {
  margin-left: 25px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle {
  position: absolute;
  pointer-events: all;
  cursor: pointer;
  top: 0;
  right: 0;
  display: block;
  width: 30px;
  height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle > .gc-icon {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title > .ar-semantic-data-field-picker-attribute-variations-toggle > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-with-variation {
  padding-right: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-disabled {
  cursor: auto;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-disabled .ar-semantic-data-field-picker-attribute-title-text {
  opacity: .5;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected {
  background-color: hsla(var(--primary-500), .38);
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected > .datatype-label {
  background-color: hsla(var(--primary-500), .62);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected > .ar-semantic-data-field-picker-attribute-variations-toggle {
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected.ar-semantic-data-field-picker-attribute-disabled {
  cursor: no-drop;
  background-color: #d87979;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title.ar-semantic-data-field-picker-attribute-selected.ar-semantic-data-field-picker-attribute-disabled .ar-semantic-data-field-picker-attribute-title-text {
  color: var(--cui-error-500);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) > .datatype-label {
  background-color: hsla(var(--primary-500), .62);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:hover:not(.ar-semantic-data-field-picker-attribute-disabled) > .ar-semantic-data-field-picker-attribute-variations-toggle {
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-variations {
  display: block;
  position: relative;
  min-width: 100%;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute.variations-expanded {
  background-color: #f7f7f7;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title,
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-base > .ar-semantic-data-field-picker-entity-title {
  padding: 0 var(--cui-padding-sm);
  background-color: var(--cui-primary-500);
  color: var(--cui-white);
  border-bottom: 1px solid var(--cui-neutral-100);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title:hover,
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-base > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title > .ar-semantic-data-field-picker-attribute-title-arrow {
  position: absolute;
  bottom: -3.5px;
  left: 11.5px;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  background-color: var(--cui-primary-500);
  z-index: 999;
  border-bottom: 1px solid var(--cui-neutral-100);
  border-right: 1px solid var(--cui-neutral-100);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-expanded > .ar-semantic-data-field-picker-entity-title:hover > .ar-semantic-data-field-picker-attribute-title-arrow {
  background-color: var(--cui-primary-700);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view.ar-semantic-data-field-picker-entity {
  display: inline-block;
  min-width: 100%;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title {
  background-color: transparent;
  color: var(--cui-text-color);
  padding: 0 30px;
  border: none;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 8px;
  line-height: 31px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title > span.entity-expanded {
  transform: rotate(180deg);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-title:hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields {
  padding-left: 13px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute {
  overflow: auto;
  text-overflow: initial;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute.variations-expanded {
  background-color: transparent;
}
.ar-semantic-data-field-picker-dropdown-content .ar-semantic-data-field-picker-entity.ar-semantic-data-field-picker-entity-tree-view > .ar-semantic-data-field-picker-entity-fields .ar-semantic-data-field-picker-attribute > .ar-semantic-data-field-picker-attribute-title:not(.ar-semantic-data-field-picker-attribute-disabled):hover {
  background-color: var(--cui-primary-700);
  color: var(--cui-white);
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-no-fields-message {
  width: 100%;
  text-align: center;
  color: #757575;
  font-size: 12px;
  line-height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search {
  position: relative;
  height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input {
  display: block;
  width: 100%;
  height: 100%;
  padding: var(--cui-padding-xs) calc(2 * var(--cui-padding)) var(--cui-padding-xs) calc(2 * var(--cui-padding));
  border: 1px solid transparent;
  background-color: #00000005;
  font-size: 12px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input::-ms-clear {
  display: none;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input:focus,
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > input:hover {
  background-color: #00000012;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > i {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  pointer-events: none;
  opacity: .5;
  font-size: 14px;
  line-height: 30px;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  padding-left: 0;
  cursor: pointer;
  text-align: center;
  opacity: .5;
  color: #a5a5a5;
  border: none;
  background: transparent;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button:hover {
  color: #212121;
}
.ar-semantic-data-field-picker-dropdown-content .ar-data-field-picker-dropdown-search > button > i {
  font-size: 16px;
  line-height: 30px;
}
.wd-add-rows-columns-dialog__editors {
  width: 75%;
  margin: auto;
}
.wd-add-rows-columns-dialog__editors > * {
  margin-bottom: var(--cui-padding-xs);
}
.wd-data-attribute__variations-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.wd-data-item-container--attribute {
  position: relative;
  padding-left: var(--cui-block-size);
}
.wd-data-item-container--attribute .wd-data-item__icon-drag {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.wd-data-item-container--attribute .wd-data-item__icon-drag > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.wd-data-item-container--attribute .wd-data-item > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.wd-data-item-container--attribute .wd-data-item > span,
.wd-data-item-container--attribute .wd-data-item__title,
.wd-data-item-container--attribute .wd-data-item__subtitle {
  line-height: var(--cui-block-size-sm);
}
.wd-data-item-container--attribute .wd-data-item--expanded {
  margin: 0;
  background-color: var(--cui-neutral-50);
  box-shadow: inset 1px 0 0 0 var(--cui-neutral-100);
}
.wd-data-item-container--attribute > .branch {
  position: absolute;
  top: 0;
  left: var(--cui-padding-xl);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-container--attribute > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}
.wd-data-item-container--attribute > .branch .corner {
  display: block;
  width: 100%;
  height: 50%;
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--attribute > .branch .line {
  display: block;
  width: 100%;
  height: 50%;
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--attribute:last-child .branch .line {
  display: none;
}
.wd-data-item-container--attribute:last-child .branch.offset .line {
  display: block;
}
.wd-data-item-container--attribute:last-child .wd-data-attribute__variations .branch.offset + .branch .line:last-child {
  display: none;
}
.wd-data-item-container--inner-attribute {
  margin-left: var(--cui-block-size);
  padding-left: var(--cui-block-size-sm);
}
.wd-data-item-container--inner-attribute > .branch {
  left: calc(var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}
.wd-data-item--disabled-attribute {
  pointer-events: none;
  opacity: .62;
}
.wd-data-item-data-set__search {
  display: flex;
  width: 100%;
  height: 40px;
  padding-left: var(--cui-padding-xl);
  align-items: center;
}
.wd-data-item-data-set__fields--empty {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-sm);
  padding-left: var(--cui-padding-xl);
}
.wd-data-item-data-set__children {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.wd-data-item-data-set__children > div {
  display: flex;
  width: 100%;
  padding-left: var(--cui-padding-xl);
}
.wd-data-item-data-set__children > div > .wd-data-item-data-set {
  min-width: 0;
  flex-grow: 10;
}
.wd-data-item-data-set__children > div:last-child > .wd-data-item-data-set__branch-corner {
  max-height: 20px;
}
.wd-data-item-data-set__message {
  width: 100%;
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.wd-data-item-data-set__branch-corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-data-set__branch-corner:after {
  content: " ";
  display: block;
  margin-top: var(--cui-padding-xl);
  border-bottom: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-data-set__corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 50%;
  border-left: 1px dotted var(--cui-neutral-100);
  border-bottom: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-data-set__no-branch-line {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-data-set--with-children > .wd-data-item-data-set__fields .wd-data-item-container--field:last-child > .branch > .line {
  display: block;
}
.wd-data-field__variations-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.wd-data-item-container--field {
  position: relative;
  padding-left: var(--cui-block-size);
}
.wd-data-item-container--field .wd-data-item > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.wd-data-item-container--field .wd-data-item > span,
.wd-data-item-container--field .wd-data-item__title,
.wd-data-item-container--field .wd-data-item__subtitle {
  line-height: var(--cui-block-size-sm);
}
.wd-data-item-container--field > .branch {
  position: absolute;
  top: 0;
  left: var(--cui-padding-xl);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-container--field > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}
.wd-data-item-container--field > .branch .corner {
  display: block;
  width: 100%;
  height: 50%;
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--field > .branch .line {
  display: block;
  width: 100%;
  height: 50%;
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--field:last-child .branch .line {
  display: none;
}
.wd-data-item-container--field:last-child .branch.offset .line {
  display: block;
}
.wd-data-item-container--field:last-child .wd-data-field__variations .branch.offset + .branch .line:last-child {
  display: none;
}
.wd-data-field-custom-action__container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
  height: var(--cui-block-size-sm);
  justify-content: flex-start;
  align-items: center;
}
.wd-data-field-custom-action__container--with-variations {
  right: var(--cui-block-size-sm);
}
.wd-data-item {
  display: flex;
  overflow: hidden;
  min-height: var(--cui-block-size-sm);
  padding-right: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  align-items: center;
  justify-content: flex-start;
}
.wd-data-item > .gc-icon {
  display: flex;
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  align-items: center;
  justify-content: center;
}
.wd-data-item__icon-drag {
  display: block;
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
}
.wd-data-item__icon-drag > .gc-icon {
  display: flex;
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  color: var(--cui-primary-700);
  align-items: center;
  justify-content: center;
}
.wd-data-item > span,
.wd-data-item__title,
.wd-data-item__subtitle {
  display: block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.wd-data-item__title {
  padding-top: var(--cui-padding-xs);
  line-height: 15px;
}
.wd-data-item__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}
.wd-data-item__text {
  overflow: hidden;
  flex: 1 1 100%;
  padding-bottom: var(--cui-padding-xs);
}
.wd-data-item__controls {
  display: flex;
  flex-direction: row-reverse;
  height: var(--cui-block-size);
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item--expanded {
  margin-left: var(--cui-block-size-sm);
}
.wd-data-item:hover {
  background-color: var(--cui-neutral-50);
}
.wd-data-item-relation__fields--empty {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-sm);
  padding-left: var(--cui-padding-xl);
}
.wd-data-item-relation__message {
  width: 100%;
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.wd-data-item-relation__branch-line {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-relation__branch-corner {
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 50%;
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item--expanded-relation {
  background-color: var(--cui-neutral-50);
  box-shadow: inset 0 -1px 0 0 var(--cui-neutral-100);
}
.wd-data-item--expanded-relation:hover {
  background-color: var(--cui-neutral-100);
}
.wd-data-item-container--relation {
  position: relative;
}
.wd-data-item-container--relation .wd-data-item--relation {
  margin-left: var(--cui-block-size);
}
.wd-data-item-container--relation .wd-data-item--relation .wd-data-item__icon-drag {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
}
.wd-data-item-container--relation .wd-data-item--relation .wd-data-item__icon-drag > .gc-icon {
  flex: 0 0 var(--cui-block-size-sm);
  width: var(--cui-block-size-sm);
}
.wd-data-item-container--relation > .branch {
  position: absolute;
  top: 0;
  left: var(--cui-padding-xl);
  display: block;
  width: calc(var(--cui-block-size) - var(--cui-padding-xl));
  height: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-data-item-container--relation > .branch.offset + .branch {
  left: calc(var(--cui-block-size) + var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}
.wd-data-item-container--relation > .branch .corner {
  display: block;
  width: 100%;
  height: calc(var(--cui-block-size) * .5);
  border-bottom: 1px dotted var(--cui-neutral-100);
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--relation > .branch .line {
  display: block;
  width: 100%;
  height: 50%;
  border-left: 1px dotted var(--cui-neutral-100);
}
.wd-data-item-container--relation:last-child > .branch .line {
  display: none;
}
.wd-data-item-container--relation:last-child > .branch.offset .line {
  display: block;
}
.wd-data-item-container--relation:last-child .wd-data-field__variations .branch.offset + .branch .line:last-child {
  display: none;
}
.wd-data-item-container--inner-relation {
  margin-left: var(--cui-block-size);
}
.wd-data-item-container--inner-relation .wd-data-item--relation {
  margin-left: var(--cui-block-size-sm);
}
.wd-data-item-container--inner-relation > .branch {
  left: calc(var(--cui-block-size-sm) * .5);
  width: calc(var(--cui-block-size-sm) * .5);
}
.wd-data-search {
  position: relative;
  display: block;
  width: 100%;
}
.wd-data-search > .gc-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.wd-data-search > input[type=text].gc-input {
  width: 100%;
  padding-left: var(--cui-block-size-sm);
}
.wd-data-search > .gc-btn {
  position: absolute;
  top: 0;
  right: 0;
}
.wd-data-search--has-value > input[type=text].gc-input {
  padding-right: var(--cui-block-size-sm);
}
.wd-text-editor-dialog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: min-content minmax(160px, 30%) 1fr;
  height: 100%;
  grid-template-areas: "tree header header" "tree textarea textarea" "tree function-list info";
  padding: calc(var(--cui-padding) * .5) var(--cui-padding);
}
.wd-text-editor-dialog__tree-container {
  box-shadow: -1px 0 0 0 var(--cui-bg-panels-border) inset;
  grid-area: tree;
  display: grid;
  grid-template-rows: min-content 1fr;
  margin-right: var(--cui-padding);
}
.wd-text-editor-dialog__heading-container {
  grid-area: header;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto min-content;
  margin-bottom: var(--cui-padding-sm);
}
.wd-text-editor-dialog__searchItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
}
.wd-text-editor-dialog__searchItem > span {
  display: block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px;
}
.wd-text-editor-dialog__searchItem > span > b {
  color: var(--cui-primary-700);
}
.wd-text-editor-dialog__searchItem > span:last-of-type {
  opacity: .62;
}
.wd-text-editor-dialog__searchItem--disabled {
  text-align: center;
}
.wd-text-editor-dialog__textarea {
  grid-area: textarea;
  padding: calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5) calc(var(--cui-padding) * .5);
  margin-bottom: calc(var(--cui-padding) * .5);
  resize: none;
  color: var(--cui-text-color);
  border-style: none;
  background-color: #0000001a;
  font-size: var(--cui-text-size);
}
.wd-text-editor-dialog__textarea:focus {
  color: var(--cui-primary-500);
}
.wd-text-editor-dialog__textarea--invalid {
  box-shadow: 0 0 0 1px var(--cui-error-500) inset;
}
.wd-text-editor-dialog__function-list {
  grid-area: function-list;
}
.wd-text-editor-dialog__function-list .expression-functions {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: 100%;
}
.wd-text-editor-dialog__function-list .expression-functions .gc-treeview {
  padding-right: var(--cui-padding);
}
.wd-text-editor-dialog__info {
  grid-area: info;
  padding-left: var(--cui-padding);
  box-shadow: 1px 0 0 0 var(--cui-bg-panels-border) inset;
}
.wd-text-editor-dialog__info .expression-info {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: 100%;
  font: var(--cui-text-size) var(--cui-text-family);
}
.wd-text-editor-dialog__error-container {
  padding: var(--cui-padding);
  padding-bottom: 0;
}
.wd-text-editor-dialog__error-container > .gc-alert {
  margin-bottom: var(--cui-padding-sm);
}
.wd-text-editor-dialog__error-container > .gc-alert:last-of-type {
  margin-bottom: 0;
}
.wd-text-editor-dialog__error-container > .gc-alert .gc-alert__title {
  overflow: visible;
  padding: var(--cui-padding-xs) 0;
  white-space: normal;
  line-height: 1.5em;
}
.wd-text-editor-dialog__error-container > .gc-alert .gc-alert--one-row {
  overflow: hidden;
  white-space: nowrap;
}
.preview-view-container .pallete-dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-view-container .chart-container {
  margin-top: var(--cui-padding-sm);
  height: 380px;
  background-color: #fff;
  border-radius: 2px;
}
.preview-view-container .bt-group {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: var(--cui-padding-sm);
}
.preview-view-container .bt-group .gc-btn {
  margin: 2px;
}
.select-type-view-container .charts-container {
  margin: var(--cui-padding-sm) 0;
  height: 420px;
}
.select-type-view-container .charts-container .wd-chart-editor-tile {
  width: 25%;
}
.chart-wizard-container {
  padding: var(--cui-padding);
}
.chart-wizard-container .cui-steps {
  margin-bottom: calc(var(--cui-padding) * 2);
}
.chart-wizard-container .break-down-method-dropdown .gc-btn__text {
  padding: 0 var(--cui-padding-sm);
}
.wd-tablix-wizard-filters-panel {
  position: relative;
  width: 100%;
  height: calc(100% - 40px);
}
.wd-tablix-wizard-filters-panel__back-button {
  width: calc(100% - 2 * var(--cui-padding-sm));
  margin: 0 var(--cui-padding-sm);
}
.wd-tablix-wizard-filters-panel__content {
  position: relative;
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: calc(100% - var(--cui-block-size-sm) + 2 * var(--cui-padding-sm));
  margin: var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
}
.wd-tablix-wizard-filters-panel .wd-filters {
  margin: var(--cui-padding-sm);
}
.wd-tablix-wizard-layout {
  display: flex;
  flex-wrap: wrap;
}
.wd-tablix-wizard-layout__column {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 50%;
  width: 50%;
  height: 100%;
  flex-wrap: nowrap;
}
.wd-tablix-wizard-layout__as-rows-toggle {
  position: absolute;
  top: 50%;
  right: 15px;
  cursor: pointer;
  font-size: 13px;
}
.wd-tablix-wizard-tablix-filters,
.wd-tablix-wizard-row-column-swap {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  padding: 0 var(--cui-padding-xs) 6px;
  cursor: pointer;
  align-items: center;
}
.wd-tablix-wizard-tablix-filters--disabled,
.wd-tablix-wizard-row-column-swap--disabled {
  cursor: not-allowed;
  opacity: .5;
}
.wd-tablix-wizard-tablix-filters__icon,
.wd-tablix-wizard-row-column-swap__icon {
  display: flex;
  width: 30px;
  height: 30px;
  background-position: 3px 3px;
  font-size: 16px;
  line-height: 31px;
  align-items: center;
  justify-content: center;
}
.wd-tablix-wizard-tablix-filters__label,
.wd-tablix-wizard-row-column-swap__label {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.wd-tablix-wizard-row-column-swap {
  top: 50%;
}
.wd-tablix-wizard-row-column-swap__icon {
  transform: rotate(-45deg);
}
.wd-tablix-wizard-layout-cell {
  overflow: hidden;
  flex: 1 1 50%;
  height: 50%;
}
.wd-tablix-wizard-layout-cell--left {
  padding: 0 var(--cui-padding-xs) var(--cui-padding-sm) var(--cui-padding-sm);
}
.wd-tablix-wizard-layout-cell--right {
  padding: 0 var(--cui-padding-sm) var(--cui-padding-sm) var(--cui-padding-xs);
}
.wd-tablix-wizard-layout-cell__header {
  display: inline-flex;
  padding: 0 0 6px;
  cursor: default;
  align-items: center;
}
.wd-tablix-wizard-layout-cell__header-icon {
  display: flex;
  width: 30px;
  height: 30px;
  background-position: 3px 3px;
  font-size: 16px;
  line-height: 31px;
  align-items: center;
  justify-content: center;
}
.wd-tablix-wizard-layout-cell__header-label {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.wd-tablix-wizard-layout-options {
  width: 100%;
  height: calc(100% - 30px);
  margin: 0;
  border-radius: 2px;
  background-color: var(--cui-bg-panels);
}
.wd-tablix-wizard-layout-options__tabs {
  position: relative;
  width: calc(100% - 2 * var(--cui-padding-xs));
  height: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs) 0 var(--cui-padding-xs);
}
.wd-tablix-wizard-layout-options__tabs:after {
  position: relative;
  display: block;
  width: calc(100% - 14px);
  height: 1px;
  margin: -1px 7px 0;
  content: "";
  border-top: 1px solid var(--cui-neutral-100);
}
.wd-tablix-wizard-layout-options__content {
  height: calc(100% - var(--cui-block-size-sm) - var(--cui-padding-xs));
  margin-top: var(--cui-padding-xs);
  padding-left: var(--cui-padding-xs);
}
.wd-tablix-wizard-organization-options__frozen-editor {
  padding: 2px var(--cui-padding-xs) 0 var(--cui-padding-xs);
}
.wd-tablix-wizard-tablix-area {
  position: relative;
  width: 100%;
  height: calc(100% - 36px);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
}
.wd-tablix-wizard-tablix-area-item {
  position: relative;
  display: flex;
  width: 100%;
  height: 40px;
}
.wd-tablix-wizard-tablix-area-item:active .wd-tablix-wizard-tablix-area-item-title {
  background-color: var(--cui-neutral-100);
}
.wd-tablix-wizard-drop-area {
  position: absolute;
  z-index: 9000;
  left: 0;
  display: none;
  width: 100%;
  min-height: 10px;
  pointer-events: all;
}
.wd-tablix-wizard-drop-area__color {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  min-height: 2px;
  opacity: .7;
  background-color: hsla(var(--primary-500), .2);
  border-radius: var(--cui-border-radius);
}
.wd-tablix-wizard-drop-area__color--line {
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 2px;
  margin: 4px var(--cui-padding-sm) 4px var(--cui-padding-sm);
  opacity: 1;
}
.wd-tablix-wizard-drop-area--active,
.wd-tablix-wizard-drop-area--hover .wd-tablix-wizard-drop-area__color {
  display: block;
}
.wd-tablix-wizard-tablix-area-item-title {
  position: relative;
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: 30px;
  margin: var(--cui-padding-sm) var(--cui-padding-sm) 0 var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  line-height: 30px;
}
.wd-tablix-wizard-tablix-area-item-title__label {
  display: block;
  overflow: hidden;
  width: calc(100% - 120px);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.wd-tablix-wizard-tablix-area-item-title__overlay {
  position: absolute;
  top: 0;
  right: 0;
}
.wd-tablix-wizard-tablix-area-item-title__overlay-button {
  float: left;
}
.wd-tablix-wizard-tablix-area-item-title .gc-btn .gc-icon > svg > path {
  fill: var(--cui-text-color);
}
.wd-tablix-wizard-tablix-area-item-title .gc-btn:hover {
  background-color: transparent !important;
}
.wd-tablix-wizard-tablix-area-item-title .gc-btn:hover .gc-icon > svg > path {
  fill: var(--cui-primary-500);
}
.wd-tablix-wizard-tablix-area-item-title:hover {
  background-color: var(--cui-neutral-100);
}
.wd-tablix-wizard-tablix-value__accented {
  color: var(--cui-primary-500);
  font-weight: 700;
}
.wd-tablix-wizard-tablix-value__strong {
  font-weight: 700;
}
.wd-tablix-wizard-tablix-value .wd-tablix-wizard-tablix-area-item-title__label {
  width: calc(100% - 120px);
}
.wd-tablix-wizard-tablix-value--wide .wd-tablix-wizard-tablix-area-item-title__label {
  width: calc(100% - 60px);
}
.wd-tablix-wizard-warning .gc-modal__title {
  overflow: hidden;
  width: 500px;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wd-tablix-wizard-warning .gc-modal__subtitle {
  cursor: default;
}
.wd-tablix-wizard-warning__body {
  position: relative;
  display: flex;
  width: calc(100% - 2 * var(--cui-padding-sm));
  height: auto;
  margin: var(--cui-padding-sm);
  padding: 8px 12px;
  text-align: left;
  align-items: center;
}
.wd-tablix-wizard-warning__icon {
  display: block;
  width: 30px;
  height: 30px;
  background-position: 1px 2px;
}
.wd-tablix-wizard-warning__msg {
  margin-left: var(--cui-padding-sm);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  font-size: 12px;
}
@media screen and (max-height: 780px) {
  .wd-tablix-wizard {
    top: 0 !important;
    margin-top: var(--cui-padding) !important;
  }
}
.wd-tablix-wizard .gc-modal__title {
  overflow: hidden;
  width: 800px;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wd-tablix-wizard .gc-modal__subtitle {
  cursor: default;
}
.wd-tablix-wizard .gc-scrollbars {
  max-height: 570px !important;
}
.wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
  max-height: 317px !important;
}
@media screen and (min-height: 600px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 467px !important;
  }
}
@media screen and (min-height: 650px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 517px !important;
  }
}
@media screen and (min-height: 700px) {
  .wd-tablix-wizard .gc-scrollbars__view.gc-scrollbars__view--vertical {
    max-height: 587px !important;
  }
}
.wd-tablix-wizard__body {
  height: 570px;
}
.wd-tablix-wizard__body h2 {
  display: block;
  height: 40px;
  margin: 0;
  padding: 0 var(--cui-padding);
  cursor: default;
  text-transform: uppercase;
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size);
  font-weight: 700;
  line-height: 40px;
}
.wd-tablix-wizard__layout-container {
  float: right;
  width: 70%;
  height: 100%;
  background-color: var(--cui-neutral-50);
}
.wd-tablix-wizard__layout-container .wd-tablix-wizard-layout {
  width: 100%;
  height: calc(100% - 40px);
}
.wd-tablix-wizard__layout-overlay {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: 570px;
  cursor: not-allowed;
  opacity: .1;
  background-color: #b0b0b0;
}
.wd-tablix-wizard__data-set-panel-container {
  float: left;
  width: calc(100% * (1 - .7));
  height: 100%;
  background-color: var(--cui-bg-panels);
}
.wd-tablix-wizard__data-set-panel-container .wd-tablix-wizard-data-set-panel {
  width: 100%;
  height: calc(100% - 40px);
}
.wd-tablix-wizard-info {
  position: relative;
  display: flex;
  width: calc(100% - var(--cui-padding) * 2);
  height: auto;
  margin: var(--cui-padding) var(--cui-padding) 0 var(--cui-padding);
  padding: var(--cui-padding-sm);
  text-align: left;
  border: 1px solid var(--cui-neutral-300);
  border-radius: var(--cui-border-radius);
  background: var(--cui-neutral-50);
  align-items: center;
}
.wd-tablix-wizard-info__icon {
  display: block;
}
.wd-tablix-wizard-info__msg {
  margin-left: var(--cui-padding-sm);
  padding-left: var(--cui-padding-sm);
  cursor: default;
  border-left: 1px solid var(--cui-neutral-100);
  font-size: var(--cui-text-size);
}
.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .delete .wd-svg {
  display: flex;
}
.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .delete .wd-svg > svg {
  width: 14px;
  height: 20px;
}
.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg {
  display: flex;
}
.wd-tablix-wizard__body .wd-tablix-wizard__layout-container .wd-tablix-wizard-layout .wd-tablix-wizard-layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg > svg {
  width: 16px;
  height: 20px;
}
.tw-icon-color-none {
  fill: none;
}
.tw-icon-color-blue {
  fill: #1c7cdc;
}
.tw-icon-color-light-blue {
  fill: #9cf;
}
.tw-icon-color-gray-blue {
  fill: #819cce;
}
.tw-icon-color-white {
  fill: #fff;
}
.tw-icon-color-yellow {
  fill: #c78306;
}
.wd-group-editor-member {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  padding-left: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  align-items: center;
}
.wd-group-editor-member .icon {
  flex: 0 0 auto;
  width: 18px;
  height: 20px;
  padding-top: 2px;
  padding-left: 8px;
}
.wd-group-editor-member .icon span {
  display: block;
  width: 6px;
  height: 16px;
  transition: border-color .2s ease-in-out;
  border-left: 2px solid var(--cui-neutral-300);
}
.wd-group-editor-member .text {
  overflow: hidden;
  flex: 1 1 100%;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 21px;
}
.wd-group-editor-member .action {
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.wd-group-editor-member__items {
  padding-left: 18px;
}
.wd-group-editor-member:hover {
  background-color: var(--cui-neutral-50);
}
.wd-group-editor-member:hover .action {
  opacity: 1;
}
.wd-group-editor-member--tree-selected {
  background-color: var(--cui-neutral-50);
}
.wd-group-editor-member--tree-selected .action {
  opacity: 1;
}
.wd-group-editor-member--tree-selected:hover {
  background-color: var(--cui-neutral-100);
}
.wd-group-editor-member--selected {
  color: #fff;
  background-color: var(--cui-primary-500);
}
.wd-group-editor-member--selected .icon > span {
  border-left: 2px solid white;
}
.wd-group-editor-member--selected .action {
  opacity: 1;
}
.wd-group-editor-member--selected:hover {
  background-color: var(--cui-primary-700);
}
.wd-group-editor-member--dynamic .icon {
  padding-left: 7px;
}
.wd-group-editor-member--dynamic .icon span {
  border-top: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
  border-left: 2px solid var(--cui-primary-500);
}
.wd-group-editor-member--dynamic.wd-group-editor-member--selected {
  color: #fff;
  background-color: var(--cui-primary-500);
}
.wd-group-editor-member--dynamic.wd-group-editor-member--selected .icon > span {
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
}
.wd-group-editor-member-container {
  position: relative;
  display: block;
  width: 100%;
}
.wd-group-editor-member-container .branch {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 100%;
  padding-left: 9px;
}
.wd-group-editor-member-container .branch .corner {
  display: block;
  width: 9px;
  height: 15px;
  border-bottom: 1px dashed var(--cui-neutral-100);
  border-left: 1px dashed var(--cui-neutral-100);
}
.wd-group-editor-member-container .branch .line {
  display: block;
  width: 9px;
  height: calc(100% - 15px);
  border-left: 1px dashed var(--cui-neutral-100);
}
.wd-group-editor-member-container--no-branch > .branch {
  display: none !important;
}
.wd-group-editor-member-container--no-branch > .wd-group-editor-member {
  padding-left: 0;
}
.wd-group-editor-member-container--no-branch > .ar-member-items {
  padding-left: 0;
}
.wd-group-editor-hierarchy {
  padding: 0 var(--cui-padding);
}
.wd-group-editor-hierarchy > .gc-heading {
  padding: var(--cui-padding-sm) 0;
}
.wd-group-editor-hierarchy > .gc-heading .gc-heading__text {
  font-weight: 700;
}
.wd-group-editor-hierarchy > .gc-heading .gc-heading__divider {
  opacity: .1;
}
.wd-group-editor-hierarchy .wd-group-editor-member-container:last-child > .branch .line {
  display: none;
}
.wd-group-editor-hierarchy--collapsed .wd-group-editor-hierarchy__content {
  display: none;
}
.wd-group-editor {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: stretch;
  justify-content: stretch;
}
.wd-group-editor__content {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
}
.wd-group-editor > p {
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.wd-group-editor > .gc-toggle {
  flex: 0 0 var(--cui-block-size-sm);
  margin: 0 var(--cui-padding);
}
.wd-layer-list {
  padding: var(--cui-padding);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wd-layer-list__content {
  margin-bottom: auto;
}
.wd-layer-item {
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
  display: grid;
  grid-template-columns: 1fr auto auto;
  border-radius: var(--cui-border-radius);
}
.wd-layer-item:hover {
  background-color: var(--cui-neutral-100);
}
.wd-layer-item--selected,
.wd-layer-item--selected:hover {
  background-color: var(--cui-primary-500);
}
.wd-layer-item__button {
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent !important;
}
.wd-panels-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: var(--cui-bg-panels);
  box-shadow: 1px 0 0 0 var(--cui-neutral-100) inset;
  align-items: stretch;
  justify-content: stretch;
}
.wd-panels-content {
  position: relative;
  flex: 1 1 100%;
  margin-top: var(--cui-padding);
}
.wd-panels-header {
  display: flex;
  flex: 0 0 auto;
  margin: var(--cui-padding);
  margin-bottom: 0;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-primary-500);
  justify-content: stretch;
}
.wd-panels-header__nav {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
  color: var(--cui-white);
  justify-content: left;
  align-items: center;
}
.wd-panels-header__nav > .gc-icon {
  display: flex;
  width: var(--cui-text-size);
  height: var(--cui-text-size);
  opacity: .62;
  justify-content: center;
  align-items: center;
}
.wd-panels-header__nav > .gc-btn {
  opacity: .62;
}
.wd-panels-header__nav > .gc-btn > .gc-btn__text {
  padding: 0 calc(var(--cui-padding-sm) * .5);
  font-size: var(--cui-text-size-sm);
}
.wd-panels-header__nav > span {
  margin: 0 calc(var(--cui-padding-sm) * .5);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.pve-bound-item {
  position: relative;
  padding: 0 var(--cui-padding);
}
.pve-bound-item > p {
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: var(--cui-text-size-sm);
  line-height: 25px;
}
.pve-bound-item > p > span {
  opacity: .62;
}
.pve-bound-item > p > b {
  margin-right: var(--cui-padding-xs);
  text-transform: uppercase;
}
.pve-bound-item > h4 {
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: var(--cui-text-size);
  line-height: 15px;
}
.pve-bound-item > .gc-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}
.pve-bound-item > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.pve-bound-item--unset > h4 {
  opacity: .62;
  font-style: italic;
}
.pve-binding-menu {
  padding-bottom: calc(var(--cui-padding) * .5);
  border-radius: var(--cui-border-radius);
}
.pve-binding-menu__details {
  padding: calc(var(--cui-padding) * .5) 0 var(--cui-padding) 0;
  color: var(--cui-white);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
  background-color: var(--cui-primary-500);
}
.pve-binding-menu__details .gc-heading {
  margin: 0 var(--cui-padding);
  opacity: .62;
}
.pve-binding-menu__details .gc-heading .gc-heading__divider {
  opacity: .38;
}
.pve-binding-menu__params {
  height: calc(5 * var(--cui-block-size-sm));
  padding-top: calc(var(--cui-padding) * .5);
}
.pve-binding {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  display: block;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.pve-binding > .gc-dd {
  width: 100%;
}
.pve-binding > .gc-dd > .gc-btn--transparent:not([disabled]):not(.disabled):hover {
  background: transparent;
}
.pve-binding > .gc-dd .gc-dd__toggle-content {
  overflow: visible;
}
.pve-binding__dot {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  transition: box-shadow .2s ease-in-out;
  border: 3px solid rgba(0, 0, 0, .25);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-error-500);
}
.pve-binding__dot:hover {
  box-shadow: 0 0 5px 0 var(--cui-error-500);
}
.pve-binding__dot--partial {
  background-color: #999;
}
.pve-binding__dot--full {
  border-color: #00000059;
  background-color: var(--cui-primary-500);
}
.pve-binding__dot--full:hover {
  box-shadow: 0 0 5px 0 var(--cui-primary-500);
}
.pve-tree {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
}
.pve-textarea {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}
.pve-checklist > label {
  max-width: none;
}
.pve-slider-container {
  display: flex;
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.pve-slider-container--mode-X > .pve-slider {
  width: 100%;
  pointer-events: none;
}
.pve-number-editor {
  display: flex;
}
.pve-number-editor__button {
  flex: 0 0 auto;
  pointer-events: none;
}
.pve-number-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pve-number-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pve-number-editor__input.gc-input {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
  pointer-events: none;
  border-radius: 0;
}
.pve-float-editor {
  display: flex;
}
.pve-float-editor__button {
  flex: 0 0 auto;
}
.pve-float-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pve-float-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pve-float-editor__input.gc-input {
  flex: 1 1 auto;
  width: 100%;
  text-align: center;
  border-radius: 0;
}
.pve-default-editor {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.pve-default-editor > .gc-btn {
  margin-top: var(--cui-padding-xs);
}
.pve-max-range-editor {
  display: flex;
}
.pve-max-range-editor > .gc-number-editor {
  flex: 1 1 auto;
  min-width: 100px;
  margin-right: var(--cui-padding-xs);
}
.pve-max-range-editor > .gc-dd {
  flex: 1 1 100px;
}
.pve-editor-ranges__item {
  display: block;
  overflow: hidden;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.pve-editor-range-preview {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--cui-padding-xs);
  padding: var(--cui-padding);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  border: 1px solid var(--cui-neutral-300);
  justify-content: center;
  align-items: center;
}
.pve-editor-range-preview__label,
.pve-editor-range-preview__example {
  overflow: hidden;
  flex: 0 0 auto;
  height: 20px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.pve-editor-range-preview__label {
  margin-bottom: var(--cui-padding-xs);
  color: var(--cui-primary-700);
  font-size: var(--cui-text-size-lg);
  font-weight: 700;
}
.pve-editor-range-preview__example span:last-of-type {
  margin-left: var(--cui-padding-xs);
  opacity: .62;
}
.pve-editor-range-preview__example--time span:first-of-type {
  opacity: .62;
}
.pve-editor-range-preview__example--time span:last-of-type {
  opacity: 1;
}
.pve-nullable {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.pve-nullable > .gc-check {
  display: flex;
  flex: 0 0 auto;
  width: 60px;
}
.pve-nullable__content {
  flex: 1 1 auto;
  height: 100%;
  margin-right: var(--cui-padding);
}
.pve-range-edit-panel {
  padding: 0 var(--cui-padding);
}
.pve-parameters-panel {
  padding: var(--cui-padding);
}
.pve-parameters-panel--with-headings {
  padding: 0 var(--cui-padding) var(--cui-padding) var(--cui-padding);
}
.pve-parameters-panel--with-headings .gc-heading {
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}
.pve-parameters-panel__parameter {
  display: flex;
  overflow: hidden;
  border-radius: var(--cui-border-radius);
  align-items: center;
}
.pve-parameters-panel__parameter:hover {
  background-color: var(--cui-neutral-50);
}
.pve-parameters-panel__parameter > .gc-icon {
  display: flex;
  flex: 0 0 var(--cui-block-size);
  width: var(--cui-block-size);
  height: var(--cui-block-size);
  color: var(--cui-primary-700);
  justify-content: center;
  align-items: center;
}
.pve-parameters-panel__parameter__icon--level-warning.gc-icon {
  color: var(--cui-warning-500);
}
.pve-parameters-panel__parameter__text {
  flex: 1 1 100%;
  overflow: hidden;
  padding-bottom: var(--cui-padding-xs);
}
.pve-parameters-panel__parameter__text__title,
.pve-parameters-panel__parameter__text__subtitle {
  display: block;
  overflow: hidden;
  padding-right: var(--cui-padding-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.pve-parameters-panel__parameter__text__title {
  padding-top: var(--cui-padding-xs);
  color: var(--cui-text-color);
  line-height: 15px;
}
.pve-parameters-panel__parameter__text__subtitle {
  color: var(--cui-neutral-300);
  line-height: 15px;
}
.pve-parameters-panel__parameter__controls {
  display: flex;
  flex-direction: row-reverse;
  height: var(--cui-block-size);
  padding-right: var(--cui-padding-xs);
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
.pve-parameters-panel__parameter--hidden-param > .gc-icon {
  opacity: .5;
  color: var(--cui-text-color);
}
.pve-parameters-panel__parameter--hidden-param .pve-parameters-panel__parameter__text {
  opacity: .5;
}
.pve-parameters-panel__parameter--hidden-param:hover {
  background-color: transparent;
}
.pve-plain-text {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--cui-text-color);
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.pve-plain-text--info {
  color: var(--cui-primary-700);
}
.pve-plain-text--warning {
  color: var(--cui-warning-500);
}
.pve-plain-text--error {
  color: var(--cui-error-500);
}
.pve-control-wrapper {
  position: absolute;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
}
.pve-control-simple-wrapper {
  position: relative;
  margin-bottom: var(--cui-padding);
  border-radius: var(--cui-border-radius);
}
.pve-control-wrapper:before,
.pve-control-simple-wrapper:before {
  position: absolute;
  width: 5px;
  height: 5px;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: var(--cui-error-500);
}
.pve-control-wrapper--required-top-left:before,
.pve-control-simple-wrapper--required-top-left:before {
  top: calc(var(--cui-block-size-sm) * .5);
  left: -10px;
  content: "";
}
.pve-control-wrapper--required-top-right:before,
.pve-control-simple-wrapper--required-top-right:before {
  top: calc(var(--cui-block-size-sm) * .5);
  right: -10px;
  content: "";
}
.pve-control-wrapper--required-bottom-left:before,
.pve-control-simple-wrapper--required-bottom-left:before {
  bottom: calc(var(--cui-block-size-sm) * .5);
  left: -10px;
  content: "";
  transform: translateY(50%);
}
.pve-control-wrapper--selected:after,
.pve-control-simple-wrapper--selected:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px solid var(--cui-primary-500);
}
.pve-control-wrapper--selected > .pve-binding,
.pve-control-simple-wrapper--selected > .pve-binding {
  opacity: 1;
}
.pve-control-wrapper--invalid > .pve-binding,
.pve-control-simple-wrapper--invalid > .pve-binding {
  opacity: 1;
}
.pve-control-wrapper--dragging,
.pve-control-simple-wrapper--dragging {
  opacity: .38;
}
.pve-control-wrapper:hover > .pve-binding,
.pve-control-simple-wrapper:hover > .pve-binding {
  opacity: 1;
}
.pve-control-wrapper .gc-label,
.pve-control-simple-wrapper .gc-label {
  display: grid;
  height: 100%;
  -ms-grid-columns: minmax(0, 1fr);
  -ms-grid-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: var(--cui-block-size-sm) minmax(0, 1fr);
  grid-template-areas: "label" "content";
}
.pve-control-wrapper .gc-label__label,
.pve-control-simple-wrapper .gc-label__label {
  width: 100%;
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.pve-control-wrapper .gc-label__content,
.pve-control-simple-wrapper .gc-label__content {
  width: 100%;
  height: 100%;
  grid-area: content;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
.pve-control-wrapper .gc-label--position-left,
.pve-control-simple-wrapper .gc-label--position-left {
  -ms-grid-columns: 1fr minmax(0, 2fr);
  -ms-grid-rows: 1fr;
  grid-template-columns: 1fr minmax(0, 2fr);
  grid-template-rows: 100%;
  grid-template-areas: "label content";
}
.pve-control-wrapper .gc-label--position-right,
.pve-control-simple-wrapper .gc-label--position-right {
  -ms-grid-columns: minmax(0, 2fr) 1fr;
  -ms-grid-rows: 1fr;
  grid-template-columns: minmax(0, 2fr) 1fr;
  grid-template-rows: 100%;
  grid-template-areas: "content label";
}
.pve-control-wrapper .gc-label--position-bottom,
.pve-control-simple-wrapper .gc-label--position-bottom {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) var(--cui-block-size-sm);
  grid-template-areas: "content" "label";
}
.pve-surface {
  --grip-size: 10px;
  position: relative;
  outline: var(--cui-neutral-100) solid 1px;
  background-color: var(--cui-bg-panels);
  background-image:
    linear-gradient(transparent 4px, var(--cui-neutral-100) 1px),
    linear-gradient(
      90deg,
      transparent 4px,
      var(--cui-neutral-100) 1px);
  background-size: 5px 5px;
}
.pve-surface:before {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: .6;
  background-color: var(--cui-bg-panels);
}
.pve-surface--vertical {
  width: 330px;
  margin: 50px auto;
  padding: var(--cui-padding);
  background-image: none;
  box-shadow: 4px 4px 12px hsla(var(--neutral-100), .62);
}
.pve-surface--vertical > .pve-control-simple-wrapper:last-of-type {
  margin-bottom: 0;
}
.pve-surface--vertical > p {
  margin: 0;
  margin-bottom: var(--cui-padding);
  padding: 0;
  opacity: .62;
  font-size: var(--cui-text-size);
}
.pve-surface-empty {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  background-color: var(--cui-neutral-50);
}
.pve-surface,
.pve-surface-empty {
  grid-area: surface;
}
.pve-surface-message {
  display: flex;
  width: 100%;
  padding: calc(var(--cui-padding) * 2);
  grid-area: message;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
}
.pve-surface-text {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-sm);
  margin: 0;
  padding: 0;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  justify-content: center;
  align-items: center;
}
.pve-surface-text > .gc-btn {
  margin: 0 var(--cui-padding);
}
.pve-surface-container {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0, 1fr) auto;
  grid-template-areas: "surface" "message";
  background-color: var(--cui-neutral-50);
}
.pve-drag-box {
  border: 1px solid var(--cui-primary-500);
  background-color: hsla(var(--bg-panels), .62);
}
.pve-resize-grip {
  position: absolute;
  z-index: calc(var(--cui-z-notifications) + 1);
  display: flex;
  width: var(--grip-size);
  height: var(--grip-size);
  border: 1pt solid var(--cui-primary-500);
  border-radius: 50%;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}
.pve-resize-grip:after {
  display: block;
  width: calc(var(--grip-size) - 4px);
  height: calc(var(--grip-size) - 4px);
  content: "";
  border-radius: 50%;
  background-color: var(--cui-primary-500);
}
.pve-resize-grip--s {
  bottom: 0;
  left: 50%;
  cursor: ns-resize;
  transform: translate(-50%, 50%);
}
.pve-resize-grip--e {
  top: 50%;
  right: 0;
  cursor: ew-resize;
  transform: translate(50%, -50%);
}
.pve-resize-grip--se {
  right: 0;
  bottom: 0;
  cursor: se-resize;
  transform: translate(50%, 50%);
}
.pve-resize-grip--se:after {
  display: none;
}
.pve-resize-grip--lr,
.pve-resize-grip--rl {
  top: 50%;
  border-width: 2px;
  cursor: ew-resize;
  transform: translate(5%, -50%);
}
.pve-resize-grip--lr:after,
.pve-resize-grip--rl:after {
  background-color: var(--cui-bg-panels);
}
.pve-resize-grip-container {
  position: absolute;
  top: 0;
  z-index: calc(var(--cui-z-notifications) + 1);
  display: flex;
  width: 0px;
  align-items: center;
  justify-content: center;
  border-right: 1px dashed var(--cui-primary-300);
  transition: border-right .4s ease-in-out;
}
.pve-resize-grip-container:hover {
  border-right: 1px solid var(--cui-primary-500);
}
.pve-no-events {
  pointer-events: none;
}
.pve-icon-color-accent {
  fill: var(--cui-primary-500);
}
.pve-icon-color-secondary {
  fill: var(--cui-secondary-500);
}
.pve-icon-color-error {
  fill: var(--cui-error-500);
}
.pve-date-time-range-from-input {
  margin-bottom: var(--cui-padding-xs);
}
.wd-nested-property-grid-panel {
  width: 100%;
  height: 100%;
}
.wd-nested-property-grid-panel .gc-property-category {
  padding: 0 var(--cui-padding);
}
.wd-smart-suggestion-preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  border-radius: var(--cui-border-radius);
  outline-width: 0;
  outline-style: solid;
  outline-color: var(--cui-neutral-100);
  outline-offset: 2px;
  background-color: #fff;
  border: 1px solid var(--cui-neutral-50);
  padding: var(--cui-padding);
  padding-bottom: var(--cui-padding-sm);
  font-size: var(--cui-text-size);
}
.wd-smart-suggestion-preview__preview-overlay {
  position: absolute;
  top: var(--cui-padding);
  left: var(--cui-padding);
  width: calc(100% - var(--cui-padding) * 2);
  height: 180px;
}
.wd-smart-suggestion-preview__preview-container {
  position: relative;
  pointer-events: none;
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 180px;
}
.wd-smart-suggestion-preview__preview-overlay {
  z-index: 2;
}
.wd-smart-suggestion-preview__preview-controls {
  width: 100%;
  display: flex;
  align-self: flex-end;
  align-items: center;
  justify-content: flex-end;
  padding-top: var(--cui-padding-xs);
  gap: var(--cui-padding-xs);
  overflow: hidden;
}
.wd-smart-suggestion-preview .ar-chart {
  position: unset;
  max-width: 360px;
  margin: 0 auto;
}
.wd-smart-suggestion-preview .ar-table-glyph,
.wd-smart-suggestion-preview .ar-tablix-glyph {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.wd-smart-suggestion-preview .ar-table-glyph table,
.wd-smart-suggestion-preview .ar-tablix-glyph table {
  position: unset !important;
}
@media (hover: hover) and (pointer: fine) {
  .wd-smart-suggestion-preview:hover {
    outline-width: 2px;
    outline-color: var(--cui-neutral-100);
    border: 1px solid transparent;
  }
}
.wd-report-parts-libraries-panel {
  padding: var(--cui-padding);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wd-report-parts-libraries-panel__content {
  margin-bottom: auto;
}
.wd-report-parts-libraries-panel__content .wd-libraries-item {
  display: grid;
  grid-template-columns: minmax(0, max-content) max-content;
  align-items: center;
}
.wd-report-parts-libraries-panel__heading .gc-heading__divider {
  opacity: .1;
}
.wd-report-parts-libraries-panel__no-elements-label {
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.wd-report-parts-libraries-panel-item {
  display: flex;
  overflow: hidden;
  min-height: 30px;
  padding-right: 6px;
  border-radius: var(--cui-border-radius);
  align-items: center;
  justify-content: stretch;
}
.wd-report-parts-libraries-panel-item__icon {
  margin: 0 6px;
}
.wd-report-parts-libraries-panel-item__label {
  font-size: var(--cui-text-size);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wd-report-parts-libraries-panel-item:hover {
  background-color: var(--cui-neutral-50);
  transition: background-color .2s ease-in-out, opacity .2s ease-in-out;
}
.wd-dv-preview {
  overflow: hidden;
  height: 100%;
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-neutral-100);
}
.wd-dv-preview__bar {
  position: relative;
  top: 25%;
  height: 50%;
}
.wd-dv-preview__data-bar {
  position: relative;
  height: 100%;
}
.wd-dv-preview__progress-line {
  position: relative;
  top: -12.5%;
  height: 25%;
}
.wd-dv-preview--gradient {
  background-repeat: no-repeat;
}
.wd-dv-preview--range-bar {
  background-color: #fff;
}
.wd-dv-preview-container {
  width: 100%;
  height: 100px;
  padding: var(--cui-padding-sm) 0;
}
.wd-data-visualizer {
  padding: var(--cui-padding);
}
.wd-data-visualizer-dialog {
  width: 400px;
}
.wd-data-visualizer-dialog--wide {
  width: 800px;
}
.rdlx-theme-picker {
  display: grid;
  width: calc(4 * var(--item-width) + var(--cui-padding) * 2);
  padding: 0 var(--cui-padding);
  cursor: default;
  color: var(--cui-text-color);
  --item-width: 150px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(auto);
}
.rdlx-theme-picker-item {
  display: grid;
  width: var(--item-width);
  height: calc(var(--item-width) * 10 / 16);
  padding: var(--cui-padding-sm);
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  gap: 5px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
}
.rdlx-theme-picker-item:hover:not(.rdlx-theme-picker-item--selected) {
  background-color: var(--cui-neutral-50);
}
.rdlx-theme-picker-item--selected {
  color: var(--cui-primary-700);
  background-color: var(--cui-primary-50);
  font-weight: 700;
}
.rdlx-theme-picker-item__text {
  display: flex;
  width: 100%;
  gap: 10px;
  justify-content: center;
  align-items: flex-end;
}
.rdlx-theme-picker-item__text:after {
  display: block;
  flex: 1 1 auto;
  max-width: 50%;
  height: 1.2em;
  content: " ";
  opacity: .38;
  background-image:
    linear-gradient(
      to bottom,
      var(--cui-text-color) 1px,
      transparent 1px,
      transparent 1px);
  background-size: 5px 5px;
}
.rdlx-theme-picker-item__text > div {
  display: flex;
  flex: 0 0 auto;
  font-size: 1.6em;
  line-height: 1;
  aspect-ratio: 1/1;
  justify-content: center;
  align-items: center;
}
.rdlx-theme-picker-item__text > div > span {
  display: block;
}
.rdlx-theme-picker-item__colors {
  display: flex;
}
.rdlx-theme-picker-item__colors > div {
  width: 1em;
  border: 1px solid var(--cui-text-color);
  border-right: none;
  border-left: none;
  aspect-ratio: 1/1;
}
.rdlx-theme-picker-item__colors > div:last-child {
  border-right: 1px solid var(--cui-text-color);
  border-radius: 0 var(--cui-border-radius) var(--cui-border-radius) 0;
}
.rdlx-theme-picker-item__colors > div:first-child {
  border-left: 1px solid var(--cui-text-color);
  border-radius: var(--cui-border-radius) 0 0 var(--cui-border-radius);
}
.rdlx-theme-picker-item__label {
  overflow: hidden;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rdlx-theme-picker-item__icon-none {
  display: flex;
  grid-row: span 2;
  justify-content: center;
  align-items: center;
}
:root {
  --wd-rdlx-picker-toggle-size: .17in;
  --wd-block-size-sm-50: calc(var(--cui-block-size-sm) / 2);
}
.rdlx-field-picker {
  width: 100%;
  height: 100%;
}
.rdlx-field-picker__toggle {
  position: absolute;
  top: .04in;
  right: .04in;
  display: block;
  width: var(--wd-rdlx-picker-toggle-size);
  height: var(--wd-rdlx-picker-toggle-size);
  pointer-events: all !important;
  opacity: 0;
  line-height: var(--wd-rdlx-picker-toggle-size);
}
.rdlx-field-picker__toggle--offset-to-start {
  top: 0;
  left: 0;
}
.rdlx-field-picker__toggle--hidden > .gc-input[type=text] {
  display: none;
}
.rdlx-field-picker__toggle--non-selected > .gc-input[type=text] {
  box-sizing: content-box;
}
.rdlx-field-picker__toggle .gc-input[type=text] {
  opacity: 0;
  border-color: transparent;
  background-color: transparent;
}
.rdlx-field-picker__toggle .gc-dd > .gc-btn.gc-size-sm {
  width: var(--wd-rdlx-picker-toggle-size);
  height: var(--wd-rdlx-picker-toggle-size);
  line-height: var(--wd-rdlx-picker-toggle-size);
}
.rdlx-field-picker__toggle .gc-dd__toggle-content {
  width: 100%;
  height: 100%;
  border-radius: var(--cui-border-radius);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.rdlx-field-picker__toggle .gc-dd__toggle-content .gc-icon > svg {
  width: 100%;
  height: 100%;
}
.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) {
  z-index: 100014;
  top: calc(var(--wd-rdlx-picker-toggle-size) / 2 + .04in - var(--wd-block-size-sm-50));
  right: calc(var(--wd-rdlx-picker-toggle-size) / 2 + .04in - var(--wd-block-size-sm-50));
  width: 200px;
  height: var(--cui-block-size-sm);
  opacity: 1;
}
.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type=text] {
  padding-right: var(--cui-padding-sm);
  opacity: 1;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border);
}
.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type=text]:not([disabled]):hover {
  background-color: var(--cui-bg-body);
}
.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-input[type=text]:not([disabled]):focus {
  background-color: var(--cui-bg-body);
  box-shadow: var(--cui-shadow-border) !important;
}
.rdlx-field-picker__toggle--open:not(.rdlx-field-picker__toggle--semantic) .gc-dd > .gc-btn.gc-size-sm {
  display: none;
}
.rdlx-field-picker__toggle--semantic.rdlx-field-picker__toggle--open {
  opacity: 1;
}
.rdlx-field-picker__toggle--semantic > .gc-btn.gc-size-sm {
  width: var(--wd-rdlx-picker-toggle-size);
  height: var(--wd-rdlx-picker-toggle-size);
  line-height: var(--wd-rdlx-picker-toggle-size);
}
.rdlx-field-picker:hover .rdlx-field-picker__toggle {
  opacity: 1;
}
.rdlx-ruler-highlight-span__primary {
  background-color: var(--rulers-span-primary);
}
.rdlx-ruler-highlight-span__secondary {
  background-color: var(--rulers-span-secondary);
}
.rdlx-ruler-highlight-marker {
  background-color: var(--cui-primary-500);
}
.ar-adorner-panel {
  position: absolute;
  overflow: hidden;
  cursor: default;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.ar-adorner-panel__heading {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-xs);
  align-items: center;
}
.ar-adorner-panel__content {
  display: block;
  overflow: hidden;
  width: 100%;
  height: calc(100% - var(--cui-block-size-sm));
  padding: 0 4px 4px;
}
.ar-adorner-panel__content > .wd-drop-area {
  width: 100%;
  height: 100%;
}
.ar-adorner-panel__content > .wd-drop-area .gc-scrollbars__view .ar-adorner-panel__item:last-of-type {
  margin-bottom: 0;
}
.ar-adorner-panel__item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 25px;
  margin-bottom: var(--cui-padding-xs);
  padding: 0 var(--cui-padding-xs);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  justify-content: left;
  align-items: center;
}
.ar-adorner-panel__item:hover {
  background-color: var(--cui-neutral-100);
}
.ar-adorner-panel__item--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}
.ar-adorner-panel__item--selected .gc-ci-a-accent {
  fill: var(--cui-white);
}
.ar-adorner-panel__item--selected:hover {
  background-color: var(--cui-primary-700);
}
.ar-adorner-panel__item-icon {
  display: block;
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
  margin-right: var(--cui-padding-xs);
}
.ar-adorner-panel__item-icon-group {
  display: flex;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-icon-size-sm);
  align-items: center;
  justify-content: left;
}
.ar-adorner-panel__item-icon-group > .gc-icon {
  overflow: hidden;
  width: 7px;
}
.rdlx-tabs {
  display: grid;
  width: 100%;
  height: calc(var(--cui-block-size-sm) + 1px);
  border-top: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  grid-template-columns: auto minmax(0, 100%) auto;
  grid-template-rows: 100%;
  grid-template-areas: "rulers container add";
}
.rdlx-tabs--with-rulers:before {
  width: 17px;
  height: 100%;
  content: " ";
  border-right: 1px solid var(--cui-neutral-100);
  grid-area: rulers;
}
.rdlx-tabs__container {
  grid-area: container;
}
.rdlx-tabs__container .gc-scrollbars:hover .gc-scrollbars__track--horizontal {
  display: none;
}
.rdlx-tabs__add {
  border-left: 1px solid var(--cui-neutral-100);
  border-radius: 0;
  grid-area: add;
}
.rdlx-tabs__items {
  position: relative;
  display: flex;
  pointer-events: all;
  align-items: center;
  flex-wrap: nowrap;
}
.rdlx-tabs__separator {
  width: 1px;
  height: var(--cui-padding);
  transition: height .3s ease-in-out;
  background-color: var(--cui-neutral-100);
  flex-grow: 0;
  flex-shrink: 0;
}
.rdlx-tabs__indicator {
  position: absolute;
  bottom: 5px;
  display: block;
  height: 2px;
  padding: 0 8px;
  transition: left .2s ease-in-out, width .2s ease-in-out;
}
.rdlx-tabs__indicator:before {
  display: block;
  width: 100%;
  height: 100%;
  content: " ";
  border-radius: 2px;
  background-color: var(--cui-primary-700);
}
.rdlx-tabs__separator--selected {
  height: var(--cui-block-size-sm);
}
.rdlx-tab {
  position: relative;
  display: block;
  min-width: 60px;
  max-width: 160px;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  transition: background-color .2s ease-in-out;
  flex-grow: 0;
  flex-shrink: 0;
  transition: .2s ease-out;
}
.rdlx-tab__name {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: line-height .2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.rdlx-tab__indicator {
  position: absolute;
  bottom: 5px;
  left: 50%;
  display: block;
  width: 0;
  height: 2px;
  transition: opacity .3s ease-in-out, width .3s ease-in-out;
  transform: translate(-50%);
  opacity: 0;
  border-radius: 2px;
  background-color: var(--cui-neutral-500);
}
.rdlx-tab--selected {
  background-color: var(--cui-primary-50);
  font-weight: 700;
  color: var(--cui-primary-700);
}
.rdlx-tab--selected .rdlx-tab__name {
  line-height: 24px;
}
.rdlx-tab--hide {
  display: none;
}
.rdlx-tab--hidden {
  opacity: .38;
}
.rdlx-tab--dragging {
  position: absolute;
  background: var(--cui-primary-500);
  color: #fff;
  transition: none;
  z-index: 1000;
  pointer-events: none;
  transform: translate(-100%);
}
.rdlx-tab:not(.rdlx-tab--selected):hover .rdlx-tab__name {
  line-height: 24px;
}
.rdlx-tab:not(.rdlx-tab--selected):hover .rdlx-tab__indicator {
  width: calc(100% - 16px);
  opacity: 1;
}
.wd-stylesheet-dialog {
  background-color: var(--cui-bg-panels);
  outline: 1px solid var(--cui-neutral-100);
}
.wd-stylesheet-dialog__editor-container {
  padding: 0 calc(var(--cui-padding-sm) * 2) calc(var(--cui-padding-sm) * 2) calc(var(--cui-padding-sm) * 2);
  display: flex;
  flex-direction: column;
}
.wd-stylesheet-dialog__container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: 100%;
}
.wd-stylesheet-dialog__styles-list {
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--cui-padding-sm) * 2);
  border-right: 1px solid var(--cui-neutral-100);
}
.wd-stylesheet-dialog__styles-list__add {
  display: flex;
  flex-direction: column;
  row-gap: var(--cui-padding-xs);
}
.wd-stylesheet-dialog__styles-list__add,
.wd-stylesheet-dialog__styles-list .gc-heading,
.wd-stylesheet-dialog__styles-list .gc-scrollbars .gc-scrollbars__view ul {
  padding-right: calc(var(--cui-padding-sm) * 2);
}
.wd-stylesheet-dialog__properties-list {
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--cui-padding-sm) * 2);
  overflow: hidden;
}
.wd-stylesheet-dialog__properties-list .wd-property-list .gc-heading__text {
  color: var(--cui-neutral-700);
  text-transform: none;
}
.wd-stylesheet-dialog__properties-list .gc-property-category {
  padding-right: calc(var(--cui-padding-sm) * 2);
}
.wd-stylesheet-dialog__header .gc-heading__text {
  font-size: 16px;
  font-weight: 600;
}
.wd-stylesheet-dialog .gc-modal__header {
  background: none;
  color: var(--cui-neutral-700);
  padding: var(--cui-padding-xs);
  padding-left: calc(var(--cui-padding-sm) * 2);
  padding-bottom: 0;
  min-height: 30px;
  font-size: 12px;
}
.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn {
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
}
.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn:not([disabled]):not(.gc-btn--disabled):hover {
  background-color: var(--cui-neutral-100);
}
.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn .gc-icon {
  width: inherit;
  height: inherit;
}
.wd-stylesheet-dialog .gc-modal__header .gc-modal__close-btn .gc-btn__text--empty {
  padding-left: 0;
}
.wd-stylesheet-dialog .gc-modal__footer {
  background: none;
  padding: calc(var(--cui-padding-sm) * 2);
}
.ar-view {
  position: relative;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: var(--cui-neutral-50);
}
.ar-adorner-primary {
  z-index: 9007;
}
.ar-adorner-secondary {
  z-index: 9006;
}
.ar-decorationlayer {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-decorationlayer .ar-decorationview {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wd-editor-line {
  display: flex;
  justify-content: space-between;
}
.wd-editor-line__block {
  width: 49%;
}
.wd-editor-line__full {
  width: 100%;
}
.wd-bool-editor--expr {
  float: right;
  color: var(--cui-neutral-300);
  font-size: var(--cui-text-size);
  line-height: 30px;
}
.wd-editor-chart-plot-template .gc-btn__text,
.wd-editor-chart-template .gc-btn__text {
  padding-left: var(--cui-padding-sm);
}
.wd-data-set-filters__close-button {
  position: absolute;
  z-index: 1;
  right: var(--cui-padding);
}
.wd-color-editor > input {
  padding-right: var(--cui-padding);
}
.wd-color-editor .wd-color-editor__preview {
  width: 20px;
  height: 20px;
  margin: 0;
}
.wd-color-editor div.wd-color-editor-side__preview {
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
}
.wd-color-editor div.wd-color-editor-side__preview > span {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
}
.wd-editor-icon-set-value {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
}
.wd-editor-icon-set-value > .gc-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 20px;
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.wd-editor-icon-set-value .gc-label__label > span {
  padding-left: 25px;
}
.wd-editor-dataseries-collection__item {
  display: flex;
}
.wd-editor-dataseries-collection__item > .wd-editor-dataseries-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-color-dataseries-editor__collection--disabled {
  cursor: not-allowed;
}
.wd-color-dataseries-editor__collection--disabled > div {
  pointer-events: none;
  opacity: .5;
}
.wd-editor-image .gc-label__content {
  overflow: hidden;
}
.wd-editor-image .gc-label__content .gc-btn__text {
  padding-left: var(--cui-padding-sm);
}
.wd-dropdown-image-uploader {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: background-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-size: var(--cui-text-size);
  align-items: center;
  justify-content: flex-start;
}
.wd-dropdown-image-uploader > .gc-icon {
  color: var(--cui-primary-700);
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.wd-dropdown-image-uploader > .gc-icon > svg {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.wd-dropdown-image-uploader > input[type=file] {
  width: 1px;
  height: 1px;
  opacity: 0;
}
.wd-dropdown-image-uploader:hover {
  background-color: var(--cui-neutral-100);
}
.wd-dropdown-image-tile {
  position: relative;
  display: flex;
  overflow: hidden;
  flex: 0 0 auto;
  width: calc((100% - 15px) / 3);
  height: 80px;
  margin-right: var(--cui-padding-xs);
  transition: background-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  align-items: center;
  justify-content: center;
}
.wd-dropdown-image-tile:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: box-shadow .2s ease-in-out;
  pointer-events: none;
  box-shadow: inset 0 0 0 2px transparent, inset 0 0 0 3px transparent;
}
.wd-dropdown-image-tile > .gc-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  transition: opacity .2s ease-in-out;
  opacity: 0;
}
.wd-dropdown-image-tile:hover:not(.wd-dropdown-image-tile--selected) {
  background-color: var(--cui-neutral-100);
}
.wd-dropdown-image-tile:hover > .gc-btn {
  opacity: 1;
}
.wd-dropdown-image-tile:hover:after {
  box-shadow: inset 0 0 0 2px var(--cui-primary-700), inset 0 0 0 3px var(--cui-bg-body);
}
.wd-dropdown-image-tile--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}
.wd-dropdown-image-tile--selected:after {
  box-shadow: inset 0 0 0 2px var(--cui-primary-500);
}
.wd-dropdown-image-tile--selected:hover {
  background-color: var(--cui-primary-500);
}
.wd-dropdown-image-tile__img {
  display: block;
  flex: 0 0 auto;
  height: 100%;
}
.wd-dropdown-image-tile__stub {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: stretch;
}
.wd-dropdown-image-tile__stub > i {
  color: var(--cui-primary-700);
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.wd-dropdown-image-tile__stub > i > svg {
  width: var(--cui-icon-size-lg);
  height: var(--cui-icon-size-lg);
}
.wd-dropdown-image-tile__stub > span {
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-xs);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: 20px;
}
.wd-chart-editor-tile--selected .wd-dropdown-image-tile__stub > i {
  color: var(--cui-white);
}
.wd-dropdown-image-panel {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  padding: var(--cui-padding);
  padding-bottom: 0;
}
.wd-dropdown-image-panel .gc-scrollbars__view {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.wd-dropdown-image-panel__loader {
  width: 100%;
  height: calc(var(--cui-block-size-sm) + var(--cui-padding));
}
.wd-dropdown-image-panel__content {
  width: 100%;
  height: 100%;
}
.wd-dropdown-image-panel__empty {
  display: flex;
  height: 120px;
  opacity: .38;
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
}
.wd-dropdown-image-db-group .gc-heading {
  opacity: .62;
}
.wd-dropdown-image-db-item {
  display: flex;
  height: var(--cui-block-size-sm);
  transition: background-color .2s ease-in-out;
  border-radius: var(--cui-border-radius);
  font-size: var(--cui-text-size);
  align-items: center;
}
.wd-dropdown-image-db-item > .gc-icon {
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: center;
}
.wd-dropdown-image-db-item > .gc-icon > svg {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
}
.wd-dropdown-image-db-item > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wd-dropdown-image-db-item:hover:not(.wd-dropdown-image-db-item--selected) {
  background-color: var(--cui-neutral-100);
}
.wd-dropdown-image-db-item--selected {
  color: var(--cui-white);
  background-color: var(--cui-primary-500);
}
.wd-dropdown-image-db-item--selected:hover {
  background-color: var(--cui-primary-500);
}
.wd-dropdown-image-db-panel {
  width: 100%;
  padding: var(--cui-padding);
  padding-bottom: 0;
}
.wd-dropdown-image-db-panel__empty {
  display: flex;
  height: 120px;
  opacity: .38;
  font-size: var(--cui-text-size);
  justify-content: center;
  align-items: center;
}
.wd-dropdown-image {
  position: relative;
  width: 300px;
  padding: var(--cui-padding) 0;
}
.wd-dropdown-image .gc-btn {
  overflow: hidden;
}
.wd-dropdown-image > .gc-btn-group {
  margin: 0 var(--cui-padding);
}
.wd-dropdown-image--single-source .wd-dropdown-image-db-panel,
.wd-dropdown-image--single-source .wd-dropdown-image-panel {
  padding-top: 0;
}
.wd-dropdown-image--single-source .wd-dropdown-image__provider {
  margin-top: 0;
  margin-bottom: var(--cui-padding);
}
.wd-dropdown-image__loader {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100px;
}
.wd-dropdown-image__provider {
  width: calc(100% - var(--cui-padding) * 2);
  margin: 0 var(--cui-padding);
  margin-top: var(--cui-padding);
}
.wd-embedded-collection-input {
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
}
.wd-embedded-collection__item {
  position: relative;
  display: flex;
  height: var(--cui-block-size-sm);
}
.wd-embedded-collection__item > input.gc-input {
  padding-left: var(--cui-block-size-sm);
}
.wd-embedded-collection__item__preview {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
  padding: var(--cui-padding-xs);
  pointer-events: none;
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: center;
}
.wd-embedded-collection__item__img,
.wd-embedded-collection__item__stub {
  width: 20px;
  height: 20px;
  border: 1px solid var(--cui-overlay);
}
.wd-line-style-editor__preview {
  width: 20px;
  border-top-width: 4px;
}
.wd-length-editor,
.wd-length-expr-editor {
  width: 100%;
}
.wd-length-editor__input.gc-input,
.wd-length-expr-editor__input.gc-input {
  text-align: left;
}
.wd-number-editor,
.wd-number-expr-editor {
  display: flex;
  width: 100%;
}
.wd-number-editor__button,
.wd-number-expr-editor__button {
  flex: 0 0 auto;
}
.wd-number-editor__button:first-of-type,
.wd-number-expr-editor__button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wd-number-editor__button:last-of-type,
.wd-number-expr-editor__button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wd-number-editor__input.gc-input,
.wd-number-expr-editor__input.gc-input {
  flex: 2 2 auto;
  width: 100%;
  text-align: center;
  border-radius: 0;
}
.wd-editor-params-collection__item {
  display: flex;
}
.wd-editor-params-collection__item > *:not(.wd-editor-params-collection__item-toggle) {
  width: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.wd-editor-params-collection__item > .wd-editor-params-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-collection-editor-row {
  display: flex;
  gap: 5px;
  justify-content: space-between;
}
.wd-collection-editor-row__element {
  overflow: hidden;
  flex: 1 1 0;
  min-width: 0;
}
.wd-editor-chart-collection-editor__item {
  display: block;
  overflow: hidden;
  height: var(--cui-block-size-sm);
  padding: 0 var(--cui-padding-sm);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cui-text-color);
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.wd-editor-chart-plot-pointers__item {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-auto-columns: min-content;
}
.wd-editor-simple-toggle {
  min-width: 0;
}
.wd-editor-simple-toggle .gc-dd__toggle-content {
  height: 100%;
  white-space: normal;
}
.wd-editor-simple-toggle-content {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 3px 8px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wd-editor-simple-toggle-content__name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: calc(var(--cui-block-size-sm) * .5);
  line-height: calc(var(--cui-block-size-sm) * .5);
}
.wd-editor-simple-toggle-content__value {
  display: flex;
  width: 100%;
  height: 20px;
  align-items: center;
}
.wd-editor-simple-toggle-content__text {
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  color: var(--cui-primary-700);
  line-height: 20px;
}
.wd-editor-simple-toggle-content__color {
  width: 100%;
  height: 7px;
  border-radius: 3px;
}
.wd-editor-simple-toggle-content__color--transparent {
  border: 1px dotted hsla(var(--neutral-700), .62);
}
.wd-editor-simple-row {
  display: flex;
}
.wd-editor-simple-row.wd-editor-simple-buttons > .gc-btn-group--block {
  width: 0;
}
.wd-editor-simple-section + .wd-editor-simple-section {
  margin-left: var(--cui-padding-xs);
}
.wd-editor-simple-section.gc-btn-group--block {
  flex: 1 1 auto;
}
.wd-editor-simple-section.gc-btn-group--block > *:not(.gc-btn-group__splitter) {
  flex: 1;
}
.wd-font-dropdown__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wd-editor-s-font-family {
  min-width: 130px;
}
.wd-editor-s-item-font-family {
  white-space: nowrap;
  line-height: 1;
}
.wd-editor-s-section-font:only-child .wd-editor-s-font-family {
  max-width: 250px;
  flex-grow: 1 !important;
}
.wd-editor-simple-dropdown__item {
  width: 50%;
  border-radius: 0;
}
.wd-editor-simple-dropdown__item.gc-btn--accent .wd-editor-simple-dropdown__preview {
  color: inherit;
}
.wd-editor-simple-dropdown__preview {
  display: flex;
  height: 25px;
  color: var(--cui-primary-500);
  font-size: 16px;
  line-height: 1.1;
  align-items: flex-end;
  justify-content: center;
}
.wd-editor-simple-dropdown__text {
  height: 20px;
  text-align: center;
  line-height: 20px;
}
.wd-editor-simple-toggle-sides__preview {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-style: dotted;
  border-color: var(--cui-primary-500);
  border-radius: 1px;
  background-color: var(--cui-white);
  flex-shrink: 0;
}
.wd-editor-simple-toggle-sides__menu .gc-btn--accent .wd-editor-simple-toggle-sides__preview {
  border-color: currentColor;
  background-color: inherit;
}
.wd-editor-simple-toggle-sides {
  flex: 0 0 auto !important;
  min-width: 50px;
}
.wd-editor-simple-toggle-sides__preview {
  margin-right: 3px;
}
.wd-editor-simple-border-style__preview {
  display: block;
  width: 20px;
  height: 5px;
  border-top-width: 4px;
}
.wd-editor-simple-border-width__preview {
  display: block;
  width: 20px;
  height: auto;
  border-top-style: solid;
  border-top-color: currentColor;
}
.wd-editor-sub-item-collection__item {
  display: flex;
}
.wd-editor-sub-item-collection__item > *:not(.wd-editor-sub-item-collection__item-toggle) {
  width: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
.wd-editor-sub-item-collection__item > .wd-editor-sub-item-collection__item-toggle {
  margin-left: var(--cui-padding-xs);
  flex-grow: 0;
  flex-shrink: 0;
}
.wd-sort-expression-line {
  position: relative;
}
.wd-sort-expression-line > .gc-text-editor > .gc-input {
  padding-right: var(--cui-block-size-sm);
}
.wd-sort-expression-line > .gc-binding-wrapper > .gc-binding-wrapper__content > .gc-input {
  padding-right: var(--cui-block-size-sm);
  text-overflow: ellipsis;
}
.wd-sort-expression-line__button {
  position: absolute;
  top: 0;
  right: var(--cui-block-size-sm);
}
.wd-editor-format {
  display: flex;
  overflow: hidden;
  width: 100%;
  justify-content: stretch;
  align-items: flex-start;
}
.wd-editor-format > .gc-combo {
  flex: 1 1 auto;
  margin-right: var(--cui-padding-xs);
}
.wd-editor-format-digits {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: calc(var(--cui-block-size-sm) * 3);
}
.wd-editor-format-digits__input.gc-input {
  display: block;
  width: 100%;
  padding: 0 var(--cui-block-size-sm);
  text-align: center;
  border-radius: 0;
}
.wd-editor-format-digits__button {
  position: absolute;
  top: 0;
}
.wd-editor-format-digits__button:first-of-type {
  left: 0;
}
.wd-editor-format-digits__button:last-of-type {
  right: 0;
}
.wd-parameter-valid-value__checklist-item,
.wd-parameter-default-value__checklist-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.wd-parameter-valid-value-reference > div,
.wd-parameter-default-value-reference > div {
  margin-bottom: var(--cui-padding-xs);
}
.wd-parameter-valid-value-collection {
  display: flex;
}
.wd-parameter-valid-value-collection__element {
  flex: 1 1 50%;
}
.wd-parameter-order__label {
  position: relative;
}
.wd-parameter-order__button {
  position: absolute;
  top: 0;
  right: 8%;
}
.wd-editor-embedded-stylesheets-collection__item {
  position: relative;
  display: flex;
  height: var(--cui-block-size-sm);
}
.wd-editor-embedded-stylesheets-collection__item button.gc-btn {
  margin-left: var(--cui-padding-xs);
}
.wd-themes-editor__preview-color,
.wd-themes-editor__preview-item {
  display: grid;
  overflow: hidden;
  width: 20px;
  height: 20px;
  margin: var(--cui-padding-xs);
  border-radius: var(--cui-border-radius);
  box-shadow: inset 0 0 0 1px var(--cui-overlay);
  grid: repeat(2, .5fr) / repeat(2, .5fr);
}
.wd-themes-editor__preview-color span,
.wd-themes-editor__preview-item span {
  display: block;
  width: 10px;
  height: 10px;
}
.wd-themes-editor__preview-color span:nth-child(1),
.wd-themes-editor__preview-item span:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}
.wd-themes-editor__preview-color span:nth-child(2),
.wd-themes-editor__preview-item span:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.wd-themes-editor__preview-color span:nth-child(3),
.wd-themes-editor__preview-item span:nth-child(3) {
  -ms-grid-column: 1;
  -ms-grid-row: 2;
}
.wd-themes-editor__preview-color span:nth-child(4),
.wd-themes-editor__preview-item span:nth-child(4) {
  -ms-grid-column: 2;
  -ms-grid-row: 2;
}
.wd-themes-editor__preview-item {
  margin: 0;
}
.wd-filter-add {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  justify-content: stretch;
  align-items: stretch;
}
.wd-filter-add__field-dd {
  overflow: hidden;
  flex: 1 1 auto;
  width: 100%;
}
.wd-filter-add__operator-stub {
  overflow: hidden;
  flex: 0 0 auto;
  width: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs);
  opacity: .38;
  background-color: var(--cui-neutral-50);
}
.wd-filter-add__value-stub {
  overflow: hidden;
  flex: 1 1 auto;
  width: 100%;
  opacity: .38;
  background-color: var(--cui-neutral-50);
}
.wd-filter-add__delete-stub {
  overflow: hidden;
  flex: 0 0 auto;
  width: var(--cui-block-size-sm);
  margin-left: var(--cui-padding-xs);
  opacity: .38;
  background-color: var(--cui-neutral-50);
}
.wd-filter-criterion {
  display: flex;
  overflow: hidden;
  width: 100%;
  justify-content: stretch;
  align-items: stretch;
}
.wd-filter-criterion__field-dd {
  overflow: hidden;
  flex: 1 1 auto;
  width: 100%;
}
.wd-filter-criterion__operator-dd {
  overflow: hidden;
  flex: 0 0 auto;
  width: var(--cui-block-size-sm);
  margin: 0 var(--cui-padding-xs);
}
.wd-filter-criterion > .wd-filter-value {
  overflow: hidden;
  flex: 1 1 auto;
  width: 100%;
}
.wd-filter-criterion > .gc-btn {
  flex: 0 0 auto;
  margin-left: var(--cui-padding-xs);
}
.wd-filters-group {
  display: block;
  overflow: hidden;
  width: 100%;
}
.wd-filters-group__header {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--cui-block-size-sm);
  justify-content: space-between;
  align-items: stretch;
}
.wd-filters-group__container {
  position: relative;
  width: 100%;
  padding-top: var(--cui-padding);
  padding-left: var(--cui-block-size-sm);
}
.wd-filters-group__container:before,
.wd-filters-group__container:after {
  position: absolute;
  top: 0;
  left: 14px;
  display: block;
  width: 14px;
  height: 29px;
  content: "";
  border-width: 0;
  border-style: solid;
  border-color: var(--cui-primary-500);
  border-left-width: 2px;
}
.wd-filters-group__container:before {
  border-bottom-width: 2px;
}
.wd-filters-group__container:after {
  top: 29px;
  height: calc(100% - 29px);
}
.wd-filters-group__container--last:after {
  border-color: var(--cui-primary-100);
}
.wd-filters-group__container--new:before,
.wd-filters-group__container--new:after {
  border-color: var(--cui-primary-100);
}
.wd-filters-group__container:last-of-type:after {
  display: none;
}
.wd-filter-value-editor {
  display: flex;
  width: 100%;
  height: var(--cui-block-size-sm);
  align-items: center;
  justify-content: stretch;
}
.wd-filter-value-editor > .wd-filter-value-editor__input {
  width: calc(100% - var(--cui-block-size-sm));
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wd-filter-value-editor > .gc-dd {
  width: var(--cui-block-size-sm);
}
.wd-filter-value-editor > .gc-dd > .gc-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding {
  width: 100%;
  border-radius: 0;
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding > .gc-btn__icon {
  left: calc(var(--cui-padding) * .5);
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding > .gc-btn__text {
  padding-left: calc(var(--cui-block-size-sm) + var(--cui-padding-sm));
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--field .gc-icon {
  color: var(--cui-primary-700);
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--parameter .gc-icon {
  color: #70087d;
}
.gc-btn.gc-size-sm.gc-btn--with-icon.wd-filter-value-editor__binding--expression .gc-icon {
  color: #dfc40f;
}
.wd-filter-value-editor__overlay {
  display: flex;
  overflow: hidden;
  width: calc(100% - var(--cui-block-size-sm));
  height: 100%;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: 2px;
  background-color: var(--cui-neutral-50);
  justify-content: stretch;
  align-items: stretch;
}
.wd-filter-value-editor__overlay > .gc-icon {
  overflow: hidden;
  flex: 0 0 auto;
}
.wd-filter-value-editor__overlay > span {
  overflow: hidden;
  flex: 1 1 auto;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
}
.wd-filter-value-editor__overlay--invalid {
  border-color: var(--cui-error-500);
}
.wd-filter-icon {
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  color: var(--cui-white);
  border-radius: var(--cui-border-radius);
  justify-content: center;
  align-items: center;
}
.wd-filter-value > .wd-filter-value-editor + .wd-filter-value-editor__input,
.wd-filter-value > .gc-btn,
.wd-filter-value > .wd-filter-value-editor__input + .wd-filter-value-editor__input {
  margin-top: var(--cui-padding-xs);
}
.wd-filter-value > .wd-filter-value-editor--with-btn {
  display: flex;
  margin-top: var(--cui-padding-xs);
}
.wd-filter-value > .wd-filter-value-editor--with-btn > .wd-filter-value-editor__input > input[type=text].gc-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.wd-filter-value > .wd-filter-value-editor--with-btn > button.gc-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wd-filter-value .wd-filter-value-editor__input {
  flex: 1 1 100%;
}
.wd-filter-value--between > .wd-filter-value {
  margin-bottom: var(--cui-padding-xs);
}
.wd-edit-param-panel,
.wd-filters-panel {
  width: 100%;
  height: 100%;
}
.wd-filters-panel .wd-filters,
.wd-edit-param-panel .wd-parameter-editor {
  margin: 0 var(--cui-padding);
}
.wd-icon-rdlx-adorner-move {
  width: 11px;
}
.wd-icon-rdlx-adorner-move > svg {
  width: 11px !important;
}
.wd-if-rdlx-c-field {
  fill: var(--cui-primary-500);
}
.wd-if-rdlx-c-parameter {
  fill: #70087d;
}
.wd-if-rdlx-c-expression {
  fill: #dfc40f;
}
.wd-if-rdlx-c-dark {
  fill: #333;
}
.wd-if-rdlx-c-light {
  fill: #fff;
}
.wd-svg {
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 8px 7px;
  align-items: center;
  justify-content: center;
}
.gc-dd-menu__item .wd-svg {
  background-position: 0 7px;
}
.gc-dd-menu__item.gc-size-sm .wd-svg {
  width: var(--cui-icon-size);
  background-position: 0 3px;
}
.gc-dd-menu__item.gc-size-lg .wd-svg {
  background-position: 0 12px;
}
.wd-expression-editor__fields-container .title > i.wd-svg {
  display: flex;
  opacity: .4;
}
.wizard-body .layout-container .layout-grid .layout-row-column-swap .wd-svg {
  width: 14px;
  height: 20px;
}
.wizard-body .layout-container .layout-grid .layout-cell .ar-member .delete .wd-svg {
  display: flex;
}
.wizard-body .layout-container .layout-grid .layout-cell .ar-member .delete .wd-svg > svg {
  width: 14px;
  height: 20px;
}
.wizard-body .layout-container .layout-grid .layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg {
  display: flex;
}
.wizard-body .layout-container .layout-grid .layout-cell .ar-member .action .dropdown-toggle.btn.btn-default .wd-svg > svg {
  width: 16px;
  height: 20px;
}
.ar-data-field-picker-dropdown-search .wd-svg {
  display: flex;
}
.ar-data-field-picker-dropdown-search .wd-svg > svg {
  width: 20px;
}
.ar-semantic-data-field-picker-entity-title .wd-svg > svg {
  width: 15px;
}
.ar-barcode-glyph {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: all;
}
.ar-barcode-glyph .ar-barcodejs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0;
  pointer-events: none;
}
.ar-barcode-glyph .ar-barcodejs .ar-barcodejs-component {
  position: absolute;
  display: block;
}
.ar-barcode-glyph .ar-barcodejs .ar-barcodejs-component svg {
  display: block;
}
.ar-barcode-glyph .ar-barcodejs-error {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.ar-barcode-preview-stub-label {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2pt;
  pointer-events: none;
  color: var(--cui-text-color);
  border: none;
  background-color: var(--cui-bg-panels);
  font-size: 8pt;
  font-weight: 700;
}
.ar-barcode-model-dumper {
  position: absolute;
  bottom: 0;
  left: -23px;
  width: 19px;
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  line-height: 18px;
}
.ar-barcode-model-dumper > i {
  pointer-events: none;
}
.ar-banded-list-glyph {
  width: 100%;
  height: 100%;
  background: #fff;
}
.ar-banded-list-glyph table {
  position: absolute;
  table-layout: fixed;
  border-collapse: collapse;
  border-style: none;
}
.ar-banded-list {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}
.ar-banded-list td .ar-banded-list-section {
  position: relative;
  width: 100%;
  height: 100%;
}
.ar-banded-list td .ar-banded-list-borders {
  position: absolute;
}
.banded-list-row-adorner {
  position: absolute;
  z-index: 13;
  margin-left: -24px;
  table-layout: fixed;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
}
.banded-list-row-adorner__row {
  position: relative;
  padding: 0;
  border: 0;
}
.banded-list-row-adorner__row td {
  position: relative;
  width: 18px;
}
.banded-list-row-adorner__row-header {
  width: 100%;
  height: 100%;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
}
.banded-list-row-adorner__row-label {
  position: absolute;
  top: calc(50% - 9px);
  display: flex;
  width: 100%;
  color: var(--cui-text-color);
  justify-items: center;
  align-items: center;
}
.banded-list-row-adorner__row.selected .banded-list-row-adorner__row-header {
  background-color: var(--cui-neutral-100);
}
.banded-list-row-adorner__row:nth-child(2) .table-adorner-row-header {
  border-radius: 4px 4px 0 0;
}
.banded-list-row-adorner__row:last-child .table-adorner-row-header {
  border-radius: 0 0 4px 4px;
}
.banded-list-adorner-spot {
  position: absolute;
  z-index: 13;
  top: calc(-4px + 100%);
  bottom: -4px;
  left: 0;
  width: 100%;
  pointer-events: all;
}
.banded-list-adorner-spot__add {
  position: absolute;
  z-index: 13;
  left: -20px;
  display: none;
  width: 100%;
  height: 100%;
}
.banded-list-adorner-spot__add-deco {
  position: absolute;
  top: calc(50% - 1.5px);
  left: 15px;
  width: 29px;
  height: 3px;
  background-color: var(--cui-primary-500);
}
.banded-list-adorner-spot__add-deco-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.banded-list-adorner-spot__add-deco-area div {
  position: absolute;
  left: 100%;
  height: 100%;
  background-color: var(--cui-primary-500);
}
.banded-list-adorner-spot:hover .banded-list-adorner-spot__add {
  display: block;
}
.banded-list-adorner-spot__grip {
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: row-resize;
}
.banded-list-adorner-move-grip {
  position: absolute;
  z-index: 13;
  top: -24px;
  left: -24px;
  display: flex;
  width: 18px;
  height: 18px;
  cursor: pointer;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-100);
  border-radius: 50%;
  background-color: var(--cui-bg-panels);
  line-height: 15px;
  justify-content: center;
  align-items: center;
}
.banded-list-adorner-move-grip > .gc-icon {
  pointer-events: none;
}
.banded-list-adorner .ar-adorner-panel {
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
  width: 200px;
  height: 100%;
  min-height: 120px;
}
.banded-list-band-adorner {
  position: absolute;
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
}
.banded-list-band-adorner td {
  position: relative;
  z-index: 1313;
  padding: 0;
  border: 0;
  border-width: 2px;
  border-style: none;
  border-color: var(--cui-primary-500);
}
.banded-list-band-adorner td.top-border {
  border-top-style: solid;
}
.banded-list-band-adorner td.bottom-border {
  border-bottom-style: solid;
}
.banded-list-band-adorner td.left-border {
  border-left-style: solid;
}
.banded-list-band-adorner td.right-border {
  border-right-style: solid;
}
.banded-list-band-adorner td.selected {
  background-color: #00000020;
}
.banded-list-band-adorner td.primary {
  background-color: transparent;
}
.ar-bullet-adorner {
  width: 100%;
  height: 100%;
}
.ar-bullet-adorner .wd-drop-area {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 2px;
}
.ar-bullet-adorner .wd-drop-area > span {
  flex: 1 1 100px;
  text-align: center;
}
.ar-bullet-adorner-element {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 30px;
  padding: 1pt;
  cursor: default;
  white-space: nowrap;
  background-color: var(--cui-bg-panels);
  border-radius: var(--cui-border-radius);
  box-shadow: var(--cui-shadow-menu);
  font-family: Arial;
  font-size: 10pt;
  color: var(--cui-text-color);
  pointer-events: all;
}
.ar-bullet-adorner-element.ar-adorner-value {
  top: -35px;
}
.ar-bullet-adorner-element.ar-adorner-targetValue {
  bottom: -35px;
}
.ar-adorner-bullet-val {
  top: 1pt;
  left: 1pt;
  overflow: hidden;
  flex: .1 1 auto;
  max-width: 50%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size-sm);
  color: var(--cui-text-color);
  line-height: 24px;
}
.ar-bullet-glyph {
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: all;
  color: #000;
  border: none;
  border-width: thin;
  border-style: solid;
  border-color: #e0e0e0;
}
.ar-bullet-glyph > div {
  height: 100%;
}
.ar-bullet-container {
  pointer-events: none;
}
.ar-bullet-container .ar-bullet-container-vertical {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
}
.ar-bullet-container .ar-bullet-vertical-scale {
  position: relative;
  z-index: 1;
  width: auto;
  height: 100%;
}
.ar-bullet-container .ar-bullet-vertical-graph,
.ar-bullet-container .ar-bullet-graph {
  position: relative;
  overflow: hidden;
  width: 100%;
  border: none;
  background-color: #d6d6d6;
}
.ar-bullet-container .ar-bullet-range1 {
  position: absolute;
  background-color: #5f5f5f;
}
.ar-bullet-container .ar-bullet-range2 {
  position: absolute;
  background-color: #a9a9a9;
}
.ar-chart-adorner-pane {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: var(--wd-chart-adorner-panel-height);
  cursor: default;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.ar-chart-adorner-pane__heading {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: var(--wd-chart-adorner-panel-title-height);
  padding: 0 var(--cui-padding-xs);
  align-items: center;
}
.ar-chart-adorner-pane__heading .gc-icon {
  margin-right: var(--cui-padding-xs);
}
.ar-chart-adorner-pane__content {
  display: block;
  overflow: hidden;
  width: 100%;
  height: var(--wd-chart-adorner-panel-content-height);
  padding: 4px;
}
.ar-chart-adorner-pane--top {
  top: 0;
  left: 0;
  transform: translateY(calc(0px - var(--wd-chart-adorner-panel-height) - var(--wd-chart-adorner-panel-gap)));
}
.ar-chart-adorner-pane--bottom {
  bottom: 0;
  left: 0;
  transform: translateY(calc(var(--wd-chart-adorner-panel-height) + var(--wd-chart-adorner-panel-gap)));
}
.ar-chart-adorner-pane--right {
  top: 0;
  right: 0;
  display: grid;
  width: var(--wd-chart-adorner-panel-width);
  height: unset;
  min-height: 100%;
  transform: translate(calc(var(--wd-chart-adorner-panel-width) + var(--wd-chart-adorner-panel-gap)));
  grid-template-rows: min-content 1fr;
}
.ar-chart-adorner-pane--right .ar-chart-adorner-pane__content {
  height: unset;
}
.ar-chart-adorner {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cui-item.ar-chart-adorner-pane__item {
  flex: 0 0 auto;
  display: inline-block;
  overflow: hidden;
  min-width: 10px;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: var(--cui-block-size-sm);
  padding: 0 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size-sm);
  flex-grow: 0;
}
.cui-item.ar-chart-adorner-pane__item:not(:is(.cui-item.ar-chart-adorner-pane__item--selected)) {
  background-color: var(--cui-btn-bg);
}
.cui-item.ar-chart-adorner-pane__item:hover {
  background-color: var(--cui-primary-700);
}
.ar-chart-drop-target {
  display: flex;
  margin: 0;
  padding: 1px;
  width: 100%;
  height: 100%;
}
.ar-chart-drop-target--empty {
  overflow: hidden;
  text-align: center;
  color: hsla(var(--neutral-700), .38);
  font-size: var(--cui-text-size);
  align-items: center;
  justify-content: center;
}
.ar-chart-drop-target.wd-drop-area {
  position: relative;
}
.ar-chart-move-adorner {
  position: absolute;
  top: 0;
  left: calc(0px - var(--wd-chart-adorner-move-size) - 5px);
  width: var(--wd-chart-adorner-move-size);
  height: var(--wd-chart-adorner-move-size);
  cursor: pointer;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.ar-chart-move-adorner > .gc-icon {
  pointer-events: none;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.ar-chart-move-adorner > .gc-icon > svg {
  width: 16px;
  height: 16px;
}
.chart-series-panel-group__content {
  overflow: hidden;
  padding: var(--cui-padding-xs)-1px;
  padding-top: 0;
}
.chart-series-panel-group__content .ar-chart-drop-target {
  flex-direction: column;
}
.chart-series-panel-group__content .ar-chart-adorner-pane__item {
  width: 100%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  flex-shrink: 0;
}
.chart-series-panel-group {
  display: grid;
  flex: 1 1 auto;
  height: unset;
  min-height: calc(var(--cui-block-size-sm) * 2 + var(--cui-padding-xs) * 2);
  grid-template-rows: min-content 1fr;
}
.chart-series-panel-group:hover {
  background-color: transparent;
}
.chart-series-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: stretch;
}
.ar-chart {
  position: absolute;
  pointer-events: all;
  width: 100%;
  height: 100%;
}
.ar-chart-error {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  background-color: #fff;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.ar-chart-dvchart {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ar-chart-clicker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.ar-chart-decoration-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ar-chart-decoration-view .selection-decoration {
  position: absolute;
  pointer-events: none;
  border: 1px dashed var(--cui-primary-500);
}
.ar-chart-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .7;
  background-color: #fff;
}
.ar-chart-overlay.visible {
  display: block;
}
.ar-chart-model-dumper {
  position: absolute;
  bottom: 0;
  left: -23px;
  width: 19px;
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-bg-panels-border);
  background-color: var(--cui-bg-panels);
  line-height: 18px;
}
.ar-chart-model-dumper > i {
  pointer-events: none;
}
.chart-legends-panel-group__header {
  height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs));
}
.chart-legends-panel-group__header .gc-heading__container {
  gap: 5px;
}
.chart-legends-panel-group__header .gc-heading__text {
  font-size: var(--cui-text-size);
  text-transform: capitalize;
}
.chart-legends-panel-group__header .gc-heading__divider {
  opacity: .1;
}
.chart-legends-panel-group__header .gc-btn-group,
.chart-legends-panel-group__header button,
.chart-legends-panel-group__header .gc-btn-group .gc-icon,
.chart-legends-panel-group__header .gc-btn-group .gc-btn__icon,
.chart-legends-panel-group__header .gc-btn-group .gc-size-sm,
.chart-legends-panel-group__header button .gc-icon,
.chart-legends-panel-group__header button .gc-btn__icon,
.chart-legends-panel-group__header button .gc-size-sm {
  width: var(--cui-icon-size-sm);
  height: var(--cui-icon-size-sm);
}
.chart-legends-panel-group__content {
  overflow: hidden;
  height: 0;
  padding: var(--cui-padding-xs)-1px;
  padding-top: 0;
}
.chart-legends-panel-group__content .ar-chart-drop-target {
  flex-direction: column;
}
.chart-legends-panel-group__content .ar-chart-adorner-pane__item {
  width: 100%;
}
.chart-legends-panel-group {
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs) * 2);
  min-height: calc(var(--cui-rounded-radius-sm) + var(--cui-padding-xs) * 2);
}
.chart-legends-panel-group--expanded {
  display: grid;
  flex: 1 1 auto;
  height: unset;
  min-height: calc(var(--cui-padding-xs) / 2 + var(--cui-block-size-lg));
  grid-template-rows: min-content 1fr;
}
.chart-legends-panel-group--expanded:hover {
  background-color: transparent;
}
.chart-legends-panel-group--expanded .chart-legends-panel-group__header .gc-icon {
  transform: rotate(-90deg);
}
.chart-legends-panel-group--expanded .chart-legends-panel-group__content {
  height: unset;
}
.chart-legends-panel-group--expanded .chart-legends-panel-group__content .ar-chart-adorner-pane__item {
  min-height: -moz-fit-content;
  min-height: fit-content;
  flex-shrink: 0;
}
.chart-legends-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: stretch;
}
.ar-checkbox {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: all;
  border: none;
}
.ar-checkbox * {
  pointer-events: none;
}
.ar-checkbox .ar-checkbox-inner {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
  align-items: center;
}
.ar-checkbox .ar-checkbox-inner.selected .ar-checkbox-check,
.ar-checkbox .ar-checkbox-inner.selected .ar-checkbox-text-wrapper {
  pointer-events: all;
}
.ar-checkbox .ar-checkbox-check {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: solid black 1px;
  font-size: 14px;
}
.ar-checkbox .ar-checkbox-check.expression {
  background-color: #000;
}
.ar-checkbox .ar-checkbox-text-wrapper {
  width: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
}
.ar-checkbox .no-wrap {
  white-space: nowrap;
}
.ar-checkbox .word-wrap {
  word-wrap: break-word;
}
.ar-checkbox .char-wrap {
  word-break: break-all;
}
.ar-checkbox.top .ar-checkbox-check {
  top: 0;
}
.ar-checkbox.top .ar-checkbox-inner {
  padding-top: 17px;
  align-items: flex-start;
}
.ar-checkbox.middle .ar-checkbox-check {
  top: calc(50% - 8px);
}
.ar-checkbox.middle .ar-checkbox-inner {
  align-items: center;
}
.ar-checkbox.bottom .ar-checkbox-check {
  bottom: 0;
}
.ar-checkbox.bottom .ar-checkbox-inner {
  padding-bottom: 17px;
  align-items: flex-end;
}
.ar-checkbox.left .ar-checkbox-check {
  left: 0;
}
.ar-checkbox.left .ar-checkbox-inner {
  padding-left: 17px;
}
.ar-checkbox.left .ar-checkbox-text-wrapper {
  text-align: left;
}
.ar-checkbox.center .ar-checkbox-check {
  left: calc(50% - 8px);
}
.ar-checkbox.center .ar-checkbox-text-wrapper {
  text-align: center;
}
.ar-checkbox.right .ar-checkbox-check {
  right: 0;
}
.ar-checkbox.right .ar-checkbox-inner {
  padding-right: 17px;
}
.ar-checkbox.right .ar-checkbox-text-wrapper {
  text-align: right;
}
.ar-checkbox .ar-checkbox__textarea-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ar-checkbox .ar-checkbox__area {
  pointer-events: all;
  position: absolute;
}
.ar-checkbox-check .wd-svg > svg {
  width: 12px;
}
.ar-contentplaceholder {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: all;
  color: var(--cui-neutral-300);
  border: none;
  background-color: #fff;
  font-size: 8pt;
  align-items: center;
  justify-content: center;
}
.ar-contentplaceholder__text {
  position: absolute;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  color: #5c5c5c;
  max-width: 90%;
  max-height: 100%;
}
.ar-default-report-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .6;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.placeholder-grip {
  position: absolute;
  width: 9pt;
  height: 9pt;
  cursor: pointer;
  pointer-events: all;
  border: 1px solid #838383;
  border-radius: 50%;
  background-color: #969696;
}
.placeholder-grip.fpl-e {
  top: calc(50% - 4.5pt);
  right: -15pt;
  cursor: w-resize;
}
.placeholder-grip.fpl-s {
  bottom: -15pt;
  left: calc(50% - 4.5pt);
  cursor: s-resize;
}
.placeholder-grip.fpl-se {
  right: -15pt;
  bottom: -15pt;
  cursor: se-resize;
}
.ar-placeholder {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-placeholder .placeholder-border {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid hsla(var(--primary-500), .1);
  background:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 4px,
      hsla(var(--primary-500), .1) 4px,
      hsla(var(--primary-500), .1) 6px);
}
.ar-report.fpl {
  height: calc(100% - 31px);
}
.ar-formatted-text {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  pointer-events: all;
}
.ar-formatted-text .preview {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ar-formatted-text .preview.error {
  padding: 2px;
  color: var(--cui-error-500);
  background-color: #d87979;
  font-size: 12px;
}
.ar-image-glyph {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-image-glyph .image-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
}
.ar-image-glyph span {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  padding: 2pt;
  word-wrap: break-word;
  pointer-events: none;
  font-size: 10pt;
}
.ar-image-glyph .fit-proportional {
  background-attachment: local;
  background-size: contain;
}
.ar-image-glyph .fit {
  background-size: 100% 100%;
}
.rdlx-input-field-text {
  position: absolute;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  pointer-events: all;
  border: none;
  align-items: center;
}
.rdlx-input-field-text * {
  pointer-events: none;
}
.rdlx-input-field-text--text-wrapper {
  width: 100%;
  text-decoration: inherit;
}
.rdlx-input-field-checkbox {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: all;
  border: none;
}
.rdlx-input-field-checkbox * {
  pointer-events: none;
}
.rdlx-input-field-checkbox__icon {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: inherit;
  align-items: center;
  justify-content: center;
}
.rdlx-input-field-checkbox .selected {
  pointer-events: all;
}
.rdlx-input-field-checkbox--checked {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.rdlx-input-field-checkbox--checked.wd-svg {
  display: flex;
}
.rdlx-input-field-checkbox--checked.wd-svg > svg {
  width: 100%;
  height: 100%;
}
.ar-line {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ar-line > div {
  position: absolute;
}
.ar-line * {
  pointer-events: none;
}
.ar-list {
  display: grid;
  width: 100%;
  height: 100%;
  font-size: var(--cui-text-size);
}
.ar-list--rows {
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
.ar-list--rows .ar-list__segment {
  border-top-width: 1px;
}
.ar-list--columns {
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.ar-list--columns .ar-list__segment {
  border-left-width: 1px;
}
.ar-list__work-area {
  pointer-events: none;
}
.ar-list__segment {
  display: flex;
  overflow: hidden;
  pointer-events: none;
  color: var(--cui-neutral-300);
  border-width: 0;
  border-style: dashed;
  border-color: var(--cui-neutral-100);
  background-color: var(--cui-bg-panels);
  align-items: center;
  justify-content: center;
}
.ar-list__segment-caption {
  display: grid;
  margin: 0 8px;
  grid-auto-flow: column;
}
.ar-list__segment-caption-start {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ar-list__segment-caption-end {
  white-space: pre-wrap;
}
.ar-report.msl {
  height: calc(100% - 31px);
}
.ar-report {
  position: relative;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.ar-report .ar-page-margin {
  position: relative;
  width: calc(100% - 128px);
  height: calc(100% - 128px);
  margin: 64px;
}
.ar-report .ar-page {
  display: inline-block;
  position: relative;
  pointer-events: all;
  background-color: #fff;
  box-shadow: 4px 4px 16px 0 var(--cui-neutral-100);
}
.ar-report .ar-page > div {
  pointer-events: all;
}
.ar-report .ar-page .ar-page__overlay {
  opacity: .62;
  background-color: var(--cui-neutral-50);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ar-report .ar-decorationlayer .section-header {
  position: absolute;
  z-index: 10001;
  overflow: hidden;
  padding: 2px var(--cui-padding-xs);
  cursor: default;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: .5;
  color: #5c5c5c;
  border: var(--cui-border-width) solid transparent;
  background-color: transparent;
  font-size: var(--cui-text-size-sm);
}
.ar-report .ar-decorationlayer .section-header__hidden {
  visibility: hidden;
  opacity: 0;
}
.ar-report .ar-decorationlayer .section-header__primary {
  transition: all .2s ease-in-out;
  transform: translateY(-100%);
  opacity: 1;
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.ar-report .ar-resizeline-vertical {
  position: absolute;
  top: 0;
  width: 6px;
  height: 100%;
  cursor: ew-resize;
  pointer-events: all;
}
.ar-report .ar-resizeline-horizontal {
  position: absolute;
  width: 100%;
  height: 6px;
  cursor: ns-resize;
  pointer-events: all;
}
.ar-report .ar-resizeline-left {
  left: -3px;
}
.ar-report .ar-resizeline-right {
  left: calc(100% - 3px);
}
.ar-report .ar-resizeline-top {
  top: -3px;
}
.ar-report .ar-resizeline-bottom {
  top: calc(100% - 3px);
}
.ar-report .ar-vertical-separator {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #00000030;
}
.ar-report .ar-horizontal-separator {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #00000030;
}
.ar-report .ar-page-borders {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin-top: -1px;
  margin-left: -1px;
  border: 1px dashed #5c5c5c;
}
.ar-report::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.ar-report::-webkit-scrollbar-thumb {
  background-color: hsla(var(--primary-900), .2);
  border-radius: var(--cui-rounded-radius-sm);
  outline: 2px solid var(--cui-neutral-50);
  outline-offset: -2px;
}
.ar-report::-webkit-scrollbar-thumb:hover {
  background-color: hsla(var(--primary-700), .62);
}
.ar-report::-webkit-scrollbar-track {
  background-color: var(--cui-neutral-50);
}
.ar-report::-webkit-scrollbar-corner {
  background-color: var(--cui-neutral-50);
}
.ar-partitem {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.ar-partitem--line {
  padding: 2pt;
}
.ar-partitem--report-part-name {
  font-size: medium;
  font-weight: 400;
}
.ar-partitem__border-wrapper {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
}
.ar-partitem__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.fpl .ar-partitem--grow:not(.ar-partitem--line) {
  background:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 4px,
      hsla(var(--primary-500), .1) 4px,
      hsla(var(--primary-500), .1) 6px);
}
.msl .ar-partitem--grow:not(.ar-partitem--line) {
  background-color: #fff;
  background-image: radial-gradient(var(--cui-primary-500) .5pt, transparent 0px), radial-gradient(rgba(128, 128, 128, .3) 1pt, transparent 0px);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
}
.ar-sel-adorner {
  position: absolute;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  margin: -10px;
  border: 10px solid transparent;
}
.ar-sel-adorner .grip,
.ar-sel-adorner .grip-angle {
  position: absolute;
  z-index: 9002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.ar-sel-adorner .grip > div,
.ar-sel-adorner .grip-angle > div {
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--cui-primary-500);
}
.ar-sel-adorner .grip {
  border: 1px solid var(--cui-primary-500);
  background: #fff;
}
.ar-sel-adorner .grip-angle {
  box-sizing: content-box;
  background: var(--cui-primary-500);
  width: 6px;
  height: 6px;
  border: 1.5px solid white;
}
.ar-sel-adorner .grip-angle:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: none;
  border-radius: 50%;
}
.ar-sel-adorner .grip-angle-guide {
  position: absolute;
  width: 2px;
  background: var(--cui-primary-500);
  opacity: .5;
  border-radius: 50%;
}
.ar-sel-adorner .grip-n {
  top: -5px;
}
.ar-sel-adorner .grip-m {
  top: calc(50% - 5px);
}
.ar-sel-adorner .grip-s {
  top: calc(100% - 5px);
}
.ar-sel-adorner .grip-w {
  left: -5px;
}
.ar-sel-adorner .grip-c {
  left: calc(50% - 5px);
}
.ar-sel-adorner .grip-e {
  left: calc(100% - 5px);
}
.ar-sel-adorner .grip-angle-tl {
  top: 0;
  left: 0;
}
.ar-sel-adorner .grip-angle-tr {
  top: 0;
  right: 0;
}
.ar-sel-adorner .grip-angle-bl {
  bottom: 0;
  left: 0;
}
.ar-sel-adorner .grip-angle-br {
  bottom: 0;
  right: 0;
}
.ar-sel-adorner .sel-frame {
  position: absolute;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid var(--cui-primary-500);
}
.ar-sel-adorner .sel-frame__rounding {
  border: none;
}
.ar-sel-adorner .move-grip-solid .overlay {
  position: absolute;
  z-index: 9000;
  cursor: move;
}
.ar-sel-adorner .move-grip-solid .overlay.pos-e {
  top: 0;
  left: -3px;
  width: 6px;
  height: 100%;
  cursor: move;
}
.ar-sel-adorner .move-grip-solid .overlay.pos-n {
  top: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: move;
}
.ar-sel-adorner .move-grip-solid .overlay.pos-w {
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  cursor: move;
}
.ar-sel-adorner .move-grip-solid .overlay.pos-s {
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: move;
}
.ar-sel-adorner .ar-selection-marker {
  position: absolute;
  z-index: 9002;
  top: -5px;
  right: -5px;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid hsla(var(--primary-500), .38);
  background: #fff;
}
.ar-sel-adorner .ar-selection-marker > div {
  display: none;
  width: 6px;
  height: 6px;
  margin: 1px;
  background-color: var(--cui-primary-500);
}
.ar-sel-adorner .ar-selection-marker.primary > div {
  display: block;
}
.shape-rounding {
  opacity: .5;
  border-style: dashed !important;
}
.ar-sel-primary .grip > div {
  display: block;
}
.line-move-grip {
  position: absolute;
  z-index: 9001;
  display: block;
  height: 100%;
}
.line-move-grip > div {
  position: absolute;
  z-index: 9001;
  display: block;
  border: 1px solid var(--cui-primary-500);
}
.ar-line-selection-marker {
  position: absolute;
  z-index: 9002;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  border: 1px solid hsla(var(--primary-500), .38);
  background: #fff;
}
.ar-line-selection-marker > div {
  display: none;
  width: 6px;
  height: 6px;
  margin: 1px;
  background-color: var(--cui-primary-500);
}
.ar-line-selection-marker.primary > div {
  display: block;
}
.ar-rectangle-glyph {
  position: relative;
  width: 100%;
  height: 100%;
}
.ar-rectangle-glyph .bg-color,
.ar-rectangle-glyph .bg-image,
.ar-rectangle-glyph .bg-grid {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ar-rectangle-glyph .ar-rectangle-glyph__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .62;
  background-color: var(--cui-neutral-50);
  pointer-events: none;
}
.ar-rectangle-glyph__draggable-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-border {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ar-border__primary {
  z-index: 2 !important;
  border: var(--cui-border-width) solid var(--cui-primary-500) !important;
}
.ar-border__secondary {
  z-index: 1 !important;
  border: var(--cui-border-width) solid hsla(var(--primary-500), .62) !important;
}
.ar-reportitemplace {
  position: absolute;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
.ar-decorative-item * {
  pointer-events: none !important;
}
.ar-rectangle-glyph {
  pointer-events: all;
}
.ar-rectangle-glyph .ar-overflowPlaceHolder-glyph {
  position: absolute;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  word-wrap: break-word;
  color: gray;
  border: none;
  background-color: #fff;
  align-items: center;
}
.ar-rectangle-glyph .ar-overflowPlaceHolder-glyph > span {
  width: 100%;
  pointer-events: none;
}
.ar-rich-text {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  pointer-events: all;
}
.ar-rich-text * {
  pointer-events: none;
}
.ar-rich-text .ar-rich-text-inner {
  position: absolute;
  display: flex;
  overflow: hidden;
}
.ar-rich-text .ar-rich-text-inner.middle {
  align-items: center;
}
.ar-rich-text .ar-rich-text-inner.bottom {
  align-items: flex-end;
}
.ar-rich-text .ar-rich-text-inner.top {
  align-items: flex-start;
}
.ar-rich-text .ar-rich-text-inner .text-wrapper {
  overflow: hidden;
  width: 100%;
  text-decoration: inherit;
}
.ar-corner-adorner {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}
.ar-corner-adorner .grip {
  position: absolute;
  z-index: 9002;
  border: none;
  background: transparent;
}
.ar-corner-adorner .grip > div {
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(-45deg);
  border: 1px solid #969696;
  border-radius: 0;
  background-color: var(--cui-primary-500);
}
.ar-corner-preview {
  position: absolute;
  z-index: 9005;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid #969696;
}
.ar-shape {
  position: absolute;
  overflow: visible;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-shape .ar-shape-border {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: transparent;
}
.ellipse {
  border-radius: 50%;
}
.ar-sparkline-adorner {
  width: 100%;
  height: 100%;
}
.ar-sparkline-adorner .wd-drop-area {
  width: 100%;
  height: 100%;
  display: flex;
  -moz-column-gap: 4px;
  column-gap: 4px;
  align-items: center;
  padding: 0 2px;
}
.ar-sparkline-adorner .wd-drop-area > span {
  flex: 1 1 100px;
  text-align: center;
}
.ar-sparkline-adorner-element {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 30px;
  padding: 1pt;
  cursor: default;
  white-space: nowrap;
  background-color: var(--cui-bg-panels);
  border-radius: var(--cui-border-radius);
  box-shadow: var(--cui-shadow-menu);
  font-family: Arial;
  font-size: 10pt;
  color: var(--cui-text-color);
  pointer-events: all;
}
.ar-sparkline-adorner-element.ar-adorner-groupingExpressions {
  bottom: -35px;
}
.ar-sparkline-adorner-element.ar-adorner-value {
  top: -35px;
}
.ar-sparkline-adorner-val {
  top: 1pt;
  left: 1pt;
  overflow: hidden;
  flex: .1 1 auto;
  max-width: 50%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-neutral-50);
  font-family: var(--cui-text-family);
  font-size: var(--cui-text-size-sm);
  color: var(--cui-text-color);
  line-height: 24px;
}
.ar-sparkline-glyph {
  pointer-events: all;
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  padding: 2pt;
}
.ar-subreport {
  position: absolute;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2pt;
  pointer-events: all;
  color: var(--cui-text-color);
  border: none;
  background-color: var(--cui-bg-panels);
  font-size: 14pt;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}
.ar-subreport > span {
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.table-adorner-cells-selection {
  position: absolute;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
}
.table-adorner-cells-selection .table-adorner-cell {
  position: relative;
  padding: 0;
  border: 0;
  border-width: 2px;
  border-style: none;
  border-color: var(--cui-primary-500);
}
.table-adorner-cells-selection .table-adorner-cell > div {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.table-adorner-cells-selection .table-adorner-cell.table-adorner-cell-selected .table-adorner-cell-area {
  background-color: #00000020;
}
.table-adorner-cells-selection .table-adorner-cell.table-adorner-cell-selected.primary .table-adorner-cell-area {
  background-color: transparent;
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border {
  position: absolute;
  z-index: 1313;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-width: 2px;
  border-style: none;
  border-color: var(--cui-primary-500);
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.top {
  border-top-style: solid;
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.bottom {
  border-bottom-style: solid;
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.left {
  border-left-style: solid;
}
.table-adorner-cells-selection .table-adorner-cell .table-adorner-cell-border.right {
  border-right-style: solid;
}
.table-adorner-rows {
  position: absolute;
  z-index: 13;
  margin-left: -24px;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
}
.table-adorner-rows .table-adorner-row {
  position: relative;
  padding: 0;
  border: 0;
}
.table-adorner-rows .table-adorner-row td {
  position: relative;
  width: 20px;
  padding: 0;
}
.table-adorner-rows .table-adorner-row td .table-adorner-row-header {
  width: 100%;
  height: 100%;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
}
.table-adorner-rows .table-adorner-row td .table-adorner-row-label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  color: var(--cui-text-color);
  justify-content: center;
  align-items: center;
}
.table-adorner-rows .table-adorner-row.selected .table-adorner-row-header {
  background-color: var(--cui-neutral-100);
}
.table-adorner-rows .table-adorner-row:nth-child(2) .table-adorner-row-header {
  border-radius: 4px 4px 0 0;
}
.table-adorner-rows .table-adorner-row:last-child .table-adorner-row-header {
  border-radius: 0 0 4px 4px;
}
.table-adorner-columns {
  position: absolute;
  z-index: 13;
  margin-top: -24px;
  border-spacing: 0;
  pointer-events: none;
  border-collapse: collapse;
}
.table-adorner-columns .table-adorner-column {
  position: relative;
  height: 20px;
  padding: 0;
  border: 0;
}
.table-adorner-columns .table-adorner-column .table-adorner-column-header {
  width: 100%;
  height: 100%;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
}
.table-adorner-columns .table-adorner-column.selected .table-adorner-column-header {
  background-color: var(--cui-neutral-100);
}
.table-adorner-columns .table-adorner-column:nth-child(2) .table-adorner-column-header {
  border-radius: 4px 0 0 4px;
}
.table-adorner-columns .table-adorner-column:last-child .table-adorner-column-header {
  border-radius: 0 4px 4px 0;
}
.table-adorner-spot {
  position: absolute;
  z-index: 13;
  pointer-events: all;
}
.table-adorner-spot.row-spot {
  top: calc(-4px + 100%);
  bottom: -4px;
  left: 0;
  width: 100%;
}
.table-adorner-spot.row-spot .table-adorner-spot-add {
  left: -20px;
}
.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  top: calc(50% - 7.5px);
}
.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  top: calc(50% - 1.5px);
  left: 15px;
  width: 29px;
  height: 3px;
}
.table-adorner-spot.row-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  left: 100%;
  height: 100%;
}
.table-adorner-spot.row-spot .table-adorner-spot-add-grip {
  cursor: row-resize;
}
.table-adorner-spot.column-spot {
  top: 0;
  right: -4px;
  width: 8px;
  height: 100%;
}
.table-adorner-spot.column-spot .table-adorner-spot-add {
  top: -20px;
}
.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  left: calc(50% - 7.5px);
}
.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  top: 15px;
  left: calc(50% - 1.5px);
  width: 3px;
  height: 29px;
}
.table-adorner-spot.column-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  top: 100%;
  width: 100%;
}
.table-adorner-spot.column-spot .table-adorner-spot-add-grip {
  cursor: col-resize;
}
.table-adorner-spot .table-adorner-spot-add {
  position: absolute;
  z-index: 13;
  display: none;
  width: 100%;
  height: 100%;
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button {
  position: absolute;
  width: 15px;
  height: 15px;
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--cui-primary-500);
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button i {
  color: #fff;
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-button i > svg {
  width: 12px !important;
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco {
  position: absolute;
  background-color: var(--cui-primary-500);
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.table-adorner-spot .table-adorner-spot-add .table-adorner-spot-add-deco .table-adorner-spot-add-deco-area div {
  position: absolute;
  background-color: var(--cui-primary-500);
}
.table-adorner-spot:hover .table-adorner-spot-add {
  display: block;
}
.table-adorner-spot .table-adorner-spot-add-grip {
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.table-adorner-move-grip {
  position: absolute;
  z-index: 13;
  top: -24px;
  left: -24px;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  border-radius: 50%;
  background-color: var(--cui-bg-panels);
  justify-content: center;
  align-items: center;
}
.table-adorner-move-grip > .gc-icon {
  pointer-events: none;
}
.table-adorner .ar-adorner-panel {
  position: absolute;
  top: 0;
  left: calc(100% + 5px);
  width: 200px;
  height: 100%;
  min-height: 120px;
}
.table-adorner-icon-group {
  display: flex;
  width: 16px;
  height: 16px;
  white-space: nowrap;
  font-size: var(--cui-text-size-sm);
  line-height: var(--cui-icon-size-sm);
  align-items: center;
  justify-content: left;
}
.table-adorner-icon-group > .gc-icon {
  overflow: hidden;
  width: 7px;
}
.wd-table-overlay {
  position: absolute;
  z-index: 9002;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.wd-column-drop {
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 10px;
  height: 100%;
  transform: translate(-50%);
  pointer-events: all;
}
.wd-column-drop:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
  width: 3px;
  height: calc(100% + 30px);
  content: "";
  transform: translate(-50%);
  background-color: var(--cui-primary-500);
}
.wd-column-drop__icon {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: none;
  width: 15px;
  height: 15px;
  transform: translate(-50%, -29px);
  color: var(--cui-white);
  border-radius: 50%;
  background-color: var(--cui-primary-500);
}
.wd-column-drop--active {
  display: block;
}
.wd-column-drop--hover .wd-column-drop__icon,
.wd-column-drop--hover:after {
  display: block;
}
.wd-column-drop--fill-column {
  height: calc(100% + 24px);
  transform: none;
}
.wd-column-drop--drop-before .wd-column-drop__icon {
  display: none;
}
.wd-column-drop--drop-before.wd-column-drop--hover:after {
  left: 0;
  display: block;
  height: 100%;
}
.wd-column-drop--drop-after .wd-column-drop__icon {
  display: none;
}
.wd-column-drop--drop-after.wd-column-drop--hover:after {
  right: 0;
  left: auto;
  display: block;
  height: 100%;
  transform: translate(50%);
}
.ar-table-glyph {
  width: 100%;
  height: 100%;
}
.ar-table {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}
.ar-table td {
  padding: 0;
}
.ar-tablix-cell > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.ar-tablix-cell > div > div:not(.ar-item):not(.ar-rectangle-glyph) {
  position: absolute;
  pointer-events: none;
}
.ar-tablix-cell-hover {
  background-color: var(--cui-primary-700) !important;
}
.ar-tablix-adorner {
  position: absolute;
  z-index: 13;
  border-spacing: 0;
  pointer-events: none;
  border: 0;
}
.ar-tablix-adorner .ar-tablix-adorner-table {
  box-sizing: border-box;
  table-layout: fixed;
  border-spacing: 0;
  color: var(--cui-text-color);
  border-collapse: separate;
}
.ar-tablix-adorner .ar-tablix-adorner-table tr > td {
  padding: 0;
}
.ar-tablix-adorner .pointer-grip {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  pointer-events: all;
}
.ar-tablix-adorner .ar-tablix-adorner-resize {
  border-right: 2px solid var(--cui-primary-500);
  border-bottom: 2px solid var(--cui-primary-500);
}
.ar-tablix-adorner .ar-tablix-sections {
  position: absolute;
}
.ar-tablix-adorner .ar-tablix-sections > div {
  position: absolute;
  border-width: 0;
  border-style: dashed;
  border-color: #c2c2c2;
}
.ar-tablix-adorner .ar-tablix-sections > div.ar-tablix-section-v {
  width: 5px;
  border-right-width: 1px;
  border-left-width: 1px;
}
.ar-tablix-adorner .ar-tablix-sections > div.ar-tablix-section-h {
  height: 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.ar-tablix-selection {
  position: absolute;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  border: 0;
}
.ar-tablix-groups {
  position: absolute;
  pointer-events: none;
}
.ar-tablix-groups .ar-tablix-col-group {
  position: absolute;
  height: 10px;
  border-style: solid;
  border-color: #c2c2c2;
  border-top-width: 3px;
  border-right-width: 3px;
  border-bottom-width: 0;
  border-left-width: 3px;
}
.ar-tablix-groups .ar-tablix-row-group {
  position: absolute;
  width: 10px;
  border-style: solid;
  border-color: #c2c2c2;
  border-top-width: 3px;
  border-right-width: 0;
  border-bottom-width: 3px;
  border-left-width: 3px;
}
.ar-tablix-groups .ar-tablix-col-group.highlighted,
.ar-tablix-groups .ar-tablix-row-group.highlighted {
  border-color: var(--cui-primary-700);
}
.ar-tablix-selection-selected:not(.ar-tablix-selection-primary) {
  background-color: #00000020;
}
.ar-tablix-selection-selected.ar-tablix-selection-primary {
  background-color: transparent;
}
.ar-tablix-selection-cell {
  padding: 0;
  border: 0;
}
.ar-tablix-selection-cell > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.ar-tablix-selection-cell > div > div {
  position: absolute;
  z-index: 1313;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-width: 2px;
  border-style: none;
  border-color: var(--cui-primary-500);
}
.ar-tablix-header-cell {
  position: relative;
  text-align: center;
  pointer-events: all;
  border: 1px solid var(--cui-neutral-300);
  background-color: var(--cui-bg-panels);
  line-height: 17px;
}
.ar-tablix-header-cell.corner {
  border-radius: 9px;
}
.ar-tablix-header-cell.left {
  border-radius: 4px 0 0 4px;
}
.ar-tablix-header-cell.top {
  border-radius: 4px 4px 0 0;
}
.ar-tablix-header-cell.right {
  border-radius: 0 4px 4px 0;
}
.ar-tablix-header-cell.bottom {
  border-radius: 0 0 4px 4px;
}
.ar-tablix-header-cell-selection-primary {
  border-color: var(--cui-neutral-300);
  background-color: var(--cui-neutral-100);
}
.ar-tablix-header-cell-selection-selected:not(.ar-tablix-header-cell-selection-primary) {
  border-color: var(--cui-neutral-300);
  background-color: var(--cui-neutral-100);
}
.ar-tablix-header-cell-selection-projection:not(.ar-tablix-header-cell-selection-primary) {
  border-color: var(--cui-neutral-300);
  background-color: var(--cui-neutral-100);
}
.ar-tablix-adorner-spot {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
  justify-content: center;
  align-items: center;
}
.ar-tablix-adorner-spot > .gc-icon {
  pointer-events: none;
}
.ar-tablix-adorner-spot .ar-tablix-adorner-spot-label {
  position: absolute;
  top: calc(50% - 8px);
  width: 100%;
}
.ar-tablix-adorner-spot-col {
  position: absolute;
  z-index: 13;
  top: -1px;
  height: 18px;
  pointer-events: all;
}
.ar-tablix-adorner-spot-col:hover .ar-tablix-add-column {
  display: block;
}
.ar-tablix-adorner-spot-col > div.ar-tablix-add-column-grip {
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: col-resize;
}
.ar-tablix-add-column {
  position: absolute;
  z-index: 13;
  top: -22px;
  left: -4px;
  display: none;
  width: 16px;
}
.ar-tablix-add-column .ar-tablix-add-column-knob {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 16px;
  background-color: var(--cui-primary-500);
}
.ar-tablix-add-column .ar-tablix-add-column-knob:hover {
  text-decoration: none;
}
.ar-tablix-add-column .ar-tablix-add-column-knob > i {
  display: flex;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 16px;
}
.ar-tablix-add-column .ar-tablix-add-column-knob > i > svg {
  width: 12px !important;
}
.ar-tablix-add-column > div.ar-tablix-add-column-deco {
  position: absolute;
  top: 14px;
  left: 6.5px;
  width: 3px;
  height: calc(100% - 13px);
  background-color: var(--cui-primary-500);
}
.ar-tablix-adorner-spot-row {
  position: absolute;
  z-index: 13;
  left: -1px;
  width: 18px;
  pointer-events: all;
}
.ar-tablix-adorner-spot-row:hover .ar-tablix-add-row {
  display: block;
}
.ar-tablix-adorner-spot-row > div.ar-tablix-add-row-grip {
  position: absolute;
  z-index: 13;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: row-resize;
}
.ar-tablix-add-row {
  position: absolute;
  z-index: 13;
  bottom: -4px;
  left: -22px;
  display: none;
  height: 16px;
}
.ar-tablix-add-row .ar-tablix-add-row-knob {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  border-radius: 16px;
  background-color: var(--cui-primary-500);
}
.ar-tablix-add-row .ar-tablix-add-row-knob:hover {
  text-decoration: none;
}
.ar-tablix-add-row .ar-tablix-add-row-knob > i {
  display: flex;
  width: 16px;
  height: 16px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 16px;
}
.ar-tablix-add-row .ar-tablix-add-row-knob > i > svg {
  width: 12px !important;
}
.ar-tablix-add-row > div.ar-tablix-add-row-deco {
  position: absolute;
  top: 6.5px;
  left: 14px;
  width: calc(100% - 14px);
  height: 3px;
  background: var(--cui-primary-500);
}
.ar-tablix-header-cell.edit {
  width: 18px;
  height: 19px;
  cursor: pointer;
  pointer-events: all;
  border-radius: 4px;
}
.ar-tablix-header-cell.edit.disabled {
  cursor: no-drop;
  opacity: .5;
}
.ar-tablix-header-cell.edit:hover {
  background-color: var(--cui-neutral-100);
}
.ar-tablix {
  border-spacing: 0;
  pointer-events: all;
  border-collapse: collapse;
}
.ar-tablix td {
  padding: 0;
}
.ar-textbox {
  position: absolute;
  pointer-events: all;
  width: 100%;
  height: 100%;
  border: none;
}
.ar-textbox * {
  pointer-events: none;
}
.ar-textbox .ar-textbox-inner {
  position: absolute;
  display: flex;
  overflow: hidden;
}
.ar-textbox .ar-textbox-inner .text-wrapper {
  width: 100%;
  text-decoration: inherit;
  -webkit-text-decoration: inherit;
}
.ar-textbox .ar-textbox-inner .text-wrapper span {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
.ar-textbox .ar-textbox-inner.middle {
  align-items: center;
}
.ar-textbox .ar-textbox-inner.bottom {
  align-items: flex-end;
}
.ar-textbox .ar-textbox-inner.top {
  align-items: flex-start;
}
.ar-textbox .ar-textbox-inner.no-wrap {
  white-space: nowrap;
}
.ar-textbox .ar-textbox-inner.word-wrap {
  word-wrap: break-word;
}
.ar-textbox .ar-textbox-inner.char-wrap {
  word-break: break-all;
}
.ar-textbox .ar-textbox-inner.tb-rl {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}
.ar-toc {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: all;
}
.ar-toc-glyph {
  width: 100%;
  height: 100%;
}
.ar-toc .toc-body {
  position: absolute;
  overflow: hidden;
  width: calc(100% + 25px);
  height: 100%;
  pointer-events: none;
}
.ar-toc .toc-body .toc-levels {
  width: 100%;
  height: auto;
  pointer-events: all;
}
.ar-toc:hover .toc-insert-wrapper {
  display: block;
}
.ar-toc .toc-insert-wrapper {
  position: relative;
  z-index: 9002;
  top: calc(100% - 5px);
  display: none;
  padding-top: 12px;
}
.ar-toc .toc-insert-wrapper:hover {
  display: block;
}
.ar-toc .toc-insert-wrapper:active {
  pointer-events: none;
}
.ar-toc .toc-insert-wrapper .toc-insert {
  overflow: hidden;
  width: 100%;
  height: auto;
  text-align: left;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  box-shadow: var(--cui-shadow-menu);
}
.toc-level {
  width: 100%;
  height: auto;
  white-space: nowrap;
  pointer-events: none;
}
.toc-level__body {
  position: relative;
  float: left;
  overflow: hidden;
  width: calc(100% - 25px);
  pointer-events: all;
}
.toc-level__body .ar-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  white-space: nowrap;
  pointer-events: none;
}
.toc-level__container {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 2pt;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  background: transparent;
}
.toc-level__numbering {
  display: inline-block;
  padding-right: 2pt;
}
.toc-level__name {
  padding-right: 2pt;
  word-wrap: break-word;
}
.toc-level__fill-char {
  position: absolute;
  bottom: 2pt;
  white-space: nowrap;
}
.toc-level__page-number {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 2pt;
}
.toc-level__selection {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border: 1px solid var(--cui-primary-500);
  background-color: #00000020;
}
.toc-level__selection--primary {
  background-color: transparent;
}
.toc-level-delete {
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 20px;
  height: 20px;
  pointer-events: all;
}
.toc-level-delete > .gc-icon.gc-btn__icon {
  display: flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
}
.toc-level-delete > .gc-icon.gc-btn__icon > svg {
  width: var(--cui-icon-size);
  height: var(--cui-icon-size);
}
.toc-body:hover .toc-level-delete {
  visibility: visible;
}
.items-text-input-area {
  pointer-events: all;
  position: fixed;
  top: 100%;
  left: 100%;
  width: 0;
  height: 0;
  padding: 0;
  border-width: 0;
  text-align: initial;
  resize: none;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px;
}
.items-text-input-area.active-input {
  z-index: 14;
  position: absolute;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.bg-repeat {
  background-repeat: repeat;
}
.bg-repeat-x {
  background-repeat: repeat-x;
}
.bg-repeat-y {
  background-repeat: repeat-y;
}
.rpx-surface {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: var(--cui-neutral-50);
}
.rpx-area-selector {
  padding-top: 1px;
  padding-bottom: 1px;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
}
.rpx-area-selector__drag-source {
  padding-top: 1px;
  padding-bottom: 1px;
  min-height: 100%;
  min-width: 100%;
  height: 100%;
  pointer-events: all;
}
.rpx-page {
  position: relative;
  z-index: 0;
  background-color: #fff;
  box-shadow: 4px 4px 16px 0 var(--cui-neutral-100);
}
.rpx-page__gutter {
  height: 100%;
  pointer-events: none;
  background-color: #aaa9;
}
.rpx-page__content {
  position: relative;
  width: 100%;
  height: 100%;
}
.rpx-page-wrapper {
  margin-top: 64px;
  margin-bottom: 64px;
  margin-left: 64px;
}
.drag-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: none;
}
.drag-layer .dnd-preview {
  position: absolute;
}
.drag-layer .rectangle-area-frame {
  position: absolute;
  z-index: 2;
  border: 1px solid var(--cui-primary-500);
  background-color: hsla(var(--primary-500), .1);
}
.rpx-section {
  position: relative;
  width: 100%;
}
.rpx-rectangle {
  position: relative;
  width: 100%;
  height: 100%;
}
.rpx-item {
  position: absolute;
  z-index: 1;
}
.rpx-item--over {
  background-color: var(--cui-primary-500);
}
.rpx-item--can-drop {
  box-shadow: inset 0 0 2px 2px var(--cui-primary-500);
}
.rpx-group-header-preview {
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
  font-size: var(--cui-text-size-sm);
  padding: 2px 7px 2px 5px;
  transform: translateY(calc(-100% + 2px));
  display: flex;
  align-items: center;
  gap: 5px;
}
.drag-layer .group-drop-line {
  position: absolute;
  width: 100%;
  height: var(--cui-border-width-focused);
  background-color: var(--cui-primary-500);
}
.fixed-zoom {
  zoom: 1;
}
.rpx-selection {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: var(--cui-border-width) solid rgba(170, 170, 170, .6);
}
.rpx-selection__primary {
  border: var(--cui-border-width) solid var(--cui-primary-500);
}
.rpx-selection__secondary {
  border: var(--cui-border-width) solid hsla(var(--primary-500), .62);
}
.rpx-selection__rounding {
  border: none;
}
.rpx-selection .mover > div {
  position: absolute;
  z-index: 10001;
  cursor: move;
}
.rpx-selection .mover .mover-n {
  top: -3px;
  left: 0;
  width: 100%;
  height: 6px;
}
.rpx-selection .mover .mover-e {
  top: 0;
  left: -3px;
  width: 6px;
  height: 100%;
}
.rpx-selection .mover .mover-s {
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 6px;
}
.rpx-selection .mover .mover-w {
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
}
.rpx-selection .grip,
.rpx-selection .grip-angle {
  position: absolute;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.rpx-selection .grip > div,
.rpx-selection .grip-angle > div {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--cui-primary-500);
}
.rpx-selection .grip {
  border: 1px solid var(--cui-primary-500);
  background: #fff;
}
.rpx-selection .grip-angle {
  box-sizing: content-box;
  background: var(--cui-primary-500);
  width: 6px;
  height: 6px;
  border: 1.5px solid white;
}
.rpx-selection .grip-angle:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: none;
  border-radius: 50%;
}
.rpx-selection .grip-angle-guide {
  position: absolute;
  width: 2px;
  background: var(--cui-primary-500);
  opacity: .5;
  border-radius: 50%;
}
.rpx-selection .grip-n {
  top: -5px;
}
.rpx-selection .grip-vm {
  top: calc(50% - 5px);
}
.rpx-selection .grip-s {
  top: calc(100% - 5px);
}
.rpx-selection .grip-w {
  left: -5px;
}
.rpx-selection .grip-hm {
  left: calc(50% - 5px);
}
.rpx-selection .grip-e {
  left: calc(100% - 5px);
}
.rpx-selection .grip-angle-tl {
  top: 0;
  left: 0;
}
.rpx-selection .grip-angle-tr {
  top: 0;
  right: 0;
}
.rpx-selection .grip-angle-bl {
  bottom: 0;
  left: 0;
}
.rpx-selection .grip-angle-br {
  bottom: 0;
  right: 0;
}
.rpx-selection .grip-point {
  cursor: crosshair;
}
.rpx-selection .disabled {
  cursor: default;
  background-color: #d3d3d3;
}
.rpx-selection .disabled > div {
  opacity: .6;
}
.rpx-line-selection {
  border: none;
}
.rpx-shape-rounding {
  opacity: .5;
  border-style: dashed !important;
}
.rpx-line-border {
  position: absolute;
  z-index: 1000;
  transform-origin: top left;
  border: 1px solid var(--cui-primary-500);
}
textarea.gc-textarea.rpx-script-editor {
  font-family: monospace;
  line-height: 1.2;
}
textarea.gc-textarea.rpx-script-editor:not([disabled]):hover {
  background-color: var(--cui-neutral-50);
}
textarea.gc-textarea.rpx-script-editor:not([disabled]):focus {
  background-color: var(--cui-neutral-50);
}
.rpx-script-editor__menu .gc-menu__logo .gc-btn {
  overflow: hidden;
}
.rpx-script-editor__menu .gc-menu__logo .gc-btn .gc-icon {
  width: var(--cui-block-size-lg);
}
.rpx-script-editor__menu .gc-menu__logo .gc-btn .gc-btn__text {
  padding-left: var(--cui-block-size-lg);
}
.rpx-ruler-highlighter__primary {
  background-color: var(--rulers-span-primary);
}
.rpx-ruler-highlighter__secondary {
  background-color: var(-rulers-span-secondary);
}
.rpx-ruler-marker--accent {
  background-color: var(--cui-primary-500);
}
.rpx-picture-item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-picture-item__image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.rpx-reportinfo-item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: 10pt;
}
.rpx-subreport-item {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  word-wrap: break-word;
  font-size: 10pt;
}
.rpx-checkbox-item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-checkbox-item__text {
  display: inline-block;
}
.rpx-checkbox-item__check {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: solid black 1px;
}
.rpx-checkbox-item__check .wd-svg {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.rpx-checkbox-item__check .wd-svg > svg {
  width: 12px;
}
.rpx-checkbox-item--top .rpx-checkbox-item__check {
  top: 0;
}
.rpx-checkbox-item--top .rpx-checkbox-item__text {
  padding-top: 17px;
}
.rpx-checkbox-item--middle .rpx-checkbox-item__check {
  top: calc(50% - 8px);
}
.rpx-checkbox-item--bottom .rpx-checkbox-item__check {
  bottom: 0;
}
.rpx-checkbox-item--bottom .rpx-checkbox-item__text {
  padding-bottom: 17px;
}
.rpx-checkbox-item--left .rpx-checkbox-item__check {
  left: 0;
}
.rpx-checkbox-item--left .rpx-checkbox-item__text {
  padding-left: 17px;
}
.rpx-checkbox-item--center .rpx-checkbox-item__check {
  left: calc(50% - 8px);
}
.rpx-checkbox-item--right .rpx-checkbox-item__check {
  right: 0;
}
.rpx-checkbox-item--right .rpx-checkbox-item__text {
  padding-right: 17px;
}
.rpx-textbox-item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-textbox-item__text {
  display: inline-block;
}
.rpx-textbox-item__text--rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.rpx-label-item {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-label-item__text {
  display: inline-block;
}
.rpx-label-item__text--rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.rpx-shape-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-shape-item--ellipse {
  border-radius: 50%;
}
.rpx-barcode-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: all;
}
.rpx-barcode-item .rpx-barcode-item-wrapper {
  position: relative;
  pointer-events: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0;
}
.rpx-barcode-item .rpx-barcode-item-wrapper__content {
  position: absolute;
  display: block;
}
.rpx-barcode-item .rpx-barcode-item-wrapper__content svg {
  display: block;
}
.rpx-barcode-item__error {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  word-break: break-word;
  pointer-events: none;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.rpx-barcode-item__stub {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2pt;
  pointer-events: none;
  color: var(--cui-text-color);
  border: none;
  background-color: var(--cui-bg-panels);
  font-size: 8pt;
  font-weight: 700;
}
.rpx-barcode-item__model-dumper {
  position: absolute;
  bottom: var(--cui-border-radius);
  left: calc(0px - var(--cui-border-radius) - var(--cui-block-size-sm));
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  cursor: pointer;
  text-align: center;
  pointer-events: all;
  border-radius: var(--cui-border-radius);
  background-color: var(--cui-bg-panels);
  line-height: var(--cui-block-size-sm);
}
.rpx-barcode-item__model-dumper > i {
  display: flex;
  width: var(--cui-block-size-sm);
  height: var(--cui-block-size-sm);
  pointer-events: none;
  align-items: center;
  justify-content: center;
}
.rpx-default-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: .6;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.dnd-preview {
  position: absolute;
}
.default-dnd-preview {
  opacity: .6;
  margin: 1px;
  border: solid 2px black;
}
.rpx-line-item,
.dnd-preview-line {
  position: absolute;
  transform-origin: top left;
}
.rpx-unknown-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  opacity: .6;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
}
.rpx-page-break-item {
  background-color: var(--cui-primary-500);
  left: 0;
  height: 1px;
}
.rpx-section > .rpx-rectangle-selection {
  pointer-events: none;
}
.rpx-section > .angle {
  height: 100%;
  width: 100%;
}
.rpx-section__highlighted {
  position: relative;
}
.rpx-section__highlighted:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--cui-primary-500);
}
.rpx-section .section-header {
  position: absolute;
  z-index: 10001;
  max-width: 100%;
  overflow: hidden;
  padding: 2px 5px;
  cursor: default;
  transition: all .2s ease-in-out;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  opacity: .5;
  color: #5c5c5c;
  border: var(--cui-border-width) solid transparent;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: var(--cui-text-size-sm);
}
.rpx-section .section-header__primary {
  transform: translateY(-100%);
  pointer-events: all;
  opacity: 1;
  color: var(--cui-white);
  border: var(--cui-border-width) solid var(--cui-primary-500);
  background-color: var(--cui-primary-500);
}
.rpx-section .section-header__draggable {
  cursor: grab;
  padding: 2px 7px 2px 5px;
}
.rpx-section .section-header__hidden {
  visibility: hidden;
  opacity: 0;
}
.rpx-cross-section-box-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.rpx-cross-section-line-item {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.dnd-preview-cross-section-line {
  opacity: .6;
  margin: 1px;
  border-left: solid 2px black;
}
.rpx-rich-text {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  word-wrap: break-word;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: 10pt;
}
.rpx-input-field-checkbox {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
}
.rpx-input-field-checkbox__icon {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.rpx-input-field-checkbox--checked {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.rpx-input-field-checkbox--checked.wd-svg {
  display: flex;
}
.rpx-input-field-checkbox--checked.wd-svg > svg {
  width: 100%;
  height: 100%;
}
.rpx-input-field-text {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  word-break: break-word;
  pointer-events: none;
  border: 1px dotted rgba(170, 170, 170, .6);
  font-size: var(--cui-text-size-sm);
  align-items: center;
}
.rpx-input-field-text__text {
  display: inline-block;
}
.wd-image-editor-native-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
}
.wd-rpx-shape-editor__preview-box {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
}
.wd-rpx-shape-editor__preview-content {
  border: 2px solid;
}
.wd-rpx-shape-editor__preview-content--rectangle {
  width: 16px;
  height: 12px;
}
.wd-rpx-shape-editor__preview-content--round-rect {
  width: 16px;
  height: 12px;
  border-radius: 5px;
}
.wd-rpx-shape-editor__preview-content--ellipse {
  width: 16px;
  height: 12px;
  border-radius: 50%;
}
.wd-rpx-background-style-editor__preview-box {
  display: flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.wd-rpx-background-style-editor__preview-box--solid {
  background-color: currentColor;
}
.wd-rpx-background-style-editor__preview-box--gradient {
  box-shadow: inset 0 0 0 1px #0000001a;
  background-image:
    linear-gradient(
      135deg,
      transparent 30%,
      currentColor 80%);
}
.wd-rpx-background-style-editor__preview-box--pattern {
  width: 19px;
  height: 19px;
  background-image:
    linear-gradient(currentColor 2px, transparent 2px),
    linear-gradient(
      to right,
      currentColor 2px,
      transparent 2px);
  background-size: 7px 7px;
  background-position: 5px 5px;
  box-shadow: inset 0 0 0 2px currentColor;
}
.app-about {
  padding: var(--cui-padding);
}
.app-about .app-name,
.app-about .product-name,
.app-about .product-help-title {
  font-size: 24px;
}
.app-about .app-version,
.app-about .product-version,
.app-about .copyright,
.app-about .product-help-link {
  font-size: 14px;
}
.app-about > p > a {
  word-break: break-all;
  word-wrap: break-word;
}
.wd-sidebar-panel {
  position: relative;
  width: 100%;
  padding: 0 var(--cui-padding);
}
.wd-sidebar-panel__heading {
  width: 100%;
  padding: var(--cui-padding-sm) 0 var(--cui-padding-xs) 0;
}
.wd-sidebar-panel__content {
  width: 100%;
  padding-bottom: var(--cui-padding);
  border-bottom: 1px solid var(--cui-neutral-100);
}
.wd-sidebar-panel__placeholder {
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  color: var(--cui-text-semi-60);
  font-size: var(--cui-text-size);
  line-height: var(--cui-block-size);
}
.dataset-list-level-1 {
  margin-left: 16px;
}
.dataset-list-level-2 {
  margin-left: 32px;
}
.dataset-list-level-3,
.dataset-list-level-4,
.dataset-list-level-5 {
  margin-left: 40px;
}
.ar-data-panel {
  height: 100%;
}
#parameter-editor-shutter .ar-shutter,
#smart-suggestions-editor-shutter .ar-shutter {
  height: 100%;
  margin-bottom: 0;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body {
  position: relative;
  flex-grow: 1;
  overflow: auto;
  margin-left: var(--cui-padding-xs);
  margin-right: var(--cui-padding-xs);
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-heading,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-heading {
  height: 45px;
  padding: 0 var(--cui-padding);
  text-transform: uppercase;
  color: var(--cui-primary-500);
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-body,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .panel-body {
  padding: 0 0 var(--cui-padding) 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  -o-border-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 3%,
      var(--cui-neutral-100) 3%,
      var(--cui-neutral-100) 97%,
      rgba(0, 0, 0, 0) 97%,
      rgba(0, 0, 0, 0) 100%) 1 stretch;
  border-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 3%,
      var(--cui-neutral-100) 3%,
      var(--cui-neutral-100) 97%,
      rgba(0, 0, 0, 0) 97%,
      rgba(0, 0, 0, 0) 100%) 1 stretch;
  border-image-slice: 0 0 100 0;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .wd-parameter-editor,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .wd-parameter-editor {
  margin: 0 var(--cui-padding);
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons {
  position: relative;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default,
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus {
  position: absolute;
  top: 0;
  border-style: none;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: left;
  background: none;
  font-size: 12px;
  line-height: 40px;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > span,
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > span,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > span,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > span {
  margin-left: calc(0px - var(--cui-padding-xs));
  padding-right: var(--cui-padding-sm);
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > i,
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > i,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default > i,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:focus > i {
  display: flex;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 13px;
  line-height: 32px;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:hover,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons .btn.btn-default:hover {
  background-color: var(--cui-neutral-100);
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left {
  padding-left: 40px;
}
#parameter-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left .btn.btn-default,
#smart-suggestions-editor-shutter .ar-shutter .ar-shutter-content .ar-shutter-body .ar-with-buttons.left .btn.btn-default {
  top: 10px;
  left: 5px;
}
.wd-smart-suggestions-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: var(--cui-padding);
  padding: var(--cui-padding-sm);
}
.ed-datasource-dialog__content {
  padding: var(--cui-padding);
}
.ed-datasource-dialog__content > .gc-label {
  margin-bottom: var(--cui-padding);
}
.monospaced-editor {
  font-family: monospace !important;
}
.ed-dataset-dialog__content {
  padding: var(--cui-padding);
}
.ed-dataset-dialog__content > .gc-label {
  margin-bottom: var(--cui-padding);
}
.ed-dataset-dialog .ed-dataset-navbar {
  display: flex;
  margin-bottom: var(--cui-padding-sm);
  align-items: start;
  justify-content: left;
}
.ed-dataset-dialog .ed-dataset-navbar .ed-dataset-breadcrumbs {
  display: flex;
  flex: 1 1 auto;
}
.ed-dataset-dialog .wd-filters {
  margin: 0 var(--cui-padding);
}
.ed-dataset-dialog .wd-data-set-filters__header {
  display: flex;
  height: 30px;
  margin: 0 var(--cui-padding);
  font-size: 12px;
  line-height: 14px;
  align-items: center;
  justify-content: space-between;
}
.treecombo-dropdown {
  padding: 6px;
}
.treecombo-dropdown > button {
  width: 100%;
  min-width: 120px;
}
.wd-app-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--wrd-bg-body-semi-70);
}
.wd-app-overlay .loader-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.wd-app-overlay span {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  margin-top: 30px;
  text-align: center;
  color: var(--cui-text-color);
  font-size: 14px;
}
.wd-app-overlay .loader {
  display: flex;
  justify-content: center;
  height: 100%;
}
.wd-web-designer {
  width: 100%;
  height: 100%;
  font-family: var(--cui-text-family);
}
.wd-web-designer *,
.wd-web-designer *:before,
.wd-web-designer *:after {
  box-sizing: border-box;
}
.wd-web-designer .gc-portal-root--notifications > .gc-positioner {
  pointer-events: none;
}
.wd-web-designer .gc-portal-root--notifications > .gc-positioner > * {
  pointer-events: all;
}
.wd-web-designer--viewer > .gc-app {
  display: none;
}
.arjs-collection-header,
.arjs-collection-element {
  display: flex;
}
.arjs-collection-header > div,
.arjs-collection-element > div {
  padding: 2px;
  width: 100%;
}
.eval-text {
  position: absolute;
  bottom: 30pt;
  right: 50pt;
  pointer-events: none;
  text-align: right;
}
.open-file-dialog-hidden {
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}
.arjs-designer-license-badge {
  padding: 0 var(--cui-padding-xs);
}
.gc-btn.arjs-designer-license-badge .gc-badge.arjs-designer-license-badge__content {
  margin: 0;
}

/* src/styles.scss */
.pi-plus-sara {
  content: url("./media/pi-plus-sara-KHGWMVFE.svg");
}
.pi-search-sara {
  content: url("./media/pi-search-sara-OVQ4K2LY.svg");
}
.pi-email-red-sara {
  content: url("./media/pi-email-red-sara-6UV3RY2F.svg");
}
.pi-email-green-sara {
  content: url("./media/pi-email-green-sara-G2FTX2ZL.svg");
}
.pi-email-green-sara-verified {
  content: url("./media/pi-email-green-sara-verified-Q2KKAQVQ.svg");
}
.pi-email-yellow-sara {
  content: url("./media/pi-email-yellow-sara-K5B4LI4C.svg");
}
.pi-att {
  content: url("./media/pi-att-XKWAEOK2.png");
}
.pi-on-hand-devices {
  content: url("./media/pi-on-hand-devices-BPFW3EPH.svg");
}
.pi-shipped-devices {
  content: url("./media/pi-shipped-devices-2T2CIHTB.svg");
}
.pi-trash {
  content: url("./media/pi-trash-FMCENMUE.png");
}
.pi-wireless {
  content: url("./media/pi-wireless-T4IIKYGZ.png");
}
.pi-wireless-user {
  content: url("./media/pi-wireless-user-YKU7JKQK.png");
}
.pi-directv {
  content: url("./media/pi-directv-NYRDLGKN.png");
}
.pi-bundle-directv {
  content: url("./media/pi-bundle-directv-RK7GV7AW.svg");
}
.pi-globe {
  content: url("./media/pi-globe-4A5T5MNJ.svg");
}
.pi-user-circle {
  content: url("./media/pi-user-circle-VMUXWUJ2.svg");
}
.pi-logout {
  content: url("./media/pi-logout-IH5GFSWY.svg");
}
.pi-protection {
  content: url("./media/pi-protection-PLNITHXI.svg");
}
.pi-bundle-protection-small {
  content: url("./media/pi-bundle-protection-small-HR5LS76V.png");
}
.pi-bundle-globe {
  content: url("./media/pi-bundle-globe-EXMEURY6.svg");
}
.pi-add-person {
  content: url("./media/pi-add-person-3C2R6VDJ.svg");
}
.pi-group-light {
  content: url("./media/pi-group-light-LGSLL4ZY.svg");
}
.pi-group-dark {
  content: url("./media/pi-group-dark-NZREHFAS.svg");
}
.pi-bundle-customer-info {
  content: url("./media/pi-bundle-customer-info-4RYAOTWX.svg");
}
.pi-bundle-wireless {
  content: url("./media/pi-bundle-wireless-WQPIL4FG.svg");
}
.pi-bundle-globe-small {
  content: url("./media/pi-bundle-globe-small-I2CBVFCV.svg");
}
.pi-bundle-video-small {
  content: url("./media/pi-bundle-video-small-IP2FFSWH.svg");
}
.pi-bundle-att-wireless-small {
  content: url("./media/pi-bundle-att-wireless-small-H7NNMVY6.svg");
}
.pi-bundle-video {
  content: url("./media/pi-bundle-video-JFKPFWY5.svg");
}
.pi-bundle-green-check {
  content: url("./media/pi-bundle-green-check-7W6CKH3K.svg");
}
.pi-bundle-green-check-small {
  content: url("./media/pi-bundle-green-check-small-RWG2UZQG.svg");
}
.pi-bundle-exclamation-yellow {
  content: url("./media/pi-bundle-exclamation-yellow-COM2XHLN.svg");
}
.pi-bundle-exclamation-orange {
  content: url("./media/pi-bundle-exclamation-orange-TFNNZRYU.svg");
}
.pi-bundle-exclamation-red {
  content: url("./media/pi-bundle-exclamation-red-HH3XUVUR.svg");
}
.pi-bundle-exclamation-red-small {
  content: url("./media/pi-bundle-exclamation-red-small-IVKXJUEV.svg");
}
.pi-bundle-minus {
  content: url("./media/pi-bundle-minus-PF3RTHBL.svg");
}
.pi-bundle-minus-small {
  content: url("./media/pi-bundle-minus-small-HCFWCPCS.svg");
}
.pi-bundle-cart {
  content: url("./media/pi-bundle-cart-YP4GO5RK.svg");
}
.pi-bundle-empty-cart {
  content: url("./media/pi-bundle-empty-cart-AFER5YEO.svg");
}
.pi-bundle-comments {
  content: url("./media/pi-bundle-comments-XSMNPYIG.svg");
}
.pi-bundle-navigation {
  content: url("./media/pi-bundle-navigation-EDFURV3R.svg");
}
.pi-bundle-sales-help {
  content: url("./media/pi-bundle-sales-help-4VSVDOKF.svg");
}
.pi-bundle-disposition {
  content: url("./media/pi-bundle-disposition-SMBOC7IQ.svg");
}
.pi-bundle-att {
  content: url("./media/pi-bundle-att-MR4CV3QF.png");
}
.pi-bundle-information-circle {
  content: url("./media/pi-bundle-information-circle-YVH7IWZ2.svg");
}
.pi-service-information-info-circle {
  content: url("./media/pi-service-information-info-circle-SMEWFC5P.svg");
}
.pi-bundle-red-x {
  content: url("./media/pi-bundle-red-x-J5NTKJ4K.svg");
}
.pi-orders {
  content: url("./media/pi-orders-XDQX77IO.svg");
}
.pi-analytics {
  content: url("./media/pi-analytics-YKLYAMM6.svg");
}
.pi-settings {
  content: url("./media/pi-settings-2ENM7VRN.svg");
}
.pi-phone-validate {
  content: url("./media/pi-phone-validate-WMSNNRTJ.svg");
}
.pi-checkmark-circle {
  content: url("./media/pi-checkmark-circle-HKX2XEAP.svg");
}
.pi-checkmark-circle-disabled {
  content: url("./media/pi-checkmark-circle-disabled-KSZC2V7G.svg");
}
.pi-scan {
  content: url("./media/pi-scan-XF77FMOG.svg");
}
.pi-new-number {
  content: url("./media/pi-new-number-CUL2U6LV.svg");
}
.pi-port-number {
  content: url("./media/pi-port-number-ONZWZUXW.svg");
}
.pi-email-validate {
  content: url("./media/pi-email-validate-ELALC4NK.svg");
}
.pi-phone-green-sara-verified {
  content: url("./media/pi-phone-green-sara-verified-SAOHC6P4.svg");
}
.pi-phone-green-sara {
  content: url("./media/pi-phone-green-sara-ABNAJ2TO.svg");
}
.pi-phone-red-sara {
  content: url("./media/pi-phone-red-sara-IOJNN7TE.svg");
}
.pi-file-search {
  content: url("./media/pi-file-search-3LE7I2SQ.svg");
}
.pi-view-offer {
  content: url("./media/pi-view-offer-IEUSKEKK.svg");
}
.pi-credit-info-collected {
  content: url("./media/pi-credit-info-collected-WOZUG2CJ.svg");
}
.pi-tools {
  content: url("./media/pi-tools-XZC73SXI.svg");
}
.pi-hour-glass {
  content: url("./media/pi-hour-glass-SO5LSKXV.svg");
}
.pi-secure-data-link {
  content: url("./media/pi-secure-data-link-ADEB3A6G.png");
}
.pi-secure-data-link-refresh {
  content: url("./media/pi-secure-data-link-refresh-DE3ROL2Q.svg");
}
.pi-circle-green-verified {
  content: url("./media/pi-circle-green-verified-JBS3H6F7.svg");
}
.pi-circle-red-unverified {
  content: url("./media/pi-circle-red-unverified-ZFLNC6JW.svg");
}
.pi-credit-refresh {
  content: url("./media/pi-credit-refresh-G7BEXZA3.svg");
}
.pi-external-link {
  content: url("./media/pi-external-link-TQLRPRYH.svg");
}
.pi-live-support {
  content: url("./media/pi-live-support-V4QC27WX.svg");
}
.pi-yellow-warning-triangle {
  content: url("./media/pi-yellow-warning-triangle-WOKXOSWT.svg");
}
.pi-yellow-alert-triangle {
  content: url("./media/pi-yellow-alert-triangle-QTKRFVAA.svg");
}
.pi-warning-alert-red {
  content: url("./media/pi-warning-alert-red-75Z3W6ZJ.svg");
}
.pi-line-premium {
  content: url("./media/pi-line-premium-dollar-TX74LZ26.svg");
}
.pi-bundle-exclamation-red-filled {
  content: url("./media/pi-bundle-exclamation-red-filled-JQGIEYV3.svg");
}
.pi-minus-blue {
  content: url("./media/pi-minus-blue-3CLQC5WO.svg");
}
:root {
  --font-family: "Montserrat";
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
}
input {
  border-radius: 8px !important;
}
input.p-inputtext {
  margin-bottom: 0.5rem;
  height: 46px;
  padding: 16px !important;
}
.p-inputtextarea {
  height: auto !important;
}
.p-toast {
  opacity: 1 !important;
  padding-left: 42px !important;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin-top: 0;
}
.p-toast .p-toast-message.p-toast-message-error {
  background: var(--red-100);
  border-color: var(--red-600);
}
.bg-blue-sara {
  color: var(--primary-color-text) !important;
  background-color: #237EC0;
}
.bg-offer-blue {
  background-color: #EAF5FA;
}
.left-arrow {
  margin-right: 0 !important;
  text-decoration: none !important;
}
.right-arrow {
  margin-left: 0 !important;
  text-decoration: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.p-inputtext.p-inputotp-input {
  width: 50px;
  height: 50px;
}
@keyframes onAutoFillStart {
  from {
    background: transparent;
  }
  to {
    background: transparent;
  }
}
.p-inputtext.p-inputotp-input:-webkit-autofill {
  animation-name: onAutoFillStart;
  animation-duration: 0.001s;
}
.layout .sidebar {
  width: 65px;
}
.layout .main-container {
  width: -webkit-calc(100vw - 65px);
  width: -moz-calc(100vw - 65px);
  width: calc(100vw - 65px);
  position: absolute;
  left: 65px;
}
.layout .header {
  width: -webkit-calc(100vw - 65px);
  width: -moz-calc(100vw - 65px);
  width: 100vw;
  padding-left: 5px !important;
}
.layout.expanded-sidebar .sidebar {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .layout.collapsed-sidebar .main-container {
    position: inherit;
  }
}
.p-button-label {
  flex: none;
}
.p-button {
  justify-content: center !important;
  font-weight: 600 !important;
}
.p-dropdown {
  max-height: 46px;
  height: 46px;
  border-radius: 8px !important;
}
.p-dropdown .p-dropdown-label.p-element.p-inputtext {
  display: flex;
  align-items: center !important;
}
.skinny-dropdown,
.skinny {
  height: 46px !important;
}
.skinny-dropdown .p-dropdown-label.p-placeholder,
.skinny .p-dropdown-label.p-placeholder {
  align-content: normal !important;
  margin-bottom: 0.5rem;
}
.skinny-dropdown .p-inputtext,
.skinny .p-inputtext {
  height: 46px;
  padding: 16px !important;
}
input::placeholder {
  font-style: normal !important;
}
label {
  color: #000;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 6px;
}
.hug-text {
  color: #343535;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 6px;
}
.p-radiobutton-label {
  color: #237EC0 !important;
  margin-bottom: 0px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}
.text-20px {
  font-size: 20px !important;
}
.px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.color-sara-blue {
  color: #237EC0 !important;
}
.button-disabled {
  color: white !important;
  background-color: #9e9e9e !important;
  border: 1px solid #9e9e9e !important;
  background: none;
}
.button-secondary {
  color: #237EC0 !important;
  background-color: white !important;
}
.wrap-text {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
app-authorized-header h1 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0px !important;
  margin-bottom: 8px !important;
  color: #000;
}
app-authorized-header span {
  font-size: 16px;
  font-weight: 600;
  color: #343535;
}
.mb-12rem {
  margin-bottom: 12rem;
}
::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}
.p-dialog .p-dialog-content {
  padding: 0 2.5rem 2rem 2.5rem;
}
.mobile-hide {
  display: flex !important;
}
.mobile-show {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: flex !important;
  }
  .layout .main-container {
    width: 100vw;
    width: 100vw;
    width: 100vw;
    left: 0;
    position: inherit;
  }
}
.font-bolder {
  font-weight: 800 !important;
}
.radio-border {
  width: 102px;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-style: solid;
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: #237EC0;
}
.p-button.p-button-secondary {
  background: #237EC0 !important;
}
.sara-header-bg {
  background: #0059b1 !important;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background-color: #237EC0 !important;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
  background: none !important;
  box-shadow: none !important;
}
body.modal-open {
  overflow: hidden;
}
html,
body {
  overscroll-behavior: none;
}
.p-accordion-tab {
  margin-bottom: 16px !important;
  border-top: 0.5px solid lightgray;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}
.p-accordion-content {
  border-bottom-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.p-accordion-header-link {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
}
.p-accordion-tab .subheading {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding-top: 24px !important;
  padding-bottom: 18px !important;
}
p-accordiontab h1 h2 h3 h4 h5 h6 {
  color: #000;
}
.header-text {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.p-error {
  font-size: 12px !important;
  line-height: 20px !important;
  color: #c80909;
  font-weight: 700 !important;
}
.p-error i {
  font-style: normal !important;
}
.header-bg-color {
  background-color: #3A5FA5;
}
.text-xs,
.text-sm,
.text-base {
  line-height: 20px !important;
}
.text-lg,
.text-xl {
  line-height: 24px !important;
}
.p-inputswitch-checked .p-inputswitch-slider {
  background: #008011 !important;
}
.p-inputswitch-slider {
  background: #6C6C6C !important;
}
.sara-accordion-background {
  border-radius: 8px;
  background-color: #E0E9EF !important;
}
.disabled-content {
  opacity: 0.6;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}
.disabled-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: not-allowed;
}
.disabled-content p,
.disabled-content span {
  color: #666;
}
.outline-none {
  outline: none !important;
  box-shadow: none !important;
}
.hidden-button {
  display: none;
}
.primary-text,
.secondary-text {
  color: var(--label-primary, #000);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.12px;
}
.secondary-text {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .p-dialog-mask {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .p-dialog {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 20px !important;
    width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
  }
}
.p-button.p-button-outlined {
  color: #237EC0;
}
.text-primary {
  color: #237EC0 !important;
}
.font-product {
  color: #385DA4;
}
.dashed-center::before,
.dashed-center::after {
  content: "";
  flex: 1;
  border-top: 1px solid #385da4;
}
.success-container {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #008011;
  background-color: #eef4ef;
  border-radius: 8px;
  color: #008011;
  height: 56px;
  gap: 1px;
}
@media print {
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.print-only {
  display: none !important;
}
@media print {
  .print-only {
    display: block !important;
  }
  .no-print {
    display: none !important;
  }
}
::ng-deep {
}
::ng-deep .app-text-masked {
  -webkit-text-security: disc !important;
  -moz-text-security: disc !important;
  text-security: disc !important;
}
.commercial-banner {
  background-color: #FCFCFC;
  border: 1px solid #D9D9D9;
}
.custom-paginator .p-paginator {
  justify-content: flex-start;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border-top: 1px solid var(--surface-border);
}
.custom-paginator .p-paginator {
  justify-content: flex-start;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  background: #fff;
  border-top: 0.0625rem solid var(--surface-border);
}
.custom-paginator .p-paginator-page {
  border-radius: 50%;
  min-width: 1.875rem;
  height: 1.875rem;
  font-size: 0.875rem;
  background: #e5e7eb;
  border: none;
}
.custom-paginator .p-paginator-page.p-highlight {
  background: var(--primary-color);
  color: #fff;
  font-weight: 600;
}
.custom-paginator .p-paginator-first,
.custom-paginator .p-paginator-prev,
.custom-paginator .p-paginator-next,
.custom-paginator .p-paginator-last {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  background: var(--primary-color);
  color: #fff;
}
.custom-paginator .p-disabled {
  opacity: 0.4;
}
.custom-paginator .p-dropdown {
  height: 1.875rem;
  font-size: 0.875rem;
}
.addusertoggle .p-inputswitch-checked .p-inputswitch-slider,
.addusertoggle .p-inputswitch-checked .p-inputswitch-slider {
  background: #237EC0 !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-57H5C42B.css.map */