@charset "UTF-8";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/lucide-static/font/lucide.css */
@font-face {
  font-family: "lucide";
  src: url("./media/lucide-KHWTYDO2.eot?t=1771331962538");
  src:
    url("./media/lucide-KHWTYDO2.eot?t=1771331962538#iefix") format("embedded-opentype"),
    url("./media/lucide-WQOSKEBK.woff2?t=1771331962538") format("woff2"),
    url("./media/lucide-YAQM524X.woff?t=1771331962538") format("woff"),
    url("./media/lucide-OW2MJFJ7.ttf?t=1771331962538") format("truetype"),
    url("./media/lucide-47IOYIV6.svg?t=1771331962538") format("svg");
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "lucide" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-a-arrow-down::before {
  content: "\e585";
}
.icon-a-arrow-up::before {
  content: "\e586";
}
.icon-a-large-small::before {
  content: "\e587";
}
.icon-accessibility::before {
  content: "\e297";
}
.icon-activity::before {
  content: "\e038";
}
.icon-air-vent::before {
  content: "\e34d";
}
.icon-airplay::before {
  content: "\e039";
}
.icon-alarm-clock-check::before {
  content: "\e1ec";
}
.icon-alarm-clock-minus::before {
  content: "\e1ed";
}
.icon-alarm-clock-off::before {
  content: "\e23b";
}
.icon-alarm-clock-plus::before {
  content: "\e1ee";
}
.icon-alarm-clock::before {
  content: "\e03a";
}
.icon-alarm-smoke::before {
  content: "\e57b";
}
.icon-album::before {
  content: "\e03b";
}
.icon-align-center-horizontal::before {
  content: "\e26c";
}
.icon-align-center-vertical::before {
  content: "\e26d";
}
.icon-align-end-horizontal::before {
  content: "\e26e";
}
.icon-align-end-vertical::before {
  content: "\e26f";
}
.icon-align-horizontal-distribute-center::before {
  content: "\e03c";
}
.icon-align-horizontal-distribute-end::before {
  content: "\e03d";
}
.icon-align-horizontal-distribute-start::before {
  content: "\e03e";
}
.icon-align-horizontal-justify-center::before {
  content: "\e272";
}
.icon-align-horizontal-justify-end::before {
  content: "\e273";
}
.icon-align-horizontal-justify-start::before {
  content: "\e274";
}
.icon-align-horizontal-space-around::before {
  content: "\e275";
}
.icon-align-horizontal-space-between::before {
  content: "\e276";
}
.icon-align-start-horizontal::before {
  content: "\e270";
}
.icon-align-start-vertical::before {
  content: "\e271";
}
.icon-align-vertical-distribute-center::before {
  content: "\e27e";
}
.icon-align-vertical-distribute-end::before {
  content: "\e27f";
}
.icon-align-vertical-distribute-start::before {
  content: "\e280";
}
.icon-align-vertical-justify-center::before {
  content: "\e277";
}
.icon-align-vertical-justify-end::before {
  content: "\e278";
}
.icon-align-vertical-justify-start::before {
  content: "\e279";
}
.icon-align-vertical-space-around::before {
  content: "\e27a";
}
.icon-align-vertical-space-between::before {
  content: "\e27b";
}
.icon-ambulance::before {
  content: "\e5bb";
}
.icon-ampersand::before {
  content: "\e49c";
}
.icon-ampersands::before {
  content: "\e49d";
}
.icon-amphora::before {
  content: "\e61b";
}
.icon-anchor::before {
  content: "\e03f";
}
.icon-angry::before {
  content: "\e2fc";
}
.icon-annoyed::before {
  content: "\e2fd";
}
.icon-antenna::before {
  content: "\e4e2";
}
.icon-anvil::before {
  content: "\e580";
}
.icon-aperture::before {
  content: "\e040";
}
.icon-app-window-mac::before {
  content: "\e5d2";
}
.icon-app-window::before {
  content: "\e426";
}
.icon-apple::before {
  content: "\e34e";
}
.icon-archive-restore::before {
  content: "\e2cd";
}
.icon-archive-x::before {
  content: "\e50c";
}
.icon-archive::before {
  content: "\e041";
}
.icon-armchair::before {
  content: "\e2c0";
}
.icon-arrow-big-down-dash::before {
  content: "\e41d";
}
.icon-arrow-big-down::before {
  content: "\e1e1";
}
.icon-arrow-big-left-dash::before {
  content: "\e41e";
}
.icon-arrow-big-left::before {
  content: "\e1e2";
}
.icon-arrow-big-right-dash::before {
  content: "\e41f";
}
.icon-arrow-big-right::before {
  content: "\e1e3";
}
.icon-arrow-big-up-dash::before {
  content: "\e420";
}
.icon-arrow-big-up::before {
  content: "\e1e4";
}
.icon-arrow-down-0-1::before {
  content: "\e413";
}
.icon-arrow-down-1-0::before {
  content: "\e414";
}
.icon-arrow-down-a-z::before {
  content: "\e415";
}
.icon-arrow-down-from-line::before {
  content: "\e454";
}
.icon-arrow-down-left::before {
  content: "\e043";
}
.icon-arrow-down-narrow-wide::before {
  content: "\e044";
}
.icon-arrow-down-right::before {
  content: "\e045";
}
.icon-arrow-down-to-dot::before {
  content: "\e44d";
}
.icon-arrow-down-to-line::before {
  content: "\e455";
}
.icon-arrow-down-up::before {
  content: "\e046";
}
.icon-arrow-down-wide-narrow::before {
  content: "\e047";
}
.icon-arrow-down-z-a::before {
  content: "\e416";
}
.icon-arrow-down::before {
  content: "\e042";
}
.icon-arrow-left-from-line::before {
  content: "\e456";
}
.icon-arrow-left-right::before {
  content: "\e24a";
}
.icon-arrow-left-to-line::before {
  content: "\e457";
}
.icon-arrow-left::before {
  content: "\e048";
}
.icon-arrow-right-from-line::before {
  content: "\e458";
}
.icon-arrow-right-left::before {
  content: "\e417";
}
.icon-arrow-right-to-line::before {
  content: "\e459";
}
.icon-arrow-right::before {
  content: "\e049";
}
.icon-arrow-up-0-1::before {
  content: "\e418";
}
.icon-arrow-up-1-0::before {
  content: "\e419";
}
.icon-arrow-up-a-z::before {
  content: "\e41a";
}
.icon-arrow-up-down::before {
  content: "\e37d";
}
.icon-arrow-up-from-dot::before {
  content: "\e44e";
}
.icon-arrow-up-from-line::before {
  content: "\e45a";
}
.icon-arrow-up-left::before {
  content: "\e04b";
}
.icon-arrow-up-narrow-wide::before {
  content: "\e04c";
}
.icon-arrow-up-right::before {
  content: "\e04d";
}
.icon-arrow-up-to-line::before {
  content: "\e45b";
}
.icon-arrow-up-wide-narrow::before {
  content: "\e41b";
}
.icon-arrow-up-z-a::before {
  content: "\e41c";
}
.icon-arrow-up::before {
  content: "\e04a";
}
.icon-arrows-up-from-line::before {
  content: "\e4d4";
}
.icon-asterisk::before {
  content: "\e1ef";
}
.icon-at-sign::before {
  content: "\e04e";
}
.icon-atom::before {
  content: "\e3d7";
}
.icon-audio-lines::before {
  content: "\e55a";
}
.icon-audio-waveform::before {
  content: "\e55b";
}
.icon-award::before {
  content: "\e04f";
}
.icon-axe::before {
  content: "\e050";
}
.icon-axis-3d::before {
  content: "\e2fe";
}
.icon-baby::before {
  content: "\e2ce";
}
.icon-backpack::before {
  content: "\e2c8";
}
.icon-badge-alert::before {
  content: "\e475";
}
.icon-badge-cent::before {
  content: "\e50f";
}
.icon-badge-check::before {
  content: "\e241";
}
.icon-badge-dollar-sign::before {
  content: "\e476";
}
.icon-badge-euro::before {
  content: "\e510";
}
.icon-badge-indian-rupee::before {
  content: "\e511";
}
.icon-badge-info::before {
  content: "\e477";
}
.icon-badge-japanese-yen::before {
  content: "\e512";
}
.icon-badge-minus::before {
  content: "\e478";
}
.icon-badge-percent::before {
  content: "\e479";
}
.icon-badge-plus::before {
  content: "\e47a";
}
.icon-badge-pound-sterling::before {
  content: "\e513";
}
.icon-badge-question-mark::before {
  content: "\e47b";
}
.icon-badge-russian-ruble::before {
  content: "\e514";
}
.icon-badge-swiss-franc::before {
  content: "\e515";
}
.icon-badge-turkish-lira::before {
  content: "\e67e";
}
.icon-badge-x::before {
  content: "\e47c";
}
.icon-badge::before {
  content: "\e474";
}
.icon-baggage-claim::before {
  content: "\e2c9";
}
.icon-balloon::before {
  content: "\e6af";
}
.icon-ban::before {
  content: "\e051";
}
.icon-banana::before {
  content: "\e34f";
}
.icon-bandage::before {
  content: "\e61d";
}
.icon-banknote-arrow-down::before {
  content: "\e64c";
}
.icon-banknote-arrow-up::before {
  content: "\e64d";
}
.icon-banknote-x::before {
  content: "\e64e";
}
.icon-banknote::before {
  content: "\e052";
}
.icon-barcode::before {
  content: "\e533";
}
.icon-barrel::before {
  content: "\e675";
}
.icon-baseline::before {
  content: "\e285";
}
.icon-bath::before {
  content: "\e2ab";
}
.icon-battery-charging::before {
  content: "\e054";
}
.icon-battery-full::before {
  content: "\e055";
}
.icon-battery-low::before {
  content: "\e056";
}
.icon-battery-medium::before {
  content: "\e057";
}
.icon-battery-plus::before {
  content: "\e63e";
}
.icon-battery-warning::before {
  content: "\e3ac";
}
.icon-battery::before {
  content: "\e053";
}
.icon-beaker::before {
  content: "\e058";
}
.icon-bean-off::before {
  content: "\e390";
}
.icon-bean::before {
  content: "\e38f";
}
.icon-bed-double::before {
  content: "\e2c2";
}
.icon-bed-single::before {
  content: "\e2c3";
}
.icon-bed::before {
  content: "\e2c1";
}
.icon-beef::before {
  content: "\e3a5";
}
.icon-beer-off::before {
  content: "\e5d9";
}
.icon-beer::before {
  content: "\e2cf";
}
.icon-bell-dot::before {
  content: "\e42b";
}
.icon-bell-electric::before {
  content: "\e57c";
}
.icon-bell-minus::before {
  content: "\e1f0";
}
.icon-bell-off::before {
  content: "\e05a";
}
.icon-bell-plus::before {
  content: "\e1f1";
}
.icon-bell-ring::before {
  content: "\e224";
}
.icon-bell::before {
  content: "\e059";
}
.icon-between-horizontal-end::before {
  content: "\e591";
}
.icon-between-horizontal-start::before {
  content: "\e592";
}
.icon-between-vertical-end::before {
  content: "\e593";
}
.icon-between-vertical-start::before {
  content: "\e594";
}
.icon-biceps-flexed::before {
  content: "\e5eb";
}
.icon-bike::before {
  content: "\e1d2";
}
.icon-binary::before {
  content: "\e1f2";
}
.icon-binoculars::before {
  content: "\e621";
}
.icon-biohazard::before {
  content: "\e441";
}
.icon-bird::before {
  content: "\e3c5";
}
.icon-birdhouse::before {
  content: "\e69a";
}
.icon-bitcoin::before {
  content: "\e05b";
}
.icon-blend::before {
  content: "\e59c";
}
.icon-blinds::before {
  content: "\e3c0";
}
.icon-blocks::before {
  content: "\e4fa";
}
.icon-bluetooth-connected::before {
  content: "\e1b8";
}
.icon-bluetooth-off::before {
  content: "\e1b9";
}
.icon-bluetooth-searching::before {
  content: "\e1ba";
}
.icon-bluetooth::before {
  content: "\e05c";
}
.icon-bold::before {
  content: "\e05d";
}
.icon-bolt::before {
  content: "\e58c";
}
.icon-bomb::before {
  content: "\e2ff";
}
.icon-bone::before {
  content: "\e358";
}
.icon-book-a::before {
  content: "\e544";
}
.icon-book-alert::before {
  content: "\e672";
}
.icon-book-audio::before {
  content: "\e545";
}
.icon-book-check::before {
  content: "\e546";
}
.icon-book-copy::before {
  content: "\e3ec";
}
.icon-book-dashed::before {
  content: "\e3ed";
}
.icon-book-down::before {
  content: "\e3ee";
}
.icon-book-headphones::before {
  content: "\e547";
}
.icon-book-heart::before {
  content: "\e548";
}
.icon-book-image::before {
  content: "\e549";
}
.icon-book-key::before {
  content: "\e3ef";
}
.icon-book-lock::before {
  content: "\e3f0";
}
.icon-book-marked::before {
  content: "\e3f1";
}
.icon-book-minus::before {
  content: "\e3f2";
}
.icon-book-open-check::before {
  content: "\e381";
}
.icon-book-open-text::before {
  content: "\e54a";
}
.icon-book-open::before {
  content: "\e05f";
}
.icon-book-plus::before {
  content: "\e3f3";
}
.icon-book-search::before {
  content: "\e6ab";
}
.icon-book-text::before {
  content: "\e54b";
}
.icon-book-type::before {
  content: "\e54c";
}
.icon-book-up-2::before {
  content: "\e4a6";
}
.icon-book-up::before {
  content: "\e3f4";
}
.icon-book-user::before {
  content: "\e54d";
}
.icon-book-x::before {
  content: "\e3f5";
}
.icon-book::before {
  content: "\e05e";
}
.icon-bookmark-check::before {
  content: "\e51f";
}
.icon-bookmark-minus::before {
  content: "\e23c";
}
.icon-bookmark-plus::before {
  content: "\e23d";
}
.icon-bookmark-x::before {
  content: "\e520";
}
.icon-bookmark::before {
  content: "\e060";
}
.icon-boom-box::before {
  content: "\e4ee";
}
.icon-bot-message-square::before {
  content: "\e5ce";
}
.icon-bot-off::before {
  content: "\e5e0";
}
.icon-bot::before {
  content: "\e1bb";
}
.icon-bottle-wine::before {
  content: "\e67b";
}
.icon-bow-arrow::before {
  content: "\e65e";
}
.icon-box::before {
  content: "\e061";
}
.icon-boxes::before {
  content: "\e2d0";
}
.icon-braces::before {
  content: "\e36a";
}
.icon-brackets::before {
  content: "\e443";
}
.icon-brain-circuit::before {
  content: "\e3c7";
}
.icon-brain-cog::before {
  content: "\e3c8";
}
.icon-brain::before {
  content: "\e3c6";
}
.icon-brick-wall-fire::before {
  content: "\e653";
}
.icon-brick-wall-shield::before {
  content: "\e690";
}
.icon-brick-wall::before {
  content: "\e581";
}
.icon-briefcase-business::before {
  content: "\e5d5";
}
.icon-briefcase-conveyor-belt::before {
  content: "\e62b";
}
.icon-briefcase-medical::before {
  content: "\e5d6";
}
.icon-briefcase::before {
  content: "\e062";
}
.icon-bring-to-front::before {
  content: "\e4ef";
}
.icon-brush-cleaning::before {
  content: "\e666";
}
.icon-brush::before {
  content: "\e1d3";
}
.icon-bubbles::before {
  content: "\e654";
}
.icon-bug-off::before {
  content: "\e50d";
}
.icon-bug-play::before {
  content: "\e50e";
}
.icon-bug::before {
  content: "\e20c";
}
.icon-building-2::before {
  content: "\e290";
}
.icon-building::before {
  content: "\e1cc";
}
.icon-bus-front::before {
  content: "\e4fb";
}
.icon-bus::before {
  content: "\e1d4";
}
.icon-cable-car::before {
  content: "\e4fc";
}
.icon-cable::before {
  content: "\e4e3";
}
.icon-cake-slice::before {
  content: "\e4b9";
}
.icon-cake::before {
  content: "\e344";
}
.icon-calculator::before {
  content: "\e1bc";
}
.icon-calendar-1::before {
  content: "\e630";
}
.icon-calendar-arrow-down::before {
  content: "\e5fe";
}
.icon-calendar-arrow-up::before {
  content: "\e5ff";
}
.icon-calendar-check-2::before {
  content: "\e2b8";
}
.icon-calendar-check::before {
  content: "\e2b7";
}
.icon-calendar-clock::before {
  content: "\e304";
}
.icon-calendar-cog::before {
  content: "\e5ed";
}
.icon-calendar-days::before {
  content: "\e2b9";
}
.icon-calendar-fold::before {
  content: "\e5b4";
}
.icon-calendar-heart::before {
  content: "\e305";
}
.icon-calendar-minus-2::before {
  content: "\e5b5";
}
.icon-calendar-minus::before {
  content: "\e2ba";
}
.icon-calendar-off::before {
  content: "\e2bb";
}
.icon-calendar-plus-2::before {
  content: "\e5b6";
}
.icon-calendar-plus::before {
  content: "\e2bc";
}
.icon-calendar-range::before {
  content: "\e2bd";
}
.icon-calendar-search::before {
  content: "\e306";
}
.icon-calendar-sync::before {
  content: "\e636";
}
.icon-calendar-x-2::before {
  content: "\e2bf";
}
.icon-calendar-x::before {
  content: "\e2be";
}
.icon-calendar::before {
  content: "\e063";
}
.icon-calendars::before {
  content: "\e6a7";
}
.icon-camera-off::before {
  content: "\e065";
}
.icon-camera::before {
  content: "\e064";
}
.icon-candy-cane::before {
  content: "\e4ba";
}
.icon-candy-off::before {
  content: "\e392";
}
.icon-candy::before {
  content: "\e391";
}
.icon-cannabis-off::before {
  content: "\e6b7";
}
.icon-cannabis::before {
  content: "\e5d4";
}
.icon-captions-off::before {
  content: "\e5c1";
}
.icon-captions::before {
  content: "\e3a4";
}
.icon-car-front::before {
  content: "\e4fd";
}
.icon-car-taxi-front::before {
  content: "\e4fe";
}
.icon-car::before {
  content: "\e1d5";
}
.icon-caravan::before {
  content: "\e539";
}
.icon-card-sim::before {
  content: "\e671";
}
.icon-carrot::before {
  content: "\e25a";
}
.icon-case-lower::before {
  content: "\e3d8";
}
.icon-case-sensitive::before {
  content: "\e3d9";
}
.icon-case-upper::before {
  content: "\e3da";
}
.icon-cassette-tape::before {
  content: "\e4ca";
}
.icon-cast::before {
  content: "\e066";
}
.icon-castle::before {
  content: "\e3e0";
}
.icon-cat::before {
  content: "\e38c";
}
.icon-cctv::before {
  content: "\e57d";
}
.icon-chart-area::before {
  content: "\e4d3";
}
.icon-chart-bar-big::before {
  content: "\e4a7";
}
.icon-chart-bar-decreasing::before {
  content: "\e607";
}
.icon-chart-bar-increasing::before {
  content: "\e608";
}
.icon-chart-bar-stacked::before {
  content: "\e609";
}
.icon-chart-bar::before {
  content: "\e2a2";
}
.icon-chart-candlestick::before {
  content: "\e4a8";
}
.icon-chart-column-big::before {
  content: "\e4a9";
}
.icon-chart-column-decreasing::before {
  content: "\e067";
}
.icon-chart-column-increasing::before {
  content: "\e2a4";
}
.icon-chart-column-stacked::before {
  content: "\e60a";
}
.icon-chart-column::before {
  content: "\e2a3";
}
.icon-chart-gantt::before {
  content: "\e624";
}
.icon-chart-line::before {
  content: "\e2a5";
}
.icon-chart-network::before {
  content: "\e60b";
}
.icon-chart-no-axes-column-decreasing::before {
  content: "\e069";
}
.icon-chart-no-axes-column-increasing::before {
  content: "\e06a";
}
.icon-chart-no-axes-column::before {
  content: "\e068";
}
.icon-chart-no-axes-combined::before {
  content: "\e60c";
}
.icon-chart-no-axes-gantt::before {
  content: "\e4c4";
}
.icon-chart-pie::before {
  content: "\e06b";
}
.icon-chart-scatter::before {
  content: "\e48a";
}
.icon-chart-spline::before {
  content: "\e60d";
}
.icon-check-check::before {
  content: "\e38e";
}
.icon-check-line::before {
  content: "\e66b";
}
.icon-check::before {
  content: "\e06c";
}
.icon-chef-hat::before {
  content: "\e2ac";
}
.icon-cherry::before {
  content: "\e350";
}
.icon-chess-bishop::before {
  content: "\e6a0";
}
.icon-chess-king::before {
  content: "\e6a1";
}
.icon-chess-knight::before {
  content: "\e6a2";
}
.icon-chess-pawn::before {
  content: "\e6a3";
}
.icon-chess-queen::before {
  content: "\e6a4";
}
.icon-chess-rook::before {
  content: "\e6a5";
}
.icon-chevron-down::before {
  content: "\e06d";
}
.icon-chevron-first::before {
  content: "\e243";
}
.icon-chevron-last::before {
  content: "\e244";
}
.icon-chevron-left::before {
  content: "\e06e";
}
.icon-chevron-right::before {
  content: "\e06f";
}
.icon-chevron-up::before {
  content: "\e070";
}
.icon-chevrons-down-up::before {
  content: "\e228";
}
.icon-chevrons-down::before {
  content: "\e071";
}
.icon-chevrons-left-right-ellipsis::before {
  content: "\e61f";
}
.icon-chevrons-left-right::before {
  content: "\e293";
}
.icon-chevrons-left::before {
  content: "\e072";
}
.icon-chevrons-right-left::before {
  content: "\e294";
}
.icon-chevrons-right::before {
  content: "\e073";
}
.icon-chevrons-up-down::before {
  content: "\e211";
}
.icon-chevrons-up::before {
  content: "\e074";
}
.icon-chromium::before {
  content: "\e075";
}
.icon-church::before {
  content: "\e3e1";
}
.icon-cigarette-off::before {
  content: "\e2c7";
}
.icon-cigarette::before {
  content: "\e2c6";
}
.icon-circle-alert::before {
  content: "\e077";
}
.icon-circle-arrow-down::before {
  content: "\e078";
}
.icon-circle-arrow-left::before {
  content: "\e079";
}
.icon-circle-arrow-out-down-left::before {
  content: "\e3f7";
}
.icon-circle-arrow-out-down-right::before {
  content: "\e3f8";
}
.icon-circle-arrow-out-up-left::before {
  content: "\e3f9";
}
.icon-circle-arrow-out-up-right::before {
  content: "\e3fa";
}
.icon-circle-arrow-right::before {
  content: "\e07a";
}
.icon-circle-arrow-up::before {
  content: "\e07b";
}
.icon-circle-check-big::before {
  content: "\e07c";
}
.icon-circle-check::before {
  content: "\e226";
}
.icon-circle-chevron-down::before {
  content: "\e4dd";
}
.icon-circle-chevron-left::before {
  content: "\e4de";
}
.icon-circle-chevron-right::before {
  content: "\e4df";
}
.icon-circle-chevron-up::before {
  content: "\e4e0";
}
.icon-circle-dashed::before {
  content: "\e4b0";
}
.icon-circle-divide::before {
  content: "\e07d";
}
.icon-circle-dollar-sign::before {
  content: "\e47d";
}
.icon-circle-dot-dashed::before {
  content: "\e4b1";
}
.icon-circle-dot::before {
  content: "\e345";
}
.icon-circle-ellipsis::before {
  content: "\e346";
}
.icon-circle-equal::before {
  content: "\e400";
}
.icon-circle-fading-arrow-up::before {
  content: "\e618";
}
.icon-circle-fading-plus::before {
  content: "\e5bc";
}
.icon-circle-gauge::before {
  content: "\e4e1";
}
.icon-circle-minus::before {
  content: "\e07e";
}
.icon-circle-off::before {
  content: "\e401";
}
.icon-circle-parking-off::before {
  content: "\e3ca";
}
.icon-circle-parking::before {
  content: "\e3c9";
}
.icon-circle-pause::before {
  content: "\e07f";
}
.icon-circle-percent::before {
  content: "\e51a";
}
.icon-circle-pile::before {
  content: "\e6b0";
}
.icon-circle-play::before {
  content: "\e080";
}
.icon-circle-plus::before {
  content: "\e081";
}
.icon-circle-pound-sterling::before {
  content: "\e66d";
}
.icon-circle-power::before {
  content: "\e550";
}
.icon-circle-question-mark::before {
  content: "\e082";
}
.icon-circle-slash-2::before {
  content: "\e213";
}
.icon-circle-slash::before {
  content: "\e402";
}
.icon-circle-small::before {
  content: "\e640";
}
.icon-circle-star::before {
  content: "\e68d";
}
.icon-circle-stop::before {
  content: "\e083";
}
.icon-circle-user-round::before {
  content: "\e462";
}
.icon-circle-user::before {
  content: "\e461";
}
.icon-circle-x::before {
  content: "\e084";
}
.icon-circle::before {
  content: "\e076";
}
.icon-circuit-board::before {
  content: "\e403";
}
.icon-citrus::before {
  content: "\e375";
}
.icon-clapperboard::before {
  content: "\e29b";
}
.icon-clipboard-check::before {
  content: "\e219";
}
.icon-clipboard-clock::before {
  content: "\e688";
}
.icon-clipboard-copy::before {
  content: "\e225";
}
.icon-clipboard-list::before {
  content: "\e086";
}
.icon-clipboard-minus::before {
  content: "\e5be";
}
.icon-clipboard-paste::before {
  content: "\e3e8";
}
.icon-clipboard-pen-line::before {
  content: "\e308";
}
.icon-clipboard-pen::before {
  content: "\e307";
}
.icon-clipboard-plus::before {
  content: "\e5bf";
}
.icon-clipboard-type::before {
  content: "\e309";
}
.icon-clipboard-x::before {
  content: "\e222";
}
.icon-clipboard::before {
  content: "\e085";
}
.icon-clock-1::before {
  content: "\e24b";
}
.icon-clock-10::before {
  content: "\e24c";
}
.icon-clock-11::before {
  content: "\e24d";
}
.icon-clock-12::before {
  content: "\e24e";
}
.icon-clock-2::before {
  content: "\e24f";
}
.icon-clock-3::before {
  content: "\e250";
}
.icon-clock-4::before {
  content: "\e251";
}
.icon-clock-5::before {
  content: "\e252";
}
.icon-clock-6::before {
  content: "\e253";
}
.icon-clock-7::before {
  content: "\e254";
}
.icon-clock-8::before {
  content: "\e255";
}
.icon-clock-9::before {
  content: "\e256";
}
.icon-clock-alert::before {
  content: "\e62a";
}
.icon-clock-arrow-down::before {
  content: "\e600";
}
.icon-clock-arrow-up::before {
  content: "\e601";
}
.icon-clock-check::before {
  content: "\e69e";
}
.icon-clock-fading::before {
  content: "\e64a";
}
.icon-clock-plus::before {
  content: "\e667";
}
.icon-clock::before {
  content: "\e087";
}
.icon-closed-caption::before {
  content: "\e68a";
}
.icon-cloud-alert::before {
  content: "\e633";
}
.icon-cloud-backup::before {
  content: "\e6b1";
}
.icon-cloud-check::before {
  content: "\e66e";
}
.icon-cloud-cog::before {
  content: "\e30a";
}
.icon-cloud-download::before {
  content: "\e089";
}
.icon-cloud-drizzle::before {
  content: "\e08a";
}
.icon-cloud-fog::before {
  content: "\e214";
}
.icon-cloud-hail::before {
  content: "\e08b";
}
.icon-cloud-lightning::before {
  content: "\e08c";
}
.icon-cloud-moon-rain::before {
  content: "\e2fa";
}
.icon-cloud-moon::before {
  content: "\e215";
}
.icon-cloud-off::before {
  content: "\e08d";
}
.icon-cloud-rain-wind::before {
  content: "\e08f";
}
.icon-cloud-rain::before {
  content: "\e08e";
}
.icon-cloud-snow::before {
  content: "\e090";
}
.icon-cloud-sun-rain::before {
  content: "\e2fb";
}
.icon-cloud-sun::before {
  content: "\e216";
}
.icon-cloud-sync::before {
  content: "\e6b2";
}
.icon-cloud-upload::before {
  content: "\e091";
}
.icon-cloud::before {
  content: "\e088";
}
.icon-cloudy::before {
  content: "\e217";
}
.icon-clover::before {
  content: "\e092";
}
.icon-club::before {
  content: "\e496";
}
.icon-code-xml::before {
  content: "\e206";
}
.icon-code::before {
  content: "\e093";
}
.icon-codepen::before {
  content: "\e094";
}
.icon-codesandbox::before {
  content: "\e095";
}
.icon-coffee::before {
  content: "\e096";
}
.icon-cog::before {
  content: "\e30b";
}
.icon-coins::before {
  content: "\e097";
}
.icon-columns-2::before {
  content: "\e098";
}
.icon-columns-3-cog::before {
  content: "\e661";
}
.icon-columns-3::before {
  content: "\e099";
}
.icon-columns-4::before {
  content: "\e589";
}
.icon-combine::before {
  content: "\e44c";
}
.icon-command::before {
  content: "\e09a";
}
.icon-compass::before {
  content: "\e09b";
}
.icon-component::before {
  content: "\e2ad";
}
.icon-computer::before {
  content: "\e4e4";
}
.icon-concierge-bell::before {
  content: "\e378";
}
.icon-cone::before {
  content: "\e523";
}
.icon-construction::before {
  content: "\e3b4";
}
.icon-contact-round::before {
  content: "\e463";
}
.icon-contact::before {
  content: "\e09c";
}
.icon-container::before {
  content: "\e4d5";
}
.icon-contrast::before {
  content: "\e09d";
}
.icon-cookie::before {
  content: "\e26b";
}
.icon-cooking-pot::before {
  content: "\e584";
}
.icon-copy-check::before {
  content: "\e3fb";
}
.icon-copy-minus::before {
  content: "\e3fc";
}
.icon-copy-plus::before {
  content: "\e3fd";
}
.icon-copy-slash::before {
  content: "\e3fe";
}
.icon-copy-x::before {
  content: "\e3ff";
}
.icon-copy::before {
  content: "\e09e";
}
.icon-copyleft::before {
  content: "\e09f";
}
.icon-copyright::before {
  content: "\e0a0";
}
.icon-corner-down-left::before {
  content: "\e0a1";
}
.icon-corner-down-right::before {
  content: "\e0a2";
}
.icon-corner-left-down::before {
  content: "\e0a3";
}
.icon-corner-left-up::before {
  content: "\e0a4";
}
.icon-corner-right-down::before {
  content: "\e0a5";
}
.icon-corner-right-up::before {
  content: "\e0a6";
}
.icon-corner-up-left::before {
  content: "\e0a7";
}
.icon-corner-up-right::before {
  content: "\e0a8";
}
.icon-cpu::before {
  content: "\e0a9";
}
.icon-creative-commons::before {
  content: "\e3b2";
}
.icon-credit-card::before {
  content: "\e0aa";
}
.icon-croissant::before {
  content: "\e2ae";
}
.icon-crop::before {
  content: "\e0ab";
}
.icon-cross::before {
  content: "\e1e5";
}
.icon-crosshair::before {
  content: "\e0ac";
}
.icon-crown::before {
  content: "\e1d6";
}
.icon-cuboid::before {
  content: "\e524";
}
.icon-cup-soda::before {
  content: "\e2d1";
}
.icon-currency::before {
  content: "\e230";
}
.icon-cylinder::before {
  content: "\e525";
}
.icon-dam::before {
  content: "\e606";
}
.icon-database-backup::before {
  content: "\e3ab";
}
.icon-database-search::before {
  content: "\e6bc";
}
.icon-database-zap::before {
  content: "\e50b";
}
.icon-database::before {
  content: "\e0ad";
}
.icon-decimals-arrow-left::before {
  content: "\e65c";
}
.icon-decimals-arrow-right::before {
  content: "\e65d";
}
.icon-delete::before {
  content: "\e0ae";
}
.icon-dessert::before {
  content: "\e4bb";
}
.icon-diameter::before {
  content: "\e526";
}
.icon-diamond-minus::before {
  content: "\e5e1";
}
.icon-diamond-percent::before {
  content: "\e51b";
}
.icon-diamond-plus::before {
  content: "\e5e2";
}
.icon-diamond::before {
  content: "\e2d2";
}
.icon-dice-1::before {
  content: "\e287";
}
.icon-dice-2::before {
  content: "\e288";
}
.icon-dice-3::before {
  content: "\e289";
}
.icon-dice-4::before {
  content: "\e28a";
}
.icon-dice-5::before {
  content: "\e28b";
}
.icon-dice-6::before {
  content: "\e28c";
}
.icon-dices::before {
  content: "\e2c5";
}
.icon-diff::before {
  content: "\e30c";
}
.icon-disc-2::before {
  content: "\e3f6";
}
.icon-disc-3::before {
  content: "\e494";
}
.icon-disc-album::before {
  content: "\e55c";
}
.icon-disc::before {
  content: "\e0af";
}
.icon-divide::before {
  content: "\e0b0";
}
.icon-dna-off::before {
  content: "\e394";
}
.icon-dna::before {
  content: "\e393";
}
.icon-dock::before {
  content: "\e5d3";
}
.icon-dog::before {
  content: "\e38d";
}
.icon-dollar-sign::before {
  content: "\e0b1";
}
.icon-donut::before {
  content: "\e4bc";
}
.icon-door-closed-locked::before {
  content: "\e664";
}
.icon-door-closed::before {
  content: "\e3d5";
}
.icon-door-open::before {
  content: "\e3d6";
}
.icon-dot::before {
  content: "\e44f";
}
.icon-download::before {
  content: "\e0b2";
}
.icon-drafting-compass::before {
  content: "\e527";
}
.icon-drama::before {
  content: "\e521";
}
.icon-dribbble::before {
  content: "\e0b3";
}
.icon-drill::before {
  content: "\e58d";
}
.icon-drone::before {
  content: "\e676";
}
.icon-droplet-off::before {
  content: "\e638";
}
.icon-droplet::before {
  content: "\e0b4";
}
.icon-droplets::before {
  content: "\e0b5";
}
.icon-drum::before {
  content: "\e55d";
}
.icon-drumstick::before {
  content: "\e25b";
}
.icon-dumbbell::before {
  content: "\e3a1";
}
.icon-ear-off::before {
  content: "\e383";
}
.icon-ear::before {
  content: "\e382";
}
.icon-earth-lock::before {
  content: "\e5cc";
}
.icon-earth::before {
  content: "\e1f3";
}
.icon-eclipse::before {
  content: "\e59d";
}
.icon-egg-fried::before {
  content: "\e351";
}
.icon-egg-off::before {
  content: "\e395";
}
.icon-egg::before {
  content: "\e25d";
}
.icon-ellipsis-vertical::before {
  content: "\e0b7";
}
.icon-ellipsis::before {
  content: "\e0b6";
}
.icon-equal-approximately::before {
  content: "\e634";
}
.icon-equal-not::before {
  content: "\e1be";
}
.icon-equal::before {
  content: "\e1bd";
}
.icon-eraser::before {
  content: "\e28f";
}
.icon-ethernet-port::before {
  content: "\e620";
}
.icon-euro::before {
  content: "\e0b8";
}
.icon-ev-charger::before {
  content: "\e697";
}
.icon-expand::before {
  content: "\e21a";
}
.icon-external-link::before {
  content: "\e0b9";
}
.icon-eye-closed::before {
  content: "\e62e";
}
.icon-eye-off::before {
  content: "\e0bb";
}
.icon-eye::before {
  content: "\e0ba";
}
.icon-facebook::before {
  content: "\e0bc";
}
.icon-factory::before {
  content: "\e29f";
}
.icon-fan::before {
  content: "\e379";
}
.icon-fast-forward::before {
  content: "\e0bd";
}
.icon-feather::before {
  content: "\e0be";
}
.icon-fence::before {
  content: "\e582";
}
.icon-ferris-wheel::before {
  content: "\e47f";
}
.icon-figma::before {
  content: "\e0bf";
}
.icon-file-archive::before {
  content: "\e30d";
}
.icon-file-axis-3d::before {
  content: "\e30e";
}
.icon-file-badge::before {
  content: "\e30f";
}
.icon-file-box::before {
  content: "\e310";
}
.icon-file-braces-corner::before {
  content: "\e36c";
}
.icon-file-braces::before {
  content: "\e36b";
}
.icon-file-chart-column-increasing::before {
  content: "\e312";
}
.icon-file-chart-column::before {
  content: "\e311";
}
.icon-file-chart-line::before {
  content: "\e313";
}
.icon-file-chart-pie::before {
  content: "\e314";
}
.icon-file-check-corner::before {
  content: "\e0c2";
}
.icon-file-check::before {
  content: "\e0c1";
}
.icon-file-clock::before {
  content: "\e315";
}
.icon-file-code-corner::before {
  content: "\e45e";
}
.icon-file-code::before {
  content: "\e0c3";
}
.icon-file-cog::before {
  content: "\e316";
}
.icon-file-diff::before {
  content: "\e317";
}
.icon-file-digit::before {
  content: "\e0c4";
}
.icon-file-down::before {
  content: "\e318";
}
.icon-file-exclamation-point::before {
  content: "\e319";
}
.icon-file-headphone::before {
  content: "\e31a";
}
.icon-file-heart::before {
  content: "\e31b";
}
.icon-file-image::before {
  content: "\e31c";
}
.icon-file-input::before {
  content: "\e0c5";
}
.icon-file-key::before {
  content: "\e31d";
}
.icon-file-lock::before {
  content: "\e31e";
}
.icon-file-minus-corner::before {
  content: "\e0c7";
}
.icon-file-minus::before {
  content: "\e0c6";
}
.icon-file-music::before {
  content: "\e55e";
}
.icon-file-output::before {
  content: "\e0c8";
}
.icon-file-pen-line::before {
  content: "\e320";
}
.icon-file-pen::before {
  content: "\e31f";
}
.icon-file-play::before {
  content: "\e321";
}
.icon-file-plus-corner::before {
  content: "\e0ca";
}
.icon-file-plus::before {
  content: "\e0c9";
}
.icon-file-question-mark::before {
  content: "\e322";
}
.icon-file-scan::before {
  content: "\e323";
}
.icon-file-search-corner::before {
  content: "\e324";
}
.icon-file-search::before {
  content: "\e0cb";
}
.icon-file-signal::before {
  content: "\e325";
}
.icon-file-sliders::before {
  content: "\e5a0";
}
.icon-file-spreadsheet::before {
  content: "\e326";
}
.icon-file-stack::before {
  content: "\e4a1";
}
.icon-file-symlink::before {
  content: "\e327";
}
.icon-file-terminal::before {
  content: "\e328";
}
.icon-file-text::before {
  content: "\e0cc";
}
.icon-file-type-corner::before {
  content: "\e36d";
}
.icon-file-type::before {
  content: "\e329";
}
.icon-file-up::before {
  content: "\e32a";
}
.icon-file-user::before {
  content: "\e62d";
}
.icon-file-video-camera::before {
  content: "\e32b";
}
.icon-file-volume::before {
  content: "\e32c";
}
.icon-file-x-corner::before {
  content: "\e0ce";
}
.icon-file-x::before {
  content: "\e0cd";
}
.icon-file::before {
  content: "\e0c0";
}
.icon-files::before {
  content: "\e0cf";
}
.icon-film::before {
  content: "\e0d0";
}
.icon-fingerprint-pattern::before {
  content: "\e2cb";
}
.icon-fire-extinguisher::before {
  content: "\e57e";
}
.icon-fish-off::before {
  content: "\e3b0";
}
.icon-fish-symbol::before {
  content: "\e4f4";
}
.icon-fish::before {
  content: "\e3a6";
}
.icon-fishing-hook::before {
  content: "\e6b6";
}
.icon-flag-off::before {
  content: "\e292";
}
.icon-flag-triangle-left::before {
  content: "\e237";
}
.icon-flag-triangle-right::before {
  content: "\e238";
}
.icon-flag::before {
  content: "\e0d1";
}
.icon-flame-kindling::before {
  content: "\e53a";
}
.icon-flame::before {
  content: "\e0d2";
}
.icon-flashlight-off::before {
  content: "\e0d4";
}
.icon-flashlight::before {
  content: "\e0d3";
}
.icon-flask-conical-off::before {
  content: "\e396";
}
.icon-flask-conical::before {
  content: "\e0d5";
}
.icon-flask-round::before {
  content: "\e0d6";
}
.icon-flip-horizontal-2::before {
  content: "\e35e";
}
.icon-flip-horizontal::before {
  content: "\e35d";
}
.icon-flip-vertical-2::before {
  content: "\e360";
}
.icon-flip-vertical::before {
  content: "\e35f";
}
.icon-flower-2::before {
  content: "\e2d4";
}
.icon-flower::before {
  content: "\e2d3";
}
.icon-focus::before {
  content: "\e29e";
}
.icon-fold-horizontal::before {
  content: "\e43b";
}
.icon-fold-vertical::before {
  content: "\e43c";
}
.icon-folder-archive::before {
  content: "\e32d";
}
.icon-folder-check::before {
  content: "\e32e";
}
.icon-folder-clock::before {
  content: "\e32f";
}
.icon-folder-closed::before {
  content: "\e330";
}
.icon-folder-code::before {
  content: "\e5fb";
}
.icon-folder-cog::before {
  content: "\e331";
}
.icon-folder-dot::before {
  content: "\e4c5";
}
.icon-folder-down::before {
  content: "\e332";
}
.icon-folder-git-2::before {
  content: "\e40a";
}
.icon-folder-git::before {
  content: "\e409";
}
.icon-folder-heart::before {
  content: "\e333";
}
.icon-folder-input::before {
  content: "\e334";
}
.icon-folder-kanban::before {
  content: "\e4c6";
}
.icon-folder-key::before {
  content: "\e335";
}
.icon-folder-lock::before {
  content: "\e336";
}
.icon-folder-minus::before {
  content: "\e0d8";
}
.icon-folder-open-dot::before {
  content: "\e4c7";
}
.icon-folder-open::before {
  content: "\e247";
}
.icon-folder-output::before {
  content: "\e337";
}
.icon-folder-pen::before {
  content: "\e338";
}
.icon-folder-plus::before {
  content: "\e0d9";
}
.icon-folder-root::before {
  content: "\e4c8";
}
.icon-folder-search-2::before {
  content: "\e33a";
}
.icon-folder-search::before {
  content: "\e339";
}
.icon-folder-symlink::before {
  content: "\e33b";
}
.icon-folder-sync::before {
  content: "\e4c9";
}
.icon-folder-tree::before {
  content: "\e33c";
}
.icon-folder-up::before {
  content: "\e33d";
}
.icon-folder-x::before {
  content: "\e33e";
}
.icon-folder::before {
  content: "\e0d7";
}
.icon-folders::before {
  content: "\e33f";
}
.icon-footprints::before {
  content: "\e3b9";
}
.icon-forklift::before {
  content: "\e3c1";
}
.icon-form::before {
  content: "\e6a8";
}
.icon-forward::before {
  content: "\e229";
}
.icon-frame::before {
  content: "\e291";
}
.icon-framer::before {
  content: "\e0da";
}
.icon-frown::before {
  content: "\e0db";
}
.icon-fuel::before {
  content: "\e2af";
}
.icon-fullscreen::before {
  content: "\e534";
}
.icon-funnel-plus::before {
  content: "\e0dd";
}
.icon-funnel-x::before {
  content: "\e3b5";
}
.icon-funnel::before {
  content: "\e0dc";
}
.icon-gallery-horizontal-end::before {
  content: "\e4cf";
}
.icon-gallery-horizontal::before {
  content: "\e4ce";
}
.icon-gallery-thumbnails::before {
  content: "\e4d0";
}
.icon-gallery-vertical-end::before {
  content: "\e4d2";
}
.icon-gallery-vertical::before {
  content: "\e4d1";
}
.icon-gamepad-2::before {
  content: "\e0df";
}
.icon-gamepad-directional::before {
  content: "\e69b";
}
.icon-gamepad::before {
  content: "\e0de";
}
.icon-gauge::before {
  content: "\e1bf";
}
.icon-gavel::before {
  content: "\e0e0";
}
.icon-gem::before {
  content: "\e242";
}
.icon-georgian-lari::before {
  content: "\e678";
}
.icon-ghost::before {
  content: "\e20e";
}
.icon-gift::before {
  content: "\e0e1";
}
.icon-git-branch-minus::before {
  content: "\e69c";
}
.icon-git-branch-plus::before {
  content: "\e1f4";
}
.icon-git-branch::before {
  content: "\e0e2";
}
.icon-git-commit-horizontal::before {
  content: "\e0e3";
}
.icon-git-commit-vertical::before {
  content: "\e552";
}
.icon-git-compare-arrows::before {
  content: "\e553";
}
.icon-git-compare::before {
  content: "\e359";
}
.icon-git-fork::before {
  content: "\e28d";
}
.icon-git-graph::before {
  content: "\e554";
}
.icon-git-merge-conflict::before {
  content: "\e6c3";
}
.icon-git-merge::before {
  content: "\e0e4";
}
.icon-git-pull-request-arrow::before {
  content: "\e555";
}
.icon-git-pull-request-closed::before {
  content: "\e35a";
}
.icon-git-pull-request-create-arrow::before {
  content: "\e557";
}
.icon-git-pull-request-create::before {
  content: "\e556";
}
.icon-git-pull-request-draft::before {
  content: "\e35b";
}
.icon-git-pull-request::before {
  content: "\e0e5";
}
.icon-github::before {
  content: "\e0e6";
}
.icon-gitlab::before {
  content: "\e0e7";
}
.icon-glass-water::before {
  content: "\e2d5";
}
.icon-glasses::before {
  content: "\e20d";
}
.icon-globe-lock::before {
  content: "\e5cd";
}
.icon-globe-off::before {
  content: "\e6c1";
}
.icon-globe-x::before {
  content: "\e6ba";
}
.icon-globe::before {
  content: "\e0e8";
}
.icon-goal::before {
  content: "\e4a5";
}
.icon-gpu::before {
  content: "\e66a";
}
.icon-graduation-cap::before {
  content: "\e234";
}
.icon-grape::before {
  content: "\e352";
}
.icon-grid-2x2-check::before {
  content: "\e5e4";
}
.icon-grid-2x2-plus::before {
  content: "\e628";
}
.icon-grid-2x2-x::before {
  content: "\e5e5";
}
.icon-grid-2x2::before {
  content: "\e4ff";
}
.icon-grid-3x2::before {
  content: "\e66f";
}
.icon-grid-3x3::before {
  content: "\e0e9";
}
.icon-grip-horizontal::before {
  content: "\e0ea";
}
.icon-grip-vertical::before {
  content: "\e0eb";
}
.icon-grip::before {
  content: "\e3b1";
}
.icon-group::before {
  content: "\e464";
}
.icon-guitar::before {
  content: "\e55f";
}
.icon-ham::before {
  content: "\e5d7";
}
.icon-hamburger::before {
  content: "\e665";
}
.icon-hammer::before {
  content: "\e0ec";
}
.icon-hand-coins::before {
  content: "\e5b8";
}
.icon-hand-fist::before {
  content: "\e68b";
}
.icon-hand-grab::before {
  content: "\e1e6";
}
.icon-hand-heart::before {
  content: "\e5b9";
}
.icon-hand-helping::before {
  content: "\e3b8";
}
.icon-hand-metal::before {
  content: "\e22c";
}
.icon-hand-platter::before {
  content: "\e5ba";
}
.icon-hand::before {
  content: "\e1d7";
}
.icon-handbag::before {
  content: "\e689";
}
.icon-handshake::before {
  content: "\e5c0";
}
.icon-hard-drive-download::before {
  content: "\e4e5";
}
.icon-hard-drive-upload::before {
  content: "\e4e6";
}
.icon-hard-drive::before {
  content: "\e0ed";
}
.icon-hard-hat::before {
  content: "\e0ee";
}
.icon-hash::before {
  content: "\e0ef";
}
.icon-hat-glasses::before {
  content: "\e683";
}
.icon-haze::before {
  content: "\e0f0";
}
.icon-hd::before {
  content: "\e6b5";
}
.icon-hdmi-port::before {
  content: "\e4e7";
}
.icon-heading-1::before {
  content: "\e385";
}
.icon-heading-2::before {
  content: "\e386";
}
.icon-heading-3::before {
  content: "\e387";
}
.icon-heading-4::before {
  content: "\e388";
}
.icon-heading-5::before {
  content: "\e389";
}
.icon-heading-6::before {
  content: "\e38a";
}
.icon-heading::before {
  content: "\e384";
}
.icon-headphone-off::before {
  content: "\e629";
}
.icon-headphones::before {
  content: "\e0f1";
}
.icon-headset::before {
  content: "\e5bd";
}
.icon-heart-crack::before {
  content: "\e2d6";
}
.icon-heart-handshake::before {
  content: "\e2d7";
}
.icon-heart-minus::before {
  content: "\e651";
}
.icon-heart-off::before {
  content: "\e295";
}
.icon-heart-plus::before {
  content: "\e652";
}
.icon-heart-pulse::before {
  content: "\e36e";
}
.icon-heart::before {
  content: "\e0f2";
}
.icon-heater::before {
  content: "\e58e";
}
.icon-helicopter::before {
  content: "\e69d";
}
.icon-hexagon::before {
  content: "\e0f3";
}
.icon-highlighter::before {
  content: "\e0f4";
}
.icon-history::before {
  content: "\e1f5";
}
.icon-hop-off::before {
  content: "\e398";
}
.icon-hop::before {
  content: "\e397";
}
.icon-hospital::before {
  content: "\e5d8";
}
.icon-hotel::before {
  content: "\e3e2";
}
.icon-hourglass::before {
  content: "\e296";
}
.icon-house-heart::before {
  content: "\e695";
}
.icon-house-plug::before {
  content: "\e5f0";
}
.icon-house-plus::before {
  content: "\e5f1";
}
.icon-house-wifi::before {
  content: "\e63c";
}
.icon-house::before {
  content: "\e0f5";
}
.icon-ice-cream-bowl::before {
  content: "\e3a7";
}
.icon-ice-cream-cone::before {
  content: "\e353";
}
.icon-id-card-lanyard::before {
  content: "\e670";
}
.icon-id-card::before {
  content: "\e617";
}
.icon-image-down::before {
  content: "\e53c";
}
.icon-image-minus::before {
  content: "\e1f6";
}
.icon-image-off::before {
  content: "\e1c0";
}
.icon-image-play::before {
  content: "\e5df";
}
.icon-image-plus::before {
  content: "\e1f7";
}
.icon-image-up::before {
  content: "\e5cb";
}
.icon-image-upscale::before {
  content: "\e637";
}
.icon-image::before {
  content: "\e0f6";
}
.icon-images::before {
  content: "\e5c4";
}
.icon-import::before {
  content: "\e22f";
}
.icon-inbox::before {
  content: "\e0f7";
}
.icon-indian-rupee::before {
  content: "\e0f8";
}
.icon-infinity::before {
  content: "\e1e7";
}
.icon-info::before {
  content: "\e0f9";
}
.icon-inspection-panel::before {
  content: "\e583";
}
.icon-instagram::before {
  content: "\e0fa";
}
.icon-italic::before {
  content: "\e0fb";
}
.icon-iteration-ccw::before {
  content: "\e423";
}
.icon-iteration-cw::before {
  content: "\e424";
}
.icon-japanese-yen::before {
  content: "\e0fc";
}
.icon-joystick::before {
  content: "\e355";
}
.icon-kanban::before {
  content: "\e4dc";
}
.icon-kayak::before {
  content: "\e68f";
}
.icon-key-round::before {
  content: "\e4a3";
}
.icon-key-square::before {
  content: "\e4a4";
}
.icon-key::before {
  content: "\e0fd";
}
.icon-keyboard-music::before {
  content: "\e560";
}
.icon-keyboard-off::before {
  content: "\e5de";
}
.icon-keyboard::before {
  content: "\e284";
}
.icon-lamp-ceiling::before {
  content: "\e2d9";
}
.icon-lamp-desk::before {
  content: "\e2da";
}
.icon-lamp-floor::before {
  content: "\e2db";
}
.icon-lamp-wall-down::before {
  content: "\e2dc";
}
.icon-lamp-wall-up::before {
  content: "\e2dd";
}
.icon-lamp::before {
  content: "\e2d8";
}
.icon-land-plot::before {
  content: "\e528";
}
.icon-landmark::before {
  content: "\e23a";
}
.icon-languages::before {
  content: "\e0fe";
}
.icon-laptop-minimal-check::before {
  content: "\e632";
}
.icon-laptop-minimal::before {
  content: "\e1d8";
}
.icon-laptop::before {
  content: "\e1cd";
}
.icon-lasso-select::before {
  content: "\e1cf";
}
.icon-lasso::before {
  content: "\e1ce";
}
.icon-laugh::before {
  content: "\e300";
}
.icon-layers-2::before {
  content: "\e52a";
}
.icon-layers-plus::before {
  content: "\e6b3";
}
.icon-layers::before {
  content: "\e529";
}
.icon-layout-dashboard::before {
  content: "\e1c1";
}
.icon-layout-grid::before {
  content: "\e0ff";
}
.icon-layout-list::before {
  content: "\e1d9";
}
.icon-layout-panel-left::before {
  content: "\e470";
}
.icon-layout-panel-top::before {
  content: "\e471";
}
.icon-layout-template::before {
  content: "\e207";
}
.icon-leaf::before {
  content: "\e2de";
}
.icon-leafy-green::before {
  content: "\e46f";
}
.icon-lectern::before {
  content: "\e5e9";
}
.icon-lens-concave::before {
  content: "\e6bf";
}
.icon-lens-convex::before {
  content: "\e6c0";
}
.icon-library-big::before {
  content: "\e54e";
}
.icon-library::before {
  content: "\e100";
}
.icon-life-buoy::before {
  content: "\e101";
}
.icon-ligature::before {
  content: "\e43a";
}
.icon-lightbulb-off::before {
  content: "\e208";
}
.icon-lightbulb::before {
  content: "\e1c2";
}
.icon-line-dot-right-horizontal::before {
  content: "\e6c2";
}
.icon-line-squiggle::before {
  content: "\e67a";
}
.icon-link-2-off::before {
  content: "\e104";
}
.icon-link-2::before {
  content: "\e103";
}
.icon-link::before {
  content: "\e102";
}
.icon-linkedin::before {
  content: "\e105";
}
.icon-list-check::before {
  content: "\e5fa";
}
.icon-list-checks::before {
  content: "\e1d0";
}
.icon-list-chevrons-down-up::before {
  content: "\e694";
}
.icon-list-chevrons-up-down::before {
  content: "\e696";
}
.icon-list-collapse::before {
  content: "\e59b";
}
.icon-list-end::before {
  content: "\e2df";
}
.icon-list-filter-plus::before {
  content: "\e639";
}
.icon-list-filter::before {
  content: "\e460";
}
.icon-list-indent-decrease::before {
  content: "\e107";
}
.icon-list-indent-increase::before {
  content: "\e108";
}
.icon-list-minus::before {
  content: "\e23e";
}
.icon-list-music::before {
  content: "\e2e0";
}
.icon-list-ordered::before {
  content: "\e1d1";
}
.icon-list-plus::before {
  content: "\e23f";
}
.icon-list-restart::before {
  content: "\e452";
}
.icon-list-start::before {
  content: "\e2e1";
}
.icon-list-todo::before {
  content: "\e4c3";
}
.icon-list-tree::before {
  content: "\e408";
}
.icon-list-video::before {
  content: "\e2e2";
}
.icon-list-x::before {
  content: "\e240";
}
.icon-list::before {
  content: "\e106";
}
.icon-loader-circle::before {
  content: "\e10a";
}
.icon-loader-pinwheel::before {
  content: "\e5e6";
}
.icon-loader::before {
  content: "\e109";
}
.icon-locate-fixed::before {
  content: "\e1db";
}
.icon-locate-off::before {
  content: "\e282";
}
.icon-locate::before {
  content: "\e1da";
}
.icon-lock-keyhole-open::before {
  content: "\e532";
}
.icon-lock-keyhole::before {
  content: "\e531";
}
.icon-lock-open::before {
  content: "\e10c";
}
.icon-lock::before {
  content: "\e10b";
}
.icon-log-in::before {
  content: "\e10d";
}
.icon-log-out::before {
  content: "\e10e";
}
.icon-logs::before {
  content: "\e5f4";
}
.icon-lollipop::before {
  content: "\e4bd";
}
.icon-luggage::before {
  content: "\e2ca";
}
.icon-magnet::before {
  content: "\e2b5";
}
.icon-mail-check::before {
  content: "\e361";
}
.icon-mail-minus::before {
  content: "\e362";
}
.icon-mail-open::before {
  content: "\e363";
}
.icon-mail-plus::before {
  content: "\e364";
}
.icon-mail-question-mark::before {
  content: "\e365";
}
.icon-mail-search::before {
  content: "\e366";
}
.icon-mail-warning::before {
  content: "\e367";
}
.icon-mail-x::before {
  content: "\e368";
}
.icon-mail::before {
  content: "\e10f";
}
.icon-mailbox::before {
  content: "\e3d4";
}
.icon-mails::before {
  content: "\e369";
}
.icon-map-minus::before {
  content: "\e686";
}
.icon-map-pin-check-inside::before {
  content: "\e610";
}
.icon-map-pin-check::before {
  content: "\e60f";
}
.icon-map-pin-house::before {
  content: "\e61c";
}
.icon-map-pin-minus-inside::before {
  content: "\e612";
}
.icon-map-pin-minus::before {
  content: "\e611";
}
.icon-map-pin-off::before {
  content: "\e2a6";
}
.icon-map-pin-pen::before {
  content: "\e655";
}
.icon-map-pin-plus-inside::before {
  content: "\e614";
}
.icon-map-pin-plus::before {
  content: "\e613";
}
.icon-map-pin-x-inside::before {
  content: "\e616";
}
.icon-map-pin-x::before {
  content: "\e615";
}
.icon-map-pin::before {
  content: "\e111";
}
.icon-map-pinned::before {
  content: "\e53d";
}
.icon-map-plus::before {
  content: "\e63f";
}
.icon-map::before {
  content: "\e110";
}
.icon-mars-stroke::before {
  content: "\e642";
}
.icon-mars::before {
  content: "\e641";
}
.icon-martini::before {
  content: "\e2e3";
}
.icon-maximize-2::before {
  content: "\e113";
}
.icon-maximize::before {
  content: "\e112";
}
.icon-medal::before {
  content: "\e36f";
}
.icon-megaphone-off::before {
  content: "\e370";
}
.icon-megaphone::before {
  content: "\e235";
}
.icon-meh::before {
  content: "\e114";
}
.icon-memory-stick::before {
  content: "\e445";
}
.icon-menu::before {
  content: "\e115";
}
.icon-merge::before {
  content: "\e43f";
}
.icon-message-circle-check::before {
  content: "\e6c8";
}
.icon-message-circle-code::before {
  content: "\e562";
}
.icon-message-circle-dashed::before {
  content: "\e563";
}
.icon-message-circle-heart::before {
  content: "\e564";
}
.icon-message-circle-more::before {
  content: "\e565";
}
.icon-message-circle-off::before {
  content: "\e566";
}
.icon-message-circle-plus::before {
  content: "\e567";
}
.icon-message-circle-question-mark::before {
  content: "\e568";
}
.icon-message-circle-reply::before {
  content: "\e569";
}
.icon-message-circle-warning::before {
  content: "\e56a";
}
.icon-message-circle-x::before {
  content: "\e56b";
}
.icon-message-circle::before {
  content: "\e116";
}
.icon-message-square-code::before {
  content: "\e56c";
}
.icon-message-square-dashed::before {
  content: "\e40b";
}
.icon-message-square-diff::before {
  content: "\e56d";
}
.icon-message-square-dot::before {
  content: "\e56e";
}
.icon-message-square-heart::before {
  content: "\e56f";
}
.icon-message-square-lock::before {
  content: "\e62c";
}
.icon-message-square-more::before {
  content: "\e570";
}
.icon-message-square-off::before {
  content: "\e571";
}
.icon-message-square-plus::before {
  content: "\e40c";
}
.icon-message-square-quote::before {
  content: "\e572";
}
.icon-message-square-reply::before {
  content: "\e573";
}
.icon-message-square-share::before {
  content: "\e574";
}
.icon-message-square-text::before {
  content: "\e575";
}
.icon-message-square-warning::before {
  content: "\e576";
}
.icon-message-square-x::before {
  content: "\e577";
}
.icon-message-square::before {
  content: "\e117";
}
.icon-messages-square::before {
  content: "\e40d";
}
.icon-mic-off::before {
  content: "\e119";
}
.icon-mic-vocal::before {
  content: "\e349";
}
.icon-mic::before {
  content: "\e118";
}
.icon-microchip::before {
  content: "\e61a";
}
.icon-microscope::before {
  content: "\e2e4";
}
.icon-microwave::before {
  content: "\e37a";
}
.icon-milestone::before {
  content: "\e298";
}
.icon-milk-off::before {
  content: "\e39a";
}
.icon-milk::before {
  content: "\e399";
}
.icon-minimize-2::before {
  content: "\e11b";
}
.icon-minimize::before {
  content: "\e11a";
}
.icon-minus::before {
  content: "\e11c";
}
.icon-mirror-rectangular::before {
  content: "\e6c4";
}
.icon-mirror-round::before {
  content: "\e6c5";
}
.icon-monitor-check::before {
  content: "\e482";
}
.icon-monitor-cloud::before {
  content: "\e699";
}
.icon-monitor-cog::before {
  content: "\e603";
}
.icon-monitor-dot::before {
  content: "\e483";
}
.icon-monitor-down::before {
  content: "\e421";
}
.icon-monitor-off::before {
  content: "\e1dc";
}
.icon-monitor-pause::before {
  content: "\e484";
}
.icon-monitor-play::before {
  content: "\e485";
}
.icon-monitor-smartphone::before {
  content: "\e3a2";
}
.icon-monitor-speaker::before {
  content: "\e210";
}
.icon-monitor-stop::before {
  content: "\e486";
}
.icon-monitor-up::before {
  content: "\e422";
}
.icon-monitor-x::before {
  content: "\e487";
}
.icon-monitor::before {
  content: "\e11d";
}
.icon-moon-star::before {
  content: "\e410";
}
.icon-moon::before {
  content: "\e11e";
}
.icon-motorbike::before {
  content: "\e698";
}
.icon-mountain-snow::before {
  content: "\e232";
}
.icon-mountain::before {
  content: "\e231";
}
.icon-mouse-left::before {
  content: "\e6c9";
}
.icon-mouse-off::before {
  content: "\e5db";
}
.icon-mouse-pointer-2-off::before {
  content: "\e6a6";
}
.icon-mouse-pointer-2::before {
  content: "\e1c3";
}
.icon-mouse-pointer-ban::before {
  content: "\e5e7";
}
.icon-mouse-pointer-click::before {
  content: "\e120";
}
.icon-mouse-pointer::before {
  content: "\e11f";
}
.icon-mouse::before {
  content: "\e28e";
}
.icon-move-3d::before {
  content: "\e2e5";
}
.icon-move-diagonal-2::before {
  content: "\e1c5";
}
.icon-move-diagonal::before {
  content: "\e1c4";
}
.icon-move-down-left::before {
  content: "\e48d";
}
.icon-move-down-right::before {
  content: "\e48e";
}
.icon-move-down::before {
  content: "\e48c";
}
.icon-move-horizontal::before {
  content: "\e1c6";
}
.icon-move-left::before {
  content: "\e48f";
}
.icon-move-right::before {
  content: "\e490";
}
.icon-move-up-left::before {
  content: "\e492";
}
.icon-move-up-right::before {
  content: "\e493";
}
.icon-move-up::before {
  content: "\e491";
}
.icon-move-vertical::before {
  content: "\e1c7";
}
.icon-move::before {
  content: "\e121";
}
.icon-music-2::before {
  content: "\e34a";
}
.icon-music-3::before {
  content: "\e34b";
}
.icon-music-4::before {
  content: "\e34c";
}
.icon-music::before {
  content: "\e122";
}
.icon-navigation-2-off::before {
  content: "\e2a7";
}
.icon-navigation-2::before {
  content: "\e124";
}
.icon-navigation-off::before {
  content: "\e2a8";
}
.icon-navigation::before {
  content: "\e123";
}
.icon-network::before {
  content: "\e125";
}
.icon-newspaper::before {
  content: "\e348";
}
.icon-nfc::before {
  content: "\e3c3";
}
.icon-non-binary::before {
  content: "\e643";
}
.icon-notebook-pen::before {
  content: "\e596";
}
.icon-notebook-tabs::before {
  content: "\e597";
}
.icon-notebook-text::before {
  content: "\e598";
}
.icon-notebook::before {
  content: "\e595";
}
.icon-notepad-text-dashed::before {
  content: "\e59a";
}
.icon-notepad-text::before {
  content: "\e599";
}
.icon-nut-off::before {
  content: "\e39c";
}
.icon-nut::before {
  content: "\e39b";
}
.icon-octagon-alert::before {
  content: "\e127";
}
.icon-octagon-minus::before {
  content: "\e627";
}
.icon-octagon-pause::before {
  content: "\e21b";
}
.icon-octagon-x::before {
  content: "\e128";
}
.icon-octagon::before {
  content: "\e126";
}
.icon-omega::before {
  content: "\e619";
}
.icon-option::before {
  content: "\e1f8";
}
.icon-orbit::before {
  content: "\e3e7";
}
.icon-origami::before {
  content: "\e5e3";
}
.icon-package-2::before {
  content: "\e340";
}
.icon-package-check::before {
  content: "\e266";
}
.icon-package-minus::before {
  content: "\e267";
}
.icon-package-open::before {
  content: "\e2cc";
}
.icon-package-plus::before {
  content: "\e268";
}
.icon-package-search::before {
  content: "\e269";
}
.icon-package-x::before {
  content: "\e26a";
}
.icon-package::before {
  content: "\e129";
}
.icon-paint-bucket::before {
  content: "\e2e6";
}
.icon-paint-roller::before {
  content: "\e59e";
}
.icon-paintbrush-vertical::before {
  content: "\e2e8";
}
.icon-paintbrush::before {
  content: "\e2e7";
}
.icon-palette::before {
  content: "\e1dd";
}
.icon-panda::before {
  content: "\e668";
}
.icon-panel-bottom-close::before {
  content: "\e42d";
}
.icon-panel-bottom-dashed::before {
  content: "\e42e";
}
.icon-panel-bottom-open::before {
  content: "\e42f";
}
.icon-panel-bottom::before {
  content: "\e42c";
}
.icon-panel-left-close::before {
  content: "\e21c";
}
.icon-panel-left-dashed::before {
  content: "\e430";
}
.icon-panel-left-open::before {
  content: "\e21d";
}
.icon-panel-left-right-dashed::before {
  content: "\e692";
}
.icon-panel-left::before {
  content: "\e12a";
}
.icon-panel-right-close::before {
  content: "\e432";
}
.icon-panel-right-dashed::before {
  content: "\e433";
}
.icon-panel-right-open::before {
  content: "\e434";
}
.icon-panel-right::before {
  content: "\e431";
}
.icon-panel-top-bottom-dashed::before {
  content: "\e693";
}
.icon-panel-top-close::before {
  content: "\e436";
}
.icon-panel-top-dashed::before {
  content: "\e437";
}
.icon-panel-top-open::before {
  content: "\e438";
}
.icon-panel-top::before {
  content: "\e435";
}
.icon-panels-left-bottom::before {
  content: "\e12b";
}
.icon-panels-right-bottom::before {
  content: "\e588";
}
.icon-panels-top-left::before {
  content: "\e12c";
}
.icon-paperclip::before {
  content: "\e12d";
}
.icon-parentheses::before {
  content: "\e444";
}
.icon-parking-meter::before {
  content: "\e500";
}
.icon-party-popper::before {
  content: "\e343";
}
.icon-pause::before {
  content: "\e12e";
}
.icon-paw-print::before {
  content: "\e4f5";
}
.icon-pc-case::before {
  content: "\e446";
}
.icon-pen-line::before {
  content: "\e130";
}
.icon-pen-off::before {
  content: "\e5ee";
}
.icon-pen-tool::before {
  content: "\e131";
}
.icon-pen::before {
  content: "\e12f";
}
.icon-pencil-line::before {
  content: "\e4f0";
}
.icon-pencil-off::before {
  content: "\e5ef";
}
.icon-pencil-ruler::before {
  content: "\e4f1";
}
.icon-pencil::before {
  content: "\e1f9";
}
.icon-pentagon::before {
  content: "\e52b";
}
.icon-percent::before {
  content: "\e132";
}
.icon-person-standing::before {
  content: "\e21e";
}
.icon-philippine-peso::before {
  content: "\e604";
}
.icon-phone-call::before {
  content: "\e134";
}
.icon-phone-forwarded::before {
  content: "\e135";
}
.icon-phone-incoming::before {
  content: "\e136";
}
.icon-phone-missed::before {
  content: "\e137";
}
.icon-phone-off::before {
  content: "\e138";
}
.icon-phone-outgoing::before {
  content: "\e139";
}
.icon-phone::before {
  content: "\e133";
}
.icon-pi::before {
  content: "\e472";
}
.icon-piano::before {
  content: "\e561";
}
.icon-pickaxe::before {
  content: "\e5c6";
}
.icon-picture-in-picture-2::before {
  content: "\e3af";
}
.icon-picture-in-picture::before {
  content: "\e3ae";
}
.icon-piggy-bank::before {
  content: "\e13a";
}
.icon-pilcrow-left::before {
  content: "\e5dc";
}
.icon-pilcrow-right::before {
  content: "\e5dd";
}
.icon-pilcrow::before {
  content: "\e3a3";
}
.icon-pill-bottle::before {
  content: "\e5ea";
}
.icon-pill::before {
  content: "\e3bd";
}
.icon-pin-off::before {
  content: "\e2b6";
}
.icon-pin::before {
  content: "\e259";
}
.icon-pipette::before {
  content: "\e13b";
}
.icon-pizza::before {
  content: "\e354";
}
.icon-plane-landing::before {
  content: "\e3cd";
}
.icon-plane-takeoff::before {
  content: "\e3ce";
}
.icon-plane::before {
  content: "\e1de";
}
.icon-play::before {
  content: "\e13c";
}
.icon-plug-2::before {
  content: "\e380";
}
.icon-plug-zap::before {
  content: "\e45c";
}
.icon-plug::before {
  content: "\e37f";
}
.icon-plus::before {
  content: "\e13d";
}
.icon-pocket-knife::before {
  content: "\e4a0";
}
.icon-pocket::before {
  content: "\e13e";
}
.icon-podcast::before {
  content: "\e1fa";
}
.icon-pointer-off::before {
  content: "\e57f";
}
.icon-pointer::before {
  content: "\e1e8";
}
.icon-popcorn::before {
  content: "\e4be";
}
.icon-popsicle::before {
  content: "\e4bf";
}
.icon-pound-sterling::before {
  content: "\e13f";
}
.icon-power-off::before {
  content: "\e209";
}
.icon-power::before {
  content: "\e140";
}
.icon-presentation::before {
  content: "\e4ae";
}
.icon-printer-check::before {
  content: "\e5f5";
}
.icon-printer-x::before {
  content: "\e6bb";
}
.icon-printer::before {
  content: "\e141";
}
.icon-projector::before {
  content: "\e4af";
}
.icon-proportions::before {
  content: "\e5cf";
}
.icon-puzzle::before {
  content: "\e29c";
}
.icon-pyramid::before {
  content: "\e52c";
}
.icon-qr-code::before {
  content: "\e1df";
}
.icon-quote::before {
  content: "\e239";
}
.icon-rabbit::before {
  content: "\e4f6";
}
.icon-radar::before {
  content: "\e497";
}
.icon-radiation::before {
  content: "\e442";
}
.icon-radical::before {
  content: "\e5c2";
}
.icon-radio-receiver::before {
  content: "\e1fb";
}
.icon-radio-tower::before {
  content: "\e404";
}
.icon-radio::before {
  content: "\e142";
}
.icon-radius::before {
  content: "\e52d";
}
.icon-rail-symbol::before {
  content: "\e501";
}
.icon-rainbow::before {
  content: "\e4c2";
}
.icon-rat::before {
  content: "\e3eb";
}
.icon-ratio::before {
  content: "\e4e8";
}
.icon-receipt-cent::before {
  content: "\e5a5";
}
.icon-receipt-euro::before {
  content: "\e5a6";
}
.icon-receipt-indian-rupee::before {
  content: "\e5a7";
}
.icon-receipt-japanese-yen::before {
  content: "\e5a8";
}
.icon-receipt-pound-sterling::before {
  content: "\e5a9";
}
.icon-receipt-russian-ruble::before {
  content: "\e5aa";
}
.icon-receipt-swiss-franc::before {
  content: "\e5ab";
}
.icon-receipt-text::before {
  content: "\e5ac";
}
.icon-receipt-turkish-lira::before {
  content: "\e67f";
}
.icon-receipt::before {
  content: "\e3d3";
}
.icon-rectangle-circle::before {
  content: "\e673";
}
.icon-rectangle-ellipsis::before {
  content: "\e21f";
}
.icon-rectangle-goggles::before {
  content: "\e656";
}
.icon-rectangle-horizontal::before {
  content: "\e376";
}
.icon-rectangle-vertical::before {
  content: "\e377";
}
.icon-recycle::before {
  content: "\e2e9";
}
.icon-redo-2::before {
  content: "\e2a0";
}
.icon-redo-dot::before {
  content: "\e450";
}
.icon-redo::before {
  content: "\e143";
}
.icon-refresh-ccw-dot::before {
  content: "\e4b2";
}
.icon-refresh-ccw::before {
  content: "\e144";
}
.icon-refresh-cw-off::before {
  content: "\e498";
}
.icon-refresh-cw::before {
  content: "\e145";
}
.icon-refrigerator::before {
  content: "\e37b";
}
.icon-regex::before {
  content: "\e1fc";
}
.icon-remove-formatting::before {
  content: "\e3b3";
}
.icon-repeat-1::before {
  content: "\e1fd";
}
.icon-repeat-2::before {
  content: "\e411";
}
.icon-repeat::before {
  content: "\e146";
}
.icon-replace-all::before {
  content: "\e3dc";
}
.icon-replace::before {
  content: "\e3db";
}
.icon-reply-all::before {
  content: "\e22b";
}
.icon-reply::before {
  content: "\e22a";
}
.icon-rewind::before {
  content: "\e147";
}
.icon-ribbon::before {
  content: "\e558";
}
.icon-rocket::before {
  content: "\e286";
}
.icon-rocking-chair::before {
  content: "\e233";
}
.icon-roller-coaster::before {
  content: "\e480";
}
.icon-rose::before {
  content: "\e691";
}
.icon-rotate-3d::before {
  content: "\e2ea";
}
.icon-rotate-ccw-key::before {
  content: "\e650";
}
.icon-rotate-ccw-square::before {
  content: "\e5d0";
}
.icon-rotate-ccw::before {
  content: "\e148";
}
.icon-rotate-cw-square::before {
  content: "\e5d1";
}
.icon-rotate-cw::before {
  content: "\e149";
}
.icon-route-off::before {
  content: "\e53f";
}
.icon-route::before {
  content: "\e53e";
}
.icon-router::before {
  content: "\e3bf";
}
.icon-rows-2::before {
  content: "\e439";
}
.icon-rows-3::before {
  content: "\e58a";
}
.icon-rows-4::before {
  content: "\e58b";
}
.icon-rss::before {
  content: "\e14a";
}
.icon-ruler-dimension-line::before {
  content: "\e662";
}
.icon-ruler::before {
  content: "\e14b";
}
.icon-russian-ruble::before {
  content: "\e14c";
}
.icon-sailboat::before {
  content: "\e37e";
}
.icon-salad::before {
  content: "\e3a8";
}
.icon-sandwich::before {
  content: "\e3a9";
}
.icon-satellite-dish::before {
  content: "\e448";
}
.icon-satellite::before {
  content: "\e447";
}
.icon-saudi-riyal::before {
  content: "\e64b";
}
.icon-save-all::before {
  content: "\e40f";
}
.icon-save-off::before {
  content: "\e5f3";
}
.icon-save::before {
  content: "\e14d";
}
.icon-scale-3d::before {
  content: "\e2eb";
}
.icon-scale::before {
  content: "\e212";
}
.icon-scaling::before {
  content: "\e2ec";
}
.icon-scan-barcode::before {
  content: "\e535";
}
.icon-scan-eye::before {
  content: "\e536";
}
.icon-scan-face::before {
  content: "\e371";
}
.icon-scan-heart::before {
  content: "\e63a";
}
.icon-scan-line::before {
  content: "\e258";
}
.icon-scan-qr-code::before {
  content: "\e5f6";
}
.icon-scan-search::before {
  content: "\e537";
}
.icon-scan-text::before {
  content: "\e538";
}
.icon-scan::before {
  content: "\e257";
}
.icon-school::before {
  content: "\e3e3";
}
.icon-scissors-line-dashed::before {
  content: "\e4e9";
}
.icon-scissors::before {
  content: "\e14e";
}
.icon-scooter::before {
  content: "\e6ac";
}
.icon-screen-share-off::before {
  content: "\e150";
}
.icon-screen-share::before {
  content: "\e14f";
}
.icon-scroll-text::before {
  content: "\e45f";
}
.icon-scroll::before {
  content: "\e2ed";
}
.icon-search-alert::before {
  content: "\e6b4";
}
.icon-search-check::before {
  content: "\e4aa";
}
.icon-search-code::before {
  content: "\e4ab";
}
.icon-search-slash::before {
  content: "\e4ac";
}
.icon-search-x::before {
  content: "\e4ad";
}
.icon-search::before {
  content: "\e151";
}
.icon-section::before {
  content: "\e5e8";
}
.icon-send-horizontal::before {
  content: "\e4f2";
}
.icon-send-to-back::before {
  content: "\e4f3";
}
.icon-send::before {
  content: "\e152";
}
.icon-separator-horizontal::before {
  content: "\e1c8";
}
.icon-separator-vertical::before {
  content: "\e1c9";
}
.icon-server-cog::before {
  content: "\e341";
}
.icon-server-crash::before {
  content: "\e1e9";
}
.icon-server-off::before {
  content: "\e1ea";
}
.icon-server::before {
  content: "\e153";
}
.icon-settings-2::before {
  content: "\e245";
}
.icon-settings::before {
  content: "\e154";
}
.icon-shapes::before {
  content: "\e4b3";
}
.icon-share-2::before {
  content: "\e156";
}
.icon-share::before {
  content: "\e155";
}
.icon-sheet::before {
  content: "\e157";
}
.icon-shell::before {
  content: "\e4f7";
}
.icon-shelving-unit::before {
  content: "\e6c7";
}
.icon-shield-alert::before {
  content: "\e1fe";
}
.icon-shield-ban::before {
  content: "\e159";
}
.icon-shield-check::before {
  content: "\e1ff";
}
.icon-shield-ellipsis::before {
  content: "\e516";
}
.icon-shield-half::before {
  content: "\e517";
}
.icon-shield-minus::before {
  content: "\e518";
}
.icon-shield-off::before {
  content: "\e15a";
}
.icon-shield-plus::before {
  content: "\e519";
}
.icon-shield-question-mark::before {
  content: "\e40e";
}
.icon-shield-user::before {
  content: "\e647";
}
.icon-shield-x::before {
  content: "\e200";
}
.icon-shield::before {
  content: "\e158";
}
.icon-ship-wheel::before {
  content: "\e502";
}
.icon-ship::before {
  content: "\e3ba";
}
.icon-shirt::before {
  content: "\e1ca";
}
.icon-shopping-bag::before {
  content: "\e15b";
}
.icon-shopping-basket::before {
  content: "\e4ea";
}
.icon-shopping-cart::before {
  content: "\e15c";
}
.icon-shovel::before {
  content: "\e15d";
}
.icon-shower-head::before {
  content: "\e37c";
}
.icon-shredder::before {
  content: "\e65b";
}
.icon-shrimp::before {
  content: "\e649";
}
.icon-shrink::before {
  content: "\e220";
}
.icon-shrub::before {
  content: "\e2ee";
}
.icon-shuffle::before {
  content: "\e15e";
}
.icon-sigma::before {
  content: "\e201";
}
.icon-signal-high::before {
  content: "\e260";
}
.icon-signal-low::before {
  content: "\e261";
}
.icon-signal-medium::before {
  content: "\e262";
}
.icon-signal-zero::before {
  content: "\e263";
}
.icon-signal::before {
  content: "\e25f";
}
.icon-signature::before {
  content: "\e5f2";
}
.icon-signpost-big::before {
  content: "\e541";
}
.icon-signpost::before {
  content: "\e540";
}
.icon-siren::before {
  content: "\e2ef";
}
.icon-skip-back::before {
  content: "\e15f";
}
.icon-skip-forward::before {
  content: "\e160";
}
.icon-skull::before {
  content: "\e221";
}
.icon-slack::before {
  content: "\e161";
}
.icon-slash::before {
  content: "\e51d";
}
.icon-slice::before {
  content: "\e2f0";
}
.icon-sliders-horizontal::before {
  content: "\e29a";
}
.icon-sliders-vertical::before {
  content: "\e162";
}
.icon-smartphone-charging::before {
  content: "\e22e";
}
.icon-smartphone-nfc::before {
  content: "\e3c4";
}
.icon-smartphone::before {
  content: "\e163";
}
.icon-smile-plus::before {
  content: "\e301";
}
.icon-smile::before {
  content: "\e164";
}
.icon-snail::before {
  content: "\e4f8";
}
.icon-snowflake::before {
  content: "\e165";
}
.icon-soap-dispenser-droplet::before {
  content: "\e669";
}
.icon-sofa::before {
  content: "\e2c4";
}
.icon-solar-panel::before {
  content: "\e69f";
}
.icon-soup::before {
  content: "\e3aa";
}
.icon-space::before {
  content: "\e3dd";
}
.icon-spade::before {
  content: "\e499";
}
.icon-sparkle::before {
  content: "\e47e";
}
.icon-sparkles::before {
  content: "\e412";
}
.icon-speaker::before {
  content: "\e166";
}
.icon-speech::before {
  content: "\e51e";
}
.icon-spell-check-2::before {
  content: "\e49b";
}
.icon-spell-check::before {
  content: "\e49a";
}
.icon-spline-pointer::before {
  content: "\e64f";
}
.icon-spline::before {
  content: "\e38b";
}
.icon-split::before {
  content: "\e440";
}
.icon-spool::before {
  content: "\e677";
}
.icon-spotlight::before {
  content: "\e682";
}
.icon-spray-can::before {
  content: "\e495";
}
.icon-sprout::before {
  content: "\e1eb";
}
.icon-square-activity::before {
  content: "\e4b4";
}
.icon-square-arrow-down-left::before {
  content: "\e4b5";
}
.icon-square-arrow-down-right::before {
  content: "\e4b6";
}
.icon-square-arrow-down::before {
  content: "\e427";
}
.icon-square-arrow-left::before {
  content: "\e428";
}
.icon-square-arrow-out-down-left::before {
  content: "\e5a1";
}
.icon-square-arrow-out-down-right::before {
  content: "\e5a2";
}
.icon-square-arrow-out-up-left::before {
  content: "\e5a3";
}
.icon-square-arrow-out-up-right::before {
  content: "\e5a4";
}
.icon-square-arrow-right::before {
  content: "\e429";
}
.icon-square-arrow-up-left::before {
  content: "\e4b7";
}
.icon-square-arrow-up-right::before {
  content: "\e4b8";
}
.icon-square-arrow-up::before {
  content: "\e42a";
}
.icon-square-asterisk::before {
  content: "\e168";
}
.icon-square-bottom-dashed-scissors::before {
  content: "\e4eb";
}
.icon-square-chart-gantt::before {
  content: "\e169";
}
.icon-square-check-big::before {
  content: "\e16a";
}
.icon-square-check::before {
  content: "\e559";
}
.icon-square-chevron-down::before {
  content: "\e3cf";
}
.icon-square-chevron-left::before {
  content: "\e3d0";
}
.icon-square-chevron-right::before {
  content: "\e3d1";
}
.icon-square-chevron-up::before {
  content: "\e3d2";
}
.icon-square-code::before {
  content: "\e16b";
}
.icon-square-dashed-bottom-code::before {
  content: "\e4c1";
}
.icon-square-dashed-bottom::before {
  content: "\e4c0";
}
.icon-square-dashed-kanban::before {
  content: "\e16c";
}
.icon-square-dashed-mouse-pointer::before {
  content: "\e509";
}
.icon-square-dashed-top-solid::before {
  content: "\e66c";
}
.icon-square-dashed::before {
  content: "\e1cb";
}
.icon-square-divide::before {
  content: "\e16d";
}
.icon-square-dot::before {
  content: "\e16e";
}
.icon-square-equal::before {
  content: "\e16f";
}
.icon-square-function::before {
  content: "\e22d";
}
.icon-square-kanban::before {
  content: "\e170";
}
.icon-square-library::before {
  content: "\e54f";
}
.icon-square-m::before {
  content: "\e503";
}
.icon-square-menu::before {
  content: "\e453";
}
.icon-square-minus::before {
  content: "\e171";
}
.icon-square-mouse-pointer::before {
  content: "\e202";
}
.icon-square-parking-off::before {
  content: "\e3cc";
}
.icon-square-parking::before {
  content: "\e3cb";
}
.icon-square-pause::before {
  content: "\e684";
}
.icon-square-pen::before {
  content: "\e172";
}
.icon-square-percent::before {
  content: "\e51c";
}
.icon-square-pi::before {
  content: "\e488";
}
.icon-square-pilcrow::before {
  content: "\e48b";
}
.icon-square-play::before {
  content: "\e481";
}
.icon-square-plus::before {
  content: "\e173";
}
.icon-square-power::before {
  content: "\e551";
}
.icon-square-radical::before {
  content: "\e5c3";
}
.icon-square-round-corner::before {
  content: "\e648";
}
.icon-square-scissors::before {
  content: "\e4ec";
}
.icon-square-sigma::before {
  content: "\e489";
}
.icon-square-slash::before {
  content: "\e174";
}
.icon-square-split-horizontal::before {
  content: "\e3b6";
}
.icon-square-split-vertical::before {
  content: "\e3b7";
}
.icon-square-square::before {
  content: "\e60e";
}
.icon-square-stack::before {
  content: "\e4a2";
}
.icon-square-star::before {
  content: "\e68e";
}
.icon-square-stop::before {
  content: "\e685";
}
.icon-square-terminal::before {
  content: "\e20a";
}
.icon-square-user-round::before {
  content: "\e466";
}
.icon-square-user::before {
  content: "\e465";
}
.icon-square-x::before {
  content: "\e175";
}
.icon-square::before {
  content: "\e167";
}
.icon-squares-exclude::before {
  content: "\e657";
}
.icon-squares-intersect::before {
  content: "\e658";
}
.icon-squares-subtract::before {
  content: "\e659";
}
.icon-squares-unite::before {
  content: "\e65a";
}
.icon-squircle-dashed::before {
  content: "\e679";
}
.icon-squircle::before {
  content: "\e57a";
}
.icon-squirrel::before {
  content: "\e49f";
}
.icon-stamp::before {
  content: "\e3bb";
}
.icon-star-half::before {
  content: "\e20b";
}
.icon-star-off::before {
  content: "\e2b0";
}
.icon-star::before {
  content: "\e176";
}
.icon-step-back::before {
  content: "\e3e9";
}
.icon-step-forward::before {
  content: "\e3ea";
}
.icon-stethoscope::before {
  content: "\e2f1";
}
.icon-sticker::before {
  content: "\e302";
}
.icon-sticky-note::before {
  content: "\e303";
}
.icon-stone::before {
  content: "\e6b8";
}
.icon-store::before {
  content: "\e3e4";
}
.icon-stretch-horizontal::before {
  content: "\e27c";
}
.icon-stretch-vertical::before {
  content: "\e27d";
}
.icon-strikethrough::before {
  content: "\e177";
}
.icon-subscript::before {
  content: "\e25c";
}
.icon-sun-dim::before {
  content: "\e299";
}
.icon-sun-medium::before {
  content: "\e2b1";
}
.icon-sun-moon::before {
  content: "\e2b2";
}
.icon-sun-snow::before {
  content: "\e372";
}
.icon-sun::before {
  content: "\e178";
}
.icon-sunrise::before {
  content: "\e179";
}
.icon-sunset::before {
  content: "\e17a";
}
.icon-superscript::before {
  content: "\e25e";
}
.icon-swatch-book::before {
  content: "\e59f";
}
.icon-swiss-franc::before {
  content: "\e17b";
}
.icon-switch-camera::before {
  content: "\e17c";
}
.icon-sword::before {
  content: "\e2b3";
}
.icon-swords::before {
  content: "\e2b4";
}
.icon-syringe::before {
  content: "\e2f2";
}
.icon-table-2::before {
  content: "\e2f9";
}
.icon-table-cells-merge::before {
  content: "\e5c7";
}
.icon-table-cells-split::before {
  content: "\e5c8";
}
.icon-table-columns-split::before {
  content: "\e5c9";
}
.icon-table-of-contents::before {
  content: "\e61e";
}
.icon-table-properties::before {
  content: "\e4db";
}
.icon-table-rows-split::before {
  content: "\e5ca";
}
.icon-table::before {
  content: "\e17d";
}
.icon-tablet-smartphone::before {
  content: "\e50a";
}
.icon-tablet::before {
  content: "\e17e";
}
.icon-tablets::before {
  content: "\e3be";
}
.icon-tag::before {
  content: "\e17f";
}
.icon-tags::before {
  content: "\e35c";
}
.icon-tally-1::before {
  content: "\e4d6";
}
.icon-tally-2::before {
  content: "\e4d7";
}
.icon-tally-3::before {
  content: "\e4d8";
}
.icon-tally-4::before {
  content: "\e4d9";
}
.icon-tally-5::before {
  content: "\e4da";
}
.icon-tangent::before {
  content: "\e52e";
}
.icon-target::before {
  content: "\e180";
}
.icon-telescope::before {
  content: "\e5c5";
}
.icon-tent-tree::before {
  content: "\e53b";
}
.icon-tent::before {
  content: "\e227";
}
.icon-terminal::before {
  content: "\e181";
}
.icon-test-tube-diagonal::before {
  content: "\e406";
}
.icon-test-tube::before {
  content: "\e405";
}
.icon-test-tubes::before {
  content: "\e407";
}
.icon-text-align-center::before {
  content: "\e182";
}
.icon-text-align-end::before {
  content: "\e183";
}
.icon-text-align-justify::before {
  content: "\e184";
}
.icon-text-align-start::before {
  content: "\e185";
}
.icon-text-cursor-input::before {
  content: "\e265";
}
.icon-text-cursor::before {
  content: "\e264";
}
.icon-text-initial::before {
  content: "\e605";
}
.icon-text-quote::before {
  content: "\e49e";
}
.icon-text-search::before {
  content: "\e5ad";
}
.icon-text-select::before {
  content: "\e3de";
}
.icon-text-wrap::before {
  content: "\e248";
}
.icon-theater::before {
  content: "\e522";
}
.icon-thermometer-snowflake::before {
  content: "\e187";
}
.icon-thermometer-sun::before {
  content: "\e188";
}
.icon-thermometer::before {
  content: "\e186";
}
.icon-thumbs-down::before {
  content: "\e189";
}
.icon-thumbs-up::before {
  content: "\e18a";
}
.icon-ticket-check::before {
  content: "\e5ae";
}
.icon-ticket-minus::before {
  content: "\e5af";
}
.icon-ticket-percent::before {
  content: "\e5b0";
}
.icon-ticket-plus::before {
  content: "\e5b1";
}
.icon-ticket-slash::before {
  content: "\e5b2";
}
.icon-ticket-x::before {
  content: "\e5b3";
}
.icon-ticket::before {
  content: "\e20f";
}
.icon-tickets-plane::before {
  content: "\e623";
}
.icon-tickets::before {
  content: "\e622";
}
.icon-timer-off::before {
  content: "\e249";
}
.icon-timer-reset::before {
  content: "\e236";
}
.icon-timer::before {
  content: "\e1e0";
}
.icon-toggle-left::before {
  content: "\e18b";
}
.icon-toggle-right::before {
  content: "\e18c";
}
.icon-toilet::before {
  content: "\e635";
}
.icon-tool-case::before {
  content: "\e67d";
}
.icon-toolbox::before {
  content: "\e6b9";
}
.icon-tornado::before {
  content: "\e218";
}
.icon-torus::before {
  content: "\e52f";
}
.icon-touchpad-off::before {
  content: "\e44a";
}
.icon-touchpad::before {
  content: "\e449";
}
.icon-towel-rack::before {
  content: "\e6c6";
}
.icon-tower-control::before {
  content: "\e3bc";
}
.icon-toy-brick::before {
  content: "\e347";
}
.icon-tractor::before {
  content: "\e504";
}
.icon-traffic-cone::before {
  content: "\e505";
}
.icon-train-front-tunnel::before {
  content: "\e507";
}
.icon-train-front::before {
  content: "\e506";
}
.icon-train-track::before {
  content: "\e508";
}
.icon-tram-front::before {
  content: "\e2a9";
}
.icon-transgender::before {
  content: "\e644";
}
.icon-trash-2::before {
  content: "\e18e";
}
.icon-trash::before {
  content: "\e18d";
}
.icon-tree-deciduous::before {
  content: "\e2f3";
}
.icon-tree-palm::before {
  content: "\e281";
}
.icon-tree-pine::before {
  content: "\e2f4";
}
.icon-trees::before {
  content: "\e2f5";
}
.icon-trello::before {
  content: "\e18f";
}
.icon-trending-down::before {
  content: "\e190";
}
.icon-trending-up-down::before {
  content: "\e625";
}
.icon-trending-up::before {
  content: "\e191";
}
.icon-triangle-alert::before {
  content: "\e193";
}
.icon-triangle-dashed::before {
  content: "\e63d";
}
.icon-triangle-right::before {
  content: "\e4ed";
}
.icon-triangle::before {
  content: "\e192";
}
.icon-trophy::before {
  content: "\e373";
}
.icon-truck-electric::before {
  content: "\e65f";
}
.icon-truck::before {
  content: "\e194";
}
.icon-turkish-lira::before {
  content: "\e680";
}
.icon-turntable::before {
  content: "\e68c";
}
.icon-turtle::before {
  content: "\e4f9";
}
.icon-tv-minimal-play::before {
  content: "\e5ec";
}
.icon-tv-minimal::before {
  content: "\e203";
}
.icon-tv::before {
  content: "\e195";
}
.icon-twitch::before {
  content: "\e196";
}
.icon-twitter::before {
  content: "\e197";
}
.icon-type-outline::before {
  content: "\e602";
}
.icon-type::before {
  content: "\e198";
}
.icon-umbrella-off::before {
  content: "\e543";
}
.icon-umbrella::before {
  content: "\e199";
}
.icon-underline::before {
  content: "\e19a";
}
.icon-undo-2::before {
  content: "\e2a1";
}
.icon-undo-dot::before {
  content: "\e451";
}
.icon-undo::before {
  content: "\e19b";
}
.icon-unfold-horizontal::before {
  content: "\e43d";
}
.icon-unfold-vertical::before {
  content: "\e43e";
}
.icon-ungroup::before {
  content: "\e467";
}
.icon-university::before {
  content: "\e3e5";
}
.icon-unlink-2::before {
  content: "\e19d";
}
.icon-unlink::before {
  content: "\e19c";
}
.icon-unplug::before {
  content: "\e45d";
}
.icon-upload::before {
  content: "\e19e";
}
.icon-usb::before {
  content: "\e356";
}
.icon-user-check::before {
  content: "\e1a0";
}
.icon-user-cog::before {
  content: "\e342";
}
.icon-user-key::before {
  content: "\e6bd";
}
.icon-user-lock::before {
  content: "\e660";
}
.icon-user-minus::before {
  content: "\e1a1";
}
.icon-user-pen::before {
  content: "\e5fc";
}
.icon-user-plus::before {
  content: "\e1a2";
}
.icon-user-round-check::before {
  content: "\e469";
}
.icon-user-round-cog::before {
  content: "\e46a";
}
.icon-user-round-key::before {
  content: "\e6be";
}
.icon-user-round-minus::before {
  content: "\e46b";
}
.icon-user-round-pen::before {
  content: "\e5fd";
}
.icon-user-round-plus::before {
  content: "\e46c";
}
.icon-user-round-search::before {
  content: "\e578";
}
.icon-user-round-x::before {
  content: "\e46d";
}
.icon-user-round::before {
  content: "\e468";
}
.icon-user-search::before {
  content: "\e579";
}
.icon-user-star::before {
  content: "\e687";
}
.icon-user-x::before {
  content: "\e1a3";
}
.icon-user::before {
  content: "\e19f";
}
.icon-users-round::before {
  content: "\e46e";
}
.icon-users::before {
  content: "\e1a4";
}
.icon-utensils-crossed::before {
  content: "\e2f7";
}
.icon-utensils::before {
  content: "\e2f6";
}
.icon-utility-pole::before {
  content: "\e3c2";
}
.icon-van::before {
  content: "\e6ad";
}
.icon-variable::before {
  content: "\e473";
}
.icon-vault::before {
  content: "\e58f";
}
.icon-vector-square::before {
  content: "\e67c";
}
.icon-vegan::before {
  content: "\e39d";
}
.icon-venetian-mask::before {
  content: "\e2aa";
}
.icon-venus-and-mars::before {
  content: "\e646";
}
.icon-venus::before {
  content: "\e645";
}
.icon-vibrate-off::before {
  content: "\e29d";
}
.icon-vibrate::before {
  content: "\e223";
}
.icon-video-off::before {
  content: "\e1a6";
}
.icon-video::before {
  content: "\e1a5";
}
.icon-videotape::before {
  content: "\e4cb";
}
.icon-view::before {
  content: "\e1a7";
}
.icon-voicemail::before {
  content: "\e1a8";
}
.icon-volleyball::before {
  content: "\e62f";
}
.icon-volume-1::before {
  content: "\e1aa";
}
.icon-volume-2::before {
  content: "\e1ab";
}
.icon-volume-off::before {
  content: "\e626";
}
.icon-volume-x::before {
  content: "\e1ac";
}
.icon-volume::before {
  content: "\e1a9";
}
.icon-vote::before {
  content: "\e3ad";
}
.icon-wallet-cards::before {
  content: "\e4cc";
}
.icon-wallet-minimal::before {
  content: "\e4cd";
}
.icon-wallet::before {
  content: "\e204";
}
.icon-wallpaper::before {
  content: "\e44b";
}
.icon-wand-sparkles::before {
  content: "\e357";
}
.icon-wand::before {
  content: "\e246";
}
.icon-warehouse::before {
  content: "\e3e6";
}
.icon-washing-machine::before {
  content: "\e590";
}
.icon-watch::before {
  content: "\e1ad";
}
.icon-waves-arrow-down::before {
  content: "\e6a9";
}
.icon-waves-arrow-up::before {
  content: "\e6aa";
}
.icon-waves-ladder::before {
  content: "\e63b";
}
.icon-waves::before {
  content: "\e283";
}
.icon-waypoints::before {
  content: "\e542";
}
.icon-webcam::before {
  content: "\e205";
}
.icon-webhook-off::before {
  content: "\e5b7";
}
.icon-webhook::before {
  content: "\e374";
}
.icon-weight-tilde::before {
  content: "\e6ae";
}
.icon-weight::before {
  content: "\e530";
}
.icon-wheat-off::before {
  content: "\e39f";
}
.icon-wheat::before {
  content: "\e39e";
}
.icon-whole-word::before {
  content: "\e3df";
}
.icon-wifi-cog::before {
  content: "\e674";
}
.icon-wifi-high::before {
  content: "\e5f7";
}
.icon-wifi-low::before {
  content: "\e5f8";
}
.icon-wifi-off::before {
  content: "\e1af";
}
.icon-wifi-pen::before {
  content: "\e663";
}
.icon-wifi-sync::before {
  content: "\e681";
}
.icon-wifi-zero::before {
  content: "\e5f9";
}
.icon-wifi::before {
  content: "\e1ae";
}
.icon-wind-arrow-down::before {
  content: "\e631";
}
.icon-wind::before {
  content: "\e1b0";
}
.icon-wine-off::before {
  content: "\e3a0";
}
.icon-wine::before {
  content: "\e2f8";
}
.icon-workflow::before {
  content: "\e425";
}
.icon-worm::before {
  content: "\e5da";
}
.icon-wrench::before {
  content: "\e1b1";
}
.icon-x-line-top::before {
  content: "\e6ca";
}
.icon-x::before {
  content: "\e1b2";
}
.icon-youtube::before {
  content: "\e1b3";
}
.icon-zap-off::before {
  content: "\e1b5";
}
.icon-zap::before {
  content: "\e1b4";
}
.icon-zoom-in::before {
  content: "\e1b6";
}
.icon-zoom-out::before {
  content: "\e1b7";
}

/* src/styles.scss */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --font-family-webfont:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-system-sans:
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-default:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    segoe ui,
    helvetica neue,
    helvetica,
    Cantarell,
    Ubuntu,
    roboto,
    noto,
    arial,
    sans-serif;
  --font-family-system-mono:
    Menlo,
    Consolas,
    Monaco,
    Liberation Mono,
    Lucida Console,
    monospace;
  --font-family-body: var(--font-family-default);
  --font-family-header: var(--font-family-default);
  --font-family-public: var(--font-family-default);
  --font-size-0: 0.75rem;
  --font-size-50: 0.875rem;
  --font-size-100: 1rem;
  --font-size-200: 1.125rem;
  --font-size-300: 1.375rem;
  --font-size-400: clamp(1.5rem, 0.17vw + 1.47rem, 1.63rem);
  --font-size-500: clamp(1.75rem, 0.68vw + 1.61rem, 2.25rem);
  --font-size-600: clamp(2rem, 1.19vw + 1.76rem, 2.87rem);
  --font-size-700: clamp(2.25rem, 1.695vw + 1.91rem, 3.5rem);
  --font-size-800: clamp(2.375rem, 1.69vw + 2.03rem, 3.625rem);
  --font-size-900: clamp(2.875rem, 1.52vw + 2.57rem, 4rem);
  --font-size-1000: clamp(3.5rem, 1.35vw + 3.22rem, 4.5rem);
  --font-size-body-xs: var(--font-size-0);
  --font-size-body-sm: var(--font-size-50);
  --font-size-body-md: var(--font-size-100);
  --font-size-body-lg: var(--font-size-200);
  --font-size-heading-xs: var(--font-size-50);
  --font-size-heading-sm: var(--font-size-50);
  --font-size-heading-md: var(--font-size-50);
  --font-size-heading-lg: var(--font-size-100);
  --font-size-heading-xl: var(--font-size-200);
  --font-size-heading-xxl: var(--font-size-300);
  --font-size-display-sm: var(--font-size-600);
  --font-size-display-md: var(--font-size-900);
  --font-size-display-lg: var(--font-size-1000);
  --font-size-display-xl: var();
  --font-weight-200: 200;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --font-weight-light: var(--font-weight-200);
  --font-weight-regular: var(--font-weight-300);
  --font-weight-medium: var(--font-weight-400);
  --font-weight-bold: var(--font-weight-500);
  --font-weight-black: var(--font-weight-700);
  --line-height-0: 1;
  --line-height-100: 1.25;
  --line-height-200: 1.33;
  --line-height-300: 1.4;
  --line-height-body: var(--line-height-300);
  --line-height-heading: var(--line-height-200);
  --line-height-sub-heading: var(--line-height-100);
  --line-height-reset: var(--line-height-0);
}
:root {
  --color-primary: #ffc857;
  --color-primary-100: #fffaf3;
  --color-primary-200: #fff5e7;
  --color-primary-300: #ffebcd;
  --color-primary-400: #ffe0af;
  --color-primary-500: #ffd48a;
  --color-primary-600: #ffc857;
  --color-primary-700: #e4b34e;
  --color-primary-800: #c69b43;
  --color-primary-900: #a17e37;
  --color-primary-1000: #725927;
  --color-secondary: #167c80;
  --color-secondary-100: #e8f2f3;
  --color-secondary-200: #d0e0e1;
  --color-secondary-300: #3193ad;
  --color-secondary-400: var(--color-secondary);
  --color-secondary-500: #126568;
  --color-secondary-600: #007055;
  --color-secondary-700: #004a38;
  --color-secondary-800: #545c52;
  --color-tertiary: #8e5cd1;
  --color-tertiary-100: #f6f1fd;
  --color-tertiary-200: #c9badc;
  --color-tertiary-400: var(--color-tertiary);
  --color-tertiary-600: #64468b;
  --color-quaternary: #4395f9;
  --color-quaternary-100: #f1f1f6;
  --color-blue: #2962ff;
  --color-blue-100: #dee7ff;
  --color-blue-400: var(--color-blue);
  --color-warning: #b11030;
  --color-warning-100: #fae6e8;
  --color-warning-200: #f4cace;
  --color-warning-400: var(--color-warning);
  --color-warning-600: #68000d;
  --color-success: #2f943b;
  --color-success-100: #e6fae8;
  --color-success-400: var(--color-success);
  --color-success-600: #00600c;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #15130e;
  --color-neutral-100: #f9f9f9;
  --color-neutral-200: #f2f2f2;
  --color-neutral-300: #e5e5e4;
  --color-neutral-400: #c8c7c6;
  --color-neutral-500: #a5a5a3;
  --color-neutral-600: #797875;
  --color-neutral-700: #58554c;
  --color-neutral-800: #2e2a1f;
  --color-neutral-900: #242118;
  --color-neutral-1000: #15130e;
  --link-color: var(--color-secondary);
  --link-color-hover: var(--color-secondary-500);
}
:root {
  --space-base: 0.5rem;
  --space-0: calc(var(--space-base) * 0);
  --space-50: calc(var(--space-base) * 0.25);
  --space-75: calc(var(--space-base) * 0.5);
  --space-100: calc(var(--space-base) * 1);
  --space-200: calc(var(--space-base) * 1.5);
  --space-300: calc(var(--space-base) * 2);
  --space-400: calc(var(--space-base) * 3);
  --space-500: calc(var(--space-base) * 4);
  --space-600: calc(var(--space-base) * 5);
  --space-700: calc(var(--space-base) * 6);
  --space-800: calc(var(--space-base) * 8);
  --space-900: calc(var(--space-base) * 10);
  --space-1000: calc(var(--space-base) * 12);
}
:root {
  --border-radius-0: 0;
  --border-radius-100: 2px;
  --border-radius-200: 4px;
  --border-radius-300: 8px;
  --border-radius-400: 16px;
  --border-radius-full: 50%;
}
:root {
  --elevation-bottom: -9999;
  --elevation-top: 9999;
  --elevation-0: 0;
  --elevation-100: 100;
  --elevation-200: 200;
  --elevation-300: 300;
  --elevation-400: 400;
  --elevation-500: 500;
  --elevation-600: 600;
  --elevation-700: 700;
  --elevation-800: 800;
  --elevation-900: 900;
  --elevation-1000: 1000;
}
:root {
  --motion-duration: var(--motion-duration-mid);
  --motion-duration-fast: 100ms;
  --motion-duration-mid: 250ms;
  --motion-duration-slow: 500ms;
  --motion-duration-xslow: 1s;
}
:root {
  --shadow-sm: 0 0.125rem 0.25rem rgba(31, 33, 36, 0.1), 0 0.0625rem 0.375rem rgba(31, 33, 36, 0.05);
  --shadow-md: 0 0.25rem 0.75rem rgba(12, 12, 12, 0.15), 0 0 0 0.0625rem rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 0.25rem 1.125rem -0.125rem rgba(31, 33, 36, 0.08), 0 0.75rem 1.125rem -0.125rem rgba(31, 33, 36, 0.15);
  --shadow-inset: inset 0 0.125rem 0.25rem rgba(31, 33, 36, 0.32);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  padding: 0;
  margin: 0;
}
body {
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
}
:where(ul, ol) {
  list-style: none;
  list-style-position: inside;
}
:where(img, video, canvas, audio, iframe, embed, object) {
  display: block;
}
:where(img, video) {
  max-width: 100%;
  height: auto;
}
:where(input, button, textarea, select) {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
:where(a[href], button, summary, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}
:where(input[type=file]) {
  cursor: auto;
}
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}
:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}
@font-face {
  font-display: swap;
  font-family: "Inter";
  font-style: normal;
  font-style: oblique 0deg 10deg;
  font-weight: 100 900;
  src: url("./media/inter-75YQYCJN.woff2") format("woff2");
}
html,
body {
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-black);
  font-family: var(--font-family-default);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
body {
  width: 100%;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
h1 {
  font-size: var(--font-size-heading-xxl);
  line-height: var(--line-height-heading);
}
h2 {
  font-size: var(--font-size-heading-xl);
  line-height: var(--line-height-heading);
}
h3 {
  font-size: var(--font-size-heading-lg);
  line-height: var(--line-height-heading);
}
h4 {
  font-size: var(--font-size-heading-md);
  line-height: var(--line-height-heading);
}
h5 {
  font-size: var(--font-size-heading-sm);
  line-height: var(--line-height-heading);
}
h6 {
  font-size: var(--font-size-heading-xs);
  line-height: var(--line-height-heading);
}
p {
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
ul li {
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-md);
  line-height: var(--line-height-body);
}
.container {
  max-width: 96rem;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  max-width: none;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row.reverse {
  flex-direction: row-reverse;
}
.row-reverse {
  flex-direction: row-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.column {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.column.reverse {
  flex-direction: column-reverse;
}
.column-reverse {
  flex-direction: column-reverse;
}
.flex-column {
  flex-direction: column;
}
.flex-column-reverse {
  flex-direction: column-reverse;
}
.flex {
  display: flex;
}
.flex-one {
  flex: 1 1 0;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-initial {
  flex: initial;
}
.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
@media only screen and (min-width: 768px) {
  .row\@sm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@sm {
    flex-direction: row-reverse;
  }
  .row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .flex-row\@sm {
    flex-direction: row;
  }
  .flex-row-reverse\@sm {
    flex-direction: row-reverse;
  }
  .column\@sm {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@sm {
    flex-direction: column-reverse;
  }
  .column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex-column\@sm {
    flex-direction: column;
  }
  .flex-column-reverse\@sm {
    flex-direction: column-reverse;
  }
  .flex\@sm {
    display: flex;
  }
  .flex-one\@sm {
    flex: 1 1 0;
  }
  .flex-auto\@sm {
    flex: 1 1 auto;
  }
  .flex-none\@sm {
    flex: none;
  }
  .flex-initial\@sm {
    flex: initial;
  }
  .flex-grow-0\@sm {
    flex-grow: 0;
  }
  .flex-grow\@sm {
    flex-grow: 1;
  }
  .flex-shrink-0\@sm {
    flex-shrink: 0;
  }
  .flex-shrink\@sm {
    flex-shrink: 1;
  }
  .flex-wrap\@sm {
    flex-wrap: wrap;
  }
  .flex-nowrap\@sm {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@sm {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 992px) {
  .row\@md {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@md {
    flex-direction: row-reverse;
  }
  .row-reverse\@md {
    flex-direction: row-reverse;
  }
  .flex-row\@md {
    flex-direction: row;
  }
  .flex-row-reverse\@md {
    flex-direction: row-reverse;
  }
  .column\@md {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@md {
    flex-direction: column-reverse;
  }
  .column-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex-column\@md {
    flex-direction: column;
  }
  .flex-column-reverse\@md {
    flex-direction: column-reverse;
  }
  .flex\@md {
    display: flex;
  }
  .flex-one\@md {
    flex: 1 1 0;
  }
  .flex-auto\@md {
    flex: 1 1 auto;
  }
  .flex-none\@md {
    flex: none;
  }
  .flex-initial\@md {
    flex: initial;
  }
  .flex-grow-0\@md {
    flex-grow: 0;
  }
  .flex-grow\@md {
    flex-grow: 1;
  }
  .flex-shrink-0\@md {
    flex-shrink: 0;
  }
  .flex-shrink\@md {
    flex-shrink: 1;
  }
  .flex-wrap\@md {
    flex-wrap: wrap;
  }
  .flex-nowrap\@md {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@md {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1200px) {
  .row\@lg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@lg {
    flex-direction: row-reverse;
  }
  .row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .flex-row\@lg {
    flex-direction: row;
  }
  .flex-row-reverse\@lg {
    flex-direction: row-reverse;
  }
  .column\@lg {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@lg {
    flex-direction: column-reverse;
  }
  .column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex-column\@lg {
    flex-direction: column;
  }
  .flex-column-reverse\@lg {
    flex-direction: column-reverse;
  }
  .flex\@lg {
    display: flex;
  }
  .flex-one\@lg {
    flex: 1 1 0;
  }
  .flex-auto\@lg {
    flex: 1 1 auto;
  }
  .flex-none\@lg {
    flex: none;
  }
  .flex-initial\@lg {
    flex: initial;
  }
  .flex-grow-0\@lg {
    flex-grow: 0;
  }
  .flex-grow\@lg {
    flex-grow: 1;
  }
  .flex-shrink-0\@lg {
    flex-shrink: 0;
  }
  .flex-shrink\@lg {
    flex-shrink: 1;
  }
  .flex-wrap\@lg {
    flex-wrap: wrap;
  }
  .flex-nowrap\@lg {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@lg {
    flex-wrap: wrap-reverse;
  }
}
@media only screen and (min-width: 1600px) {
  .row\@xl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .row.reverse\@xl {
    flex-direction: row-reverse;
  }
  .row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .flex-row\@xl {
    flex-direction: row;
  }
  .flex-row-reverse\@xl {
    flex-direction: row-reverse;
  }
  .column\@xl {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .column.reverse\@xl {
    flex-direction: column-reverse;
  }
  .column-reverse\@xl {
    flex-direction: column-reverse;
  }
  .flex-column\@xl {
    flex-direction: column;
  }
  .flex-column-reverse\@xl {
    flex-direction: column-reverse;
  }
  .flex\@xl {
    display: flex;
  }
  .flex-one\@xl {
    flex: 1 1 0;
  }
  .flex-auto\@xl {
    flex: 1 1 auto;
  }
  .flex-none\@xl {
    flex: none;
  }
  .flex-initial\@xl {
    flex: initial;
  }
  .flex-grow-0\@xl {
    flex-grow: 0;
  }
  .flex-grow\@xl {
    flex-grow: 1;
  }
  .flex-shrink-0\@xl {
    flex-shrink: 0;
  }
  .flex-shrink\@xl {
    flex-shrink: 1;
  }
  .flex-wrap\@xl {
    flex-wrap: wrap;
  }
  .flex-nowrap\@xl {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse\@xl {
    flex-wrap: wrap-reverse;
  }
}
.col-xs {
  max-width: 100%;
  flex: 1 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-1 {
  max-width: 8.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 8.3333333333%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-2 {
  max-width: 16.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 16.6666666667%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-3 {
  max-width: 25%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 25%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-4 {
  max-width: 33.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 33.3333333333%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-5 {
  max-width: 41.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 41.6666666667%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-6 {
  max-width: 50%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 50%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-7 {
  max-width: 58.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 58.3333333333%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-8 {
  max-width: 66.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 66.6666666667%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-9 {
  max-width: 75%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 75%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-10 {
  max-width: 83.3333333333%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 83.3333333333%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-11 {
  max-width: 91.6666666667%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 91.6666666667%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-12 {
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-basis: 100%;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.start-xs {
  justify-content: flex-start;
}
.center-xs {
  justify-content: center;
}
.end-xs {
  justify-content: flex-end;
}
.top-xs {
  align-items: flex-start;
}
.middle-xs {
  align-items: center;
}
.bottom-xs {
  align-items: flex-end;
}
.stretch-xs {
  align-items: stretch;
}
.baseline-xs {
  align-items: baseline;
}
.around-xs {
  justify-content: space-around;
}
.between-xs {
  justify-content: space-between;
}
.first-xs {
  order: -1;
}
.last-xs {
  order: 1;
}
@media only screen and (min-width: 768px) {
  .col-sm {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-sm {
    justify-content: flex-start;
  }
  .center-sm {
    justify-content: center;
  }
  .end-sm {
    justify-content: flex-end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .stretch-sm {
    align-items: stretch;
  }
  .baseline-sm {
    align-items: baseline;
  }
  .around-sm {
    justify-content: space-around;
  }
  .between-sm {
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 992px) {
  .col-md {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-md {
    justify-content: flex-start;
  }
  .center-md {
    justify-content: center;
  }
  .end-md {
    justify-content: flex-end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .stretch-md {
    align-items: stretch;
  }
  .baseline-md {
    align-items: baseline;
  }
  .around-md {
    justify-content: space-around;
  }
  .between-md {
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 1200px) {
  .col-lg {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-lg {
    justify-content: flex-start;
  }
  .center-lg {
    justify-content: center;
  }
  .end-lg {
    justify-content: flex-end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .stretch-lg {
    align-items: stretch;
  }
  .baseline-lg {
    align-items: baseline;
  }
  .around-lg {
    justify-content: space-around;
  }
  .between-lg {
    justify-content: space-between;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
@media only screen and (min-width: 1600px) {
  .col-xl {
    max-width: 100%;
    flex: 1 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-1 {
    max-width: 8.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-2 {
    max-width: 16.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-3 {
    max-width: 25%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 25%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-4 {
    max-width: 33.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-5 {
    max-width: 41.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-6 {
    max-width: 50%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 50%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-7 {
    max-width: 58.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-8 {
    max-width: 66.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-9 {
    max-width: 75%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 75%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-10 {
    max-width: 83.3333333333%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-11 {
    max-width: 91.6666666667%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-12 {
    max-width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-basis: 100%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .start-xl {
    justify-content: flex-start;
  }
  .center-xl {
    justify-content: center;
  }
  .end-xl {
    justify-content: flex-end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .stretch-xl {
    align-items: stretch;
  }
  .baseline-xl {
    align-items: baseline;
  }
  .around-xl {
    justify-content: space-around;
  }
  .between-xl {
    justify-content: space-between;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
.stack > * + * {
  margin-top: var(--space-300);
}
.stack--compact > * + * {
  margin-top: var(--space-100);
}
.stack--open > * + * {
  margin-top: var(--space-400);
}
.card {
  position: relative;
  display: block;
  padding: var(--space-300);
  border: 1px solid var(--color-neutral-400);
  background: var(--color-neutral-white);
}
.card--info {
  border-color: var(--color-neutral-600);
  background: var(--color-neutral-300);
}
.card--primary {
  border-color: var(--color-primary-900);
  background: var(--color-primary-100);
}
.card--warning {
  border-color: var(--color-warning-400);
  background: var(--color-warning-100);
}
.card--secondary {
  border-color: var(--color-secondary-400);
  background: var(--color-secondary-100);
}
.card--clickable {
  cursor: pointer;
  transition: transform 0.125s ease-in-out, border-color 0.125s ease-in-out;
  will-change: auto;
}
.card--clickable:hover,
.card--clickable:focus {
  border-color: var(--color-secondary-600);
  transform: translateY(-2%);
}
.card--full-size {
  max-width: 100%;
  height: 100%;
}
.card--small {
  padding: 0;
}
.card--medium {
  padding: var(--space-600);
}
.card--large {
  padding: var(--space-800);
}
.card--x-large {
  padding: var(--space-1000);
}
.button {
  display: inline-block;
  border: 0;
  border-radius: var(--border-radius-200);
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-reset);
  text-align: center;
  text-decoration: none;
}
.button--block {
  display: block;
  width: 100%;
}
.button[disabled] {
  border: 0;
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  text-decoration: none;
}
.button[disabled]:hover {
  border: 0;
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
  cursor: not-allowed;
}
.button--sm {
  padding: var(--space-100) var(--space-200);
  font-size: var(--font-size-body-sm);
}
.button--md {
  padding: var(--space-200) var(--space-300);
  font-size: var(--font-size-body-md);
}
.button--lg {
  padding: var(--space-300) var(--space-400);
  font-size: var(--font-size-body-lg);
}
.button--primary {
  background: var(--color-secondary);
  color: var(--color-neutral-white);
}
.button--primary:hover,
.button--primary:focus {
  background: var(--color-secondary-500);
}
.button--secondary {
  border: 1px solid var(--color-secondary);
  background: var(--color-neutral-white);
  color: var(--color-secondary);
}
.button--secondary:hover,
.button--secondary:focus {
  border: 1px solid var(--color-secondary);
  background: var(--color-secondary-100);
  color: var(--color-secondary);
}
.button--tertiary {
  background: var(--color-primary);
  color: var(--color-neutral-black);
}
.button--tertiary:hover,
.button--tertiary:focus {
  background: var(--color-primary-500);
}
.button--warning {
  background: var(--color-warning);
  color: var(--color-neutral-white);
}
.button--warning:hover,
.button--warning:focus {
  background: var(--color-warning-600);
}
.button--link {
  background: transparent;
  color: var(--color-secondary);
  text-decoration: underline;
  text-decoration-color: var(--color-secondary);
}
.button--link:hover,
.button--link:focus {
  background: var(--color-neutral-300);
  color: var(--color-secondary-500);
  text-decoration-color: var(--color-secondary-500);
}
a.button {
  display: inline-block;
  border: 0;
  border-radius: var(--border-radius-200);
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-reset);
  text-align: center;
  text-decoration: none;
}
a.button:hover {
  border: 0;
  text-decoration: none;
}
a.button--block {
  display: block;
  width: 100%;
}
a.button[disabled] {
  background: var(--color-neutral-300);
  color: var(--color-neutral-black);
}
a.button[disabled]:hover {
  background: var(--color-neutral-300);
  cursor: not-allowed;
}
a.button--sm {
  padding: var(--space-100) var(--space-200);
  font-size: var(--font-size-body-sm);
}
a.button--md {
  padding: var(--space-200) var(--space-300);
  font-size: var(--font-size-body-md);
}
a.button--lg {
  padding: var(--space-300) var(--space-400);
  font-size: var(--font-size-body-lg);
}
a.button--primary {
  background: var(--color-secondary);
  color: var(--color-neutral-white);
}
a.button--primary:hover,
a.button--primary:focus {
  background: var(--color-secondary-500);
  color: var(--color-neutral-white);
}
a.button--secondary {
  border: 1px solid var(--color-secondary);
  background: var(--color-neutral-white);
  color: var(--color-secondary);
}
a.button--secondary:hover,
a.button--secondary:focus {
  border: 1px solid var(--color-secondary);
  background: var(--color-secondary-100);
  color: var(--color-secondary);
}
a.button--tertiary {
  background: var(--color-primary);
  color: var(--color-neutral-black);
}
a.button--tertiary:hover,
a.button--tertiary:focus {
  background: var(--color-primary-500);
  color: var(--color-neutral-black);
}
a.button--warning {
  background: var(--color-warning);
  color: var(--color-neutral-white);
}
a.button--warning:hover,
a.button--warning:focus {
  background: var(--color-warning-600);
  color: var(--color-neutral-white);
}
a.button--link {
  background: transparent;
  color: var(--color-secondary);
  text-decoration: underline;
  text-decoration-color: var(--color-secondary);
}
a.button--link:hover,
a.button--link:focus {
  background: var(--color-neutral-300);
  color: var(--color-secondary-500);
  text-decoration-color: var(--color-secondary-500);
}
.input {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.input__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-200);
  border: 1px solid var(--color-neutral-400);
  border-radius: var(--border-radius-200);
  margin-top: var(--space-100);
  margin-bottom: 2px;
  appearance: none;
  background-color: transparent;
  box-shadow: 0 0 2px 2px transparent;
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: 2.75rem;
}
.input--sm .input__control {
  height: 1.75rem;
  padding: 0 var(--space-100);
  font-size: var(--font-size-100);
}
.input__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-500);
}
.input__control:focus:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.input__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.input__control[readonly],
.input__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.input__control:disabled {
  cursor: not-allowed;
}
.validated .input__control:invalid,
.input--validated .input__control:invalid,
.input--invalid .input__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.input__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.input__label {
  display: inline-block;
  color: var(--color-neutral-800);
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  pointer-events: none;
}
.input__control[readonly] ~ .input__label,
.input__control:disabled ~ .input__label {
  color: var(--color-neutral-500);
}
.input--sm .input__label {
  font-size: var(--font-size-100);
}
.input--sm .input__control:focus ~ .input__label,
.input--sm .input__control:not(:placeholder-shown) ~ .input__label,
.input--sm .input__control--active ~ .input__label {
  font-size: var(--font-size-0);
}
.validated .input__control:invalid ~ .input__label,
.validated .input__control:focus:invalid ~ .input__label,
.validated .input__control:not(:placeholder-shown):invalid ~ .input__label,
.validated .input__control--active:invalid ~ .input__label,
.input--validated .input__control:invalid ~ .input__label,
.input--validated .input__control:focus:invalid ~ .input__label,
.input--validated .input__control:not(:placeholder-shown):invalid ~ .input__label,
.input--validated .input__control--active:invalid ~ .input__label,
.input--invalid .input__label,
.input--invalid .input__control:focus ~ .input__label,
.input--invalid .input__control:not(:placeholder-shown) ~ .input__label,
.input--invalid .input__control--active ~ .input__label {
  color: var(--color-warning);
}
.textarea {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.textarea__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-200);
  border: 1px solid var(--color-neutral-400);
  border-radius: var(--border-radius-200);
  margin-top: var(--space-100);
  margin-bottom: 2px;
  appearance: none;
  background-color: transparent;
  box-shadow: 0 0 2px 2px transparent;
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: auto;
  overflow: auto;
  min-height: 2.5rem;
  line-height: 1.25;
  resize: vertical;
}
.textarea--sm .textarea__control {
  font-size: var(--font-size-100);
}
.textarea__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-500);
}
.textarea__control:focus:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.textarea__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.textarea__control[readonly],
.textarea__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.textarea__control:disabled {
  cursor: not-allowed;
}
.validated .textarea__control:invalid,
.textarea--validated .textarea__control:invalid,
.textarea--invalid .textarea__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.textarea__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.textarea__label {
  display: inline-block;
  color: var(--color-neutral-800);
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  pointer-events: none;
  top: var(--space-300);
  transform: translateY(0);
}
.textarea__control[readonly] ~ .textarea__label,
.textarea__control:disabled ~ .textarea__label {
  color: var(--color-neutral-500);
}
.textarea--sm .textarea__label {
  font-size: var(--font-size-100);
}
.textarea--sm .textarea__control:focus ~ .textarea__label,
.textarea--sm .textarea__control:not(:placeholder-shown) ~ .textarea__label,
.textarea--sm .textarea__control--active ~ .textarea__label {
  font-size: var(--font-size-0);
}
.validated .textarea__control:invalid ~ .textarea__label,
.validated .textarea__control:focus:invalid ~ .textarea__label,
.validated .textarea__control:not(:placeholder-shown):invalid ~ .textarea__label,
.validated .textarea__control--active:invalid ~ .textarea__label,
.textarea--validated .textarea__control:invalid ~ .textarea__label,
.textarea--validated .textarea__control:focus:invalid ~ .textarea__label,
.textarea--validated .textarea__control:not(:placeholder-shown):invalid ~ .textarea__label,
.textarea--validated .textarea__control--active:invalid ~ .textarea__label,
.textarea--invalid .textarea__label,
.textarea--invalid .textarea__control:focus ~ .textarea__label,
.textarea--invalid .textarea__control:not(:placeholder-shown) ~ .textarea__label,
.textarea--invalid .textarea__control--active ~ .textarea__label {
  color: var(--color-warning);
}
.select {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.select__control {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: var(--space-200);
  border: 1px solid var(--color-neutral-400);
  border-radius: var(--border-radius-200);
  margin-top: var(--space-100);
  margin-bottom: 2px;
  appearance: none;
  background-color: transparent;
  box-shadow: 0 0 2px 2px transparent;
  color: var(--color-neutral-black);
  font-family: inherit;
  font-size: 1rem;
  font-weight: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  height: 2.75rem;
  padding-right: 2rem;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
  background-position: right 1rem bottom 50%;
  background-repeat: no-repeat;
  line-height: var(--line-height-0);
}
.select--sm .select__control {
  height: 1.75rem;
  padding: 0 var(--space-100);
  font-size: var(--font-size-100);
}
.select__control:hover:not(:disabled) {
  outline: 1px solid var(--color-neutral-500);
}
.select__control:focus:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.select__control::placeholder {
  color: var(--color-neutral-700);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  opacity: 1;
  visibility: visible;
}
.select__control[readonly],
.select__control:disabled {
  background-color: var(--color-neutral-200);
  color: var(--color-neutral-500);
  opacity: 1;
  -webkit-text-fill-color: var(--color-neutral-500);
}
.select__control:disabled {
  cursor: not-allowed;
}
.validated .select__control:invalid,
.select--validated .select__control:invalid,
.select--invalid .select__control {
  border-color: var(--color-warning);
  outline: 1px solid var(--color-warning);
}
.select__control::-webkit-date-and-time-value {
  position: relative;
  top: var(--space-100);
  text-align: left;
}
.select__control:disabled {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
}
.validated .select__control:invalid,
.select--invalid .select__control {
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20viewBox%3D%220%200%2012%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M0.5%201.75L6%207.25L11.5%201.75%22%20stroke%3D%22%2358554C%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E);
}
.select__label {
  display: inline-block;
  color: var(--color-neutral-800);
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  pointer-events: none;
}
.select__control[readonly] ~ .select__label,
.select__control:disabled ~ .select__label {
  color: var(--color-neutral-500);
}
.select--sm .select__label {
  font-size: var(--font-size-100);
}
.select--sm .select__control:focus ~ .select__label,
.select--sm .select__control:not(:placeholder-shown) ~ .select__label,
.select--sm .select__control--active ~ .select__label {
  font-size: var(--font-size-0);
}
.validated .select__control:invalid ~ .select__label,
.validated .select__control:focus:invalid ~ .select__label,
.validated .select__control:not(:placeholder-shown):invalid ~ .select__label,
.validated .select__control--active:invalid ~ .select__label,
.select--validated .select__control:invalid ~ .select__label,
.select--validated .select__control:focus:invalid ~ .select__label,
.select--validated .select__control:not(:placeholder-shown):invalid ~ .select__label,
.select--validated .select__control--active:invalid ~ .select__label,
.select--invalid .select__label,
.select--invalid .select__control:focus ~ .select__label,
.select--invalid .select__control:not(:placeholder-shown) ~ .select__label,
.select--invalid .select__control--active ~ .select__label {
  color: var(--color-warning);
}
.checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
}
.checkbox__control {
  position: relative;
  width: var(--space-300);
  height: var(--space-300);
  flex: 1 0 auto;
  border: 1px solid var(--color-neutral-700);
  appearance: none;
  cursor: pointer;
  transition: all 250ms;
  border-radius: var(--border-radius-200);
}
.checkbox__control:focus:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.checkbox__control:focus-within:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.checkbox__control:focus-visible {
  outline: 1px solid var(--color-secondary);
}
.checkbox__control:disabled {
  border-color: var(--color-neutral-500);
  cursor: not-allowed;
}
.checkbox__control:checked {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}
.checkbox__control:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  color: var(--color-neutral-white);
  content: "\2713";
  font-size: var(--font-size-0);
  font-weight: var(--font-weight-bold);
  transform: translate(-50%, -50%);
}
.checkbox__control:checked:disabled {
  border-color: var(--color-neutral-500);
  background-color: var(--color-neutral-500);
}
.checkbox__label {
  flex: 0 1 auto;
  cursor: pointer;
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
}
.checkbox__control:disabled ~ .checkbox__label {
  color: var(--color-neutral-500);
}
.checkbox__control:disabled ~ .checkbox__label {
  cursor: not-allowed;
}
.checkbox--invalid .checkbox__label,
.validated .checkbox__control:invalid ~ .checkbox__label {
  color: var(--color-warning);
}
.radio {
  display: inline-flex;
  align-items: center;
  gap: var(--space-200);
}
.radio__control {
  position: relative;
  width: var(--space-300);
  height: var(--space-300);
  flex: 1 0 auto;
  border: 1px solid var(--color-neutral-700);
  appearance: none;
  cursor: pointer;
  transition: all 250ms;
  border-radius: var(--border-radius-full);
}
.radio__control:focus:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.radio__control:focus-within:not(:disabled) {
  outline: 1px solid var(--color-secondary);
}
.radio__control:focus-visible {
  outline: 1px solid var(--color-secondary);
}
.radio__control:disabled {
  border-color: var(--color-neutral-500);
  cursor: not-allowed;
}
.radio__control:checked {
  border-color: var(--color-secondary);
}
.radio__control:checked::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: var(--space-200);
  height: var(--space-200);
  border-radius: var(--border-radius-full);
  background-color: var(--color-secondary);
  content: "";
  transform: translate(-50%, -50%);
}
.radio__control:checked:disabled {
  border-color: var(--color-neutral-500);
}
.radio__control:checked:disabled::before {
  background-color: var(--color-neutral-500);
}
.radio__label {
  flex: 0 1 auto;
  cursor: pointer;
  font-size: var(--font-size-100);
  font-weight: var(--font-weight-semi-bold);
}
.radio__control:disabled ~ .radio__label {
  color: var(--color-neutral-500);
}
.radio__control:disabled ~ .radio__label {
  cursor: not-allowed;
}
.radio--invalid .radio__label,
.validated .radio__control:invalid ~ .radio__label {
  color: var(--color-warning);
}
.form-help {
  display: block;
  margin-top: var(--space-75);
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-sm);
}
.form-help--valid {
  color: var(--color-secondary);
}
.form-help--invalid {
  color: var(--color-warning);
}
.form-group__fieldset {
  padding: 0;
  border: 0;
  margin: 0;
  box-shadow: none;
}
.form-group__legend {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  margin: 0 0 var(--space-100);
  font-size: var(--font-size-50);
}
.form-group__fieldset:disabled .form-group__legend {
  color: var(--color-neutral-500);
}
.form-group__controls {
  display: block;
}
.form-group__controls > :not(:last-child) {
  margin-right: var(--space-300);
}
.form-group--vertical .form-group__controls > * {
  display: block;
}
.form-group--vertical .form-group__controls > :not(:last-child) {
  margin-right: 0;
  margin-bottom: var(--space-100);
}
.breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
}
.breadcrumbs .breadcrumbs__item:not(:last-child) {
  color: var(--color-secondary);
  white-space: nowrap;
}
.breadcrumbs .breadcrumbs__item:not(:last-child)::after {
  display: inline-block;
  width: 2px;
  height: 1rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  background-color: var(--color-secondary);
  content: "";
  transform: rotate(25deg);
  vertical-align: middle;
}
.breadcrumbs .breadcrumbs__item:last-child {
  font-weight: bold;
}
.breadcrumbs .breadcrumbs__item:last-child :hover {
  text-decoration: none;
}
.pill {
  display: inline-flex;
  padding: var(--space-100);
  border: 1px solid var(--color-neutral-500);
  border-radius: var(--border-radius-400);
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-black);
  line-height: var(--line-height-reset);
}
.pill__content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-body-xs);
  font-weight: var(--font-weight-500);
  gap: var(--space-75);
  text-transform: uppercase;
}
.pill--primary {
  border: 1px solid var(--color-primary-900);
  background-color: var(--color-primary-100);
  color: var(--color-primary-900);
}
.pill--secondary {
  border: 1px solid var(--color-secondary-600);
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-600);
}
.pill--tertiary {
  border: 1px solid var(--color-tertiary-600);
  background-color: var(--color-tertiary-100);
  color: var(--color-tertiary-600);
}
.pill--quaternary {
  border: 1px solid var(--color-quaternary);
  background-color: var(--color-quaternary-100);
  color: var(--color-quaternary);
}
.pill--info {
  border-color: var(--color-neutral-600);
  background: var(--color-neutral-300);
  color: var(--color-neutral-900);
}
.pill--warning {
  border: 1px solid var(--color-warning-600);
  background-color: var(--color-warning-100);
  color: var(--color-warning-600);
}
.pill--static {
  border-color: var(--color-neutral-black);
  background: var(--color-neutral-600);
  color: var(--color-neutral-white);
}
.pill--sm > .pill__content {
  font-size: var(--font-size-body-xs);
}
.pill--md > .pill__content {
  font-size: var(--font-size-body-sm);
}
.pill--lg > .pill__content {
  font-size: var(--font-size-body-md);
}
.switch {
  --switch-checked-string: "On";
  --switch-unchecked-string: "Off";
  --switch-width: var(--space-700);
  --switch-height: var(--space-400);
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.switch__label {
  margin-right: var(--space-100);
  line-height: var(--line-height-reset);
  -webkit-user-select: none;
  user-select: none;
}
.switch__control {
  position: relative;
  width: var(--switch-width);
  height: var(--switch-height);
  border-radius: var(--border-radius-400);
  appearance: none;
  background-color: var(--color-neutral-400);
  box-shadow: var(--shadow-inset);
  cursor: pointer;
  transition: all var(--motion-duration-mid);
}
.switch__control::after {
  display: block;
  margin-top: calc(var(--switch-height) - 50%);
  margin-left: calc(var(--switch-width) + 6px);
  color: var(--color-neutral-black);
  content: var(--switch-unchecked-string);
  font-size: var(--font-size-50);
  font-weight: var(--font-weight-500);
  text-transform: uppercase;
  white-space: nowrap;
}
.switch__control::before {
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: var(--space-400);
  height: var(--space-300);
  border-radius: var(--border-radius-400);
  background-color: var(--color-neutral-white);
  box-shadow: var(--shadow-sm);
  content: "";
  transition: all var(--motion-duration-fast);
}
.switch__control:checked {
  background-color: var(--color-success);
}
.switch__control:checked::after {
  content: var(--switch-checked-string);
}
.switch__control:checked::before {
  position: absolute;
  top: 4px;
  display: block;
  border-radius: var(--border-radius-400);
  background-color: var(--color-neutral-white);
  content: "";
  transform: translateX(var(--space-300));
}
.switch--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.switch--vertical > .switch__label {
  margin-bottom: var(--space-200);
}
.switch--primary > .switch__control:checked {
  background-color: var(--color-primary);
}
.switch--small > .switch__label {
  font-size: var(--font-size-body-sm);
}
.switch--small > .switch__control {
  --switch-width: var(--space-500);
  --swith-height: var(--space-300);
}
.switch--small > .switch__control::before {
  width: var(--space-300);
  height: var(--space-300);
}
.switch--small > .switch__control::after {
  margin-top: calc(var(--switch-height) - 65%);
  margin-right: calc(var(--switch-width) + 6px);
  font-size: var(--font-size-0);
}
.switch--small > .switch__control:checked::before {
  transform: translateX(var(--space-100));
}
.switch--small > .switch__control:checked::after {
  margin-right: calc(var(--switch-width) + 6px);
  content: var(--switch-checked-string);
}
.switch--large > .switch__label {
  font-size: var(--font-size-body-lg);
}
.switch--large > .switch__control {
  --switch-width: var(--space-800);
  --switch-height: var(--space-500);
}
.switch--large > .switch__control::before {
  width: var(--space-500);
  height: var(--space-400);
}
.switch--large > .switch__control::after {
  margin-top: calc(var(--switch-height) - 45%);
  font-size: var(--font-size-100);
}
.switch--large > .switch__control:checked::before {
  transform: translateX(var(--space-400));
}
.table-wrapper {
  overflow-x: auto;
  scroll-snap-type: both mandatory;
}
.table-wrapper table,
.table-wrapper .table {
  display: table;
  overflow: auto;
  width: 100%;
  border-collapse: collapse;
}
.table-wrapper table caption,
.table-wrapper .table caption {
  margin-bottom: var(--space-100);
  font-size: var(--font-size-heading-xs);
  font-weight: var(--font-weight-bold);
  text-align: left;
}
.table-wrapper table thead,
.table-wrapper .table thead {
  width: 100%;
}
.table-wrapper table thead tr,
.table-wrapper .table thead tr {
  background: var(--color-neutral-200);
  text-align: left;
  vertical-align: bottom;
}
.table-wrapper table thead tr th,
.table-wrapper .table thead tr th {
  padding: var(--space-200) var(--space-300);
  border-top: 1px solid var(--color-neutral-400);
  border-bottom: 1px solid var(--color-neutral-400);
  color: var(--color-neutral-black);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-200);
  scroll-snap-align: start;
}
.table-wrapper table thead.sticky th,
.table-wrapper .table thead.sticky th {
  position: sticky;
  z-index: var(--elevation-200);
  top: 0;
  background: var(--color-neutral-200);
}
.table-wrapper table tbody.sticky th,
.table-wrapper .table tbody.sticky th {
  position: sticky;
  z-index: var(--elevation-100);
  left: 0;
  scroll-snap-align: start;
}
.table-wrapper table tbody tr,
.table-wrapper .table tbody tr {
  background: inherit;
  text-align: left;
  vertical-align: middle;
}
.table-wrapper table tbody tr:nth-of-type(even),
.table-wrapper .table tbody tr:nth-of-type(even) {
  background: var(--color-neutral-200);
}
.table-wrapper table tbody tr:hover,
.table-wrapper .table tbody tr:hover {
  background: var(--color-primary-100);
}
.table-wrapper table tbody tr th,
.table-wrapper .table tbody tr th {
  padding: var(--space-100) var(--space-300);
  border-bottom: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-200);
  font-size: var(--font-size-body-sm);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-200);
}
.table-wrapper table tbody tr td,
.table-wrapper .table tbody tr td {
  padding: var(--space-100) var(--space-300);
  border-bottom: 1px solid var(--color-neutral-300);
  font-size: var(--font-size-body-sm);
  scroll-snap-align: start;
}
.table-wrapper table tfoot tr,
.table-wrapper .table tfoot tr {
  height: 2rem;
  background: var(--color-neutral-white);
  text-align: left;
  vertical-align: middle;
}
.table-wrapper table tfoot tr th,
.table-wrapper .table tfoot tr th {
  padding: var(--space-200) var(--space-300);
  font-size: var(--font-size-body-sm);
  font-weight: bold;
}
.table-wrapper table tfoot tr td,
.table-wrapper .table tfoot tr td {
  padding: var(--space-100) var(--space-300);
  border: 0;
  font-size: var(--font-size-body-sm);
  font-weight: bold;
}
.table-wrapper table.table--compact thead th,
.table-wrapper .table.table--compact thead th {
  padding: var(--space-75) var(--space-75);
}
.table-wrapper table.table--compact tbody tr th,
.table-wrapper table.table--compact tbody tr td,
.table-wrapper .table.table--compact tbody tr th,
.table-wrapper .table.table--compact tbody tr td {
  padding: var(--space-50) var(--space-75);
}
.table-wrapper table.table--compact tfoot tr th,
.table-wrapper table.table--compact tfoot tr td,
.table-wrapper .table.table--compact tfoot tr th,
.table-wrapper .table.table--compact tfoot tr td {
  padding: var(--space-50) var(--space-75);
}
.table-wrapper table.table--open thead th,
.table-wrapper .table.table--open thead th {
  padding: var(--space-300) var(--space-400);
}
.table-wrapper table.table--open tbody tr th,
.table-wrapper table.table--open tbody tr td,
.table-wrapper .table.table--open tbody tr th,
.table-wrapper .table.table--open tbody tr td {
  padding: var(--space-200) var(--space-400);
}
.table-wrapper table.table--open tfoot tr th,
.table-wrapper table.table--open tfoot tr td,
.table-wrapper .table.table--open tfoot tr th,
.table-wrapper .table.table--open tfoot tr td {
  padding: var(--space-200) var(--space-400);
}
.table-wrapper table.table--unstriped tbody tr:nth-of-type(odd),
.table-wrapper .table.table--unstriped tbody tr:nth-of-type(odd) {
  background: inherit;
}
.table-wrapper table.table--unstriped tbody tr:nth-of-type(even),
.table-wrapper .table.table--unstriped tbody tr:nth-of-type(even) {
  background: inherit;
}
.table-wrapper table.table--unstriped tbody tr:hover,
.table-wrapper .table.table--unstriped tbody tr:hover {
  background: var(--color-primary-100);
}
.table-wrapper table.table--bordered,
.table-wrapper .table.table--bordered {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--bordered thead th,
.table-wrapper .table.table--bordered thead th {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--bordered tbody tr th,
.table-wrapper table.table--bordered tbody tr td,
.table-wrapper .table.table--bordered tbody tr th,
.table-wrapper .table.table--bordered tbody tr td {
  border: 1px solid var(--color-neutral-700);
}
.table-wrapper table.table--fixed,
.table-wrapper .table.table--fixed {
  table-layout: fixed;
}
.pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  margin: 0;
  gap: var(--space-75);
  list-style-type: none;
}
.pagination__link {
  display: flex;
  min-width: 2.75rem;
  height: 2.75rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  border-width: 0;
  border-radius: 1.375rem;
  appearance: none;
  background-color: transparent;
  color: var(--color-neutral-700);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--font-size-50);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  text-align: center;
  text-decoration: none;
}
.pagination__link:hover,
.pagination__link:focus {
  background-color: var(--color-neutral-300);
  color: var(--color-neutral-black);
  text-decoration: none;
}
.pagination__link--prev,
.pagination__link--next {
  padding: 0;
}
.pagination__link--current {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
  color: var(--color-neutral-white);
}
.pagination__link--current:hover,
.pagination__link--current:focus {
  background-color: var(--color-secondary);
  color: var(--color-neutral-white);
}
.pagination__link[disabled] {
  color: var(--color-neutral-500);
  cursor: not-allowed;
}
.pagination__link[disabled]:hover {
  background-color: transparent;
}
.pagination--bordered .pagination__link {
  border: 1px solid var(--color-neutral-500);
}
.pagination--bordered .pagination__link--current {
  border-color: var(--color-secondary);
}
.button-toggle {
  display: inline-flex;
  padding: 0.125rem;
  border: 1px solid var(--color-secondary-500);
  border-radius: var(--border-radius-200);
  background-color: var(--color-neutral-white);
  gap: 0.125rem;
}
.button-toggle--disabled {
  border-color: var(--color-neutral-600);
}
.button-toggle__button {
  padding: var(--space-50) var(--space-200);
  border: 0;
  border-radius: var(--border-radius-200);
  appearance: none;
  background-color: var(--color-neutral-white);
  background-image: none;
  color: var(--color-neutral-600);
  cursor: pointer;
  font-weight: var(--font-weight-black);
  text-decoration: none;
}
.button-toggle__button:disabled {
  color: var(--color-neutral-600);
  cursor: not-allowed;
}
.button-toggle__button:not(.button-toggle__button--active):hover {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
}
.button-toggle__button:not(.button-toggle__button--active):hover:disabled {
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-600);
}
.button-toggle__button--active {
  background-color: var(--color-secondary-100);
  color: var(--color-secondary-500);
}
.button-toggle__button--active:disabled {
  background-color: var(--color-neutral-300);
  color: var(--color-neutral-600);
}
.button-toggle__button:active:not(:disabled) {
  background-color: rgb(215.2428571429, 232.5285714286, 234.2571428571);
}
.detail-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 6.25rem;
}
.detail-list__term {
  color: var(--color-neutral-600);
  font-weight: var(--font-weight-black);
}
.tabs-nav {
  display: flex;
  padding: var(--space-200) var(--space-500);
  border-bottom: 1px solid #dddddd;
  gap: 0.75rem;
  overflow-y: auto;
}
.tabs-nav__link {
  flex: 0 0 auto;
  padding: var(--space-100) var(--space-200);
  border-radius: var(--border-radius-200);
  color: var(--color-neutral-600);
  font-weight: var(--font-weight-black);
  text-decoration: none;
}
.tabs-nav__link:hover,
.tabs-nav__link:active,
.tabs-nav__link--active {
  color: var(--color-secondary-500);
  text-decoration: none;
}
.tabs-nav__link:hover,
.tabs-nav__link--active {
  background-color: var(--color-secondary-100);
}
.tabs-nav__link:active {
  background-color: rgb(215.2428571429, 232.5285714286, 234.2571428571);
}
.link {
  color: var(--link-color);
  font-size: var(--font-size-body-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
  text-decoration: underline;
}
.link:hover {
  color: var(--link-color-hover);
  text-decoration: underline;
}
.ff-sans {
  font-family: var(--font-family-webfont) !important;
}
.ff-system-sans {
  font-family: var(--font-family-system-sans) !important;
}
.ff-system-serif {
  font-family: var(--font-family-system-serif) !important;
}
.ff-system-mono {
  font-family: var(--font-family-system-mono) !important;
}
.ff-body {
  font-family: var(--font-family-body) !important;
}
.ff-header {
  font-family: var(--font-family-header) !important;
}
.ff-public {
  font-family: var(--font-family-public) !important;
}
.h1 {
  font-size: var(--font-size-heading-xxl) !important;
  line-height: var(--line-height-heading) !important;
}
.h2 {
  font-size: var(--font-size-heading-xl) !important;
  line-height: var(--line-height-heading) !important;
}
.h3 {
  font-size: var(--font-size-heading-lg) !important;
  line-height: var(--line-height-heading) !important;
}
.h4 {
  font-size: var(--font-size-heading-md) !important;
  line-height: var(--line-height-heading) !important;
}
.h5 {
  font-size: var(--font-size-heading-sm) !important;
  line-height: var(--line-height-heading) !important;
}
.h6 {
  font-size: var(--font-size-heading-xs) !important;
  line-height: var(--line-height-heading) !important;
}
.fs-display-sm {
  font-size: var(--font-size-display-sm) !important;
}
.fs-display-md {
  font-size: var(--font-size-display-md) !important;
}
.fs-display-lg {
  font-size: var(--font-size-display-lg) !important;
}
.fs-body-xs {
  font-size: var(--font-size-body-xs) !important;
}
.fs-body-sm {
  font-size: var(--font-size-body-sm) !important;
}
.fs-body-md {
  font-size: var(--font-size-body-md) !important;
}
.fs-body-lg {
  font-size: var(--font-size-body-lg) !important;
}
.fw-light {
  font-weight: var(--font-weight-light) !important;
}
.fw-regular {
  font-weight: var(--font-weight-regular) !important;
}
.fw-medium {
  font-weight: var(--font-weight-medium) !important;
}
.fw-semibold {
  font-weight: var(--font-weight-semibold) !important;
}
.fw-bold {
  font-weight: var(--font-weight-bold) !important;
}
.fw-black {
  font-weight: var(--font-weight-black) !important;
}
.fs-italic {
  font-style: italic !important;
}
.tt-uppercase {
  text-transform: uppercase !important;
}
.tt-lowercase {
  text-transform: lowercase !important;
}
.tt-capitalize {
  text-transform: capitalize !important;
}
.td-underline {
  text-decoration: underline !important;
}
.td-none {
  text-decoration: none !important;
}
.ws-no-wrap {
  white-space: nowrap !important;
}
.ws-normal {
  white-space: normal !important;
}
.ta-left {
  text-align: left !important;
}
.ta-right {
  text-align: right !important;
}
.ta-center {
  text-align: center !important;
}
@media only screen and (min-width: 768px) {
  .ta-left\@sm {
    text-align: left !important;
  }
  .ta-right\@sm {
    text-align: right !important;
  }
  .ta-center\@sm {
    text-align: center !important;
  }
}
@media only screen and (min-width: 992px) {
  .ta-left\@md {
    text-align: left !important;
  }
  .ta-right\@md {
    text-align: right !important;
  }
  .ta-center\@md {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1200px) {
  .ta-left\@lg {
    text-align: left !important;
  }
  .ta-right\@lg {
    text-align: right !important;
  }
  .ta-center\@lg {
    text-align: center !important;
  }
}
@media only screen and (min-width: 1600px) {
  .ta-left\@xl {
    text-align: left !important;
  }
  .ta-right\@xl {
    text-align: right !important;
  }
  .ta-center\@xl {
    text-align: center !important;
  }
}
.lh-body {
  line-height: var(--line-height-body) !important;
}
.lh-heading {
  line-height: var(--line-height-heading) !important;
}
.lh-sub-heading {
  line-height: var(--line-height-sub-heading) !important;
}
.lh-reset {
  line-height: var(--line-height-reset) !important;
}
.border {
  border: 1px solid var(--color-neutral-500) !important;
}
.border-t {
  border-top: 1px solid var(--color-neutral-500) !important;
}
.border-r {
  border-right: 1px solid var(--color-neutral-500) !important;
}
.border-l {
  border-left: 1px solid var(--color-neutral-500) !important;
}
.border-b {
  border-bottom: 1px solid var(--color-neutral-500) !important;
}
.border-x {
  border-right: 1px solid var(--color-neutral-500) !important;
  border-left: 1px solid var(--color-neutral-500) !important;
}
.border-y {
  border-top: 1px solid var(--color-neutral-500) !important;
  border-bottom: 1px solid var(--color-neutral-500) !important;
}
.border-0 {
  border: 0 !important;
}
.border-t-0 {
  border-top: 0 !important;
}
.border-r-0 {
  border-right: 0 !important;
}
.border-l-0 {
  border-left: 0 !important;
}
.border-b-0 {
  border-bottom: 0 !important;
}
.border-x-0 {
  border-right: 0 !important;
  border-left: 0 !important;
}
.border-y-0 {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-dotted {
  border-style: dotted !important;
}
.rounded-0 {
  border-radius: var(--border-radius-0) !important;
}
.rounded-100 {
  border-radius: var(--border-radius-100) !important;
}
.rounded-200 {
  border-radius: var(--border-radius-200) !important;
}
.rounded-300 {
  border-radius: var(--border-radius-300) !important;
}
.rounded-400 {
  border-radius: var(--border-radius-400) !important;
}
.round {
  border-radius: var(--border-radius-full) !important;
}
.bg-primary,
.h\:bg-primary:hover,
.f\:bg-primary:focus {
  background-color: var(--color-primary) !important;
}
.bg-primary-100,
.h\:bg-primary-100:hover,
.f\:bg-primary-100:focus {
  background-color: var(--color-primary-100) !important;
}
.bg-primary-200,
.h\:bg-primary-200:hover,
.f\:bg-primary-200:focus {
  background-color: var(--color-primary-200) !important;
}
.bg-primary-400,
.h\:bg-primary-400:hover,
.f\:bg-primary-400:focus {
  background-color: var(--color-primary-400) !important;
}
.bg-primary-500,
.h\:bg-primary-500:hover,
.f\:bg-primary-500:focus {
  background-color: var(--color-primary-500) !important;
}
.bg-primary-900,
.h\:bg-primary-900:hover,
.f\:bg-primary-900:focus {
  background-color: var(--color-primary-900) !important;
}
.c-primary,
.h\:c-primary:hover,
.f\:c-primary:focus {
  color: var(--color-primary) !important;
}
.c-primary-100,
.h\:c-primary-100:hover,
.f\:c-primary-100:focus {
  color: var(--color-primary-100) !important;
}
.c-primary-200,
.h\:c-primary-200:hover,
.f\:c-primary-200:focus {
  color: var(--color-primary-200) !important;
}
.c-primary-400,
.h\:c-primary-400:hover,
.f\:c-primary-400:focus {
  color: var(--color-primary-400) !important;
}
.c-primary-500,
.h\:c-primary-500:hover,
.f\:c-primary-500:focus {
  color: var(--color-primary-500) !important;
}
.c-primary-900,
.h\:c-primary-900:hover,
.f\:c-primary-900:focus {
  color: var(--color-primary-900) !important;
}
.bc-primary,
.h\:bc-primary:hover,
.f\:bc-primary:focus {
  border-color: var(--color-primary) !important;
}
.bc-primary-100,
.h\:bc-primary-100:hover,
.f\:bc-primary-100:focus {
  border-color: var(--color-primary-100) !important;
}
.bc-primary-200,
.h\:bc-primary-200:hover,
.f\:bc-primary-200:focus {
  border-color: var(--color-primary-200) !important;
}
.bc-primary-400,
.h\:bc-primary-400:hover,
.f\:bc-primary-400:focus {
  border-color: var(--color-primary-400) !important;
}
.bc-primary-500,
.h\:bc-primary-500:hover,
.f\:bc-primary-500:focus {
  border-color: var(--color-primary-500) !important;
}
.bc-primary-900,
.h\:bc-primary-900:hover,
.f\:bc-primary-900:focus {
  border-color: var(--color-primary-900) !important;
}
.bg-secondary,
.h\:bg-secondary:hover,
.f\:bg-secondary:focus {
  background-color: var(--color-secondary) !important;
}
.bg-secondary-100,
.h\:bg-secondary-100:hover,
.f\:bg-secondary-100:focus {
  background-color: var(--color-secondary-100) !important;
}
.bg-secondary-200,
.h\:bg-secondary-200:hover,
.f\:bg-secondary-200:focus {
  background-color: var(--color-secondary-200) !important;
}
.bg-secondary-300,
.h\:bg-secondary-300:hover,
.f\:bg-secondary-300:focus {
  background-color: var(--color-secondary-300) !important;
}
.bg-secondary-400,
.h\:bg-secondary-400:hover,
.f\:bg-secondary-400:focus {
  background-color: var(--color-secondary-400) !important;
}
.bg-secondary-500,
.h\:bg-secondary-500:hover,
.f\:bg-secondary-500:focus {
  background-color: var(--color-secondary-500) !important;
}
.bg-secondary-600,
.h\:bg-secondary-600:hover,
.f\:bg-secondary-600:focus {
  background-color: var(--color-secondary-600) !important;
}
.bg-secondary-700,
.h\:bg-secondary-700:hover,
.f\:bg-secondary-700:focus {
  background-color: var(--color-secondary-700) !important;
}
.bg-secondary-800,
.h\:bg-secondary-800:hover,
.f\:bg-secondary-800:focus {
  background-color: var(--color-secondary-800) !important;
}
.c-secondary,
.h\:c-secondary:hover,
.f\:c-secondary:focus {
  color: var(--color-secondary) !important;
}
.c-secondary-100,
.h\:c-secondary-100:hover,
.f\:c-secondary-100:focus {
  color: var(--color-secondary-100) !important;
}
.c-secondary-200,
.h\:c-secondary-200:hover,
.f\:c-secondary-200:focus {
  color: var(--color-secondary-200) !important;
}
.c-secondary-300,
.h\:c-secondary-300:hover,
.f\:c-secondary-300:focus {
  color: var(--color-secondary-300) !important;
}
.c-secondary-400,
.h\:c-secondary-400:hover,
.f\:c-secondary-400:focus {
  color: var(--color-secondary-400) !important;
}
.c-secondary-500,
.h\:c-secondary-500:hover,
.f\:c-secondary-500:focus {
  color: var(--color-secondary-500) !important;
}
.c-secondary-600,
.h\:c-secondary-600:hover,
.f\:c-secondary-600:focus {
  color: var(--color-secondary-600) !important;
}
.c-secondary-700,
.h\:c-secondary-700:hover,
.f\:c-secondary-700:focus {
  color: var(--color-secondary-700) !important;
}
.c-secondary-800,
.h\:c-secondary-800:hover,
.f\:c-secondary-800:focus {
  color: var(--color-secondary-800) !important;
}
.bc-secondary,
.h\:bc-secondary:hover,
.f\:bc-secondary:focus {
  border-color: var(--color-secondary) !important;
}
.bc-secondary-100,
.h\:bc-secondary-100:hover,
.f\:bc-secondary-100:focus {
  border-color: var(--color-secondary-100) !important;
}
.bc-secondary-200,
.h\:bc-secondary-200:hover,
.f\:bc-secondary-200:focus {
  border-color: var(--color-secondary-200) !important;
}
.bc-secondary-300,
.h\:bc-secondary-300:hover,
.f\:bc-secondary-300:focus {
  border-color: var(--color-secondary-300) !important;
}
.bc-secondary-400,
.h\:bc-secondary-400:hover,
.f\:bc-secondary-400:focus {
  border-color: var(--color-secondary-400) !important;
}
.bc-secondary-500,
.h\:bc-secondary-500:hover,
.f\:bc-secondary-500:focus {
  border-color: var(--color-secondary-500) !important;
}
.bc-secondary-600,
.h\:bc-secondary-600:hover,
.f\:bc-secondary-600:focus {
  border-color: var(--color-secondary-600) !important;
}
.bc-secondary-700,
.h\:bc-secondary-700:hover,
.f\:bc-secondary-700:focus {
  border-color: var(--color-secondary-700) !important;
}
.bc-secondary-800,
.h\:bc-secondary-800:hover,
.f\:bc-secondary-800:focus {
  border-color: var(--color-secondary-800) !important;
}
.bg-tertiary,
.h\:bg-tertiary:hover,
.f\:bg-tertiary:focus {
  background-color: var(--color-tertiary) !important;
}
.bg-tertiary-100,
.h\:bg-tertiary-100:hover,
.f\:bg-tertiary-100:focus {
  background-color: var(--color-tertiary-100) !important;
}
.bg-tertiary-200,
.h\:bg-tertiary-200:hover,
.f\:bg-tertiary-200:focus {
  background-color: var(--color-tertiary-200) !important;
}
.bg-tertiary-400,
.h\:bg-tertiary-400:hover,
.f\:bg-tertiary-400:focus {
  background-color: var(--color-tertiary-400) !important;
}
.bg-tertiary-600,
.h\:bg-tertiary-600:hover,
.f\:bg-tertiary-600:focus {
  background-color: var(--color-tertiary-600) !important;
}
.c-tertiary,
.h\:c-tertiary:hover,
.f\:c-tertiary:focus {
  color: var(--color-tertiary) !important;
}
.c-tertiary-100,
.h\:c-tertiary-100:hover,
.f\:c-tertiary-100:focus {
  color: var(--color-tertiary-100) !important;
}
.c-tertiary-200,
.h\:c-tertiary-200:hover,
.f\:c-tertiary-200:focus {
  color: var(--color-tertiary-200) !important;
}
.c-tertiary-400,
.h\:c-tertiary-400:hover,
.f\:c-tertiary-400:focus {
  color: var(--color-tertiary-400) !important;
}
.c-tertiary-600,
.h\:c-tertiary-600:hover,
.f\:c-tertiary-600:focus {
  color: var(--color-tertiary-900) !important;
}
.bc-tertiary,
.h\:bc-tertiary:hover,
.f\:bc-tertiary:focus {
  border-color: var(--color-tertiary) !important;
}
.bc-tertiary-100,
.h\:bc-tertiary-100:hover,
.f\:bc-tertiary-100:focus {
  border-color: var(--color-tertiary-100) !important;
}
.bc-tertiary-200,
.h\:bc-tertiary-200:hover,
.f\:bc-tertiary-200:focus {
  border-color: var(--color-tertiary-200) !important;
}
.bc-tertiary-400,
.h\:bc-tertiary-400:hover,
.f\:bc-tertiary-400:focus {
  border-color: var(--color-tertiary-400) !important;
}
.bc-tertiary-600,
.h\:bc-tertiary-600:hover,
.f\:bc-tertiary-600:focus {
  border-color: var(--color-tertiary-900) !important;
}
.bg-blue,
.h\:bg-blue:hover,
.f\:bg-blue:focus {
  background-color: var(--color-blue) !important;
}
.bg-blue-100,
.h\:bg-blue-100:hover,
.f\:bg-blue-100:focus {
  background-color: var(--color-blue-100) !important;
}
.bg-blue-400,
.h\:bg-blue-400:hover,
.f\:bg-blue-400:focus {
  background-color: var(--color-blue-400) !important;
}
.c-blue,
.h\:c-blue:hover,
.f\:c-blue:focus {
  color: var(--color-blue) !important;
}
.c-blue-100,
.h\:c-blue-100:hover,
.f\:c-blue-100:focus {
  color: var(--color-blue-100) !important;
}
.c-blue-400,
.h\:c-blue-400:hover,
.f\:c-blue-400:focus {
  color: var(--color-blue-400) !important;
}
.bc-blue,
.h\:bc-blue:hover,
.f\:bc-blue:focus {
  border-color: var(--color-blue) !important;
}
.bc-blue-100,
.h\:bc-blue-100:hover,
.f\:bc-blue-100:focus {
  border-color: var(--color-blue-100) !important;
}
.bc-blue-400,
.h\:bc-blue-400:hover,
.f\:bc-blue-400:focus {
  border-color: var(--color-blue-400) !important;
}
.bg-warning,
.h\:bg-warning:hover,
.f\:bg-warning:focus {
  background-color: var(--color-warning) !important;
}
.bg-warning-100,
.h\:bg-warning-100:hover,
.f\:bg-warning-100:focus {
  background-color: var(--color-warning-100) !important;
}
.bg-warning-200,
.h\:bg-warning-200:hover,
.f\:bg-warning-200:focus {
  background-color: var(--color-warning-200) !important;
}
.bg-warning-400,
.h\:bg-warning-400:hover,
.f\:bg-warning-400:focus {
  background-color: var(--color-warning-400) !important;
}
.bg-warning-600,
.h\:bg-warning-600:hover,
.f\:bg-warning-600:focus {
  background-color: var(--color-warning-600) !important;
}
.c-warning,
.h\:c-warning:hover,
.f\:c-warning:focus {
  color: var(--color-warning) !important;
}
.c-warning-100,
.h\:c-warning-100:hover,
.f\:c-warning-100:focus {
  color: var(--color-warning-100) !important;
}
.c-warning-200,
.h\:c-warning-200:hover,
.f\:c-warning-200:focus {
  color: var(--color-warning-200) !important;
}
.c-warning-400,
.h\:c-warning-400:hover,
.f\:c-warning-400:focus {
  color: var(--color-warning-400) !important;
}
.c-warning-600,
.h\:c-warning-600:hover,
.f\:c-warning-600:focus {
  color: var(--color-warning-600) !important;
}
.bc-warning,
.h\:bc-warning:hover,
.f\:bc-warning:focus {
  border-color: var(--color-warning) !important;
}
.bc-warning-100,
.h\:bc-warning-100:hover,
.f\:bc-warning-100:focus {
  border-color: var(--color-warning-100) !important;
}
.bc-warning-200,
.h\:bc-warning-200:hover,
.f\:bc-warning-200:focus {
  border-color: var(--color-warning-200) !important;
}
.bc-warning-400,
.h\:bc-warning-400:hover,
.f\:bc-warning-400:focus {
  border-color: var(--color-warning-400) !important;
}
.bc-warning-600,
.h\:bc-warning-600:hover,
.f\:bc-warning-600:focus {
  border-color: var(--color-warning-600) !important;
}
.bg-success,
.h\:bg-success:hover,
.f\:bg-success:focus {
  background-color: var(--color-success) !important;
}
.bg-success-100,
.h\:bg-success-100:hover,
.f\:bg-success-100:focus {
  background-color: var(--color-success-100) !important;
}
.bg-success-400,
.h\:bg-success-400:hover,
.f\:bg-success-400:focus {
  background-color: var(--color-success-400) !important;
}
.bg-success-600,
.h\:bg-success-600:hover,
.f\:bg-success-600:focus {
  background-color: var(--color-success-600) !important;
}
.c-success,
.h\:c-success:hover,
.f\:c-success:focus {
  color: var(--color-success) !important;
}
.c-success-100,
.h\:c-success-100:hover,
.f\:c-success-100:focus {
  color: var(--color-success-100) !important;
}
.c-success-400,
.h\:c-success-400:hover,
.f\:c-success-400:focus {
  color: var(--color-success-400) !important;
}
.c-success-600,
.h\:c-success-600:hover,
.f\:c-success-600:focus {
  color: var(--color-success-600) !important;
}
.bc-success,
.h\:bc-success:hover,
.f\:bc-success:focus {
  border-color: var(--color-success) !important;
}
.bc-success-100,
.h\:bc-success-100:hover,
.f\:bc-success-100:focus {
  border-color: var(--color-success-100) !important;
}
.bc-success-400,
.h\:bc-success-400:hover,
.f\:bc-success-400:focus {
  border-color: var(--color-success-400) !important;
}
.bc-success-600,
.h\:bc-success-600:hover,
.f\:bc-success-600:focus {
  border-color: var(--color-success-600) !important;
}
.bg-neutral-white,
.h\:bg-neutral-white:hover,
.f\:bg-neutral-white:focus {
  background-color: var(--color-neutral-white) !important;
}
.bg-neutral-black,
.h\:bg-neutral-black:hover,
.f\:bg-neutral-black:focus {
  background-color: var(--color-neutral-black) !important;
}
.bg-neutral-100,
.h\:bg-neutral-100:hover,
.f\:bg-neutral-100:focus {
  background-color: var(--color-neutral-100) !important;
}
.bg-neutral-200,
.h\:bg-neutral-200:hover,
.f\:bg-neutral-200:focus {
  background-color: var(--color-neutral-200) !important;
}
.bg-neutral-300,
.h\:bg-neutral-300:hover,
.f\:bg-neutral-300:focus {
  background-color: var(--color-neutral-300) !important;
}
.bg-neutral-400,
.h\:bg-neutral-400:hover,
.f\:bg-neutral-400:focus {
  background-color: var(--color-neutral-400) !important;
}
.bg-neutral-500,
.h\:bg-neutral-500:hover,
.f\:bg-neutral-500:focus {
  background-color: var(--color-neutral-500) !important;
}
.bg-neutral-600,
.h\:bg-neutral-600:hover,
.f\:bg-neutral-600:focus {
  background-color: var(--color-neutral-600) !important;
}
.bg-neutral-700,
.h\:bg-neutral-700:hover,
.f\:bg-neutral-700:focus {
  background-color: var(--color-neutral-700) !important;
}
.c-neutral-white,
.h\:c-neutral-white:hover,
.f\:c-neutral-white:focus {
  color: var(--color-neutral-white) !important;
}
.c-neutral-black,
.h\:c-neutral-black:hover,
.f\:c-neutral-black:focus {
  color: var(--color-neutral-black) !important;
}
.c-neutral-100,
.h\:c-neutral-100:hover,
.f\:c-neutral-100:focus {
  color: var(--color-neutral-100) !important;
}
.c-neutral-200,
.h\:c-neutral-200:hover,
.f\:c-neutral-200:focus {
  color: var(--color-neutral-200) !important;
}
.c-neutral-300,
.h\:c-neutral-300:hover,
.f\:c-neutral-300:focus {
  color: var(--color-neutral-300) !important;
}
.c-neutral-400,
.h\:c-neutral-400:hover,
.f\:c-neutral-400:focus {
  color: var(--color-neutral-400) !important;
}
.c-neutral-500,
.h\:c-neutral-500:hover,
.f\:c-neutral-500:focus {
  color: var(--color-neutral-500) !important;
}
.c-neutral-600,
.h\:c-neutral-600:hover,
.f\:c-neutral-600:focus {
  color: var(--color-neutral-600) !important;
}
.c-neutral-700,
.h\:c-neutral-700:hover,
.f\:c-neutral-700:focus {
  color: var(--color-neutral-700) !important;
}
.bc-neutral-white,
.h\:bc-neutral-white:hover,
.f\:bc-neutral-white:focus {
  border-color: var(--color-neutral-white) !important;
}
.bc-neutral-black,
.h\:bc-neutral-black:hover,
.f\:bc-neutral-black:focus {
  border-color: var(--color-neutral-black) !important;
}
.bc-neutral-100,
.h\:bc-neutral-100:hover,
.f\:bc-neutral-100:focus {
  border-color: var(--color-neutral-100) !important;
}
.bc-neutral-200,
.h\:bc-neutral-200:hover,
.f\:bc-neutral-200:focus {
  border-color: var(--color-neutral-200) !important;
}
.bc-neutral-300,
.h\:bc-neutral-300:hover,
.f\:bc-neutral-300:focus {
  border-color: var(--color-neutral-300) !important;
}
.bc-neutral-400,
.h\:bc-neutral-400:hover,
.f\:bc-neutral-400:focus {
  border-color: var(--color-neutral-400) !important;
}
.bc-neutral-500,
.h\:bc-neutral-500:hover,
.f\:bc-neutral-500:focus {
  border-color: var(--color-neutral-500) !important;
}
.bc-neutral-600,
.h\:bc-neutral-600:hover,
.f\:bc-neutral-600:focus {
  border-color: var(--color-neutral-600) !important;
}
.bc-neutral-700,
.h\:bc-neutral-700:hover,
.f\:bc-neutral-700:focus {
  border-color: var(--color-neutral-700) !important;
}
.bc-transparent,
.h\:bc-transparent:hover,
.f\:bc-transparent:focus {
  border-color: transparent !important;
}
.bg-transparent,
.h\:bg-transparent:hover,
.f\:bg-transparent:focus {
  background-color: transparent !important;
}
.bc-inherit,
.h\:bc-inherit:hover,
.f\:bc-inherit:focus {
  border-color: inherit !important;
}
.bg-inherit,
.h\:bg-inherit:hover,
.f\:bg-inherit:focus {
  border-color: inherit !important;
}
.c-inherit,
.h\:c-inherit:hover,
.f\:c-inherit:focus {
  color: inherit !important;
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-0 {
  margin-left: var(--space-0) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-0 {
  margin-right: var(--space-0) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-0 {
  margin-top: var(--space-0) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-0 {
  margin-bottom: var(--space-0) !important;
}
.m-auto {
  margin: auto !important;
}
.m-0 {
  margin: var(--space-0) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-0 {
  margin-top: var(--space-0) !important;
  margin-bottom: var(--space-0) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-0 {
  margin-right: var(--space-0) !important;
  margin-left: var(--space-0) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-0\@sm {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-0\@sm {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-0\@sm {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-0\@sm {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-0\@sm {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@sm {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@sm {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-0\@md {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-0\@md {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-0\@md {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-0\@md {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-0\@md {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@md {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@md {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-0\@lg {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-0\@lg {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-0\@lg {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-0\@lg {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-0\@lg {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@lg {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@lg {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-0\@xl {
    margin-left: var(--space-0) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-0\@xl {
    margin-right: var(--space-0) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-0\@xl {
    margin-top: var(--space-0) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-0\@xl {
    margin-bottom: var(--space-0) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-0\@xl {
    margin: var(--space-0) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-0\@xl {
    margin-top: var(--space-0) !important;
    margin-bottom: var(--space-0) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-0\@xl {
    margin-right: var(--space-0) !important;
    margin-left: var(--space-0) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-50 {
  margin-left: var(--space-50) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-50 {
  margin-right: var(--space-50) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-50 {
  margin-top: var(--space-50) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-50 {
  margin-bottom: var(--space-50) !important;
}
.m-auto {
  margin: auto !important;
}
.m-50 {
  margin: var(--space-50) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-50 {
  margin-top: var(--space-50) !important;
  margin-bottom: var(--space-50) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-50 {
  margin-right: var(--space-50) !important;
  margin-left: var(--space-50) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-50\@sm {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-50\@sm {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-50\@sm {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-50\@sm {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-50\@sm {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@sm {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@sm {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-50\@md {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-50\@md {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-50\@md {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-50\@md {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-50\@md {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@md {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@md {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-50\@lg {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-50\@lg {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-50\@lg {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-50\@lg {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-50\@lg {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@lg {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@lg {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-50\@xl {
    margin-left: var(--space-50) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-50\@xl {
    margin-right: var(--space-50) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-50\@xl {
    margin-top: var(--space-50) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-50\@xl {
    margin-bottom: var(--space-50) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-50\@xl {
    margin: var(--space-50) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-50\@xl {
    margin-top: var(--space-50) !important;
    margin-bottom: var(--space-50) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-50\@xl {
    margin-right: var(--space-50) !important;
    margin-left: var(--space-50) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-75 {
  margin-left: var(--space-75) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-75 {
  margin-right: var(--space-75) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-75 {
  margin-top: var(--space-75) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-75 {
  margin-bottom: var(--space-75) !important;
}
.m-auto {
  margin: auto !important;
}
.m-75 {
  margin: var(--space-75) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-75 {
  margin-top: var(--space-75) !important;
  margin-bottom: var(--space-75) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-75 {
  margin-right: var(--space-75) !important;
  margin-left: var(--space-75) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-75\@sm {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-75\@sm {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-75\@sm {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-75\@sm {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-75\@sm {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@sm {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@sm {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-75\@md {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-75\@md {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-75\@md {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-75\@md {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-75\@md {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@md {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@md {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-75\@lg {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-75\@lg {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-75\@lg {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-75\@lg {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-75\@lg {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@lg {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@lg {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-75\@xl {
    margin-left: var(--space-75) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-75\@xl {
    margin-right: var(--space-75) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-75\@xl {
    margin-top: var(--space-75) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-75\@xl {
    margin-bottom: var(--space-75) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-75\@xl {
    margin: var(--space-75) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-75\@xl {
    margin-top: var(--space-75) !important;
    margin-bottom: var(--space-75) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-75\@xl {
    margin-right: var(--space-75) !important;
    margin-left: var(--space-75) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-100 {
  margin-left: var(--space-100) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-100 {
  margin-right: var(--space-100) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-100 {
  margin-top: var(--space-100) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-100 {
  margin-bottom: var(--space-100) !important;
}
.m-auto {
  margin: auto !important;
}
.m-100 {
  margin: var(--space-100) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-100 {
  margin-top: var(--space-100) !important;
  margin-bottom: var(--space-100) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-100 {
  margin-right: var(--space-100) !important;
  margin-left: var(--space-100) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-100\@sm {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-100\@sm {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-100\@sm {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-100\@sm {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-100\@sm {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@sm {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@sm {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-100\@md {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-100\@md {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-100\@md {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-100\@md {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-100\@md {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@md {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@md {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-100\@lg {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-100\@lg {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-100\@lg {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-100\@lg {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-100\@lg {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@lg {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@lg {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-100\@xl {
    margin-left: var(--space-100) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-100\@xl {
    margin-right: var(--space-100) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-100\@xl {
    margin-top: var(--space-100) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-100\@xl {
    margin-bottom: var(--space-100) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-100\@xl {
    margin: var(--space-100) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-100\@xl {
    margin-top: var(--space-100) !important;
    margin-bottom: var(--space-100) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-100\@xl {
    margin-right: var(--space-100) !important;
    margin-left: var(--space-100) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-200 {
  margin-left: var(--space-200) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-200 {
  margin-right: var(--space-200) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-200 {
  margin-top: var(--space-200) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-200 {
  margin-bottom: var(--space-200) !important;
}
.m-auto {
  margin: auto !important;
}
.m-200 {
  margin: var(--space-200) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-200 {
  margin-top: var(--space-200) !important;
  margin-bottom: var(--space-200) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-200 {
  margin-right: var(--space-200) !important;
  margin-left: var(--space-200) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-200\@sm {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-200\@sm {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-200\@sm {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-200\@sm {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-200\@sm {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@sm {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@sm {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-200\@md {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-200\@md {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-200\@md {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-200\@md {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-200\@md {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@md {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@md {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-200\@lg {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-200\@lg {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-200\@lg {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-200\@lg {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-200\@lg {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@lg {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@lg {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-200\@xl {
    margin-left: var(--space-200) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-200\@xl {
    margin-right: var(--space-200) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-200\@xl {
    margin-top: var(--space-200) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-200\@xl {
    margin-bottom: var(--space-200) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-200\@xl {
    margin: var(--space-200) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-200\@xl {
    margin-top: var(--space-200) !important;
    margin-bottom: var(--space-200) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-200\@xl {
    margin-right: var(--space-200) !important;
    margin-left: var(--space-200) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-300 {
  margin-left: var(--space-300) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-300 {
  margin-right: var(--space-300) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-300 {
  margin-top: var(--space-300) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-300 {
  margin-bottom: var(--space-300) !important;
}
.m-auto {
  margin: auto !important;
}
.m-300 {
  margin: var(--space-300) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-300 {
  margin-top: var(--space-300) !important;
  margin-bottom: var(--space-300) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-300 {
  margin-right: var(--space-300) !important;
  margin-left: var(--space-300) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-300\@sm {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-300\@sm {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-300\@sm {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-300\@sm {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-300\@sm {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@sm {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@sm {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-300\@md {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-300\@md {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-300\@md {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-300\@md {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-300\@md {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@md {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@md {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-300\@lg {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-300\@lg {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-300\@lg {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-300\@lg {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-300\@lg {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@lg {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@lg {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-300\@xl {
    margin-left: var(--space-300) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-300\@xl {
    margin-right: var(--space-300) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-300\@xl {
    margin-top: var(--space-300) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-300\@xl {
    margin-bottom: var(--space-300) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-300\@xl {
    margin: var(--space-300) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-300\@xl {
    margin-top: var(--space-300) !important;
    margin-bottom: var(--space-300) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-300\@xl {
    margin-right: var(--space-300) !important;
    margin-left: var(--space-300) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-400 {
  margin-left: var(--space-400) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-400 {
  margin-right: var(--space-400) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-400 {
  margin-top: var(--space-400) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-400 {
  margin-bottom: var(--space-400) !important;
}
.m-auto {
  margin: auto !important;
}
.m-400 {
  margin: var(--space-400) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-400 {
  margin-top: var(--space-400) !important;
  margin-bottom: var(--space-400) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-400 {
  margin-right: var(--space-400) !important;
  margin-left: var(--space-400) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-400\@sm {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-400\@sm {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-400\@sm {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-400\@sm {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-400\@sm {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@sm {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@sm {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-400\@md {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-400\@md {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-400\@md {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-400\@md {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-400\@md {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@md {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@md {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-400\@lg {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-400\@lg {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-400\@lg {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-400\@lg {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-400\@lg {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@lg {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@lg {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-400\@xl {
    margin-left: var(--space-400) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-400\@xl {
    margin-right: var(--space-400) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-400\@xl {
    margin-top: var(--space-400) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-400\@xl {
    margin-bottom: var(--space-400) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-400\@xl {
    margin: var(--space-400) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-400\@xl {
    margin-top: var(--space-400) !important;
    margin-bottom: var(--space-400) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-400\@xl {
    margin-right: var(--space-400) !important;
    margin-left: var(--space-400) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-500 {
  margin-left: var(--space-500) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-500 {
  margin-right: var(--space-500) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-500 {
  margin-top: var(--space-500) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-500 {
  margin-bottom: var(--space-500) !important;
}
.m-auto {
  margin: auto !important;
}
.m-500 {
  margin: var(--space-500) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-500 {
  margin-top: var(--space-500) !important;
  margin-bottom: var(--space-500) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-500 {
  margin-right: var(--space-500) !important;
  margin-left: var(--space-500) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-500\@sm {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-500\@sm {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-500\@sm {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-500\@sm {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-500\@sm {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@sm {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@sm {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-500\@md {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-500\@md {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-500\@md {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-500\@md {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-500\@md {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@md {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@md {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-500\@lg {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-500\@lg {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-500\@lg {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-500\@lg {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-500\@lg {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@lg {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@lg {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-500\@xl {
    margin-left: var(--space-500) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-500\@xl {
    margin-right: var(--space-500) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-500\@xl {
    margin-top: var(--space-500) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-500\@xl {
    margin-bottom: var(--space-500) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-500\@xl {
    margin: var(--space-500) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-500\@xl {
    margin-top: var(--space-500) !important;
    margin-bottom: var(--space-500) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-500\@xl {
    margin-right: var(--space-500) !important;
    margin-left: var(--space-500) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-600 {
  margin-left: var(--space-600) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-600 {
  margin-right: var(--space-600) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-600 {
  margin-top: var(--space-600) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-600 {
  margin-bottom: var(--space-600) !important;
}
.m-auto {
  margin: auto !important;
}
.m-600 {
  margin: var(--space-600) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-600 {
  margin-top: var(--space-600) !important;
  margin-bottom: var(--space-600) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-600 {
  margin-right: var(--space-600) !important;
  margin-left: var(--space-600) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-600\@sm {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-600\@sm {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-600\@sm {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-600\@sm {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-600\@sm {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@sm {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@sm {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-600\@md {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-600\@md {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-600\@md {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-600\@md {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-600\@md {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@md {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@md {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-600\@lg {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-600\@lg {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-600\@lg {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-600\@lg {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-600\@lg {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@lg {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@lg {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-600\@xl {
    margin-left: var(--space-600) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-600\@xl {
    margin-right: var(--space-600) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-600\@xl {
    margin-top: var(--space-600) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-600\@xl {
    margin-bottom: var(--space-600) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-600\@xl {
    margin: var(--space-600) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-600\@xl {
    margin-top: var(--space-600) !important;
    margin-bottom: var(--space-600) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-600\@xl {
    margin-right: var(--space-600) !important;
    margin-left: var(--space-600) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-700 {
  margin-left: var(--space-700) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-700 {
  margin-right: var(--space-700) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-700 {
  margin-top: var(--space-700) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-700 {
  margin-bottom: var(--space-700) !important;
}
.m-auto {
  margin: auto !important;
}
.m-700 {
  margin: var(--space-700) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-700 {
  margin-top: var(--space-700) !important;
  margin-bottom: var(--space-700) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-700 {
  margin-right: var(--space-700) !important;
  margin-left: var(--space-700) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-700\@sm {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-700\@sm {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-700\@sm {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-700\@sm {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-700\@sm {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@sm {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@sm {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-700\@md {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-700\@md {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-700\@md {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-700\@md {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-700\@md {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@md {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@md {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-700\@lg {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-700\@lg {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-700\@lg {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-700\@lg {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-700\@lg {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@lg {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@lg {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-700\@xl {
    margin-left: var(--space-700) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-700\@xl {
    margin-right: var(--space-700) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-700\@xl {
    margin-top: var(--space-700) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-700\@xl {
    margin-bottom: var(--space-700) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-700\@xl {
    margin: var(--space-700) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-700\@xl {
    margin-top: var(--space-700) !important;
    margin-bottom: var(--space-700) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-700\@xl {
    margin-right: var(--space-700) !important;
    margin-left: var(--space-700) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-800 {
  margin-left: var(--space-800) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-800 {
  margin-right: var(--space-800) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-800 {
  margin-top: var(--space-800) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-800 {
  margin-bottom: var(--space-800) !important;
}
.m-auto {
  margin: auto !important;
}
.m-800 {
  margin: var(--space-800) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-800 {
  margin-top: var(--space-800) !important;
  margin-bottom: var(--space-800) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-800 {
  margin-right: var(--space-800) !important;
  margin-left: var(--space-800) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-800\@sm {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-800\@sm {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-800\@sm {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-800\@sm {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-800\@sm {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@sm {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@sm {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-800\@md {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-800\@md {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-800\@md {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-800\@md {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-800\@md {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@md {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@md {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-800\@lg {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-800\@lg {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-800\@lg {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-800\@lg {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-800\@lg {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@lg {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@lg {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-800\@xl {
    margin-left: var(--space-800) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-800\@xl {
    margin-right: var(--space-800) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-800\@xl {
    margin-top: var(--space-800) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-800\@xl {
    margin-bottom: var(--space-800) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-800\@xl {
    margin: var(--space-800) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-800\@xl {
    margin-top: var(--space-800) !important;
    margin-bottom: var(--space-800) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-800\@xl {
    margin-right: var(--space-800) !important;
    margin-left: var(--space-800) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-900 {
  margin-left: var(--space-900) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-900 {
  margin-right: var(--space-900) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-900 {
  margin-top: var(--space-900) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-900 {
  margin-bottom: var(--space-900) !important;
}
.m-auto {
  margin: auto !important;
}
.m-900 {
  margin: var(--space-900) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-900 {
  margin-top: var(--space-900) !important;
  margin-bottom: var(--space-900) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-900 {
  margin-right: var(--space-900) !important;
  margin-left: var(--space-900) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-900\@sm {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-900\@sm {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-900\@sm {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-900\@sm {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-900\@sm {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@sm {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@sm {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-900\@md {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-900\@md {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-900\@md {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-900\@md {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-900\@md {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@md {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@md {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-900\@lg {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-900\@lg {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-900\@lg {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-900\@lg {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-900\@lg {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@lg {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@lg {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-900\@xl {
    margin-left: var(--space-900) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-900\@xl {
    margin-right: var(--space-900) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-900\@xl {
    margin-top: var(--space-900) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-900\@xl {
    margin-bottom: var(--space-900) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-900\@xl {
    margin: var(--space-900) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-900\@xl {
    margin-top: var(--space-900) !important;
    margin-bottom: var(--space-900) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-900\@xl {
    margin-right: var(--space-900) !important;
    margin-left: var(--space-900) !important;
  }
}
.m-l-auto {
  margin-left: auto !important;
}
.m-l-1000 {
  margin-left: var(--space-1000) !important;
}
.m-r-auto {
  margin-right: auto !important;
}
.m-r-1000 {
  margin-right: var(--space-1000) !important;
}
.m-t-auto {
  margin-top: auto !important;
}
.m-t-1000 {
  margin-top: var(--space-1000) !important;
}
.m-b-auto {
  margin-bottom: auto !important;
}
.m-b-1000 {
  margin-bottom: var(--space-1000) !important;
}
.m-auto {
  margin: auto !important;
}
.m-1000 {
  margin: var(--space-1000) !important;
}
.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.m-y-1000 {
  margin-top: var(--space-1000) !important;
  margin-bottom: var(--space-1000) !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-x-1000 {
  margin-right: var(--space-1000) !important;
  margin-left: var(--space-1000) !important;
}
@media only screen and (min-width: 768px) {
  .m-left-auto\@sm {
    margin-left: auto !important;
  }
  .m-l-1000\@sm {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@sm {
    margin-right: auto !important;
  }
  .m-r-1000\@sm {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@sm {
    margin-top: auto !important;
  }
  .m-t-1000\@sm {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@sm {
    margin-bottom: auto !important;
  }
  .m-b-1000\@sm {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@sm {
    margin: auto !important;
  }
  .m-1000\@sm {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@sm {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@sm {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@sm {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@sm {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 992px) {
  .m-left-auto\@md {
    margin-left: auto !important;
  }
  .m-l-1000\@md {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@md {
    margin-right: auto !important;
  }
  .m-r-1000\@md {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@md {
    margin-top: auto !important;
  }
  .m-t-1000\@md {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@md {
    margin-bottom: auto !important;
  }
  .m-b-1000\@md {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@md {
    margin: auto !important;
  }
  .m-1000\@md {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@md {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@md {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@md {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@md {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .m-left-auto\@lg {
    margin-left: auto !important;
  }
  .m-l-1000\@lg {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@lg {
    margin-right: auto !important;
  }
  .m-r-1000\@lg {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@lg {
    margin-top: auto !important;
  }
  .m-t-1000\@lg {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@lg {
    margin-bottom: auto !important;
  }
  .m-b-1000\@lg {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@lg {
    margin: auto !important;
  }
  .m-1000\@lg {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@lg {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@lg {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@lg {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@lg {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .m-left-auto\@xl {
    margin-left: auto !important;
  }
  .m-l-1000\@xl {
    margin-left: var(--space-1000) !important;
  }
  .m-right-auto\@xl {
    margin-right: auto !important;
  }
  .m-r-1000\@xl {
    margin-right: var(--space-1000) !important;
  }
  .m-top-auto\@xl {
    margin-top: auto !important;
  }
  .m-t-1000\@xl {
    margin-top: var(--space-1000) !important;
  }
  .m-bottom-auto\@xl {
    margin-bottom: auto !important;
  }
  .m-b-1000\@xl {
    margin-bottom: var(--space-1000) !important;
  }
  .m-auto\@xl {
    margin: auto !important;
  }
  .m-1000\@xl {
    margin: var(--space-1000) !important;
  }
  .m-y-auto\@xl {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .m-y-1000\@xl {
    margin-top: var(--space-1000) !important;
    margin-bottom: var(--space-1000) !important;
  }
  .m-x-auto\@xl {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-x-1000\@xl {
    margin-right: var(--space-1000) !important;
    margin-left: var(--space-1000) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-0 {
  padding-left: var(--space-0) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-0 {
  padding-right: var(--space-0) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-0 {
  padding-top: var(--space-0) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-0 {
  padding-bottom: var(--space-0) !important;
}
.p-auto {
  padding: auto !important;
}
.p-0 {
  padding: var(--space-0) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-0 {
  padding-top: var(--space-0) !important;
  padding-bottom: var(--space-0) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-0 {
  padding-right: var(--space-0) !important;
  padding-left: var(--space-0) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-0\@sm {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-0\@sm {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-0\@sm {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-0\@sm {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-0\@sm {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@sm {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@sm {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-0\@md {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-0\@md {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-0\@md {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-0\@md {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-0\@md {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@md {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@md {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-0\@lg {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-0\@lg {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-0\@lg {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-0\@lg {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-0\@lg {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@lg {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@lg {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-0\@xl {
    padding-left: var(--space-0) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-0\@xl {
    padding-right: var(--space-0) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-0\@xl {
    padding-top: var(--space-0) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-0\@xl {
    padding-bottom: var(--space-0) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-0\@xl {
    padding: var(--space-0) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-0\@xl {
    padding-top: var(--space-0) !important;
    padding-bottom: var(--space-0) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-0\@xl {
    padding-right: var(--space-0) !important;
    padding-left: var(--space-0) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-50 {
  padding-left: var(--space-50) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-50 {
  padding-right: var(--space-50) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-50 {
  padding-top: var(--space-50) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-50 {
  padding-bottom: var(--space-50) !important;
}
.p-auto {
  padding: auto !important;
}
.p-50 {
  padding: var(--space-50) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-50 {
  padding-top: var(--space-50) !important;
  padding-bottom: var(--space-50) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-50 {
  padding-right: var(--space-50) !important;
  padding-left: var(--space-50) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-50\@sm {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-50\@sm {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-50\@sm {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-50\@sm {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-50\@sm {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@sm {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@sm {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-50\@md {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-50\@md {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-50\@md {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-50\@md {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-50\@md {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@md {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@md {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-50\@lg {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-50\@lg {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-50\@lg {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-50\@lg {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-50\@lg {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@lg {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@lg {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-50\@xl {
    padding-left: var(--space-50) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-50\@xl {
    padding-right: var(--space-50) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-50\@xl {
    padding-top: var(--space-50) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-50\@xl {
    padding-bottom: var(--space-50) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-50\@xl {
    padding: var(--space-50) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-50\@xl {
    padding-top: var(--space-50) !important;
    padding-bottom: var(--space-50) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-50\@xl {
    padding-right: var(--space-50) !important;
    padding-left: var(--space-50) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-75 {
  padding-left: var(--space-75) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-75 {
  padding-right: var(--space-75) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-75 {
  padding-top: var(--space-75) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-75 {
  padding-bottom: var(--space-75) !important;
}
.p-auto {
  padding: auto !important;
}
.p-75 {
  padding: var(--space-75) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-75 {
  padding-top: var(--space-75) !important;
  padding-bottom: var(--space-75) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-75 {
  padding-right: var(--space-75) !important;
  padding-left: var(--space-75) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-75\@sm {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-75\@sm {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-75\@sm {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-75\@sm {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-75\@sm {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@sm {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@sm {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-75\@md {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-75\@md {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-75\@md {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-75\@md {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-75\@md {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@md {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@md {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-75\@lg {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-75\@lg {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-75\@lg {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-75\@lg {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-75\@lg {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@lg {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@lg {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-75\@xl {
    padding-left: var(--space-75) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-75\@xl {
    padding-right: var(--space-75) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-75\@xl {
    padding-top: var(--space-75) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-75\@xl {
    padding-bottom: var(--space-75) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-75\@xl {
    padding: var(--space-75) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-75\@xl {
    padding-top: var(--space-75) !important;
    padding-bottom: var(--space-75) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-75\@xl {
    padding-right: var(--space-75) !important;
    padding-left: var(--space-75) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-100 {
  padding-left: var(--space-100) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-100 {
  padding-right: var(--space-100) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-100 {
  padding-top: var(--space-100) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-100 {
  padding-bottom: var(--space-100) !important;
}
.p-auto {
  padding: auto !important;
}
.p-100 {
  padding: var(--space-100) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-100 {
  padding-top: var(--space-100) !important;
  padding-bottom: var(--space-100) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-100 {
  padding-right: var(--space-100) !important;
  padding-left: var(--space-100) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-100\@sm {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-100\@sm {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-100\@sm {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-100\@sm {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-100\@sm {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@sm {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@sm {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-100\@md {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-100\@md {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-100\@md {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-100\@md {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-100\@md {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@md {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@md {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-100\@lg {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-100\@lg {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-100\@lg {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-100\@lg {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-100\@lg {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@lg {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@lg {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-100\@xl {
    padding-left: var(--space-100) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-100\@xl {
    padding-right: var(--space-100) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-100\@xl {
    padding-top: var(--space-100) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-100\@xl {
    padding-bottom: var(--space-100) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-100\@xl {
    padding: var(--space-100) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-100\@xl {
    padding-top: var(--space-100) !important;
    padding-bottom: var(--space-100) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-100\@xl {
    padding-right: var(--space-100) !important;
    padding-left: var(--space-100) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-200 {
  padding-left: var(--space-200) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-200 {
  padding-right: var(--space-200) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-200 {
  padding-top: var(--space-200) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-200 {
  padding-bottom: var(--space-200) !important;
}
.p-auto {
  padding: auto !important;
}
.p-200 {
  padding: var(--space-200) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-200 {
  padding-top: var(--space-200) !important;
  padding-bottom: var(--space-200) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-200 {
  padding-right: var(--space-200) !important;
  padding-left: var(--space-200) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-200\@sm {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-200\@sm {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-200\@sm {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-200\@sm {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-200\@sm {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@sm {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@sm {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-200\@md {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-200\@md {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-200\@md {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-200\@md {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-200\@md {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@md {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@md {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-200\@lg {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-200\@lg {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-200\@lg {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-200\@lg {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-200\@lg {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@lg {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@lg {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-200\@xl {
    padding-left: var(--space-200) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-200\@xl {
    padding-right: var(--space-200) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-200\@xl {
    padding-top: var(--space-200) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-200\@xl {
    padding-bottom: var(--space-200) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-200\@xl {
    padding: var(--space-200) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-200\@xl {
    padding-top: var(--space-200) !important;
    padding-bottom: var(--space-200) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-200\@xl {
    padding-right: var(--space-200) !important;
    padding-left: var(--space-200) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-300 {
  padding-left: var(--space-300) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-300 {
  padding-right: var(--space-300) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-300 {
  padding-top: var(--space-300) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-300 {
  padding-bottom: var(--space-300) !important;
}
.p-auto {
  padding: auto !important;
}
.p-300 {
  padding: var(--space-300) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-300 {
  padding-top: var(--space-300) !important;
  padding-bottom: var(--space-300) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-300 {
  padding-right: var(--space-300) !important;
  padding-left: var(--space-300) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-300\@sm {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-300\@sm {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-300\@sm {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-300\@sm {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-300\@sm {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@sm {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@sm {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-300\@md {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-300\@md {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-300\@md {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-300\@md {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-300\@md {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@md {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@md {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-300\@lg {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-300\@lg {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-300\@lg {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-300\@lg {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-300\@lg {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@lg {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@lg {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-300\@xl {
    padding-left: var(--space-300) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-300\@xl {
    padding-right: var(--space-300) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-300\@xl {
    padding-top: var(--space-300) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-300\@xl {
    padding-bottom: var(--space-300) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-300\@xl {
    padding: var(--space-300) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-300\@xl {
    padding-top: var(--space-300) !important;
    padding-bottom: var(--space-300) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-300\@xl {
    padding-right: var(--space-300) !important;
    padding-left: var(--space-300) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-400 {
  padding-left: var(--space-400) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-400 {
  padding-right: var(--space-400) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-400 {
  padding-top: var(--space-400) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-400 {
  padding-bottom: var(--space-400) !important;
}
.p-auto {
  padding: auto !important;
}
.p-400 {
  padding: var(--space-400) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-400 {
  padding-top: var(--space-400) !important;
  padding-bottom: var(--space-400) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-400 {
  padding-right: var(--space-400) !important;
  padding-left: var(--space-400) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-400\@sm {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-400\@sm {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-400\@sm {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-400\@sm {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-400\@sm {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@sm {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@sm {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-400\@md {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-400\@md {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-400\@md {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-400\@md {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-400\@md {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@md {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@md {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-400\@lg {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-400\@lg {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-400\@lg {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-400\@lg {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-400\@lg {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@lg {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@lg {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-400\@xl {
    padding-left: var(--space-400) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-400\@xl {
    padding-right: var(--space-400) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-400\@xl {
    padding-top: var(--space-400) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-400\@xl {
    padding-bottom: var(--space-400) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-400\@xl {
    padding: var(--space-400) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-400\@xl {
    padding-top: var(--space-400) !important;
    padding-bottom: var(--space-400) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-400\@xl {
    padding-right: var(--space-400) !important;
    padding-left: var(--space-400) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-500 {
  padding-left: var(--space-500) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-500 {
  padding-right: var(--space-500) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-500 {
  padding-top: var(--space-500) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-500 {
  padding-bottom: var(--space-500) !important;
}
.p-auto {
  padding: auto !important;
}
.p-500 {
  padding: var(--space-500) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-500 {
  padding-top: var(--space-500) !important;
  padding-bottom: var(--space-500) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-500 {
  padding-right: var(--space-500) !important;
  padding-left: var(--space-500) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-500\@sm {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-500\@sm {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-500\@sm {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-500\@sm {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-500\@sm {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@sm {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@sm {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-500\@md {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-500\@md {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-500\@md {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-500\@md {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-500\@md {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@md {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@md {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-500\@lg {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-500\@lg {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-500\@lg {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-500\@lg {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-500\@lg {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@lg {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@lg {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-500\@xl {
    padding-left: var(--space-500) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-500\@xl {
    padding-right: var(--space-500) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-500\@xl {
    padding-top: var(--space-500) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-500\@xl {
    padding-bottom: var(--space-500) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-500\@xl {
    padding: var(--space-500) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-500\@xl {
    padding-top: var(--space-500) !important;
    padding-bottom: var(--space-500) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-500\@xl {
    padding-right: var(--space-500) !important;
    padding-left: var(--space-500) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-600 {
  padding-left: var(--space-600) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-600 {
  padding-right: var(--space-600) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-600 {
  padding-top: var(--space-600) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-600 {
  padding-bottom: var(--space-600) !important;
}
.p-auto {
  padding: auto !important;
}
.p-600 {
  padding: var(--space-600) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-600 {
  padding-top: var(--space-600) !important;
  padding-bottom: var(--space-600) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-600 {
  padding-right: var(--space-600) !important;
  padding-left: var(--space-600) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-600\@sm {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-600\@sm {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-600\@sm {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-600\@sm {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-600\@sm {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@sm {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@sm {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-600\@md {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-600\@md {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-600\@md {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-600\@md {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-600\@md {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@md {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@md {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-600\@lg {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-600\@lg {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-600\@lg {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-600\@lg {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-600\@lg {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@lg {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@lg {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-600\@xl {
    padding-left: var(--space-600) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-600\@xl {
    padding-right: var(--space-600) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-600\@xl {
    padding-top: var(--space-600) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-600\@xl {
    padding-bottom: var(--space-600) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-600\@xl {
    padding: var(--space-600) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-600\@xl {
    padding-top: var(--space-600) !important;
    padding-bottom: var(--space-600) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-600\@xl {
    padding-right: var(--space-600) !important;
    padding-left: var(--space-600) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-700 {
  padding-left: var(--space-700) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-700 {
  padding-right: var(--space-700) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-700 {
  padding-top: var(--space-700) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-700 {
  padding-bottom: var(--space-700) !important;
}
.p-auto {
  padding: auto !important;
}
.p-700 {
  padding: var(--space-700) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-700 {
  padding-top: var(--space-700) !important;
  padding-bottom: var(--space-700) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-700 {
  padding-right: var(--space-700) !important;
  padding-left: var(--space-700) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-700\@sm {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-700\@sm {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-700\@sm {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-700\@sm {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-700\@sm {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@sm {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@sm {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-700\@md {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-700\@md {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-700\@md {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-700\@md {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-700\@md {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@md {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@md {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-700\@lg {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-700\@lg {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-700\@lg {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-700\@lg {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-700\@lg {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@lg {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@lg {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-700\@xl {
    padding-left: var(--space-700) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-700\@xl {
    padding-right: var(--space-700) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-700\@xl {
    padding-top: var(--space-700) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-700\@xl {
    padding-bottom: var(--space-700) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-700\@xl {
    padding: var(--space-700) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-700\@xl {
    padding-top: var(--space-700) !important;
    padding-bottom: var(--space-700) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-700\@xl {
    padding-right: var(--space-700) !important;
    padding-left: var(--space-700) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-800 {
  padding-left: var(--space-800) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-800 {
  padding-right: var(--space-800) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-800 {
  padding-top: var(--space-800) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-800 {
  padding-bottom: var(--space-800) !important;
}
.p-auto {
  padding: auto !important;
}
.p-800 {
  padding: var(--space-800) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-800 {
  padding-top: var(--space-800) !important;
  padding-bottom: var(--space-800) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-800 {
  padding-right: var(--space-800) !important;
  padding-left: var(--space-800) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-800\@sm {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-800\@sm {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-800\@sm {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-800\@sm {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-800\@sm {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@sm {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@sm {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-800\@md {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-800\@md {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-800\@md {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-800\@md {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-800\@md {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@md {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@md {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-800\@lg {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-800\@lg {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-800\@lg {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-800\@lg {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-800\@lg {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@lg {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@lg {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-800\@xl {
    padding-left: var(--space-800) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-800\@xl {
    padding-right: var(--space-800) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-800\@xl {
    padding-top: var(--space-800) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-800\@xl {
    padding-bottom: var(--space-800) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-800\@xl {
    padding: var(--space-800) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-800\@xl {
    padding-top: var(--space-800) !important;
    padding-bottom: var(--space-800) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-800\@xl {
    padding-right: var(--space-800) !important;
    padding-left: var(--space-800) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-900 {
  padding-left: var(--space-900) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-900 {
  padding-right: var(--space-900) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-900 {
  padding-top: var(--space-900) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-900 {
  padding-bottom: var(--space-900) !important;
}
.p-auto {
  padding: auto !important;
}
.p-900 {
  padding: var(--space-900) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-900 {
  padding-top: var(--space-900) !important;
  padding-bottom: var(--space-900) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-900 {
  padding-right: var(--space-900) !important;
  padding-left: var(--space-900) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-900\@sm {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-900\@sm {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-900\@sm {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-900\@sm {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-900\@sm {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@sm {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@sm {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-900\@md {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-900\@md {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-900\@md {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-900\@md {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-900\@md {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@md {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@md {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-900\@lg {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-900\@lg {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-900\@lg {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-900\@lg {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-900\@lg {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@lg {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@lg {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-900\@xl {
    padding-left: var(--space-900) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-900\@xl {
    padding-right: var(--space-900) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-900\@xl {
    padding-top: var(--space-900) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-900\@xl {
    padding-bottom: var(--space-900) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-900\@xl {
    padding: var(--space-900) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-900\@xl {
    padding-top: var(--space-900) !important;
    padding-bottom: var(--space-900) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-900\@xl {
    padding-right: var(--space-900) !important;
    padding-left: var(--space-900) !important;
  }
}
.p-l-auto {
  padding-left: auto !important;
}
.p-l-1000 {
  padding-left: var(--space-1000) !important;
}
.p-r-auto {
  padding-right: auto !important;
}
.p-r-1000 {
  padding-right: var(--space-1000) !important;
}
.p-t-auto {
  padding-top: auto !important;
}
.p-t-1000 {
  padding-top: var(--space-1000) !important;
}
.p-b-auto {
  padding-bottom: auto !important;
}
.p-b-1000 {
  padding-bottom: var(--space-1000) !important;
}
.p-auto {
  padding: auto !important;
}
.p-1000 {
  padding: var(--space-1000) !important;
}
.p-y-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.p-y-1000 {
  padding-top: var(--space-1000) !important;
  padding-bottom: var(--space-1000) !important;
}
.p-x-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}
.p-x-1000 {
  padding-right: var(--space-1000) !important;
  padding-left: var(--space-1000) !important;
}
@media only screen and (min-width: 768px) {
  .p-left-auto\@sm {
    padding-left: auto !important;
  }
  .p-l-1000\@sm {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@sm {
    padding-right: auto !important;
  }
  .p-r-1000\@sm {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@sm {
    padding-top: auto !important;
  }
  .p-t-1000\@sm {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@sm {
    padding-bottom: auto !important;
  }
  .p-b-1000\@sm {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@sm {
    padding: auto !important;
  }
  .p-1000\@sm {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@sm {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@sm {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@sm {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@sm {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 992px) {
  .p-left-auto\@md {
    padding-left: auto !important;
  }
  .p-l-1000\@md {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@md {
    padding-right: auto !important;
  }
  .p-r-1000\@md {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@md {
    padding-top: auto !important;
  }
  .p-t-1000\@md {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@md {
    padding-bottom: auto !important;
  }
  .p-b-1000\@md {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@md {
    padding: auto !important;
  }
  .p-1000\@md {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@md {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@md {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@md {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@md {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1200px) {
  .p-left-auto\@lg {
    padding-left: auto !important;
  }
  .p-l-1000\@lg {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@lg {
    padding-right: auto !important;
  }
  .p-r-1000\@lg {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@lg {
    padding-top: auto !important;
  }
  .p-t-1000\@lg {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@lg {
    padding-bottom: auto !important;
  }
  .p-b-1000\@lg {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@lg {
    padding: auto !important;
  }
  .p-1000\@lg {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@lg {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@lg {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@lg {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@lg {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
@media only screen and (min-width: 1600px) {
  .p-left-auto\@xl {
    padding-left: auto !important;
  }
  .p-l-1000\@xl {
    padding-left: var(--space-1000) !important;
  }
  .p-right-auto\@xl {
    padding-right: auto !important;
  }
  .p-r-1000\@xl {
    padding-right: var(--space-1000) !important;
  }
  .p-top-auto\@xl {
    padding-top: auto !important;
  }
  .p-t-1000\@xl {
    padding-top: var(--space-1000) !important;
  }
  .p-bottom-auto\@xl {
    padding-bottom: auto !important;
  }
  .p-b-1000\@xl {
    padding-bottom: var(--space-1000) !important;
  }
  .p-auto\@xl {
    padding: auto !important;
  }
  .p-1000\@xl {
    padding: var(--space-1000) !important;
  }
  .p-y-auto\@xl {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .p-y-1000\@xl {
    padding-top: var(--space-1000) !important;
    padding-bottom: var(--space-1000) !important;
  }
  .p-x-auto\@xl {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-x-1000\@xl {
    padding-right: var(--space-1000) !important;
    padding-left: var(--space-1000) !important;
  }
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.d-table {
  display: table !important;
}
.d-table-cell {
  display: table-cell !important;
}
@media only screen and (min-width: 768px) {
  .d-block\@sm {
    display: block !important;
  }
  .d-flex\@sm {
    display: flex !important;
  }
  .d-inline\@sm {
    display: inline !important;
  }
  .d-inline-block\@sm {
    display: inline-block !important;
  }
  .d-inline-flex\@sm {
    display: inline-flex !important;
  }
  .d-none\@sm {
    display: none !important;
  }
  .d-table\@sm {
    display: table !important;
  }
  .d-table-cell\@sm {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 992px) {
  .d-block\@md {
    display: block !important;
  }
  .d-flex\@md {
    display: flex !important;
  }
  .d-inline\@md {
    display: inline !important;
  }
  .d-inline-block\@md {
    display: inline-block !important;
  }
  .d-inline-flex\@md {
    display: inline-flex !important;
  }
  .d-none\@md {
    display: none !important;
  }
  .d-table\@md {
    display: table !important;
  }
  .d-table-cell\@md {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1200px) {
  .d-block\@lg {
    display: block !important;
  }
  .d-flex\@lg {
    display: flex !important;
  }
  .d-inline\@lg {
    display: inline !important;
  }
  .d-inline-block\@lg {
    display: inline-block !important;
  }
  .d-inline-flex\@lg {
    display: inline-flex !important;
  }
  .d-none\@lg {
    display: none !important;
  }
  .d-table\@lg {
    display: table !important;
  }
  .d-table-cell\@lg {
    display: table-cell !important;
  }
}
@media only screen and (min-width: 1600px) {
  .d-block\@xl {
    display: block !important;
  }
  .d-flex\@xl {
    display: flex !important;
  }
  .d-inline\@xl {
    display: inline !important;
  }
  .d-inline-block\@xl {
    display: inline-block !important;
  }
  .d-inline-flex\@xl {
    display: inline-flex !important;
  }
  .d-none\@xl {
    display: none !important;
  }
  .d-table\@xl {
    display: table !important;
  }
  .d-table-cell\@xl {
    display: table-cell !important;
  }
}
.table-fixed {
  table-layout: fixed !important;
}
.v-hidden {
  visibility: hidden !important;
}
.v-visible {
  visibility: visible !important;
}
.sr-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.pos-static {
  position: static !important;
}
.pos-relative {
  position: relative !important;
}
.pos-absolute {
  position: absolute !important;
}
.pos-fixed {
  position: fixed !important;
}
.pos-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.right-0 {
  right: 0 !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.left-0 {
  left: 0 !important;
}
.v-a-middle {
  vertical-align: middle !important;
}
.v-a-top {
  vertical-align: top !important;
}
.v-a-bottom {
  vertical-align: bottom !important;
}
.v-a-text-top {
  vertical-align: text-top !important;
}
.v-a-text-bottom {
  vertical-align: text-bottom !important;
}
.v-a-baseline {
  vertical-align: baseline !important;
}
.of-hidden {
  overflow: hidden !important;
}
.of-scroll {
  overflow: scroll !important;
}
.of-auto {
  overflow: auto !important;
}
.of-visible {
  overflow: visible !important;
}
:root {
  --theme-name: internal;
  --color-scheme-name: light;
  --color-secondary-900: var(--color-secondary-800);
  --color-tertiary-900: var(--color-tertiary-600);
  --color-success-900: var(--color-success-600);
  --color-warning-900: var(--color-warning-600);
  --color-blue-900: var(--color-blue-400);
  --ngk-color-surface: var(--color-neutral-100);
  --ngk-color-surface-1: var(--color-neutral-white);
  --ngk-color-surface-2: var(--color-neutral-white);
  --ngk-color-surface-3: var(--color-neutral-white);
  --ngk-color-surface-sunken: var(--color-neutral-200);
  --ngk-color-surface-overlay: rgba(0, 0, 0, 0.2);
  --ngk-color-surface-inverse: var(--color-neutral-900);
  --ngk-color-text: var(--color-neutral-900);
  --ngk-color-text-secondary: var(--color-neutral-700);
  --ngk-color-text-muted: var(--color-neutral-600);
  --ngk-color-text-strong: var(--color-neutral-black);
  --ngk-color-text-inverse: var(--color-neutral-white);
  --ngk-color-text-disabled: var(--color-neutral-500);
  --ngk-color-text-link: var(--link-color, var(--color-secondary));
  --ngk-color-text-link-visited: var(--link-color-visited, var(--color-secondary-700));
  --ngk-color-border-1: var(--color-neutral-300);
  --ngk-color-border-2: var(--color-neutral-300);
  --ngk-color-border-3: var(--color-neutral-300);
  --ngk-color-border: var(--ngk-color-border-1);
  --ngk-color-border-subtle: var(--color-neutral-200);
  --ngk-color-border-strong: var(--color-neutral-600);
  --ngk-color-border-focus: var(--ngk-color-action-subtle);
  --ngk-color-border-inverse: var(--color-neutral-700);
  --ngk-color-action: var(--color-secondary-400);
  --ngk-color-action-muted: var(--color-secondary-200);
  --ngk-color-action-subtle: var(--color-secondary-100);
  --ngk-color-action-strong: var(--color-secondary-500);
  --ngk-color-action-contrast: var(--color-neutral-white);
  --ngk-color-accent: var(--color-primary-600);
  --ngk-color-accent-muted: var(--color-primary-300);
  --ngk-color-accent-subtle: var(--color-primary-200);
  --ngk-color-accent-strong: var(--color-primary-1000);
  --ngk-color-accent-contrast: var(--color-neutral-black);
  --ngk-color-highlight: var(--color-tertiary-400);
  --ngk-color-highlight-muted: var(--color-tertiary-200);
  --ngk-color-highlight-subtle: var(--color-tertiary-100);
  --ngk-color-highlight-strong: var(--color-tertiary-900);
  --ngk-color-highlight-contrast: var(--color-neutral-white);
  --ngk-color-neutral: var(--color-neutral-700);
  --ngk-color-neutral-muted: var(--color-neutral-300);
  --ngk-color-neutral-subtle: var(--color-neutral-200);
  --ngk-color-neutral-strong: var(--color-neutral-900);
  --ngk-color-neutral-contrast: var(--color-neutral-white);
  --ngk-color-feedback-success: var(--color-success-400);
  --ngk-color-feedback-success-muted: color-mix(in srgb, var(--color-success-100), var(--color-success-400) 50%);
  --ngk-color-feedback-success-subtle: var(--color-success-100);
  --ngk-color-feedback-success-strong: var(--color-success-600);
  --ngk-color-feedback-success-contrast: var(--color-neutral-white);
  --ngk-color-feedback-warning: var(--color-primary-600);
  --ngk-color-feedback-warning-muted: var(--color-primary-200);
  --ngk-color-feedback-warning-subtle: var(--color-primary-100);
  --ngk-color-feedback-warning-strong: var(--color-primary-1000);
  --ngk-color-feedback-warning-contrast: var(--color-neutral-black);
  --ngk-color-feedback-error: var(--color-warning-400);
  --ngk-color-feedback-error-muted: var(--color-warning-200);
  --ngk-color-feedback-error-subtle: var(--color-warning-100);
  --ngk-color-feedback-error-strong: var(--color-warning-600);
  --ngk-color-feedback-error-contrast: var(--color-neutral-white);
  --ngk-color-feedback-info: var(--color-tertiary-400);
  --ngk-color-feedback-info-muted: var(--color-tertiary-200);
  --ngk-color-feedback-info-subtle: var(--color-tertiary-100);
  --ngk-color-feedback-info-strong: var(--color-tertiary-800, var(--color-tertiary-600));
  --ngk-color-feedback-info-contrast: var(--color-neutral-white);
  --ngk-core-control-height: 2.3rem;
  --ngk-core-control-b-color: var(--ngk-color-border);
  --ngk-core-control-b-width: 1px;
  --ngk-core-control-outline-thickness: 3px;
  --ngk-core-control-radius: var(--border-radius-300);
  --ngk-core-control-focus-outline-color: var(--ngk-color-action-muted);
  --ngk-core-control-focus-border-color: var(--ngk-color-action);
  --ngk-core-control-focus-shadow: none;
  --ngk-core-control-min-width: 200px;
  --ngk-core-control-target-width: 250px;
  --ngk-core-control-bg-color: var(--color-neutral-100);
  --ngk-core-control-fg-color: var(--color-neutral-900);
  --ngk-core-control-font-size: var(--font-size-body-sm);
  --ngk-core-control-font-weight: var(--font-weight-500);
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
:root {
  --ngk-theme-name: var(--theme-name, internal);
  --ngk-color-scheme-name: var(--color-scheme-name, light);
  color-scheme: var(--color-scheme-name);
  --ngk-font-size-body-xs: var(--font-size-body-xs);
  --ngk-font-size-body-sm: var(--font-size-body-sm);
  --ngk-font-size-body-md: var(--font-size-body-md);
  --ngk-font-size-body-lg: var(--font-size-body-lg);
  --ngk-font-size-heading-xs: var(--font-size-heading-xs);
  --ngk-font-size-heading-sm: var(--font-size-heading-sm);
  --ngk-font-size-heading-md: var(--font-size-heading-md);
  --ngk-font-size-heading-lg: var(--font-size-heading-lg);
  --ngk-font-size-heading-xl: var(--font-size-heading-xl);
  --ngk-font-size-heading-xxl: var(--font-size-heading-xxl);
  --ngk-font-size-display: var(--font-size-display-lg);
  --ngk-font-size-control: var(--font-size-body-sm);
  --ngk-font-weight-light: var(--font-weight-light, var(--font-weight-regular));
  --ngk-font-weight-dense: var(--font-weight-bold, var(--font-weight-regular));
  --ngk-font-weight-body: var(--font-weight-regular);
  --ngk-font-weight-emphasis: var(--font-weight-medium, var(--font-weight-semi-bold));
  --ngk-font-weight-strong: var(--font-weight-bold);
  --ngk-font-weight-black: var(--font-weight-black, var(--font-weight-bold));
  --ngk-line-height-none: 1;
  --ngk-line-height-tight: var(--line-height-100, 1.2);
  --ngk-line-height-base: var(--line-height-200, 1.5);
  --ngk-line-height-loose: var(--line-height-300, 1.75);
  --ngk-space-control-x: var(--space-100);
  --ngk-space-control-y: var(--space-75);
  --ngk-space-control-gap: var(--space-100);
  --ngk-space-stack-xs: var(--space-50);
  --ngk-space-stack-sm: var(--space-100);
  --ngk-space-stack-md: var(--space-200);
  --ngk-space-stack-lg: var(--space-400);
  --ngk-space-inset-sm: var(--space-100);
  --ngk-space-inset-md: var(--space-200);
  --ngk-space-inset-lg: var(--space-400);
  --ngk-radius-control: var(--border-radius-200);
  --ngk-radius-surface: var(--border-radius-300);
  --ngk-radius-popover: var(--border-radius-200);
  --ngk-radius-pill: var(--border-radius-full);
  --ngk-shadow-raised: var(--shadow-sm);
  --ngk-shadow-overlay: var(--shadow-lg);
  --ngk-shadow-inset: var(--shadow-inset);
}
:root {
  --ngk-scrollbar-width: 6px;
  --ngk-scroll-track: transparent;
  --ngk-scroll-thumb: var(--ngk-color-border);
  --ngk-scroll-thumb-hover: var(--ngk-color-text-disabled);
  font-feature-settings:
    "liga" 1,
    "calt" 1,
    "tnum";
}
body {
  font-size: var(--font-size-body-xs);
}
.no-scroll-bar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.no-scroll-bar::-webkit-scrollbar {
  display: none;
}
.ngk-scroll-bar {
  scrollbar-width: thin;
  scrollbar-color: var(--ngk-scroll-thumb) var(--ngk-scroll-track);
}
.ngk-scroll-bar::-webkit-scrollbar {
  width: var(--ngk-scrollbar-width);
  height: var(--ngk-scrollbar-width);
}
.ngk-scroll-bar::-webkit-scrollbar-track {
  background: var(--ngk-scroll-track);
}
.ngk-scroll-bar::-webkit-scrollbar-thumb {
  background: var(--ngk-scroll-thumb);
  border-radius: calc(var(--ngk-scrollbar-width) / 2);
}
.ngk-scroll-bar::-webkit-scrollbar-thumb:hover {
  background: var(--ngk-scroll-thumb-hover);
}
.pointer {
  cursor: pointer;
}
.flex-separator {
  flex: 1 1 auto;
}
.elevation-0 {
  box-shadow: none;
}
.elevation-1 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.elevation-2 {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.elevation-3 {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.elevation-4 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.elevation-5 {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.16);
}
:root {
  --ngk-icon-picker-size: 3.5rem;
}
ngk-icon {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
ngk-icon > span {
  line-height: normal;
  font-weight: normal !important;
}
ngk-icon .custom-icon__wrapper {
  display: contents;
}
ngk-icon .custom-icon__wrapper > svg {
  width: 100% !important;
  height: 100% !important;
}
ngk-icon .custom-icon__wrapper.has-managed-fill > svg:not([fill=none]) {
  fill: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-fill > svg *[fill]:not([fill=none]) {
  fill: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-stroke > svg:not([stroke=none]) {
  stroke: currentColor !important;
}
ngk-icon .custom-icon__wrapper.has-managed-stroke > svg *[stroke]:not([stroke=none]) {
  stroke: currentColor !important;
}
:root {
  --ngk-icon-picker-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-icon-picker-border-color: transparent;
  --ngk-icon-picker-fg-color: var(--ngk-color-text);
  --ngk-icon-picker-outline-color: transparent;
  --ngk-icon-picker-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-icon-picker-fg-color-hover: var(--ngk-color-action-strong);
  --ngk-icon-picker-focus-outline-color: var(--ngk-color-action-muted);
  --ngk-icon-picker-invalid-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-icon-picker-invalid-border-color: var(--ngk-color-feedback-error);
  --ngk-icon-picker-invalid-fg-color: var(--ngk-color-feedback-error);
  --ngk-icon-picker-invalid-focus-outline-color: var(--ngk-color-feedback-error-muted);
  --ngk-icon-picker-disabled-fg-color: var(--ngk-color-text-disabled);
  --ngk-icon-picker-panel-bg-color: var(--ngk-color-surface-2);
  --ngk-icon-picker-panel-b-radius: var(--border-radius-400);
}
.ngk-icon-picker {
  --_bg-color: var(--ngk-icon-picker-bg-color);
  --_border-color: var(--ngk-icon-picker-border-color);
  --_fg-color: var(--ngk-icon-picker-fg-color);
  --_outline-color: var(--ngk-icon-picker-outline-color);
  display: block;
  width: var(--ngk-icon-picker-size);
  height: var(--ngk-icon-picker-size);
  flex: 0 0 auto;
}
.ngk-icon-picker.is-invalid:not(.disabled) .ngk-icon-picker__wrapper,
.ngk-icon-picker.ng-invalid.ng-touched:not(.disabled) .ngk-icon-picker__wrapper {
  --_bg-color: var(--ngk-icon-picker-invalid-bg-color);
  --_border-color: var(--ngk-icon-picker-invalid-border-color);
  --_fg-color: var(--ngk-icon-picker-invalid-fg-color);
}
.ngk-icon-picker.is-invalid:not(.disabled) .ngk-icon-picker__wrapper:focus-visible,
.ngk-icon-picker.ng-invalid.ng-touched:not(.disabled) .ngk-icon-picker__wrapper:focus-visible {
  --_border-color: transparent;
  --_outline-color: var(--ngk-icon-picker-invalid-focus-outline-color);
}
.ngk-icon-picker.disabled .ngk-icon-picker__wrapper {
  cursor: not-allowed;
  --_bg-color: var(--ngk-color-neutral-muted);
  --_fg-color: var(--ngk-icon-picker-disabled-fg-color);
}
.ngk-icon-picker__wrapper {
  cursor: pointer;
  background-color: var(--_bg-color);
  color: var(--_fg-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  border-radius: var(--ngk-core-control-radius);
  border: 1px solid var(--_border-color);
  outline: 2px solid var(--_outline-color);
  outline-offset: 3px;
  transition:
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-icon-picker__wrapper:focus-visible {
  --_outline-color: var(--ngk-icon-picker-focus-outline-color);
  transform: scale(0.8);
}
.ngk-icon-picker:not(.disabled) .ngk-icon-picker__wrapper:hover,
.ngk-icon-picker:not(.disabled) .ngk-icon-picker__wrapper:focus-visible {
  --_bg-color: var(--ngk-icon-picker-bg-color-hover);
  --_fg-color: var(--ngk-icon-picker-fg-color-hover);
}
.ngk-icon-picker-panel {
  background-color: var(--ngk-icon-picker-panel-bg-color);
  border-radius: var(--ngk-icon-picker-panel-b-radius);
  box-shadow: var(--ngk-shadow-overlay);
  transform: scale(0.1);
  padding: var(--space-200);
  opacity: 0;
  animation: icon-picker-enter-animation 0.25s forwards cubic-bezier(0.68, -0.55, 0.27, 1.55);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-200);
}
.ngk-icon-picker-panel.is-leaving {
  animation: icon-picker-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.ngk-icon-picker-panel .panel-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  flex: 0 0 auto;
}
.ngk-icon-picker-panel .panel-header .view-switch {
  flex: 0 0 auto;
}
.ngk-icon-picker-panel .panel-content {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
@keyframes icon-picker-enter-animation {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes icon-picker-leave-animation {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(0.1);
    opacity: 0;
  }
}
:root {
  --ngk-icon-picker-grid-item-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-icon-picker-grid-item-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-icon-picker-grid-item-fg-color-hover: var(--ngk-color-action-strong);
  --ngk-icon-picker-grid-item-outline-color-hover: var(--ngk-color-action-muted);
  --ngk-icon-picker-grid-item-bg-color-selected: var(--ngk-color-action-subtle);
  --ngk-icon-picker-grid-item-fg-color-selected: var(--ngk-color-action-strong);
}
.picker-panel-view--grid {
  display: block;
  width: 100%;
  height: 100%;
}
.picker-panel-view--grid.is-entering,
.picker-panel-view--grid.is-leaving {
  position: absolute;
  top: 0;
  left: 0;
}
.picker-panel-view--grid.is-ready.is-leaving {
  animation: icon-picker-grid-view-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--grid.is-ready.is-entering {
  animation: icon-picker-grid-view-enter-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--grid .grid-container {
  height: 100%;
}
.picker-panel-view--grid .grid-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--icon-picker-panel-gap);
  margin-bottom: var(--icon-picker-panel-gap);
}
.picker-panel-view--grid .grid-item {
  --_bg-color: var(--ngk-icon-picker-grid-item-bg-color);
  --_fg-color: inherit;
  --_outline-color: transparent;
  flex: 0 0 auto;
  width: var(--icon-picker-grid-item-size);
  height: var(--icon-picker-grid-item-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: var(--_bg-color);
  color: var(--_fg-color);
  border-radius: var(--ngk-core-control-radius);
  outline: 2px solid var(--_outline-color);
  outline-offset: 3px;
  cursor: pointer;
  transition:
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--grid .grid-item ngk-icon {
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--grid .grid-item.is-selected {
  --_bg-color: var(--ngk-icon-picker-grid-item-bg-color-selected);
  --_fg-color: var(--ngk-icon-picker-grid-item-fg-color-selected);
}
.picker-panel-view--grid:not(:has(.grid-row > .grid-item:focus)) .grid-item:hover,
.picker-panel-view--grid .grid-row > .grid-item:focus {
  --_bg-color: var(--ngk-icon-picker-grid-item-bg-color-hover);
  --_fg-color: var(--ngk-icon-picker-grid-item-fg-color-hover);
  --_outline-color: var(--ngk-icon-picker-grid-item-outline-color-hover);
  transform: scale(0.8);
}
.picker-panel-view--grid:not(:has(.grid-row > .grid-item:focus)) .grid-item:hover ngk-icon,
.picker-panel-view--grid .grid-row > .grid-item:focus ngk-icon {
  transform: scale(1.2);
}
@keyframes icon-picker-grid-view-enter-animation {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes icon-picker-grid-view-leave-animation {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
:root {
  --ngk-icon-picker-list-item-bg-color: transparent;
  --ngk-icon-picker-list-item-fg-color: var(--ngk-color-text);
  --ngk-icon-picker-list-item-bg-color-hover: color-mix(in srgb, var(--ngk-color-action-subtle), white 50%);
  --ngk-icon-picker-list-item-fg-color-hover: var(--ngk-color-action-strong);
  --ngk-icon-picker-list-item-icon-area-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-icon-picker-list-item-icon-area-bg-color-hover: var(--ngk-color-action-muted);
  --ngk-icon-picker-list-item-outline-color-focus: var(--ngk-color-action-muted);
}
.picker-panel-view--list {
  display: block;
  width: 100%;
  height: 100%;
}
.picker-panel-view--list.is-entering,
.picker-panel-view--list.is-leaving {
  position: absolute;
  top: 0;
  left: 0;
}
.picker-panel-view--list.is-ready.is-leaving {
  animation: icon-picker-list-view-leave-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--list.is-ready.is-entering {
  animation: icon-picker-list-view-enter-animation 0.25s forwards cubic-bezier(0.4, 0, 0.2, 1);
}
.picker-panel-view--list .list-container {
  height: 100%;
}
.picker-panel-view--list .list-item {
  --_bg-color: var(--ngk-icon-picker-list-item-bg-color);
  --_fg-color: var(--ngk-icon-picker-list-item-fg-color);
  --_outline-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--icon-picker-panel-gap);
  height: 4rem;
  margin-bottom: var(--icon-picker-panel-gap);
  background-color: var(--_bg-color);
  border-radius: calc(var(--ngk-core-control-radius) + 2px);
  color: var(--_fg-color);
  padding: var(--space-100);
  outline: 2px solid var(--_outline-color);
  outline-offset: -2px;
  cursor: pointer;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-radius 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.picker-panel-view--list .list-item:hover,
.picker-panel-view--list .list-item.is-selected,
.picker-panel-view--list .list-item:focus-visible {
  --_bg-color: var(--ngk-icon-picker-list-item-bg-color-hover);
  --_fg-color: var(--ngk-icon-picker-list-item-fg-color-hover);
}
.picker-panel-view--list .list-item:hover .icon-area,
.picker-panel-view--list .list-item.is-selected .icon-area,
.picker-panel-view--list .list-item:focus-visible .icon-area {
  background-color: var(--ngk-icon-picker-list-item-icon-area-bg-color-hover);
}
.picker-panel-view--list .list-item:focus-visible {
  --_outline-color: var(--ngk-icon-picker-list-item-outline-color-focus);
}
.picker-panel-view--list .list-item .icon-area {
  flex: 0 0 auto;
  width: calc(4rem - 2 * var(--space-100));
  height: calc(4rem - 2 * var(--space-100));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--ngk-icon-picker-list-item-icon-area-bg-color);
  border-radius: var(--ngk-core-control-radius);
  color: inherit;
}
.picker-panel-view--list .list-item .info-area {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.picker-panel-view--list .list-item .info-area .info-name {
  font-size: var(--ngk-font-size-body-sm);
  font-weight: 600;
}
.picker-panel-view--list .list-item .info-area .info-meta {
  font-size: var(--ngk-font-size-body-xs);
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-word;
}
@keyframes icon-picker-list-view-enter-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes icon-picker-list-view-leave-animation {
  from {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(100%);
  }
}
ngk-spinner {
  display: inline-block;
  position: relative;
}
ngk-spinner,
ngk-spinner .track,
ngk-spinner .progress {
  aspect-ratio: 1;
}
ngk-spinner .track,
ngk-spinner .progress {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  border-style: solid;
  border-color: var(--ngk-spinner-color, var(--ngk-color-action));
}
ngk-spinner .track {
  border-width: 3px;
  opacity: 0.2;
}
ngk-spinner .progress {
  border-width: 4px;
  border-top-color: transparent;
  border-right-color: transparent;
  animation: 500ms rotate infinite ease-in-out;
  transform-origin: center;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
:root {
  --ngk-button-bg-color: var(--ngk-color-action);
  --ngk-button-fg-color: var(--ngk-color-action-contrast);
  --ngk-button-border-color: transparent;
  --ngk-button-border-radius: var(--ngk-core-control-radius, 0.35rem);
  --ngk-button-border-width: 1px;
  --ngk-button-outline-color: transparent;
  --ngk-button-outline-width: 3px;
  --ngk-button-padding-block: 0.5rem;
  --ngk-button-bg-color-disabled: var(--ngk-color-border);
  --ngk-button-fg-color-disabled: var(--ngk-color-text);
  --ngk-button-border-color-disabled: transparent;
  --ngk-button-opacity-disabled: 0.6;
  --ngk-button-separator-color: rgba(255, 255, 255, 0.2);
  --ngk-button-actions-bg-color: var(--ngk-color-surface-2);
  --ngk-button-actions-shadow: var(--ngk-shadow-overlay);
  --ngk-button-action-bg-color: transparent;
  --ngk-button-action-b-radius: 0.25rem;
  --ngk-button-solid-primary-bg-color: var(--ngk-color-action);
  --ngk-button-solid-primary-bg-color-hover: color-mix(in srgb, var(--ngk-color-action) 70%, white);
  --ngk-button-solid-primary-fg-color: var(--ngk-color-action-contrast);
  --ngk-button-solid-primary-border-color: transparent;
  --ngk-button-solid-primary-border-color-hover: transparent;
  --ngk-button-solid-primary-outline-color-focus: var(--ngk-color-action-muted);
  --ngk-button-solid-secondary-bg-color: var(--ngk-color-accent);
  --ngk-button-solid-secondary-bg-color-hover: color-mix(in srgb, var(--ngk-color-accent) 80%, white);
  --ngk-button-solid-secondary-fg-color: var(--ngk-color-accent-contrast);
  --ngk-button-solid-secondary-border-color: transparent;
  --ngk-button-solid-secondary-border-color-hover: transparent;
  --ngk-button-solid-secondary-outline-color-focus: var(--ngk-color-accent-muted);
  --ngk-button-solid-tertiary-bg-color: var(--ngk-color-highlight);
  --ngk-button-solid-tertiary-bg-color-hover: color-mix(in srgb, var(--ngk-color-highlight) 80%, white);
  --ngk-button-solid-tertiary-fg-color: var(--ngk-color-highlight-contrast);
  --ngk-button-solid-tertiary-border-color: transparent;
  --ngk-button-solid-tertiary-border-color-hover: transparent;
  --ngk-button-solid-tertiary-outline-color-focus: var(--ngk-color-highlight-muted);
  --ngk-button-solid-warning-bg-color: var(--ngk-color-feedback-error);
  --ngk-button-solid-warning-bg-color-hover: color-mix(in srgb, var(--ngk-color-feedback-error) 80%, white);
  --ngk-button-solid-warning-fg-color: var(--ngk-color-feedback-error-contrast);
  --ngk-button-solid-warning-border-color: transparent;
  --ngk-button-solid-warning-border-color-hover: transparent;
  --ngk-button-solid-warning-outline-color-focus: var(--ngk-color-feedback-error-muted);
  --ngk-button-solid-neutral-bg-color: var(--ngk-color-neutral);
  --ngk-button-solid-neutral-bg-color-hover: color-mix(in srgb, var(--ngk-color-neutral) 80%, white);
  --ngk-button-solid-neutral-fg-color: var(--ngk-color-neutral-contrast);
  --ngk-button-solid-neutral-border-color: transparent;
  --ngk-button-solid-neutral-border-color-hover: transparent;
  --ngk-button-solid-neutral-outline-color-focus: var(--ngk-color-neutral-subtle);
  --ngk-button-ghost-primary-bg-color: var(--ngk-color-action-subtle);
  --ngk-button-ghost-primary-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-button-ghost-primary-fg-color: var(--ngk-color-action);
  --ngk-button-ghost-primary-border-color: transparent;
  --ngk-button-ghost-primary-border-color-hover: var(--ngk-color-action);
  --ngk-button-ghost-primary-outline-color-focus: var(--ngk-color-action-muted);
  --ngk-button-ghost-secondary-bg-color: var(--ngk-color-accent-subtle);
  --ngk-button-ghost-secondary-bg-color-hover: var(--ngk-color-accent-subtle);
  --ngk-button-ghost-secondary-fg-color: var(--ngk-color-accent-strong);
  --ngk-button-ghost-secondary-border-color: transparent;
  --ngk-button-ghost-secondary-border-color-hover: var(--ngk-color-accent);
  --ngk-button-ghost-secondary-outline-color-focus: var(--ngk-color-accent-muted);
  --ngk-button-ghost-tertiary-bg-color: var(--ngk-color-highlight-subtle);
  --ngk-button-ghost-tertiary-bg-color-hover: var(--ngk-color-highlight-subtle);
  --ngk-button-ghost-tertiary-fg-color: var(--ngk-color-highlight-strong);
  --ngk-button-ghost-tertiary-border-color: transparent;
  --ngk-button-ghost-tertiary-border-color-hover: var(--ngk-color-highlight-strong);
  --ngk-button-ghost-tertiary-outline-color-focus: var(--ngk-color-highlight-muted);
  --ngk-button-ghost-warning-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-button-ghost-warning-bg-color-hover: var(--ngk-color-feedback-error-subtle);
  --ngk-button-ghost-warning-fg-color: var(--ngk-color-feedback-error-strong);
  --ngk-button-ghost-warning-border-color: transparent;
  --ngk-button-ghost-warning-border-color-hover: var(--ngk-color-feedback-error-strong);
  --ngk-button-ghost-warning-outline-color-focus: var(--ngk-color-feedback-error-muted);
  --ngk-button-ghost-neutral-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-button-ghost-neutral-bg-color-hover: var(--ngk-color-neutral-subtle);
  --ngk-button-ghost-neutral-fg-color: var(--ngk-color-text);
  --ngk-button-ghost-neutral-border-color: transparent;
  --ngk-button-ghost-neutral-border-color-hover: var(--ngk-color-text-muted);
  --ngk-button-ghost-neutral-outline-color-focus: var(--ngk-color-border);
  --ngk-button-outlined-primary-bg-color: transparent;
  --ngk-button-outlined-primary-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-button-outlined-primary-fg-color: var(--ngk-color-action);
  --ngk-button-outlined-primary-border-color: var(--ngk-color-action);
  --ngk-button-outlined-primary-border-color-hover: var(--ngk-color-action);
  --ngk-button-outlined-primary-outline-color-focus: var(--ngk-color-action-muted);
  --ngk-button-outlined-secondary-bg-color: transparent;
  --ngk-button-outlined-secondary-bg-color-hover: var(--ngk-color-accent-subtle);
  --ngk-button-outlined-secondary-fg-color: var(--ngk-color-accent-strong);
  --ngk-button-outlined-secondary-border-color: var(--ngk-color-accent);
  --ngk-button-outlined-secondary-border-color-hover: var(--ngk-color-accent);
  --ngk-button-outlined-secondary-outline-color-focus: var(--ngk-color-accent-muted);
  --ngk-button-outlined-tertiary-bg-color: transparent;
  --ngk-button-outlined-tertiary-bg-color-hover: var(--ngk-color-highlight-subtle);
  --ngk-button-outlined-tertiary-fg-color: var(--ngk-color-highlight-strong);
  --ngk-button-outlined-tertiary-border-color: var(--ngk-color-highlight);
  --ngk-button-outlined-tertiary-border-color-hover: var(--ngk-color-highlight);
  --ngk-button-outlined-tertiary-outline-color-focus: var(--ngk-color-highlight-muted);
  --ngk-button-outlined-warning-bg-color: transparent;
  --ngk-button-outlined-warning-bg-color-hover: var(--ngk-color-feedback-error-subtle);
  --ngk-button-outlined-warning-fg-color: var(--ngk-color-feedback-error);
  --ngk-button-outlined-warning-border-color: var(--ngk-color-feedback-error);
  --ngk-button-outlined-warning-border-color-hover: var(--ngk-color-feedback-error);
  --ngk-button-outlined-warning-outline-color-focus: var(--ngk-color-feedback-error-muted);
  --ngk-button-outlined-neutral-bg-color: transparent;
  --ngk-button-outlined-neutral-bg-color-hover: var(--ngk-color-neutral-subtle);
  --ngk-button-outlined-neutral-fg-color: var(--ngk-color-text);
  --ngk-button-outlined-neutral-border-color: var(--ngk-color-border-strong);
  --ngk-button-outlined-neutral-border-color-hover: var(--ngk-color-border-strong);
  --ngk-button-outlined-neutral-outline-color-focus: var(--ngk-color-border-subtle);
  --ngk-button-actions-primary-bg-color: var(--ngk-color-action-subtle);
  --ngk-button-actions-primary-fg-color: var(--ngk-color-action);
  --ngk-button-actions-secondary-bg-color: var(--ngk-color-accent-muted);
  --ngk-button-actions-secondary-fg-color: var(--ngk-color-accent-strong);
  --ngk-button-actions-tertiary-bg-color: var(--ngk-color-highlight-subtle);
  --ngk-button-actions-tertiary-fg-color: var(--ngk-color-highlight-strong);
  --ngk-button-actions-warning-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-button-actions-warning-fg-color: var(--ngk-color-feedback-error);
  --ngk-button-actions-neutral-bg-color: var(--ngk-color-surface);
  --ngk-button-actions-neutral-fg-color: var(--ngk-color-text);
}
[ngkButton],
[ngkIconButton] {
  --_bg-color: var(--ngk-button-bg-color);
  --_fg-color: var(--ngk-button-fg-color);
  --_border-color: var(--ngk-button-border-color);
  --_outline-color: var(--ngk-button-outline-color);
  --_separator-color: var(--ngk-button-separator-color);
  flex: 0 0 auto;
  display: inline-flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  border-radius: var(--ngk-button-border-radius) !important;
  position: relative;
  padding-top: var(--ngk-button-padding-block) !important;
  padding-bottom: var(--ngk-button-padding-block) !important;
  background-color: var(--_bg-color) !important;
  color: var(--_fg-color);
  border: var(--ngk-button-border-width) solid var(--_border-color) !important;
  outline: var(--ngk-button-outline-width) solid var(--_outline-color) !important;
  -webkit-font-smoothing: antialiased !important;
}
[ngkButton][disabled],
[ngkIconButton][disabled] {
  --_bg-color: var(--ngk-button-bg-color-disabled);
  --_fg-color: var(--ngk-button-fg-color-disabled);
  border-color: var(--ngk-button-border-color-disabled) !important;
  opacity: var(--ngk-button-opacity-disabled) !important;
  background: var(--ngk-button-bg-color-disabled) !important;
}
[ngkButton].is-initialized,
[ngkIconButton].is-initialized {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
[ngkButton].button--xs,
[ngkIconButton].button--xs {
  height: calc(var(--ngk-core-control-height) * 0.7);
  padding-inline: var(--space-100) !important;
  font-size: var(--ngk-font-size-body-xs);
}
[ngkButton].button--sm,
[ngkIconButton].button--sm {
  height: calc(var(--ngk-core-control-height) * 0.85);
}
[ngkButton].button--md,
[ngkIconButton].button--md {
  height: var(--ngk-core-control-height);
}
[ngkButton].button--lg,
[ngkIconButton].button--lg {
  height: calc(var(--ngk-core-control-height) * 1.25);
}
[ngkButton].is-busy,
[ngkIconButton].is-busy {
  pointer-events: none;
}
[ngkButton].button--mode-solid.button--color-primary,
[ngkIconButton].button--mode-solid.button--color-primary {
  --_bg-color: var(--ngk-button-solid-primary-bg-color) !important;
  --_fg-color: var(--ngk-button-solid-primary-fg-color) !important;
  --_border-color: var(--ngk-button-solid-primary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-solid-primary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-primary:hover,
[ngkIconButton].button--mode-solid.button--color-primary:hover {
  --_bg-color: var(--ngk-button-solid-primary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-solid-primary-border-color-hover) !important;
}
[ngkButton].button--mode-solid.button--color-primary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-primary:focus-visible {
  --_outline-color: var(--ngk-button-solid-primary-outline-color-focus) !important;
}
[ngkButton].button--mode-solid.button--color-secondary,
[ngkIconButton].button--mode-solid.button--color-secondary {
  --_bg-color: var(--ngk-button-solid-secondary-bg-color) !important;
  --_fg-color: var(--ngk-button-solid-secondary-fg-color) !important;
  --_border-color: var(--ngk-button-solid-secondary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-solid-secondary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-secondary:hover,
[ngkIconButton].button--mode-solid.button--color-secondary:hover {
  --_bg-color: var(--ngk-button-solid-secondary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-solid-secondary-border-color-hover) !important;
}
[ngkButton].button--mode-solid.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-secondary:focus-visible {
  --_outline-color: var(--ngk-button-solid-secondary-outline-color-focus) !important;
}
[ngkButton].button--mode-solid.button--color-tertiary,
[ngkIconButton].button--mode-solid.button--color-tertiary {
  --_bg-color: var(--ngk-button-solid-tertiary-bg-color) !important;
  --_fg-color: var(--ngk-button-solid-tertiary-fg-color) !important;
  --_border-color: var(--ngk-button-solid-tertiary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-solid-tertiary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-tertiary:hover,
[ngkIconButton].button--mode-solid.button--color-tertiary:hover {
  --_bg-color: var(--ngk-button-solid-tertiary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-solid-tertiary-border-color-hover) !important;
}
[ngkButton].button--mode-solid.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-solid.button--color-tertiary:focus-visible {
  --_outline-color: var(--ngk-button-solid-tertiary-outline-color-focus) !important;
}
[ngkButton].button--mode-solid.button--color-warning,
[ngkIconButton].button--mode-solid.button--color-warning {
  --_bg-color: var(--ngk-button-solid-warning-bg-color) !important;
  --_fg-color: var(--ngk-button-solid-warning-fg-color) !important;
  --_border-color: var(--ngk-button-solid-warning-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-solid-warning-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-warning:hover,
[ngkIconButton].button--mode-solid.button--color-warning:hover {
  --_bg-color: var(--ngk-button-solid-warning-bg-color-hover) !important;
  --_border-color: var(--ngk-button-solid-warning-border-color-hover) !important;
}
[ngkButton].button--mode-solid.button--color-warning:focus-visible,
[ngkIconButton].button--mode-solid.button--color-warning:focus-visible {
  --_outline-color: var(--ngk-button-solid-warning-outline-color-focus) !important;
}
[ngkButton].button--mode-solid.button--color-neutral,
[ngkIconButton].button--mode-solid.button--color-neutral {
  --_bg-color: var(--ngk-button-solid-neutral-bg-color) !important;
  --_fg-color: var(--ngk-button-solid-neutral-fg-color) !important;
  --_border-color: var(--ngk-button-solid-neutral-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-solid-neutral-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-solid.button--color-neutral:hover,
[ngkIconButton].button--mode-solid.button--color-neutral:hover {
  --_bg-color: var(--ngk-button-solid-neutral-bg-color-hover) !important;
  --_border-color: var(--ngk-button-solid-neutral-border-color-hover) !important;
}
[ngkButton].button--mode-solid.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-solid.button--color-neutral:focus-visible {
  --_outline-color: var(--ngk-button-solid-neutral-outline-color-focus) !important;
}
[ngkButton].button--mode-ghost.button--color-primary,
[ngkIconButton].button--mode-ghost.button--color-primary {
  --_bg-color: var(--ngk-button-ghost-primary-bg-color) !important;
  --_fg-color: var(--ngk-button-ghost-primary-fg-color) !important;
  --_border-color: var(--ngk-button-ghost-primary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-ghost-primary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-primary:hover,
[ngkIconButton].button--mode-ghost.button--color-primary:hover {
  --_bg-color: var(--ngk-button-ghost-primary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-ghost-primary-border-color-hover) !important;
}
[ngkButton].button--mode-ghost.button--color-primary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-primary:focus-visible {
  --_outline-color: var(--ngk-button-ghost-primary-outline-color-focus) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary,
[ngkIconButton].button--mode-ghost.button--color-secondary {
  --_bg-color: var(--ngk-button-ghost-secondary-bg-color) !important;
  --_fg-color: var(--ngk-button-ghost-secondary-fg-color) !important;
  --_border-color: var(--ngk-button-ghost-secondary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-ghost-secondary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary:hover,
[ngkIconButton].button--mode-ghost.button--color-secondary:hover {
  --_bg-color: var(--ngk-button-ghost-secondary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-ghost-secondary-border-color-hover) !important;
}
[ngkButton].button--mode-ghost.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-secondary:focus-visible {
  --_outline-color: var(--ngk-button-ghost-secondary-outline-color-focus) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary,
[ngkIconButton].button--mode-ghost.button--color-tertiary {
  --_bg-color: var(--ngk-button-ghost-tertiary-bg-color) !important;
  --_fg-color: var(--ngk-button-ghost-tertiary-fg-color) !important;
  --_border-color: var(--ngk-button-ghost-tertiary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-ghost-tertiary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary:hover,
[ngkIconButton].button--mode-ghost.button--color-tertiary:hover {
  --_bg-color: var(--ngk-button-ghost-tertiary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-ghost-tertiary-border-color-hover) !important;
}
[ngkButton].button--mode-ghost.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-tertiary:focus-visible {
  --_outline-color: var(--ngk-button-ghost-tertiary-outline-color-focus) !important;
}
[ngkButton].button--mode-ghost.button--color-warning,
[ngkIconButton].button--mode-ghost.button--color-warning {
  --_bg-color: var(--ngk-button-ghost-warning-bg-color) !important;
  --_fg-color: var(--ngk-button-ghost-warning-fg-color) !important;
  --_border-color: var(--ngk-button-ghost-warning-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-ghost-warning-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-warning:hover,
[ngkIconButton].button--mode-ghost.button--color-warning:hover {
  --_bg-color: var(--ngk-button-ghost-warning-bg-color-hover) !important;
  --_border-color: var(--ngk-button-ghost-warning-border-color-hover) !important;
}
[ngkButton].button--mode-ghost.button--color-warning:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-warning:focus-visible {
  --_outline-color: var(--ngk-button-ghost-warning-outline-color-focus) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral,
[ngkIconButton].button--mode-ghost.button--color-neutral {
  --_bg-color: var(--ngk-button-ghost-neutral-bg-color) !important;
  --_fg-color: var(--ngk-button-ghost-neutral-fg-color) !important;
  --_border-color: var(--ngk-button-ghost-neutral-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-ghost-neutral-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral:hover,
[ngkIconButton].button--mode-ghost.button--color-neutral:hover {
  --_bg-color: var(--ngk-button-ghost-neutral-bg-color-hover) !important;
  --_border-color: var(--ngk-button-ghost-neutral-border-color-hover) !important;
}
[ngkButton].button--mode-ghost.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-ghost.button--color-neutral:focus-visible {
  --_outline-color: var(--ngk-button-ghost-neutral-outline-color-focus) !important;
}
[ngkButton].button--mode-outlined.button--color-primary,
[ngkIconButton].button--mode-outlined.button--color-primary {
  --_bg-color: var(--ngk-button-outlined-primary-bg-color) !important;
  --_fg-color: var(--ngk-button-outlined-primary-fg-color) !important;
  --_border-color: var(--ngk-button-outlined-primary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-outlined-primary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-primary:hover,
[ngkIconButton].button--mode-outlined.button--color-primary:hover {
  --_bg-color: var(--ngk-button-outlined-primary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-outlined-primary-border-color-hover) !important;
}
[ngkButton].button--mode-outlined.button--color-primary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-primary:focus-visible {
  --_outline-color: var(--ngk-button-outlined-primary-outline-color-focus) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary,
[ngkIconButton].button--mode-outlined.button--color-secondary {
  --_bg-color: var(--ngk-button-outlined-secondary-bg-color) !important;
  --_fg-color: var(--ngk-button-outlined-secondary-fg-color) !important;
  --_border-color: var(--ngk-button-outlined-secondary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-outlined-secondary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary:hover,
[ngkIconButton].button--mode-outlined.button--color-secondary:hover {
  --_bg-color: var(--ngk-button-outlined-secondary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-outlined-secondary-border-color-hover) !important;
}
[ngkButton].button--mode-outlined.button--color-secondary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-secondary:focus-visible {
  --_outline-color: var(--ngk-button-outlined-secondary-outline-color-focus) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary,
[ngkIconButton].button--mode-outlined.button--color-tertiary {
  --_bg-color: var(--ngk-button-outlined-tertiary-bg-color) !important;
  --_fg-color: var(--ngk-button-outlined-tertiary-fg-color) !important;
  --_border-color: var(--ngk-button-outlined-tertiary-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-outlined-tertiary-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary:hover,
[ngkIconButton].button--mode-outlined.button--color-tertiary:hover {
  --_bg-color: var(--ngk-button-outlined-tertiary-bg-color-hover) !important;
  --_border-color: var(--ngk-button-outlined-tertiary-border-color-hover) !important;
}
[ngkButton].button--mode-outlined.button--color-tertiary:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-tertiary:focus-visible {
  --_outline-color: var(--ngk-button-outlined-tertiary-outline-color-focus) !important;
}
[ngkButton].button--mode-outlined.button--color-warning,
[ngkIconButton].button--mode-outlined.button--color-warning {
  --_bg-color: var(--ngk-button-outlined-warning-bg-color) !important;
  --_fg-color: var(--ngk-button-outlined-warning-fg-color) !important;
  --_border-color: var(--ngk-button-outlined-warning-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-outlined-warning-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-warning:hover,
[ngkIconButton].button--mode-outlined.button--color-warning:hover {
  --_bg-color: var(--ngk-button-outlined-warning-bg-color-hover) !important;
  --_border-color: var(--ngk-button-outlined-warning-border-color-hover) !important;
}
[ngkButton].button--mode-outlined.button--color-warning:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-warning:focus-visible {
  --_outline-color: var(--ngk-button-outlined-warning-outline-color-focus) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral,
[ngkIconButton].button--mode-outlined.button--color-neutral {
  --_bg-color: var(--ngk-button-outlined-neutral-bg-color) !important;
  --_fg-color: var(--ngk-button-outlined-neutral-fg-color) !important;
  --_border-color: var(--ngk-button-outlined-neutral-border-color) !important;
  --_separator-color: rgb(from var(--ngk-button-outlined-neutral-fg-color) r g b / 0.5) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral:hover,
[ngkIconButton].button--mode-outlined.button--color-neutral:hover {
  --_bg-color: var(--ngk-button-outlined-neutral-bg-color-hover) !important;
  --_border-color: var(--ngk-button-outlined-neutral-border-color-hover) !important;
}
[ngkButton].button--mode-outlined.button--color-neutral:focus-visible,
[ngkIconButton].button--mode-outlined.button--color-neutral:focus-visible {
  --_outline-color: var(--ngk-button-outlined-neutral-outline-color-focus) !important;
}
[ngkButton].is-fluid {
  display: flex !important;
  width: 100%;
  flex-shrink: 1;
}
[ngkButton].has-actions {
  --action-trigger-width: var(--ngk-core-control-height);
  padding-right: calc(var(--ngk-core-control-height) + var(--space-100)) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
[ngkButton].has-actions.button--xs {
  --action-trigger-width: calc(var(--ngk-core-control-height) * 0.7);
  padding-right: calc(var(--ngk-core-control-height) * 0.7 + var(--space-100)) !important;
}
[ngkButton].has-actions.button--sm {
  --action-trigger-width: calc(var(--ngk-core-control-height) * 0.85);
  padding-right: calc(var(--ngk-core-control-height) * 0.85 + var(--space-100)) !important;
}
[ngkButton].has-actions.button--lg {
  --action-trigger-width: calc(var(--ngk-core-control-height) * 1.25);
  padding-right: calc(var(--ngk-core-control-height) * 1.25 + var(--space-100)) !important;
}
[ngkIconButton] {
  aspect-ratio: 1;
  padding: 0.5rem !important;
}
[ngkIconButton].button--xs {
  width: calc(var(--ngk-core-control-height) * 0.7);
  padding: 0.2rem !important;
}
[ngkIconButton].button--sm {
  width: calc(var(--ngk-core-control-height) * 0.85);
  padding: 0.25rem !important;
}
[ngkButtonAction] {
  all: initial;
}
[ngkButtonAction]:hover .ngk-button__action,
[ngkButtonAction]:focus .ngk-button__action {
  background-color: var(--accent-bg-color);
  color: var(--accent-fg-color);
}
.ngk-button__wrapper {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  flex: 1 1 auto;
  opacity: 1;
  transform: scale(1);
  transform-origin: center center;
  position: relative;
}
.ngk-button__wrapper.is-busy {
  opacity: 0;
  transform: scale(0.5);
}
.ngk-button__wrapper.is-initialized {
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    max-width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-button__affix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__affix img {
  height: calc(var(--affix-size) * 1.3);
  border-radius: 9999px;
}
.ngk-button__content {
  white-space: nowrap;
  text-align: center;
}
.ngk-button__loading-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__actions--trigger {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: var(--action-trigger-width);
  border-radius: 0;
  border-top-right-radius: var(--ngk-core-control-radius, 0.35rem);
  border-bottom-right-radius: var(--ngk-core-control-radius, 0.35rem);
  outline: 3px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-button__actions--trigger.cdk-keyboard-focused {
  outline-color: var(--_outline-color);
}
.ngk-button__actions--trigger::after {
  content: "";
  position: absolute;
  top: var(--space-75);
  left: 0;
  bottom: var(--space-75);
  width: 1px;
  background-color: var(--_separator-color);
}
.ngk-button__actions--wrapper {
  padding: var(--space-100);
  background-color: var(--ngk-button-actions-bg-color);
  box-shadow: var(--ngk-button-actions-shadow);
  border-radius: var(--ngk-core-control-radius);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-button__actions--wrapper.primary {
  --accent-bg-color: var(--ngk-button-actions-primary-bg-color);
  --accent-fg-color: var(--ngk-button-actions-primary-fg-color);
}
.ngk-button__actions--wrapper.secondary {
  --accent-bg-color: var(--ngk-button-actions-secondary-bg-color);
  --accent-fg-color: var(--ngk-button-actions-secondary-fg-color);
}
.ngk-button__actions--wrapper.tertiary {
  --accent-bg-color: var(--ngk-button-actions-tertiary-bg-color);
  --accent-fg-color: var(--ngk-button-actions-tertiary-fg-color);
}
.ngk-button__actions--wrapper.warning {
  --accent-bg-color: var(--ngk-button-actions-warning-bg-color);
  --accent-fg-color: var(--ngk-button-actions-warning-fg-color);
}
.ngk-button__actions--wrapper.neutral {
  --accent-bg-color: var(--ngk-button-actions-neutral-bg-color);
  --accent-fg-color: var(--ngk-button-actions-neutral-fg-color);
}
.ngk-button__actions--wrapper.ngk-button-actions-panel-below {
  transform-origin: top center;
}
.ngk-button__actions--wrapper.ngk-button-actions-panel-above {
  transform-origin: bottom center;
}
.ngk-button__action {
  cursor: pointer;
  padding: var(--space-100);
  background-color: var(--ngk-button-action-bg-color);
  border-radius: var(--ngk-button-action-b-radius);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-button__action.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ngk-button__action.is-initialized {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-button__action-content {
  flex: 0 0 auto;
  font-family: var(--font-family-default);
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-dense);
}
:root {
  --ngk-datepicker-bg-color: var(--ngk-color-surface-2);
  --ngk-datepicker-border-color: var(--ngk-color-border);
  --ngk-datepicker-b-radius: var(--border-radius-400);
  --ngk-datepicker-shadow: var(--ngk-shadow-overlay);
  --ngk-datepicker-fg-color: var(--ngk-color-text);
  --ngk-datepicker-weekdays-fg-color: var(--ngk-color-action-strong);
  --ngk-datepicker-action-font-weight: var(--ngk-font-weight-strong);
  --ngk-datepicker-action-font-size: var(--ngk-font-size-body-sm);
  --ngk-datepicker-action-bg-color: var(--ngk-color-surface);
  --ngk-datepicker-action-bg-color-hover: var(--ngk-color-neutral-subtle);
  --ngk-datepicker-action-b-radius: var(--border-radius-300);
  --ngk-datepicker-action-focus-outline-color: var(--ngk-color-action-muted);
  --ngk-datepicker-action-focus-border-color: var(--ngk-color-action);
  --ngk-datepicker-cell-today-bg-color: var(--ngk-color-action-subtle);
  --ngk-datepicker-cell-today-fg-color: var(--ngk-color-action-strong);
  --ngk-datepicker-cell-selected-bg-color: var(--ngk-color-action);
  --ngk-datepicker-cell-selected-fg-color: var(--ngk-color-action-contrast);
  --ngk-datepicker-cell-offset-bg-color: var(--ngk-color-surface-1);
  --ngk-datepicker-cell-offset-fg-color: var(--ngk-color-text-muted);
  --ngk-datepicker-suggestion-bg-color: var(--ngk-color-action-subtle);
  --ngk-datepicker-suggestion-fg-color: var(--ngk-color-action-strong);
  --ngk-datepicker-suggestion-bg-color-hover: var(--ngk-color-action);
  --ngk-datepicker-suggestion-fg-color-hover: var(--ngk-color-action-contrast);
}
.ngk-datepicker {
  --_bg-color: var(--ngk-datepicker-bg-color);
  --_border-color: var(--ngk-datepicker-border-color);
  background-color: var(--_bg-color);
  border: 1px solid var(--_border-color);
  border-radius: var(--ngk-datepicker-b-radius);
  padding: var(--space-100);
  width: calc(210px + 8 * var(--space-100));
  color: var(--ngk-datepicker-fg-color);
}
.ngk-datepicker.is-floating {
  box-shadow: var(--ngk-datepicker-shadow);
}
.ngk-datepicker-wrapper {
  position: relative;
}
.ngk-datepicker,
.ngk-datepicker__nav,
.ngk-datepicker__view,
.ngk-datepicker__view__item {
  display: block;
}
.ngk-datepicker__action {
  --_bg-color: var(--ngk-datepicker-action-bg-color);
  --_outline-color: transparent;
  --_border-color: transparent;
  height: 30px;
  min-width: 30px;
  border-radius: var(--ngk-datepicker-action-b-radius);
  font-weight: var(--ngk-datepicker-action-font-weight);
  font-size: var(--ngk-datepicker-action-font-size);
  line-height: 1;
  background-color: var(--_bg-color);
  color: var(--ngk-datepicker-fg-color);
  cursor: pointer;
  border: 1px solid var(--_border-color);
  outline: 3px solid var(--_outline-color);
  margin: 0;
  padding: var(--space-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-datepicker__action:hover {
  --_bg-color: var(--ngk-datepicker-action-bg-color-hover);
}
.ngk-datepicker__action:focus {
  --_outline-color: var(--ngk-datepicker-action-focus-outline-color);
  --_border-color: var(--ngk-datepicker-action-focus-border-color);
}
.ngk-datepicker__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-top: var(--space-100);
}
.ngk-datepicker__footer button {
  border-radius: var(--ngk-datepicker-action-b-radius) !important;
}
.ngk-datepicker,
.ngk-datepicker__view {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-datepicker__view--month .weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: var(--space-100);
  flex: 0 0 auto;
}
.ngk-datepicker__view--month .weekdays .weekday {
  font-size: var(--ngk-font-size-body-sm);
  text-align: center;
  color: var(--ngk-datepicker-weekdays-fg-color);
}
.ngk-datepicker__view__body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-datepicker__view__body__items-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-100);
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-datepicker__view__body__items-grid--days {
  grid-template-columns: repeat(7, 1fr);
}
.ngk-datepicker__view__item {
  height: 30px;
}
.ngk-datepicker__view__item button {
  width: 100%;
  font-size: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-strong);
}
.ngk-datepicker__view__item--day {
  width: 30px;
}
.ngk-datepicker__view__item.is-this button {
  background-color: var(--ngk-datepicker-cell-today-bg-color);
  color: var(--ngk-datepicker-cell-today-fg-color);
}
.ngk-datepicker__view__item.is-disabled button {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.ngk-datepicker__view__item.is-selected button {
  background-color: var(--ngk-datepicker-cell-selected-bg-color);
  color: var(--ngk-datepicker-cell-selected-fg-color);
}
.ngk-datepicker__view__item.is-this button,
.ngk-datepicker__view__item.is-selected button {
  font-weight: var(--ngk-font-weight-black);
}
.ngk-datepicker__view__item.is-leading-offset button,
.ngk-datepicker__view__item.is-trailing-offset button {
  font-weight: var(--ngk-font-weight-light);
  background-color: var(--ngk-datepicker-cell-offset-bg-color);
  color: var(--ngk-datepicker-cell-offset-fg-color);
}
.ngk-datepicker__nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-datepicker__nav-item {
  flex: 0 0 auto;
}
.ngk-datepicker__nav-item.middle {
  flex: 1 1 auto;
}
.ngk-datepicker__suggestions {
  overflow: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.ngk-datepicker__suggestions::-webkit-scrollbar {
  display: none;
}
.ngk-datepicker__suggestions-item {
  --_bg-color: var(--ngk-datepicker-suggestion-bg-color);
  --_fg-color: var(--ngk-datepicker-suggestion-fg-color);
  background-color: var(--_bg-color);
  color: var(--_fg-color);
  flex: 1 0 auto;
}
.ngk-datepicker__suggestions-item:hover {
  --_bg-color: var(--ngk-datepicker-suggestion-bg-color-hover);
  --_fg-color: var(--ngk-datepicker-suggestion-fg-color-hover);
}
ngk-datepicker-overlay {
  transform-origin: top right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-end-below {
  transform-origin: top right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-end-above {
  transform-origin: bottom right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-start-below {
  transform-origin: bottom right;
}
ngk-datepicker-overlay.ngk-datepicker-overlay-start-above {
  transform-origin: bottom right;
}
:root {
  --ngk-field-border-width: var(--ngk-core-control-b-width);
  --ngk-field-outline-width: var(--ngk-core-control-outline-thickness);
  --ngk-field-font-size: var(--ngk-core-control-font-size);
  --ngk-field-font-weight: var(--ngk-core-control-font-weight);
  --ngk-field-focus-border-color: var(--ngk-core-control-focus-border-color);
  --ngk-field-focus-outline-color: var(--ngk-core-control-focus-outline-color);
  --ngk-field-focus-shadow: var(--ngk-core-control-focus-shadow);
  --ngk-field-invalid-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-field-invalid-border-color: var(--ngk-color-feedback-error);
  --ngk-field-invalid-fg-color: var(--ngk-color-feedback-error);
  --ngk-field-invalid-focus-outline-color: var(--ngk-color-feedback-error-muted);
  --ngk-field-label-fg-color: var(--ngk-color-text-secondary);
  --ngk-field-label-height: unset;
  --ngk-field-label-line-height: normal;
  --ngk-field-label-font-size: var(--ngk-font-size-body-xs);
  --ngk-field-label-font-weight: var(--ngk-font-weight-strong);
  --ngk-field-label-margin-bottom: calc(var(--space-100) * 0.5);
  --ngk-field-label-left-displacement: calc(var(--space-100) * 0.5);
  --ngk-field-invalid-label-fg-color: var(--ngk-color-feedback-error);
  --ngk-field-subscript-fg-color: var(--ngk-color-text-secondary);
  --ngk-field-subscript-font-size: var(--ngk-font-size-body-xs);
  --ngk-field-subscript-height: var(--space-300);
  --ngk-field-subscript-font-weight: var(--font-weight-medium);
  --ngk-field-subscript-error-fg-color: var(--ngk-color-feedback-error);
  --ngk-field-subscript-margin-top: calc(var(--space-100) * 0.5);
}
.ngk-field {
  display: block;
}
.ngk-field__label,
.ngk-field__element,
.ngk-field__subscript {
  width: 100%;
}
.ngk-field__label,
.ngk-field__subscript {
  position: relative;
  left: var(--ngk-field-label-left-displacement);
}
.ngk-field__label {
  font-weight: var(--ngk-field-label-font-weight);
  margin-bottom: var(--ngk-field-label-margin-bottom);
  font-size: var(--ngk-field-label-font-size);
  line-height: var(--ngk-field-label-line-height);
  color: var(--ngk-field-label-fg-color);
  height: var(--ngk-field-label-height);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-field__label--custom {
  display: flex;
  gap: var(--space-100);
  width: 100%;
  height: 100%;
}
.ngk-field__element {
  min-height: var(--ngk-core-control-height);
}
.ngk-field__element > *.ngk-field-element {
  width: 100% !important;
  min-width: unset !important;
  max-width: unset !important;
}
.ngk-field__element > *[readonlyValue] {
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-field__subscript {
  display: block;
  margin-top: var(--ngk-field-subscript-margin-top);
  width: calc(100% - var(--space-100) * 0.5);
  height: var(--ngk-field-subscript-height);
  font-size: var(--ngk-field-subscript-font-size);
  font-weight: var(--ngk-field-subscript-font-weight);
  line-height: normal;
}
.ngk-field__subscript-error,
.ngk-field__subscript-hint {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--ngk-field-subscript-fg-color);
  width: 100%;
  height: 100%;
}
.ngk-field__subscript-error.field-subscript__enter,
.ngk-field__subscript-hint.field-subscript__enter {
  animation: ngk-field-subscript-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ngk-field__subscript-error.field-subscript__leave,
.ngk-field__subscript-hint.field-subscript__leave {
  animation: ngk-field-subscript-out 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.ngk-field__subscript-error {
  color: var(--ngk-field-subscript-error-fg-color) !important;
}
.ngk-field.is-touched.is-invalid .ngk-field__label,
.ngk-field.as-invalid .ngk-field__label {
  color: var(--ngk-field-invalid-label-fg-color);
}
.ngk-field:not(.is-fluid) {
  width: var(--ngk-core-control-target-width);
}
.ngk-field.has-prefix {
  --ngk-field-prefix-width: var(--ngk-core-control-height);
}
.ngk-field.has-suffix {
  --ngk-field-suffix-width: var(--ngk-core-control-height);
}
.ngk-field.is-fluid {
  width: 100%;
  flex: 0 1 auto;
}
.ngk-field__parent-flex--column .ngk-field.is-fluid {
  flex: 0 1 auto;
  align-self: stretch;
}
.ngk-field__parent-flex--row .ngk-field.is-fluid {
  flex: 1 1 auto;
  min-inline-size: 0;
}
.ngk-field__parent:not(.ngk-field__parent-flex) > .ngk-field__parent.is-fluid {
  width: unset;
  min-width: unset !important;
  max-width: unset !important;
}
.ngk-field input:not([type]),
.ngk-field input[type=text],
.ngk-field input[type=search],
.ngk-field input[type=number],
.ngk-field input[type=email],
.ngk-field input[type=password],
.ngk-field input[type=date],
.ngk-field input[type=tel],
.ngk-field textarea,
input:not([type]).ngk-field,
input[type=text].ngk-field,
input[type=search].ngk-field,
input[type=number].ngk-field,
input[type=email].ngk-field,
input[type=password].ngk-field,
input[type=date].ngk-field,
input[type=tel].ngk-field,
textarea.ngk-field {
  --_bg-color: var(--ngk-core-control-bg-color);
  --_fg-color: var(--ngk-core-control-fg-color);
  --_border-color: var(--ngk-core-control-b-color);
  --_outline-color: transparent;
  --_border-width: var(--ngk-field-border-width);
  --_outline-width: var(--ngk-field-outline-width);
  --_shadow: none;
  width: 100%;
  height: 100%;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--_bg-color);
  outline: var(--_outline-width) solid var(--_outline-color);
  border: var(--_border-width) solid var(--_border-color);
  font-size: var(--ngk-field-font-size);
  color: var(--_fg-color);
  font-weight: var(--ngk-field-font-weight);
  padding: var(--space-100);
  margin: 0;
  box-shadow: var(--_shadow);
  border-radius: var(--ngk-core-control-radius);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ngk-field input:not([type])::-webkit-search-decoration,
.ngk-field input:not([type])::-webkit-search-cancel-button,
.ngk-field input:not([type])::-webkit-search-results-button,
.ngk-field input:not([type])::-webkit-search-results-decoration,
.ngk-field input[type=text]::-webkit-search-decoration,
.ngk-field input[type=text]::-webkit-search-cancel-button,
.ngk-field input[type=text]::-webkit-search-results-button,
.ngk-field input[type=text]::-webkit-search-results-decoration,
.ngk-field input[type=search]::-webkit-search-decoration,
.ngk-field input[type=search]::-webkit-search-cancel-button,
.ngk-field input[type=search]::-webkit-search-results-button,
.ngk-field input[type=search]::-webkit-search-results-decoration,
.ngk-field input[type=number]::-webkit-search-decoration,
.ngk-field input[type=number]::-webkit-search-cancel-button,
.ngk-field input[type=number]::-webkit-search-results-button,
.ngk-field input[type=number]::-webkit-search-results-decoration,
.ngk-field input[type=email]::-webkit-search-decoration,
.ngk-field input[type=email]::-webkit-search-cancel-button,
.ngk-field input[type=email]::-webkit-search-results-button,
.ngk-field input[type=email]::-webkit-search-results-decoration,
.ngk-field input[type=password]::-webkit-search-decoration,
.ngk-field input[type=password]::-webkit-search-cancel-button,
.ngk-field input[type=password]::-webkit-search-results-button,
.ngk-field input[type=password]::-webkit-search-results-decoration,
.ngk-field input[type=date]::-webkit-search-decoration,
.ngk-field input[type=date]::-webkit-search-cancel-button,
.ngk-field input[type=date]::-webkit-search-results-button,
.ngk-field input[type=date]::-webkit-search-results-decoration,
.ngk-field input[type=tel]::-webkit-search-decoration,
.ngk-field input[type=tel]::-webkit-search-cancel-button,
.ngk-field input[type=tel]::-webkit-search-results-button,
.ngk-field input[type=tel]::-webkit-search-results-decoration,
.ngk-field textarea::-webkit-search-decoration,
.ngk-field textarea::-webkit-search-cancel-button,
.ngk-field textarea::-webkit-search-results-button,
.ngk-field textarea::-webkit-search-results-decoration,
input:not([type]).ngk-field::-webkit-search-decoration,
input:not([type]).ngk-field::-webkit-search-cancel-button,
input:not([type]).ngk-field::-webkit-search-results-button,
input:not([type]).ngk-field::-webkit-search-results-decoration,
input[type=text].ngk-field::-webkit-search-decoration,
input[type=text].ngk-field::-webkit-search-cancel-button,
input[type=text].ngk-field::-webkit-search-results-button,
input[type=text].ngk-field::-webkit-search-results-decoration,
input[type=search].ngk-field::-webkit-search-decoration,
input[type=search].ngk-field::-webkit-search-cancel-button,
input[type=search].ngk-field::-webkit-search-results-button,
input[type=search].ngk-field::-webkit-search-results-decoration,
input[type=number].ngk-field::-webkit-search-decoration,
input[type=number].ngk-field::-webkit-search-cancel-button,
input[type=number].ngk-field::-webkit-search-results-button,
input[type=number].ngk-field::-webkit-search-results-decoration,
input[type=email].ngk-field::-webkit-search-decoration,
input[type=email].ngk-field::-webkit-search-cancel-button,
input[type=email].ngk-field::-webkit-search-results-button,
input[type=email].ngk-field::-webkit-search-results-decoration,
input[type=password].ngk-field::-webkit-search-decoration,
input[type=password].ngk-field::-webkit-search-cancel-button,
input[type=password].ngk-field::-webkit-search-results-button,
input[type=password].ngk-field::-webkit-search-results-decoration,
input[type=date].ngk-field::-webkit-search-decoration,
input[type=date].ngk-field::-webkit-search-cancel-button,
input[type=date].ngk-field::-webkit-search-results-button,
input[type=date].ngk-field::-webkit-search-results-decoration,
input[type=tel].ngk-field::-webkit-search-decoration,
input[type=tel].ngk-field::-webkit-search-cancel-button,
input[type=tel].ngk-field::-webkit-search-results-button,
input[type=tel].ngk-field::-webkit-search-results-decoration,
textarea.ngk-field::-webkit-search-decoration,
textarea.ngk-field::-webkit-search-cancel-button,
textarea.ngk-field::-webkit-search-results-button,
textarea.ngk-field::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.ngk-field input:not([type])::-webkit-calendar-picker-indicator,
.ngk-field input[type=text]::-webkit-calendar-picker-indicator,
.ngk-field input[type=search]::-webkit-calendar-picker-indicator,
.ngk-field input[type=number]::-webkit-calendar-picker-indicator,
.ngk-field input[type=email]::-webkit-calendar-picker-indicator,
.ngk-field input[type=password]::-webkit-calendar-picker-indicator,
.ngk-field input[type=date]::-webkit-calendar-picker-indicator,
.ngk-field input[type=tel]::-webkit-calendar-picker-indicator,
.ngk-field textarea::-webkit-calendar-picker-indicator,
input:not([type]).ngk-field::-webkit-calendar-picker-indicator,
input[type=text].ngk-field::-webkit-calendar-picker-indicator,
input[type=search].ngk-field::-webkit-calendar-picker-indicator,
input[type=number].ngk-field::-webkit-calendar-picker-indicator,
input[type=email].ngk-field::-webkit-calendar-picker-indicator,
input[type=password].ngk-field::-webkit-calendar-picker-indicator,
input[type=date].ngk-field::-webkit-calendar-picker-indicator,
input[type=tel].ngk-field::-webkit-calendar-picker-indicator,
textarea.ngk-field::-webkit-calendar-picker-indicator {
  -webkit-appearance: none;
  display: none;
}
.ngk-field input:not([type])::-ms-clear,
.ngk-field input[type=text]::-ms-clear,
.ngk-field input[type=search]::-ms-clear,
.ngk-field input[type=number]::-ms-clear,
.ngk-field input[type=email]::-ms-clear,
.ngk-field input[type=password]::-ms-clear,
.ngk-field input[type=date]::-ms-clear,
.ngk-field input[type=tel]::-ms-clear,
.ngk-field textarea::-ms-clear,
input:not([type]).ngk-field::-ms-clear,
input[type=text].ngk-field::-ms-clear,
input[type=search].ngk-field::-ms-clear,
input[type=number].ngk-field::-ms-clear,
input[type=email].ngk-field::-ms-clear,
input[type=password].ngk-field::-ms-clear,
input[type=date].ngk-field::-ms-clear,
input[type=tel].ngk-field::-ms-clear,
textarea.ngk-field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.ngk-field input:not([type]):focus,
.ngk-field input[type=text]:focus,
.ngk-field input[type=search]:focus,
.ngk-field input[type=number]:focus,
.ngk-field input[type=email]:focus,
.ngk-field input[type=password]:focus,
.ngk-field input[type=date]:focus,
.ngk-field input[type=tel]:focus,
.ngk-field textarea:focus,
input:not([type]).ngk-field:focus,
input[type=text].ngk-field:focus,
input[type=search].ngk-field:focus,
input[type=number].ngk-field:focus,
input[type=email].ngk-field:focus,
input[type=password].ngk-field:focus,
input[type=date].ngk-field:focus,
input[type=tel].ngk-field:focus,
textarea.ngk-field:focus {
  --_outline-color: var(--ngk-field-focus-outline-color);
  --_border-color: var(--ngk-field-focus-border-color);
  --_shadow: var(--ngk-field-focus-shadow);
}
.ngk-field input:not([type])[disabled],
.ngk-field input[type=text][disabled],
.ngk-field input[type=search][disabled],
.ngk-field input[type=number][disabled],
.ngk-field input[type=email][disabled],
.ngk-field input[type=password][disabled],
.ngk-field input[type=date][disabled],
.ngk-field input[type=tel][disabled],
.ngk-field textarea[disabled],
input:not([type]).ngk-field[disabled],
input[type=text].ngk-field[disabled],
input[type=search].ngk-field[disabled],
input[type=number].ngk-field[disabled],
input[type=email].ngk-field[disabled],
input[type=password].ngk-field[disabled],
input[type=date].ngk-field[disabled],
input[type=tel].ngk-field[disabled],
textarea.ngk-field[disabled] {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
.ngk-field input,
input.ngk-field {
  height: var(--ngk-core-control-height) !important;
}
.ngk-field textarea.cdk-textarea-autosize {
  height: initial;
  box-sizing: content-box;
  width: calc(100% - var(--space-100) * 2) !important;
}
.ngk-field.is-touched.is-invalid input,
.ngk-field.is-touched.is-invalid textarea,
.ngk-field.as-invalid input,
.ngk-field.as-invalid textarea {
  --_bg-color: var(--ngk-field-invalid-bg-color);
  --_border-color: var(--ngk-field-invalid-border-color);
  --_fg-color: var(--ngk-field-invalid-fg-color);
}
.ngk-field.is-touched.is-invalid input:focus,
.ngk-field.is-touched.is-invalid textarea:focus,
.ngk-field.as-invalid input:focus,
.ngk-field.as-invalid textarea:focus {
  --_outline-color: var(--ngk-field-invalid-focus-outline-color);
}
.ngk-field.is-touched.is-invalid input::placeholder,
.ngk-field.is-touched.is-invalid textarea::placeholder,
.ngk-field.as-invalid input::placeholder,
.ngk-field.as-invalid textarea::placeholder {
  color: var(--ngk-field-invalid-fg-color);
  opacity: 0.5;
}
.ngk-field.is-touched.is-invalid input::-webkit-input-placeholder,
.ngk-field.is-touched.is-invalid textarea::-webkit-input-placeholder,
.ngk-field.as-invalid input::-webkit-input-placeholder,
.ngk-field.as-invalid textarea::-webkit-input-placeholder {
  color: var(--ngk-field-invalid-fg-color);
  opacity: 0.5;
}
.ngk-field.is-touched.is-invalid input::-ms-input-placeholder,
.ngk-field.is-touched.is-invalid textarea::-ms-input-placeholder,
.ngk-field.as-invalid input::-ms-input-placeholder,
.ngk-field.as-invalid textarea::-ms-input-placeholder {
  color: var(--ngk-field-invalid-fg-color);
  opacity: 0.5;
}
.ngk-field {
}
.ngk-field__element {
  position: relative;
}
.ngk-field__element-affix {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: var(--ngk-core-control-height);
  height: var(--ngk-core-control-height);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-field__element-prefix {
  left: 0;
  min-width: var(--ngk-field-prefix-width);
}
.ngk-field__element-suffix {
  right: 0;
  min-width: var(--ngk-field-suffix-width);
}
.ngk-field__element-suffix .ngk-field__clear-btn {
  cursor: pointer;
}
@supports (-moz-appearance: none) {
  .ngk-field input[type=date] {
    padding-right: 0.5rem !important;
  }
  .ngk-field input[type=date] ~ .ngk-field__element-suffix {
    opacity: 0;
  }
}
.ngk-field.has-prefix .ngk-field__element .affix__container {
  padding-left: var(--ngk-field-prefix-width);
}
.ngk-field.has-suffix .ngk-field__element .affix__container {
  padding-right: var(--ngk-field-suffix-width);
}
.ngk-field.is-touched.is-invalid .ngk-field__element-affix,
.ngk-field.as-invalid .ngk-field__element-affix {
  color: var(--ngk-field-invalid-fg-color);
}
.ngk-field.is-disabled .ngk-field__element-affix {
  opacity: 0.5;
}
@keyframes ngk-field-subscript-in {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ngk-field-subscript-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5px);
  }
}
:root {
  --ngk-select-border-width: var(--ngk-core-control-b-width);
  --ngk-select-outline-width: var(--ngk-core-control-outline-thickness);
  --ngk-select-focus-shadow: var(--ngk-core-control-focus-shadow);
  --ngk-select-option-height: 30px;
  --ngk-select-options-list-max-height: 280px;
  --ngk-select-focus-outline-color: var(--ngk-core-control-focus-outline-color);
  --ngk-select-focus-border-color: var(--ngk-core-control-focus-border-color);
  --ngk-select-invalid-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-select-invalid-border-color: var(--ngk-color-feedback-error);
  --ngk-select-invalid-fg-color: var(--ngk-color-feedback-error);
  --ngk-select-invalid-focus-outline-color: var(--ngk-color-feedback-error-muted);
  --ngk-select-panel-bg-color: var(--ngk-color-surface-2);
  --ngk-select-panel-b-radius: var(--ngk-core-control-radius);
  --ngk-select-panel-shadow: var(--ngk-shadow-overlay);
  --ngk-select-trigger-fg-color: var(--ngk-color-text);
  --ngk-select-trigger-font-size: var(--ngk-core-control-font-size);
  --ngk-select-trigger-font-weight: var(--ngk-core-control-font-weight);
  --ngk-select-option-font-size: var(--ngk-font-size-body-sm);
  --ngk-select-option-font-weight: var(--ngk-font-weight-dense);
  --ngk-select-option-fg-color: var(--ngk-color-text);
  --ngk-select-option-bg-color: transparent;
  --ngk-select-option-b-radius: 0.25rem;
  --ngk-select-option-bg-color-hover: color-mix(in srgb, var(--ngk-color-action-subtle) 30%, transparent);
  --ngk-select-option-bg-color-active: var(--ngk-color-action-subtle);
  --ngk-select-option-fg-color-active: var(--ngk-color-action-strong);
  --ngk-select-option-fg-color-selected: var(--ngk-color-action-strong);
  --ngk-select-group-separator-color: var(--ngk-color-border-subtle);
  --ngk-select-group-label-fg-color: var(--ngk-color-text-disabled);
}
.select-list__wrapper.ngk-select-panel-below {
  transform-origin: top center;
}
.select-list__wrapper.ngk-select-panel-above {
  transform-origin: bottom center;
}
ngk-select {
  display: block;
  min-width: var(--ngk-core-control-min-width);
  height: var(--ngk-core-control-height);
}
ngk-select.invalid .select__wrapper,
ngk-select.ng-touched.ng-invalid .select__wrapper {
  --_bg-color: var(--ngk-select-invalid-bg-color);
  --_border-color: var(--ngk-select-invalid-border-color);
  color: var(--ngk-select-invalid-fg-color);
}
ngk-select.invalid .select__wrapper.active,
ngk-select.invalid .select__wrapper:focus,
ngk-select.ng-touched.ng-invalid .select__wrapper.active,
ngk-select.ng-touched.ng-invalid .select__wrapper:focus {
  --_outline-color: var(--ngk-select-invalid-focus-outline-color);
}
ngk-select.invalid .select__trigger-content,
ngk-select.ng-touched.ng-invalid .select__trigger-content {
  color: var(--ngk-select-invalid-fg-color);
}
ngk-select:not(.is-fluid) {
  width: var(--ngk-core-control-target-width);
}
ngk-select.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
ngk-select:not(.disabled) .select__trigger {
  cursor: pointer;
  transition:
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select:focus:not(.disabled) {
  outline: none;
}
ngk-select:focus:not(.disabled) .select__wrapper {
  --_outline-color: var(--ngk-select-focus-outline-color);
  --_border-color: var(--ngk-select-focus-border-color);
  --_shadow: var(--ngk-select-focus-shadow);
}
ngk-select:focus:not(.disabled).ng-touched.ng-invalid .select__wrapper,
ngk-select:focus:not(.disabled).ng-touched.invalid .select__wrapper {
  --_outline-color: var(--ngk-select-invalid-focus-outline-color);
  --_border-color: var(--ngk-select-invalid-border-color);
  --_shadow: var(--ngk-select-focus-shadow);
}
ngk-select-option-group {
  padding-top: var(--space-75);
  padding-bottom: var(--space-100);
  overflow: hidden;
  max-height: auto;
  flex: 0 0 auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select-option-group:not(:first-of-type) {
  border-top: 1px solid var(--ngk-select-group-separator-color);
}
ngk-select-option-group.hidden {
  max-height: 0px;
  border-width: 0px;
  padding-top: 0;
  padding-bottom: 0;
}
ngk-select-option {
  max-height: 200px;
  overflow: hidden;
  cursor: pointer;
  display: block;
  flex: 0 0 auto;
  transition: max-height 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
ngk-select-option:not(.hidden) {
  padding-block: var(--space-75);
}
ngk-select-option.hidden {
  max-height: 0px;
}
ngk-select-option.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
ngk-select-trigger {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select__wrapper {
  --_bg-color: var(--ngk-core-control-bg-color);
  --_border-color: var(--ngk-core-control-b-color);
  --_outline-color: transparent;
  --_shadow: none;
  width: 100%;
  height: 100%;
  border-radius: var(--ngk-core-control-radius);
  background-color: var(--_bg-color);
  padding: var(--space-100);
  outline: var(--ngk-select-outline-width) solid var(--_outline-color);
  border: var(--ngk-select-border-width) solid var(--_border-color);
  box-shadow: var(--_shadow);
  position: relative;
  overflow: hidden;
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.select__wrapper.has-prefix {
  padding-left: var(--ngk-core-control-height);
}
.select__wrapper.has-suffix {
  padding-right: var(--ngk-core-control-height);
}
.select__wrapper.active,
.select__wrapper:focus {
  --_outline-color: var(--ngk-select-focus-outline-color);
  --_border-color: var(--ngk-select-focus-border-color);
  --_shadow: var(--ngk-select-focus-shadow);
}
.select__trigger,
.select__trigger-content {
  height: 100%;
}
.select__trigger-content {
  font: inherit;
  font-size: var(--ngk-select-trigger-font-size);
  color: var(--ngk-select-trigger-fg-color);
  font-weight: var(--ngk-select-trigger-font-weight);
  line-height: normal;
  cursor: pointer;
}
.select__trigger-content:not(.has-custom-trigger) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.select__affix {
  position: absolute;
  top: 0;
  width: var(--ngk-core-control-height);
  height: var(--ngk-core-control-height);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.select__prefix {
  left: 0;
}
.select__suffix {
  right: 0;
}
.select-list__wrapper {
  width: 100%;
  background-color: var(--ngk-select-panel-bg-color);
  box-shadow: var(--ngk-select-panel-shadow);
  border-radius: var(--ngk-select-panel-b-radius);
  padding: var(--space-100);
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__search-bar {
  padding-bottom: var(--space-100);
  position: relative;
}
.select-list__search-bar input {
  min-width: unset !important;
  width: 100%;
  height: var(--ngk-core-control-height);
  padding-left: var(--ngk-core-control-height) !important;
  padding-right: var(--ngk-core-control-height) !important;
}
.select-list__search-bar--prefix,
.select-list__search-bar--suffix {
  position: absolute;
  top: calc(var(--ngk-core-control-height) * 0.5);
}
.select-list__search-bar--prefix {
  left: calc(var(--ngk-core-control-height) * 0.5);
  transform: translateY(-50%) translateX(-50%);
}
.select-list__search-bar--suffix {
  right: calc(var(--ngk-core-control-height) * 0.5);
  transform: translateY(-50%) translateX(50%);
}
.select-list__content {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__content:not(.is-virtual-scrolled) {
  max-height: var(--ngk-select-options-list-max-height);
}
.select-list__content.is-virtual-scrolled *:has(> ngk-select-option) {
  width: 100%;
}
.select-list__option-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.select-list__option-group-label {
  font-size: var(--ngk-font-size-body-xs);
  color: var(--ngk-select-group-label-fg-color);
  padding-left: var(--space-100);
  padding-right: var(--space-100);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select-list__option-group-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.select-list__option {
  --_bg-color: var(--ngk-select-option-bg-color);
  --_fg-color: var(--ngk-select-option-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  font-size: var(--ngk-select-option-font-size);
  font-weight: var(--ngk-select-option-font-weight);
  min-height: var(--ngk-select-option-height);
  color: var(--_fg-color);
  padding: calc(var(--space-100) * 0.5) var(--space-100);
  background-color: var(--_bg-color);
  border-radius: var(--ngk-select-option-b-radius);
  position: relative;
  border: 1px solid transparent;
  outline: none;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.select-list__option-prefix,
.select-list__option-suffix {
  flex: 0 0 0.8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.select-list__option-content {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.select-list__option:hover {
  --_bg-color: var(--ngk-select-option-bg-color-hover);
}
.select-list__option.active {
  --_bg-color: var(--ngk-select-option-bg-color-active);
  --_fg-color: var(--ngk-select-option-fg-color-active);
}
.select-list__option.selected {
  --_fg-color: var(--ngk-select-option-fg-color-selected);
}
.select-list__no-results {
  display: block;
  font-size: var(--ngk-font-size-body-xs);
  text-align: center;
  padding: var(--space-200) var(--space-300);
}
:root {
  --ngk-tooltip-padding: var(--space-100);
  --ngk-tooltip-arrow-width: var(--space-100);
  --ngk-tooltip-font-size: var(--ngk-font-size-body-xs);
  --ngk-tooltip-bg-color: var(--ngk-color-surface-inverse);
  --ngk-tooltip-fg-color: var(--ngk-color-text-inverse);
  --ngk-tooltip-b-radius: var(--border-radius-300);
  --ngk-tooltip-min-width: var(--space-900);
}
.ngk-tooltip {
  border-radius: var(--ngk-tooltip-b-radius);
  background-color: var(--ngk-tooltip-bg-color);
  padding: var(--ngk-tooltip-padding);
  min-width: var(--ngk-tooltip-min-width);
  font-size: var(--ngk-tooltip-font-size) !important;
  color: var(--ngk-tooltip-fg-color) !important;
  text-align: center;
  display: block;
  max-width: var(--ngk-tooltip-max-width);
}
.ngk-tooltip::after {
  z-index: 1;
  content: "";
  width: 0px;
  height: 0px;
  border: var(--ngk-tooltip-arrow-width) solid transparent;
  position: absolute;
}
.ngk-tooltip__content {
  opacity: 0;
  line-height: normal;
  display: block;
  transform: translateY(5px);
  animation: fadeIn 0.15s ease-out forwards;
}
.ngk-tooltip__above {
  transform-origin: bottom center;
}
.ngk-tooltip__above::after {
  left: 50%;
  transform: translateX(-50%) translateY(-1px);
  border-top-color: var(--ngk-tooltip-bg-color);
  border-bottom-width: 0;
  bottom: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__after {
  transform-origin: center left;
}
.ngk-tooltip__after::after {
  top: 50%;
  transform: translateY(-50%) translateX(1px);
  border-right-color: var(--ngk-tooltip-bg-color);
  border-left-width: 0;
  left: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__below {
  transform-origin: top center;
}
.ngk-tooltip__below::after {
  left: 50%;
  transform: translateX(-50%) translateY(1px);
  border-bottom-color: var(--ngk-tooltip-bg-color);
  border-top-width: 0;
  top: calc(var(--ngk-tooltip-arrow-width) * -1);
}
.ngk-tooltip__before {
  transform-origin: center right;
}
.ngk-tooltip__before::after {
  top: 50%;
  transform: translateY(-50%) translateX(-1px);
  border-left-color: var(--ngk-tooltip-bg-color);
  border-right-width: 0;
  right: calc(var(--ngk-tooltip-arrow-width) * -1);
}
:root {
  --ngk-switch-padding: 0.25rem;
  --ngk-switch-bg-color: var(--ngk-color-action-subtle);
  --ngk-switch-fg-color: var(--ngk-color-action);
  --ngk-switch-focus-shadow: var(--ngk-core-control-focus-shadow);
  --ngk-switch-border-color: color-mix(in srgb, var(--ngk-switch-fg-color) 5%, transparent);
  --ngk-switch-bg-color-invalid: var(--ngk-color-feedback-error-subtle);
  --ngk-switch-fg-color-invalid: var(--ngk-color-feedback-error);
  --ngk-switch-focus-outline-color: var(--ngk-core-control-focus-outline-color);
  --ngk-switch-focus-border-color: var(--ngk-core-control-focus-border-color);
  --ngk-switch-focus-outline-color-invalid: var(--ngk-color-feedback-error-muted);
  --ngk-switch-focus-border-color-invalid: var(--ngk-switch-fg-color-invalid);
  --ngk-switch-state-inline-padding: var(--space-100);
  --ngk-switch-indicator-bg-color: var(--ngk-color-surface-1);
  --ngk-switch-indicator-bg-color-invalid: var(--ngk-color-surface-1);
  --ngk-switch-indicator-shadow: 0px 0px 0.25rem color-mix(in srgb, var(--ngk-switch-fg-color) 30%, transparent);
  --ngk-switch-indicator-shadow-invalid: 0px 0px 0.25rem color-mix(in srgb, var(--ngk-switch-fg-color-invalid) 30%, transparent);
}
ngk-switch {
  --_bg-color: var(--ngk-switch-bg-color);
  --_fg-color: var(--ngk-switch-fg-color);
  --_outline-color: transparent;
  --_border-color: var(--ngk-switch-border-color);
  --_indicator-bg-color: var(--ngk-switch-indicator-bg-color);
  --_indicator-shadow: var(--ngk-switch-indicator-shadow);
  --_shadow: none;
  display: inline-block;
  min-width: min(var(--ngk-core-control-min-width), 100px);
  height: var(--ngk-core-control-height);
  min-height: var(--ngk-core-control-height);
  cursor: pointer;
}
ngk-switch.is-fluid {
  display: block;
  min-width: 100px;
  width: 100%;
  flex: 1 1 auto;
}
ngk-switch.disabled {
  cursor: not-allowed;
  filter: grayscale(1);
}
ngk-switch:has(*:focus-visible) {
  --_outline-color: var(--ngk-switch-focus-outline-color);
  --_border-color: var(--ngk-switch-focus-border-color);
  --_shadow: var(--ngk-switch-focus-shadow);
}
ngk-switch.invalid,
ngk-switch.ng-touched.ng-invalid {
  --_bg-color: var(--ngk-switch-bg-color-invalid);
  --_fg-color: var(--ngk-switch-fg-color-invalid);
  --_indicator-bg-color: var(--ngk-switch-indicator-bg-color-invalid);
  --_indicator-shadow: var(--ngk-switch-indicator-shadow-invalid);
}
ngk-switch.invalid:has(*:focus-visible),
ngk-switch.ng-touched.ng-invalid:has(*:focus-visible) {
  --_border-color: var(--ngk-switch-focus-border-color-invalid);
  --_outline-color: var(--ngk-switch-focus-outline-color-invalid);
}
.switch__wrapper {
  height: 100%;
  border-radius: var(--ngk-core-control-radius);
  background-color: var(--_bg-color);
  border: var(--ngk-core-control-b-width) solid var(--_border-color);
  outline: var(--ngk-core-control-outline-thickness) solid var(--_outline-color);
  position: relative;
  overflow: hidden;
  padding: var(--ngk-switch-padding);
  box-shadow: var(--_shadow);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-switch-padding);
}
.switch__state {
  --state-outline-color: transparent;
  --state-background-color: transparent;
  z-index: 1;
  padding-inline: var(--ngk-switch-state-inline-padding);
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-strong);
  line-height: normal;
  height: 100%;
  min-width: 50px;
  gap: var(--space-100);
  color: var(--_fg-color);
  outline: 1px solid var(--state-outline-color);
  outline-offset: -1px;
  background-color: var(--state-background-color);
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.switch__state:focus-visible.selected {
  --state-outline-color: var(--_outline-color);
}
.switch__state:focus-visible:not(.selected) {
  --state-background-color: color-mix(in srgb, var(--_fg-color) 10%, transparent);
}
.switch__state.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.switch__state-indicator {
  z-index: 0;
  position: absolute;
  top: var(--ngk-switch-padding);
  left: var(--ngk-switch-padding);
  height: calc(100% - var(--ngk-switch-padding) * 2);
  background-color: var(--_indicator-bg-color);
  box-shadow: var(--_indicator-shadow);
  transition:
    left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.switch__state,
.switch__state-indicator {
  border-radius: calc(var(--ngk-core-control-radius) * 0.7);
}
:root {
  --ngk-dialog-bg-color: var(--ngk-color-surface-3);
  --ngk-dialog-b-radius: var(--space-200);
  --ngk-dialog-shadow: var(--ngk-shadow-overlay);
  --ngk-dialog-header-control-bg-color: transparent;
  --ngk-dialog-header-control-bg-color-hover: var(--ngk-color-border);
  --ngk-dialog-header-control-b-radius: calc(var(--space-200) * 0.5);
  --ngk-dialog-backdrop-color: rgba(0, 0, 0, 0.2);
  --ngk-dialog-backdrop-blur: 10px;
}
.ngk-dialog {
  --_bg-color: var(--ngk-dialog-bg-color);
  --_b-radius: var(--ngk-dialog-b-radius);
  --_shadow: var(--ngk-dialog-shadow);
  background-color: var(--_bg-color);
  border-radius: var(--_b-radius);
  box-shadow: var(--_shadow);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-dialog.is-hidden {
  transform: scale(0) !important;
  opacity: 0 !important;
}
.ngk-dialog-header,
.ngk-dialog-footer {
  flex: 0 0 auto;
}
.ngk-dialog-header {
  padding: var(--space-200) var(--space-400);
  padding-right: var(--space-200);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 10px;
}
.ngk-dialog-header__content {
  flex: 1 1 auto;
}
.ngk-dialog-header__control {
  --_bg-color: var(--ngk-dialog-header-control-bg-color);
  flex: 0 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 36px;
  height: 36px;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
  border-radius: var(--ngk-dialog-header-control-b-radius);
  background-color: var(--_bg-color);
}
.ngk-dialog-header__control:hover {
  --_bg-color: var(--ngk-dialog-header-control-bg-color-hover);
}
.ngk-dialog-body {
  flex: 1 1 auto;
  overflow: auto;
  display: block;
  padding: var(--space-100) var(--space-300);
}
.ngk-dialog-footer {
  padding: var(--space-300);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-dialog-with-explicit-width > .ngk-dialog {
  width: 100% !important;
}
.ngk-dialog-with-explicit-height > .ngk-dialog {
  height: 100% !important;
}
.ngk-confirmation-dialog .ngk-dialog-header h1,
.ngk-prompt-dialog .ngk-dialog-header h1,
.ngk-notification-dialog .ngk-dialog-header h1 {
  font-size: 1.375rem !important;
}
.ngk-confirmation-dialog .ngk-dialog-body,
.ngk-prompt-dialog .ngk-dialog-body,
.ngk-notification-dialog .ngk-dialog-body {
  font-size: var(--ngk-font-size-body-sm);
}
.ngk-confirmation-dialog .ngk-dialog-footer button {
  min-width: 80px;
}
.ngk-prompt-dialog .ngk-dialog-body .ngk-field {
  width: 100%;
}
.ngk-transparent-backdrop {
  background-color: transparent !important;
}
.ngk-overlay-opaque-backdrop,
.ngk-overlay-stacked-backdrop {
  background-color: var(--ngk-dialog-backdrop-color);
  -webkit-backdrop-filter: blur(var(--ngk-dialog-backdrop-blur));
  backdrop-filter: blur(var(--ngk-dialog-backdrop-blur));
}
.ngk-progress-bar {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-progress-bar.is-indeterminate .ngk-progress-bar__item {
  position: absolute;
  top: 0;
  height: 100%;
  animation: indeterminate-progress 2.5s linear infinite;
  opacity: 0.5;
}
.ngk-progress-bar.has-markers-top {
  margin-top: var(--space-100);
}
.ngk-progress-bar.has-markers-bottom {
  margin-bottom: var(--space-100);
}
.ngk-progress-bar__track,
.ngk-progress-bar__legend {
  flex: 0 0 auto;
}
.ngk-progress-bar__track {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  width: 100%;
  height: var(--ngk-progress-bar-thickness, 0.7rem);
  border-radius: var(--ngk-progress-bar-thickness, 0.7rem);
  background-color: var(--ngk-progress-track-color, var(--color-neutral-300));
  overflow: hidden;
  position: relative;
}
.ngk-progress-bar__item {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex: 0 0 var(--ngk-progress-bar-item-value);
  height: 100%;
}
.ngk-progress-bar__item:not(.is-striped) {
  background-color: var(--ngk-progress-bar-item-color);
}
.ngk-progress-bar__item.is-striped {
  --stripe-color: color-mix(in srgb, var(--ngk-progress-bar-item-color), white 30%);
  background-image:
    linear-gradient(
      -45deg,
      var(--ngk-progress-bar-item-color) 25%,
      var(--stripe-color) 25%,
      var(--stripe-color) 50%,
      var(--ngk-progress-bar-item-color) 50%,
      var(--ngk-progress-bar-item-color) 75%,
      var(--stripe-color) 75%,
      var(--stripe-color));
  background-size: 1rem 1rem;
}
.ngk-progress-bar__marker {
  display: inline-block;
  position: absolute;
  left: calc(var(--ngk-progress-bar-marker-value, 0) - 0.4rem);
  border-radius: var(--space-75);
  scale: 0.8;
  width: 0;
  height: 0;
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-top-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-bottom-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 0.5rem solid transparent;
  opacity: 1;
}
@starting-style {
  .ngk-progress-bar__marker {
    opacity: 0;
  }
}
.ngk-progress-bar__marker.is-top {
  top: calc(-0.4rem - 3px);
  border-top-color: var(--ngk-progress-bar-marker-color);
}
.ngk-progress-bar__marker.is-bottom {
  bottom: calc(-0.4rem - 3px);
  border-bottom-color: var(--ngk-progress-bar-marker-color);
}
.ngk-progress-bar:has(.ngk-progress-bar__marker:hover) .ngk-progress-bar__marker:not(:hover) {
  opacity: 0.25;
}
.ngk-progress-bar__legend {
  margin-top: var(--space-100);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-progress-bar__legend-item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-50);
  font-weight: var(--ngk-font-weight-strong);
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-progress-bar__legend-item-label {
  position: relative;
  padding-left: var(--space-200);
}
.ngk-progress-bar__legend-item-label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: var(--space-100);
  width: var(--space-100);
  height: var(--space-100);
  background-color: var(--ngk-progress-bar-item-color);
}
.ngk-progress-bar__legend-item-value {
  opacity: 0.7;
}
@keyframes indeterminate-progress {
  0% {
    left: -100%;
    right: 100%;
  }
  50% {
    left: 25%;
    right: 15%;
  }
  100% {
    left: 100%;
    right: -100%;
  }
}
:root {
  --ngk-popover-padding: var(--space-200);
  --ngk-popover-arrow-width: var(--space-100);
  --ngk-popover-font-size: var(--ngk-font-size-body-xs);
  --ngk-popover-bg-color: var(--ngk-color-surface-2);
  --ngk-popover-fg-color: var(--ngk-color-text);
  --ngk-popover-b-radius: var(--border-radius-300);
  --ngk-popover-min-width: 10rem;
  --ngk-popover-min-height: 5rem;
}
[ngkPopover] {
  cursor: pointer;
}
.ngk-popover {
  border-radius: var(--ngk-popover-b-radius);
  background-color: var(--ngk-popover-bg-color);
  padding: var(--ngk-popover-padding);
  min-width: var(--ngk-popover-min-width);
  min-height: var(--ngk-popover-min-height);
  font-size: var(--ngk-popover-font-size) !important;
  color: var(--ngk-popover-fg-color) !important;
  box-shadow: var(--ngk-shadow-overlay);
}
.ngk-popover::after {
  z-index: 1;
  content: "";
  width: 0px;
  height: 0px;
  border: var(--ngk-popover-arrow-width) solid transparent;
  position: absolute;
}
.ngk-popover__wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-popover__header {
  margin-top: calc(-1 * var(--space-100));
  margin-right: calc(-1 * var(--space-100));
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-300);
}
.ngk-popover__header--title {
  font-size: var(--ngk-font-size-body-lg);
  font-weight: var(--ngk-font-weight-black);
  flex: 1 1 auto;
}
.ngk-popover__header--close-btn {
  cursor: pointer;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-popover__header--close-btn ngk-icon {
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-popover__content {
  flex: 1 1 auto;
}
.ngk-popover__top::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-top-color: var(--ngk-popover-bg-color);
}
.ngk-popover__top-start {
  transform-origin: bottom left;
}
.ngk-popover__top-start::after {
  left: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__top-center {
  transform-origin: bottom center;
}
.ngk-popover__top-center::after {
  left: 50%;
  transform: translateX(-50%);
}
.ngk-popover__top-end {
  transform-origin: bottom right;
}
.ngk-popover__top-end::after {
  right: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__bottom::after {
  top: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-bottom-color: var(--ngk-popover-bg-color);
}
.ngk-popover__bottom-start {
  transform-origin: top left;
}
.ngk-popover__bottom-start::after {
  left: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__bottom-center {
  transform-origin: top center;
}
.ngk-popover__bottom-center::after {
  left: 50%;
  transform: translateX(-50%);
}
.ngk-popover__bottom-end {
  transform-origin: top right;
}
.ngk-popover__bottom-end::after {
  right: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__right::after {
  left: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-right-color: var(--ngk-popover-bg-color);
}
.ngk-popover__right-start {
  transform-origin: left top;
}
.ngk-popover__right-start::after {
  top: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__right-center {
  transform-origin: left center;
}
.ngk-popover__right-center::after {
  top: 50%;
  transform: translateY(-50%);
}
.ngk-popover__right-end {
  transform-origin: left bottom;
}
.ngk-popover__right-end::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__left::after {
  right: calc(var(--ngk-popover-arrow-width) * 2 * -1);
  border-left-color: var(--ngk-popover-bg-color);
}
.ngk-popover__left-start {
  transform-origin: right top;
}
.ngk-popover__left-start::after {
  top: calc(var(--ngk-popover-arrow-width) * 2);
}
.ngk-popover__left-center {
  transform-origin: right center;
}
.ngk-popover__left-center::after {
  top: 50%;
  transform: translateY(-50%);
}
.ngk-popover__left-end {
  transform-origin: right bottom;
}
.ngk-popover__left-end::after {
  bottom: calc(var(--ngk-popover-arrow-width) * 2);
}
:root {
  --ngk-panel-group-handle-color: var(--ngk-color-action);
  --ngk-panel-b-radius: var(--border-radius-300);
  --ngk-panel-b-radius: var(--ngk-core-control-radius);
  --ngk-panel-b-color: var(--ngk-color-border);
  --ngk-panel-header-bg-color: var(--ngk-color-surface-sunken);
  --ngk-panel-header-fg-color: var(--ngk-color-text);
  --ngk-panel-busy-overlay-bg-color: rgba(255, 255, 255, 0.2);
  --ngk-panel-busy-backdrop-blur: 10px;
  --ngk-panel-indicator-bg-color: var(--ngk-color-action);
  --ngk-panel-indicator-fg-color: var(--ngk-color-action-contrast);
}
.ngk-panel,
.ngk-panel-group {
  position: relative;
  border-radius: var(--ngk-panel-b-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all var(--ngk-panel-animation-duration) 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-panel__content,
.ngk-panel-group__content {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
  height: 100%;
}
.ngk-panel__content--busy-indicator,
.ngk-panel-group__content--busy-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--ngk-panel-busy-overlay-bg-color);
  -webkit-backdrop-filter: blur(var(--ngk-panel-busy-backdrop-blur));
  backdrop-filter: blur(var(--ngk-panel-busy-backdrop-blur));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-panel.is-horizontal > .ngk-panel__content,
.ngk-panel.is-horizontal > .ngk-panel-group__content,
.ngk-panel-group.is-horizontal > .ngk-panel__content,
.ngk-panel-group.is-horizontal > .ngk-panel-group__content {
  flex-direction: row;
  width: 100%;
}
.ngk-panel.is-vertical > .ngk-panel__content,
.ngk-panel.is-vertical > .ngk-panel-group__content,
.ngk-panel-group.is-vertical > .ngk-panel__content,
.ngk-panel-group.is-vertical > .ngk-panel-group__content {
  flex-direction: column;
  height: 100%;
}
.ngk-panel.allows-wrapping > .ngk-panel__content,
.ngk-panel.allows-wrapping > .ngk-panel-group__content,
.ngk-panel-group.allows-wrapping > .ngk-panel__content,
.ngk-panel-group.allows-wrapping > .ngk-panel-group__content {
  flex-wrap: wrap !important;
}
.ngk-panel-group,
.ngk-panel.is-fluid {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.ngk-panel:not(.is-borderless) {
  border: 1px solid var(--ngk-panel-b-color);
}
.ngk-panel__header-title {
  font-size: var(--ngk-font-size-heading-xl);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-panel__sub-header,
.ngk-panel.has-header:not(.has-sub-header) .ngk-panel__header {
  border-bottom: 1px solid var(--ngk-panel-b-color);
}
.ngk-panel__header,
.ngk-panel__sub-header {
  flex: 0 0 auto;
  background-color: var(--ngk-panel-header-bg-color);
  color: var(--ngk-panel-header-fg-color);
  padding: var(--space-100);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-panel__header > *,
.ngk-panel__sub-header > * {
  flex: 1 1 auto;
}
.ngk-panel:not(.is-child) {
  height: 100%;
}
.ngk-panel:not(.is-child).is-fluid {
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
}
.ngk-panel-group {
  --ngk-panel-group-handle-thickness: max(var(--ngk-panel-group-gap, 10px), 5px);
  outline: 1px solid transparent;
}
.ngk-panel-group__content > *.is-closed {
  border: 0px solid transparent;
  overflow: hidden;
  opacity: 0;
}
.ngk-panel-group.is-resizing {
  -webkit-user-select: none;
  user-select: none;
  cursor: col-resize;
}
.ngk-panel-group.is-resizing.is-vertical {
  cursor: row-resize;
}
.ngk-panel-group.is-resizing .ngk-panel,
.ngk-panel-group.is-resizing .ngk-panel-group {
  transition: none !important;
}
.ngk-panel-group.no-gap:not(.is-child) {
  outline-color: var(--ngk-panel-b-color);
  outline-offset: -1px;
  border-radius: var(--ngk-panel-b-radius) !important;
}
.ngk-panel-group.no-gap:not(.is-child) .ngk-panel,
.ngk-panel-group.no-gap:not(.is-child) .ngk-panel-group {
  border-radius: 0;
}
.ngk-panel-drag-handle {
  position: absolute;
  background-color: transparent;
}
.ngk-panel-drag-handle::before {
  content: "";
  position: absolute;
  transform-origin: center center;
  background-color: var(--ngk-panel-group-handle-color);
  opacity: 0;
  transition: all 500ms 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-panel-drag-handle:hover::before,
.ngk-panel-drag-handle.is-dragging::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100% !important;
  height: 100% !important;
  transform: translateX(0) translateY(0);
}
.ngk-panel-drag-handle.moves-horizontally {
  cursor: col-resize;
  top: var(--ngk-panel-group-gap, 0);
  bottom: var(--ngk-panel-group-gap, 0);
  left: 0;
  width: var(--ngk-panel-group-handle-thickness);
  transform: translateX(-50%);
}
.ngk-panel-drag-handle.moves-horizontally::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: var(--ngk-panel-group-handle-thickness);
  height: 0;
}
.ngk-panel-drag-handle.moves-vertically {
  cursor: row-resize;
  left: var(--ngk-panel-group-gap, 0);
  right: var(--ngk-panel-group-gap, 0);
  top: 0;
  height: var(--ngk-panel-group-handle-thickness);
  transform: translateY(-50%);
}
.ngk-panel-drag-handle.moves-vertically::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: var(--ngk-panel-group-handle-thickness);
}
.ngk-panel-drag-handle__indicator {
  position: absolute;
  background-color: var(--ngk-panel-indicator-bg-color);
  color: var(--ngk-panel-indicator-fg-color);
  transform-origin: center center;
  border-radius: var(--border-radius-200);
  width: var(--ngk-panel-handle-indicator-size);
  height: var(--ngk-panel-handle-indicator-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
:root {
  --ngk-list-item-bg-color: var(--ngk-color-surface-1);
  --ngk-list-item-b-color: transparent;
  --ngk-list-item-fg-color: var(--ngk-color-text);
  --ngk-list-item-accent-bg-color: var(--ngk-color-action-subtle);
  --ngk-list-item-accent-b-color: var(--ngk-color-action-strong);
  --ngk-list-item-accent-fg-color: var(--ngk-color-action-strong);
  --ngk-list-header-bg-color: var(--ngk-color-surface-1);
  --ngk-list-header-border-color: var(--ngk-color-border-subtle);
  --ngk-list-item-border-color-unlocked: var(--ngk-color-border-subtle);
  --ngk-list-item-border-color-unlocked-hover: var(--ngk-color-action-muted);
  --ngk-list-item-background-color-hover-unlocked: var(--ngk-color-action-subtle);
}
.ngk-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.ngk-list,
.ngk-list__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-list__header,
.ngk-list__content {
  padding: var(--space-100);
}
.ngk-list__header {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  flex: 0 0 auto;
  justify-content: flex-end !important;
  background-color: var(--ngk-list-header-bg-color);
  border-bottom: 1px solid var(--ngk-list-header-border-color);
}
.ngk-list__header,
.ngk-list__header-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-list__content {
  position: relative;
  z-index: 0;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  gap: 0;
}
.ngk-list__content.is-unlocked {
  gap: var(--space-100);
}
.ngk-list__empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-list__empty--default {
  opacity: 0.5;
}
.ngk-list__empty--default ngk-icon {
  opacity: 0.5;
  margin-top: -30%;
}
.ngk-list.cdk-drop-list-dragging .ngk-list-item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1) !important;
}
.ngk-list.has-header > .ngk-list__content {
  padding-top: calc(var(--ngk-core-control-height) + 3 * var(--space-100));
}
.ngk-list-item {
  flex: 0 0 auto;
  overflow: visible !important;
}
.ngk-list-item__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  border: 1px solid var(--ngk-list-item-b-color);
  background-color: var(--ngk-list-item-bg-color);
  color: var(--ngk-list-item-fg-color);
  margin: 0;
  padding: var(--space-50) 0;
  min-height: var(--ngk-core-control-height);
  box-shadow: none;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__wrapper.is-unlocked {
  border-radius: var(--border-radius-300);
  border-color: var(--ngk-list-item-border-color-unlocked);
}
.ngk-list-item__wrapper.is-unlocked.is-draggable {
  cursor: move;
}
.ngk-list-item__wrapper.is-unlocked:hover {
  background-color: var(--ngk-list-item-background-color-hover-unlocked) !important;
  border-color: var(--ngk-list-item-border-color-unlocked-hover) !important;
}
.ngk-list-item:not(.is-unlocked):not(:last-child) > .ngk-list-item__wrapper {
  border-bottom-color: var(--ngk-list-item-border-color-unlocked);
}
.ngk-list-item.cdk-drag-placeholder .ngk-list-item__wrapper {
  opacity: 0;
}
.ngk-list-item.cdk-drag-preview {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.ngk-list-item.cdk-drag-preview .ngk-list-item__control {
  display: none !important;
}
.ngk-list-item.cdk-drag-preview .ngk-list-item__control + * {
  padding-left: var(--space-100) !important;
}
.ngk-list-item.cdk-drag-preview > .ngk-list-item__wrapper {
  background-color: var(--ngk-list-item-accent-bg-color);
  border-color: var(--ngk-list-item-accent-b-color) !important;
  color: var(--ngk-list-item-accent-fg-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ngk-list-item.is-filtered-out .ngk-list-item__wrapper {
  opacity: 0;
  transform: scale(0.9);
  min-height: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 !important;
  border-width: 0;
  overflow: hidden;
}
.ngk-list-item__control {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform-origin: center center;
  width: 0px;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}
.ngk-list-item__control.is-visible {
  opacity: 1;
}
.ngk-list-item__control.is-visible > * {
  transform: scale(1);
}
.ngk-list-item__control-drag {
  opacity: 0.5 !important;
}
.ngk-list-item__control-drag.is-visible {
  width: 20px;
}
.ngk-list-item__control-drag.is-visible + * {
  padding-left: 0 !important;
}
.ngk-list-item__control-remove {
  cursor: pointer;
}
.ngk-list-item__control-remove.is-visible {
  width: 30px;
}
.ngk-list-item__control > * {
  transform: scale(0);
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__content {
  overflow: hidden;
  padding: var(--space-100) var(--space-50);
  font-size: var(--ngk-font-size-body-xs);
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-list-item__content.is-unlocked {
  padding: var(--space-100);
}
:root {
  --ngk-tabs-tab-fg-color: var(--ngk-color-text-muted);
  --ngk-tabs-tab-bg-color: transparent;
  --ngk-tabs-tab-fg-color-active: var(--ngk-color-action);
  --ngk-tabs-tab-bg-color-hover: var(--color-neutral-100);
  --ngk-tabs-tab-focus-outline-color: var(--ngk-color-border);
  --ngk-tabs-tab-focus-outline-color-active: var(--ngk-color-action-muted);
  --ngk-tabs-list-border-color: var(--ngk-color-border-subtle);
  --ngk-tabs-indicator-bg-color: var(--ngk-color-action-subtle);
  --ngk-tabs-tab-b-radius: var(--ngk-core-control-radius);
  --ngk-tabs-tab-badge-fg-color: var(--ngk-color-text-inverse);
  --ngk-tabs-tab-badge-b-radius: var(--border-radius-200);
}
.ngk-tabs {
  display: block;
  height: 100%;
}
.ngk-tabs__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-tabs__wrapper.is-vertical {
  flex-direction: row;
}
.ngk-tabs__wrapper.is-after:not(.is-vertical) {
  flex-direction: column-reverse;
}
.ngk-tabs__wrapper.is-after.is-vertical {
  flex-direction: row-reverse;
}
.ngk-tabs__list {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  gap: var(--space-200);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  padding: var(--space-200);
  overflow-y: hidden;
  overflow-x: auto;
}
.ngk-tabs__list::-webkit-scrollbar {
  display: none;
}
.ngk-tabs__list:not(.is-vertical):not(.is-after) {
  border-bottom: 1px solid var(--ngk-tabs-list-border-color);
}
.ngk-tabs__list:not(.is-vertical).is-after {
  border-top: 1px solid var(--ngk-tabs-list-border-color);
}
.ngk-tabs__list.is-vertical {
  flex-direction: column;
  border: none;
}
.ngk-tabs__list.is-vertical:not(.is-after) {
  border-right: 1px solid var(--ngk-tabs-list-border-color);
}
.ngk-tabs__list.is-vertical.is-after {
  border-left: 1px solid var(--ngk-tabs-list-border-color);
}
.ngk-tabs__list .flex-separator {
  flex: 1 1 auto;
}
.ngk-tabs__tab {
  --_fg-color: var(--ngk-tabs-tab-fg-color);
  --_bg-color: var(--ngk-tabs-tab-bg-color);
  all: unset;
  padding: var(--space-100) var(--space-200);
  color: var(--_fg-color);
  border-radius: var(--ngk-tabs-tab-b-radius);
  outline: 2px solid transparent;
  outline-offset: -1px;
  line-height: normal;
  min-height: 2.5rem;
  min-width: 5rem;
  box-sizing: border-box;
  background-color: var(--_bg-color);
  position: relative;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  cursor: pointer;
  z-index: 1;
}
.ngk-tabs__tab.is-active {
  --_fg-color: var(--ngk-tabs-tab-fg-color-active);
}
.ngk-tabs__tab:focus:not(.is-active):not([disabled]),
.ngk-tabs__tab:hover:not(.is-active):not([disabled]) {
  --_bg-color: var(--ngk-tabs-tab-bg-color-hover);
}
.ngk-tabs__tab.is-checking .ngk-tabs__tab-icon,
.ngk-tabs__tab.is-checking .ngk-tabs__tab-content,
.ngk-tabs__tab.is-checking .ngk-tabs__tab-badge {
  opacity: 0;
}
.ngk-tabs__tab[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ngk-tabs__tab.cdk-keyboard-focused {
  outline-color: var(--ngk-tabs-tab-focus-outline-color);
}
.ngk-tabs__tab.cdk-keyboard-focused.is-active {
  outline-color: var(--ngk-tabs-tab-focus-outline-color-active);
}
.ngk-tabs__tab-icon,
.ngk-tabs__tab-badge {
  font-size: var(--ngk-font-size-body-xs);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-tabs__tab-content {
  text-align: center;
  flex: 1 1 auto;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-tabs__tab-badge {
  background-color: var(--_fg-color);
  color: var(--ngk-tabs-tab-badge-fg-color);
  font-family: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-black);
  padding: var(--space-50);
  border-radius: var(--ngk-tabs-tab-badge-b-radius);
  min-width: 1rem;
}
.ngk-tabs__tab-checking-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  transform-origin: center center;
}
.ngk-tabs__tab-controls {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-tabs__content {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  --padding: 0;
}
.ngk-tabs__content.is-padded {
  --padding: var(--space-200);
}
.ngk-tabs__content-panel {
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  right: var(--padding);
  overflow: auto;
  z-index: 0;
}
.ngk-tabs__content-panel:not(.is-dynamic-height) {
  bottom: 0;
}
.ngk-tabs__content-panel.is-active {
  z-index: 1;
}
.ngk-tabs__content-panel--content {
  width: 100%;
  height: 100%;
}
.ngk-tabs__content.is-router-linked router-outlet + * {
  position: absolute;
  top: var(--padding);
  left: var(--padding);
  right: var(--padding);
  bottom: 0;
  overflow: auto;
  z-index: 0;
  width: unset;
  height: unset;
}
.ngk-active-tab-indicator {
  position: absolute;
  top: 50%;
  left: var(--space-200);
  z-index: 0;
  opacity: 0;
  transform: translateY(-50%);
  transform-origin: center center;
  background-color: var(--ngk-tabs-indicator-bg-color);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-active-tab-indicator.is-ready {
  opacity: 1;
}
:root {
  --ngk-loader-z-index: 1000;
  --ngk-loader-overlay-bg-color: rgba(255, 255, 255, 0.1);
  --ngk-loader-overlay-blur: 10px;
  --ngk-loader-content-bg-color: var(--ngk-color-surface-2);
  --ngk-loader-content-b-radius: var(--border-radius-300);
  --ngk-loader-content-padding: var(--space-400);
}
.ngk-loader {
  position: absolute;
  z-index: var(--ngk-loader-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: var(--ngk-loader-overlay-bg-color);
  -webkit-backdrop-filter: blur(var(--ngk-loader-overlay-blur));
  backdrop-filter: blur(var(--ngk-loader-overlay-blur));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-loader__content {
  padding: var(--ngk-loader-content-padding);
  border-radius: var(--ngk-loader-content-b-radius);
  background-color: var(--ngk-loader-content-bg-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.ngk-loader__content.is-vertical {
  flex-direction: column;
}
.ngk-loader__message {
  text-align: center;
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-under-construction {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-under-construction .img {
  position: relative;
  left: 10px;
  opacity: 0.8;
  transform: scale(0.8);
}
.ngk-under-construction .title {
  font-weight: 800;
  font-size: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.ngk-under-construction .title ngk-icon {
  margin-left: var(--space-100);
}
.ngk-under-construction .caption {
  font-weight: 500;
  color: var(--ngk-color-text-muted);
  font-size: var(--ngk-font-size-body-xs);
}
:root {
  --ngk-sidebar-expanded-width: 16rem;
  --ngk-sidebar-collapsed-width: 5rem;
  --ngk-sidebar-wrapper-bg-color: var(--ngk-color-surface);
  --ngk-sidebar-wrapper-border-color: var(--ngk-color-border);
  --ngk-sidebar-toggle-bg-color: var(--ngk-color-border);
  --ngk-sidebar-toggle-fg-color: var(--ngk-color-text-secondary);
  --ngk-sidebar-toggle-bg-color-hover: var(--ngk-color-action);
  --ngk-sidebar-toggle-fg-color-hover: var(--ngk-color-action-contrast);
  --ngk-sidebar-toggle-bg-color-hover-outline: color-mix(in srgb, var(--ngk-color-action-subtle), transparent 50%);
  --ngk-sidebar-toggle-border-color-hover: var(--ngk-color-action-muted);
  --ngk-sidebar-toggle-bg-color-active: var(--ngk-color-neutral-muted);
  --ngk-sidebar-item-bg-color: transparent;
  --ngk-sidebar-item-bg-color-hover: var(--ngk-color-neutral-subtle);
  --ngk-sidebar-item-bg-color-active: var(--ngk-color-action-subtle);
  --ngk-sidebar-item-fg-color: var(--ngk-color-text);
  --ngk-sidebar-item-fg-color-active: var(--ngk-color-action-strong);
  --ngk-sidebar-group-border-color: var(--ngk-color-border-subtle);
  --ngk-sidebar-group-border-color-hidden: transparent;
  --ngk-sidebar-group-header-fg-color: var(--ngk-color-text);
  --ngk-sidebar-section-outline-color-collapsed: var(--ngk-color-border);
  --ngk-sidebar-section-header-fg-color: var(--ngk-color-text-secondary);
  --ngk-sidebar-app-launcher-trigger-media-bg-color: var(--ngk-color-accent);
  --ngk-sidebar-app-launcher-list-bg-color: var(--ngk-color-surface-2);
  --ngk-sidebar-app-launcher-trigger-fg-color: var(--ngk-color-text);
  --ngk-sidebar-app-launcher-trigger-media-bg-color-hover: var(--ngk-color-neutral-subtle);
  --ngk-sidebar-app-launcher-trigger-media-bg-color-focus: var(--ngk-color-border);
  --ngk-sidebar-app-launcher-item-bg-color: transparent;
  --ngk-sidebar-app-launcher-item-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-sidebar-app-launcher-item-fg-color-hover: var(--ngk-color-action);
}
.ngk-sidebar {
  display: block;
  position: relative;
  z-index: 1;
}
.ngk-sidebar__wrapper {
  --_bg-color: var(--ngk-sidebar-wrapper-bg-color);
  --_border-color: var(--ngk-sidebar-wrapper-border-color);
  overflow: hidden;
  border-right: 1px solid var(--_border-color);
  background-color: var(--_bg-color);
  padding: var(--space-400);
  padding-bottom: 0 !important;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: var(--ngk-sidebar-expanded-width);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-300);
}
.ngk-sidebar__wrapper.is-collapsed {
  width: var(--ngk-sidebar-collapsed-width);
  padding-left: var(--space-200);
  padding-right: var(--space-200);
}
.ngk-sidebar__logo {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: var(--space-100);
}
.ngk-sidebar__logo > * {
  height: 1.75rem;
}
.ngk-sidebar__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-300);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  flex: 1 1 auto;
  overflow-x: hidden;
}
.ngk-sidebar__content::-webkit-scrollbar {
  display: none;
}
.ngk-sidebar__content-entry {
  opacity: 0;
  transform: translateX(5rem);
  --delay: calc(var(--i) * 100ms);
  animation: 0.35s slide-in-horizontally var(--delay) cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-sidebar__footer {
  padding: var(--space-100);
}
.ngk-sidebar__toggle {
  --_bg-color: var(--ngk-sidebar-toggle-bg-color);
  --_fg-color: var(--ngk-sidebar-toggle-fg-color);
  position: absolute;
  top: 2rem;
  right: 0;
  border: 0;
  appearance: none;
  background-color: var(--_bg-color);
  transform: translateX(50%);
  transform-origin: center center;
  color: var(--_fg-color);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar__toggle:hover {
  --_bg-color: var(--ngk-sidebar-toggle-bg-color-hover);
  --_fg-color: var(--ngk-sidebar-toggle-fg-color-hover);
  cursor: pointer;
}
.ngk-sidebar__toggle:hover + * {
  background-color: var(--ngk-sidebar-toggle-bg-color-hover-outline);
  border-right-color: var(--ngk-sidebar-toggle-border-color-hover);
}
.ngk-sidebar__toggle:active {
  --_bg-color: var(--ngk-sidebar-toggle-bg-color-active);
}
.ngk-sidebar__toggle.is-expanded {
  transform: translateX(50%) rotate(180deg);
}
.ngk-sidebar-entry,
.ngk-sidebar-section,
.ngk-sidebar-group,
.ngk-sidebar-item {
  display: block;
}
.ngk-sidebar-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: var(--border-radius-300);
  margin-top: var(--space-200);
  margin-bottom: var(--space-200);
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.ngk-sidebar-section__header {
  color: var(--ngk-sidebar-section-header-fg-color);
  max-height: 5rem;
  overflow: hidden;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-sidebar-section__label {
  text-transform: uppercase;
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-sidebar-section.is-collapsed {
  padding-top: var(--space-100);
  padding-bottom: var(--space-100);
  outline-color: var(--ngk-sidebar-section-outline-color-collapsed);
}
.ngk-sidebar-section.is-collapsed > .ngk-sidebar-section__header {
  padding-left: calc(50% - 0.5rem);
  opacity: 0.35;
}
.ngk-sidebar-section.is-collapsed .ngk-sidebar-section__label {
  opacity: 0;
}
.ngk-sidebar-item {
  display: block;
  cursor: pointer;
  max-height: 5rem;
  overflow: hidden;
  transition: max-height 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-item__wrapper {
  --_bg-color: var(--ngk-sidebar-item-bg-color);
  --_fg-color: var(--ngk-sidebar-item-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  background-color: var(--_bg-color);
  color: var(--_fg-color);
  padding: var(--space-100);
  font-size: var(--ngk-font-size-body-sm);
  border-radius: var(--border-radius-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-item__wrapper:hover:not(.active) {
  --_bg-color: var(--ngk-sidebar-item-bg-color-hover);
}
.ngk-sidebar-item__wrapper.active {
  --_bg-color: var(--ngk-sidebar-item-bg-color-active);
  --_fg-color: var(--ngk-sidebar-item-fg-color-active);
}
.ngk-sidebar-item__wrapper.is-collapsed {
  padding-left: calc(50% - 1rem);
  overflow: hidden;
  margin-left: var(--space-100);
  margin-right: var(--space-100);
}
.ngk-sidebar-item__wrapper.is-collapsed > strong {
  opacity: 0;
}
.ngk-sidebar-item.is-hidden {
  max-height: 0px;
}
.ngk-sidebar-group {
  display: block;
}
.ngk-sidebar-group__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-sidebar-group__header {
  --_bg-color: var(--ngk-sidebar-item-bg-color);
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  background-color: var(--_bg-color);
  color: var(--ngk-sidebar-group-header-fg-color);
  padding: var(--space-100);
  font-size: var(--ngk-font-size-body-sm);
  border-radius: var(--border-radius-200);
  max-height: 5rem;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-group__header:hover {
  --_bg-color: var(--ngk-sidebar-item-bg-color-hover);
}
.ngk-sidebar-group__header.is-hidden {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: calc(50% - 1rem);
  max-height: 0px;
  opacity: 0;
}
.ngk-sidebar-group__header.is-hidden ngk-icon {
  display: none;
}
.ngk-sidebar-group__header-label {
  flex: 1 1 auto;
}
.ngk-sidebar-group__content {
  --_border-color: var(--ngk-sidebar-group-border-color-hidden);
  max-height: 0px;
  overflow: hidden;
  padding: 0px var(--space-100);
  margin-left: var(--space-100);
  border-left: 3px solid var(--_border-color);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-group__content > * {
  --delay: calc(var(--i) * 50ms);
  transition: all 0.25s var(--delay) cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0;
  transform: translateX(-25px);
}
.ngk-sidebar-group__content.is-expanded {
  --_border-color: var(--ngk-sidebar-group-border-color);
}
.ngk-sidebar-group__content.is-expanded,
.ngk-sidebar-group__content.is-sb-collapsed {
  max-height: 100vh;
  margin-top: var(--space-100);
  margin-bottom: var(--space-100);
}
.ngk-sidebar-group__content.is-expanded > *,
.ngk-sidebar-group__content.is-sb-collapsed > * {
  opacity: 1;
  transform: translateX(0);
}
.ngk-sidebar-group__content.is-sb-collapsed {
  margin-left: 0;
  margin-bottom: 0;
  border-left-width: 0px;
  padding: 0;
}
.ngk-sidebar-app-launcher {
  cursor: pointer;
  display: block;
}
.ngk-sidebar-app-launcher.is-expanded {
  margin-left: calc(var(--space-100) * -1);
  margin-right: calc(var(--space-100) * -1);
}
.ngk-sidebar-app-launcher.is-expanded .ngk-sidebar-app-launcher__trigger-label,
.ngk-sidebar-app-launcher.is-expanded .ngk-sidebar-app-launcher__trigger-control {
  opacity: 1;
}
.ngk-sidebar-app-launcher__trigger {
  --_bg-color: transparent;
  padding: var(--space-100);
  border-radius: var(--border-radius-300);
  background-color: var(--_bg-color);
  color: var(--ngk-sidebar-app-launcher-trigger-fg-color);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__trigger:hover {
  --_bg-color: var(--ngk-sidebar-app-launcher-trigger-media-bg-color-hover);
}
.ngk-sidebar-app-launcher__trigger:focus,
.ngk-sidebar-app-launcher__trigger.expanded {
  --_bg-color: var(--ngk-sidebar-app-launcher-trigger-media-bg-color-focus);
}
.ngk-sidebar-app-launcher__trigger-label,
.ngk-sidebar-app-launcher__trigger-control {
  opacity: 0;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__trigger-initial {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex: 0 0 auto;
  background-color: var(--ngk-sidebar-app-launcher-trigger-media-bg-color);
}
.ngk-sidebar-app-launcher__trigger-label {
  overflow: hidden;
  flex: 1 1 auto;
}
.ngk-sidebar-app-launcher__trigger-label span {
  cursor: pointer !important;
}
.ngk-sidebar-app-launcher__trigger-control {
  width: 1rem;
  height: 1rem;
}
.ngk-sidebar-app-launcher__trigger-initial,
.ngk-sidebar-app-launcher__trigger-label {
  border-radius: var(--border-radius-200);
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-sidebar-app-launcher__list {
  background-color: var(--ngk-sidebar-app-launcher-list-bg-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.12);
  border-radius: var(--ngk-core-control-radius);
  padding: var(--space-200);
  width: 100%;
  min-width: 10rem;
}
.ngk-sidebar-app-launcher__list-item {
  --_bg-color: var(--ngk-sidebar-app-launcher-item-bg-color);
  --_fg-color: inherit;
  display: block;
  text-decoration: none !important;
  color: inherit;
  padding: 5px var(--space-100);
  background-color: var(--_bg-color);
  border-radius: calc(var(--ngk-core-control-radius) - var(--space-100));
  color: var(--_fg-color);
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
  outline: 2px solid transparent;
  outline-offset: -2px;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-sidebar-app-launcher__list-item:hover,
.ngk-sidebar-app-launcher__list-item.cdk-keyboard-focused,
.ngk-sidebar-app-launcher__list-item.cdk-program-focused {
  --_bg-color: var(--ngk-sidebar-app-launcher-item-bg-color-hover);
  --_fg-color: var(--ngk-sidebar-app-launcher-item-fg-color-hover);
}
@keyframes slide-in-horizontally {
  0% {
    opacity: 0;
    transform: translateX(-3rem);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
:root {
  --ngk-foldable-border-radius: var(--border-radius-400);
  --ngk-foldable-border-color: var(--ngk-color-border);
  --ngk-foldable-invalid-border-color: var(--ngk-color-feedback-error-subtle);
  --ngk-foldable-border-width: 1px;
  --ngk-foldable-bg-color: var(--ngk-color-surface-1);
  --ngk-foldable-invalid-bg-color: color-mix(in hsl, var(--ngk-color-feedback-error-subtle), white 90%);
  --ngk-foldable-header-fg-color: var(--ngk-color-text);
  --ngk-foldable-invalid-header-fg-color: var(--ngk-color-feedback-error);
  --ngk-foldable-header-padding: var(--space-200);
  --ngk-foldable-header-title-font-size: var(--ngk-font-size-body-md);
  --ngk-foldable-header-subtitle-font-size: var(--ngk-font-size-body-xs);
  --ngk-foldable-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.05);
  --ngk-foldable-focus-outline-color: var(--ngk-color-action);
}
.ngk-foldable {
  --_bg-color: var(--ngk-foldable-bg-color);
  --_header-fg-color: var(--ngk-foldable-header-fg-color);
  --_b-color: var(--ngk-foldable-border-color);
  background-color: var(--_bg-color);
  border-radius: var(--ngk-foldable-border-radius);
  border: var(--ngk-foldable-border-width) solid var(--_b-color);
  box-shadow: var(--ngk-foldable-shadow);
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-foldable__header {
  --_outline-color: transparent;
  padding: var(--ngk-foldable-header-padding);
  outline: 1px solid var(--_outline-color);
  outline-offset: -1px;
  border-bottom: var(--ngk-foldable-border-width) solid var(--ngk-foldable-border-color);
  border-radius: var(--ngk-foldable-border-radius) var(--ngk-foldable-border-radius) 0 0;
  color: var(--_header-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: calc(2 * var(--ngk-foldable-header-padding));
  flex: 0 0 auto;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__header-icon {
  aspect-ratio: 1;
  height: var(--space-600);
  color: var(--_header-fg-color);
  background-color: color-mix(in srgb, var(--_header-fg-color), transparent 95%);
  border-radius: max(1.25 * var(--ngk-foldable-border-radius) - var(--ngk-foldable-header-padding), 0.25rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-foldable__header-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-50);
}
.ngk-foldable__header-info > * {
  line-height: normal;
}
.ngk-foldable__header-title {
  font-size: var(--ngk-foldable-header-title-font-size);
  font-weight: var(--ngk-font-weight-black);
  color: var(--_header-fg-color);
}
.ngk-foldable__header-subtitle {
  font-size: var(--ngk-foldable-header-subtitle-font-size);
  color: var(--_header-fg-color);
  opacity: 0.7;
}
.ngk-foldable__header-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-foldable-header-padding);
}
.ngk-foldable__header-content [ngkFoldableHeader] {
  flex: 1 1 auto;
}
.ngk-foldable__header-controls {
  flex: 0 0 auto;
}
.ngk-foldable__header-controls,
.ngk-foldable__header-controls--custom {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: var(--ngk-foldable-header-padding);
}
.ngk-foldable__header-controls--toggle {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__header:focus-visible {
  --_outline-color: var(--ngk-foldable-focus-outline-color);
}
.ngk-foldable__content {
  --_fr: 1fr;
  display: grid;
  flex: 1 1 auto;
  overflow: hidden;
  grid-template-rows: var(--_fr);
  transition:
    grid-template-rows 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding-top 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    padding-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable__content-wrapper {
  overflow: auto;
  padding: 3px;
}
.ngk-foldable.is-folded .ngk-foldable__header {
  border-color: transparent;
  border-bottom-left-radius: var(--ngk-foldable-border-radius);
  border-bottom-right-radius: var(--ngk-foldable-border-radius);
}
.ngk-foldable.is-folded .ngk-foldable__header-controls--toggle {
  transform: rotate(180deg);
}
.ngk-foldable.is-folded .ngk-foldable__content {
  --_fr: 0fr;
}
.ngk-foldable.is-folded .ngk-foldable__content,
.ngk-foldable.is-folded .ngk-foldable__content-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.ngk-foldable.with-padding .ngk-foldable__content {
  padding: var(--ngk-foldable-header-padding);
}
.ngk-foldable.is-disabled {
  --ngk-foldable-bg-color: var(--ngk-color-surface);
  cursor: not-allowed;
}
.ngk-foldable.is-disabled .ngk-foldable__header {
  pointer-events: none;
}
.ngk-foldable.is-disabled .ngk-foldable__header-controls--toggle {
  opacity: 0.5;
}
.ngk-foldable.is-invalid {
  --_bg-color: var(--ngk-foldable-invalid-bg-color);
  --_b-color: var(--ngk-foldable-invalid-border-color);
  --_header-fg-color: var(--ngk-foldable-invalid-header-fg-color);
}
.ngk-foldable-group {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-foldable-group > .ngk-foldable {
  flex: 0 0 auto;
}
.ngk-foldable-group > .ngk-foldable.is-unfolded {
  flex: 1 1 auto;
}
.ngk-foldable-group.has-gap {
  padding: calc(var(--ngk-foldable-header-padding) * 0.5);
}
.ngk-foldable-group:not(.has-gap) {
  box-shadow: var(--ngk-foldable-shadow);
  border-radius: var(--ngk-foldable-border-radius);
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable {
  box-shadow: none !important;
  border-radius: 0 !important;
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable:first-child {
  border-top-left-radius: var(--ngk-foldable-border-radius) !important;
  border-top-right-radius: var(--ngk-foldable-border-radius) !important;
}
.ngk-foldable-group:not(.has-gap) > .ngk-foldable:last-child {
  border-bottom-left-radius: var(--ngk-foldable-border-radius) !important;
  border-bottom-right-radius: var(--ngk-foldable-border-radius) !important;
}
:root {
  --ngk-notification-bg-color: var(--ngk-color-surface-3);
  --ngk-notification-b-radius: var(--border-radius-400);
  --ngk-notification-shadow: var(--ngk-shadow-overlay);
  --ngk-notification-padding: var(--space-200);
  --ngk-notification-border-width: 5px;
  --ngk-notification-controls-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-notification-controls-bg-color-hover: var(--ngk-color-neutral-muted);
  --ngk-notification-controls-b-radius: var(--border-radius-300);
  --ngk-notification-info-accent-color: var(--ngk-color-text);
  --ngk-notification-info-fg-color: var(--ngk-color-text);
  --ngk-notification-success-accent-color: var(--ngk-color-action);
  --ngk-notification-success-fg-color: var(--ngk-color-action-strong);
  --ngk-notification-warning-accent-color: var(--ngk-color-feedback-warning);
  --ngk-notification-warning-fg-color: var(--ngk-color-feedback-warning-strong);
  --ngk-notification-error-accent-color: var(--ngk-color-feedback-error);
  --ngk-notification-error-fg-color: var(--ngk-color-feedback-error-strong);
}
.ngk-notification {
  --_bg-color: var(--ngk-notification-bg-color);
  --_b-radius: var(--ngk-notification-b-radius);
  --_shadow: var(--ngk-notification-shadow);
  display: block;
  background-color: var(--_bg-color);
  border-radius: var(--_b-radius);
  width: var(--ngk-notification-width, 450px);
  box-shadow: var(--_shadow);
  position: relative;
  overflow: hidden;
  padding: var(--ngk-notification-padding);
  border: none;
  font-size: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-emphasis);
}
.ngk-notification__overlay {
  transition: margin-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  gap: var(--space-200);
}
.ngk-notification__media {
  flex: 0 0 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-notification__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-75);
  flex: 1 1 auto;
  padding-left: var(--space-50);
  line-height: normal;
  overflow: hidden;
}
.ngk-notification__info--title {
  font-size: var(--ngk-font-size-body-md);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-notification__info--message {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  word-break: break-word;
}
.ngk-notification__controls {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-notification__controls > * {
  cursor: pointer;
  line-height: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: var(--ngk-notification-controls-bg-color);
  padding: var(--space-100);
  padding-right: var(--space-75);
  border-radius: var(--ngk-notification-controls-b-radius);
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__controls > *:hover {
  background-color: var(--ngk-notification-controls-bg-color-hover);
}
.ngk-notification__additional-context {
  position: relative;
  border-radius: var(--border-radius-300);
  padding: 0 var(--space-200);
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__additional-context.has-timeout {
  margin-top: var(--space-100);
  max-height: var(--space-100);
  min-height: var(--space-100);
}
.ngk-notification__additional-context > * {
  opacity: 0;
  position: relative;
  z-index: 1;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-notification__additional-context::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  animation: remaining-time-animation var(--ngk-notification-duration) linear forwards;
}
.ngk-notification__additional-context.expanded {
  margin-top: var(--space-100);
  padding-top: var(--space-100);
  padding-bottom: var(--space-100);
  max-height: 50vh;
}
.ngk-notification__additional-context.expanded > * {
  opacity: 1;
}
.ngk-notification.info {
  --_accent-color: var(--ngk-notification-info-accent-color);
  --_fg-color: var(--ngk-notification-info-fg-color);
  border-left: var(--ngk-notification-border-width) solid var(--_accent-color);
}
.ngk-notification.info .ngk-notification__media {
  color: var(--ngk-notification-info-accent-color);
}
.ngk-notification.info > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--ngk-notification-info-accent-color), transparent 90%);
  color: var(--ngk-notification-info-fg-color);
}
.ngk-notification.info > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--ngk-notification-info-accent-color), transparent 80%);
}
.ngk-notification.success {
  --_accent-color: var(--ngk-notification-success-accent-color);
  --_fg-color: var(--ngk-notification-success-fg-color);
  border-left: var(--ngk-notification-border-width) solid var(--_accent-color);
}
.ngk-notification.success .ngk-notification__media {
  color: var(--ngk-notification-success-accent-color);
}
.ngk-notification.success > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--ngk-notification-success-accent-color), transparent 90%);
  color: var(--ngk-notification-success-fg-color);
}
.ngk-notification.success > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--ngk-notification-success-accent-color), transparent 80%);
}
.ngk-notification.warning {
  --_accent-color: var(--ngk-notification-warning-accent-color);
  --_fg-color: var(--ngk-notification-warning-fg-color);
  border-left: var(--ngk-notification-border-width) solid var(--_accent-color);
}
.ngk-notification.warning .ngk-notification__media {
  color: var(--ngk-notification-warning-accent-color);
}
.ngk-notification.warning > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--ngk-notification-warning-accent-color), transparent 90%);
  color: var(--ngk-notification-warning-fg-color);
}
.ngk-notification.warning > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--ngk-notification-warning-accent-color), transparent 80%);
}
.ngk-notification.error {
  --_accent-color: var(--ngk-notification-error-accent-color);
  --_fg-color: var(--ngk-notification-error-fg-color);
  border-left: var(--ngk-notification-border-width) solid var(--_accent-color);
}
.ngk-notification.error .ngk-notification__media {
  color: var(--ngk-notification-error-accent-color);
}
.ngk-notification.error > .ngk-notification__additional-context {
  background-color: color-mix(in srgb, var(--ngk-notification-error-accent-color), transparent 90%);
  color: var(--ngk-notification-error-fg-color);
}
.ngk-notification.error > .ngk-notification__additional-context::after {
  background-color: color-mix(in srgb, var(--ngk-notification-error-accent-color), transparent 80%);
}
@keyframes remaining-time-animation {
  0% {
    width: 100%;
  }
  100% {
    width: 0px;
  }
}
:root {
  --ngk-banner-padding: var(--space-200);
  --ngk-banner-min-height: 72px;
  --ngk-banner-close-btn-b-radius: var(--border-radius-300);
  --ngk-banner-close-btn-bg-color-hover: #0000003b;
  --ngk-banner-info-bg-color: var(--ngk-color-neutral-strong);
  --ngk-banner-info-fg-color: var(--ngk-color-text-inverse);
  --ngk-banner-success-bg-color: var(--ngk-color-action);
  --ngk-banner-success-fg-color: var(--ngk-color-action-contrast);
  --ngk-banner-warning-bg-color: var(--ngk-color-feedback-warning);
  --ngk-banner-warning-fg-color: var(--ngk-color-feedback-warning-contrast);
  --ngk-banner-error-bg-color: var(--ngk-color-feedback-error);
  --ngk-banner-error-fg-color: var(--ngk-color-feedback-error-contrast);
}
body {
  padding-top: var(--ngk-banner-push-top, 0);
  padding-bottom: var(--ngk-banner-push-bottom, 0);
  transition: padding-top 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), padding-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-banner {
  --_bg-color: var(--ngk-banner-info-bg-color);
  --_fg-color: var(--ngk-banner-info-fg-color);
  display: flex;
  width: 100vw;
  min-height: var(--ngk-banner-min-height);
  overflow: hidden;
  position: relative;
  padding: var(--ngk-banner-padding);
  background-color: var(--_bg-color);
  color: var(--_fg-color);
}
.ngk-banner.info {
  --_bg-color: var(--ngk-banner-info-bg-color);
  --_fg-color: var(--ngk-banner-info-fg-color);
}
.ngk-banner.success {
  --_bg-color: var(--ngk-banner-success-bg-color);
  --_fg-color: var(--ngk-banner-success-fg-color);
}
.ngk-banner.warning {
  --_bg-color: var(--ngk-banner-warning-bg-color);
  --_fg-color: var(--ngk-banner-warning-fg-color);
}
.ngk-banner.error {
  --_bg-color: var(--ngk-banner-error-bg-color);
  --_fg-color: var(--ngk-banner-error-fg-color);
}
.ngk-banner__overlay {
  transition: margin-bottom 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-banner__content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  gap: var(--space-200);
  flex: 1;
}
.ngk-banner__info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
  flex: 1 1 auto;
}
.ngk-banner__info--message {
  padding-inline: var(--space-200);
  font-size: var(--ngk-font-size-body-lg);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-banner__controls {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-banner__controls .close-btn {
  border-radius: var(--ngk-banner-close-btn-b-radius);
  padding: var(--space-400);
  cursor: pointer;
}
.ngk-banner__controls .close-btn:hover {
  background-color: var(--ngk-banner-close-btn-bg-color-hover);
}
.ngk-banner:not(.has-custom-content).is-text-centered .ngk-banner__info {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
}
.ngk-banner:not(.has-custom-content).is-text-right-aligned .ngk-banner__info {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
}
:root {
  --ngk-file-selector-min-width: 400px;
  --ngk-file-selector-drop-zone-bg-color: var(--ngk-color-action-subtle);
  --ngk-file-selector-drop-zone-border-color: var(--ngk-color-action-muted);
  --ngk-file-selector-drop-zone-b-radius: var(--space-100);
  --ngk-file-selector-drop-zone-padding: var(--space-400);
  --ngk-file-selector-template-fg-color: var(--ngk-color-action);
  --ngk-file-selector-browse-btn-bg-color: var(--ngk-color-action);
  --ngk-file-selector-browse-btn-fg-color: var(--ngk-color-action-contrast);
  --ngk-file-selector-browse-btn-font-weight: var(--ngk-font-weight-black);
  --ngk-file-selector-browse-btn-b-radius: var(--space-400);
  --ngk-file-selector-folder-icon-back-bg-color: var(--ngk-color-action);
  --ngk-file-selector-folder-icon-front-bg-color: color-mix(in srgb, var(--ngk-file-selector-folder-icon-back-bg-color), white 20%);
  --ngk-file-selector-folder-logo-color: var(--ngk-color-accent);
}
.ngk-file-selector {
  display: block;
  min-width: var(--ngk-file-selector-min-width);
  width: 100%;
}
.ngk-file-selector .wrapper {
  --_bg-color: var(--ngk-file-selector-drop-zone-bg-color);
  --_border-color: var(--ngk-file-selector-drop-zone-border-color);
  min-height: 130px;
  max-height: 50vh;
  background-color: var(--_bg-color);
  padding: var(--ngk-file-selector-drop-zone-padding);
  border: 2px dashed var(--_border-color);
  border-radius: var(--ngk-file-selector-drop-zone-b-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper ngk-folder-icon {
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper.active ngk-folder-icon {
  transform: translateY(2rem);
}
.ngk-file-selector .wrapper.active .template {
  opacity: 0;
}
.ngk-file-selector .wrapper:not(.empty):not(.multi) {
  --_bg-color: transparent;
  --_border-color: transparent;
  min-height: 0;
  max-height: 0px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: calc(var(--space-200) * -1);
}
.ngk-file-selector .wrapper .template {
  opacity: 1;
  color: var(--ngk-file-selector-template-fg-color);
  font-weight: var(--ngk-font-weight-strong);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-file-selector .wrapper .template .specs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-file-selector .wrapper .template .specs-item {
  flex: 0 0 auto;
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-file-selector .selected-files {
  margin-top: var(--space-200);
}
.ngk-file-selector .selected-files > * {
  min-width: var(--ngk-file-selector-min-width);
}
.ngk-file-selector .selected-files > *:not(:last-child) {
  margin-bottom: var(--space-100);
}
.ngk-file-selector .info {
  font-size: var(--ngk-font-size-body-sm);
}
.ngk-file-selector .browse-trigger {
  padding: var(--space-75) var(--space-200);
  background-color: var(--ngk-file-selector-browse-btn-bg-color);
  color: var(--ngk-file-selector-browse-btn-fg-color);
  border-radius: var(--ngk-file-selector-browse-btn-b-radius);
  font-weight: var(--ngk-file-selector-browse-btn-font-weight);
}
.ngk-file-selector .ngk-file-selector.multi {
  container-type: inline-size;
  container-name: selected-files-grid;
}
.ngk-file-selector .ngk-file-selector.multi .selected-files {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: var(--space-200);
}
@container selected-files-grid (max-width: 899px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 899px) and (max-width: 1349px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 1349px) and (max-width: 1799px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 1799px) and (max-width: 2249px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 2249px) and (max-width: 2699px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(5, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 2699px) and (max-width: 3149px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(6, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 3149px) and (max-width: 3599px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(7, 1fr) !important;
  }
}
@container selected-files-grid (min-width: 3599px) and (max-width: 4049px) {
  .ngk-file-selector .selected-files {
    grid-template-columns: repeat(8, 1fr) !important;
  }
}
:root {
  --ngk-breadcrumbs-fg-color: var(--ngk-color-text-muted);
  --ngk-breadcrumbs-fg-color-current: var(--ngk-color-text);
}
.ngk-breadcrumbs {
  min-height: 1.5rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-breadcrumbs-container {
  display: contents;
}
.ngk-breadcrumbs-item {
  --_fg-color: var(--ngk-breadcrumbs-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex: 0 1 auto;
  overflow: hidden;
  color: var(--_fg-color);
}
.ngk-breadcrumbs-item > span {
  font-size: var(--ngk-font-size-body-lg);
  font-weight: var(--ngk-font-weight-black);
  line-height: normal;
}
.ngk-breadcrumbs-item.is-current {
  --_fg-color: var(--ngk-breadcrumbs-fg-color-current);
  flex: 0 0 auto;
}
.ngk-breadcrumbs-item:not(.is-current):not(.is-disabled) {
  cursor: pointer;
}
.ngk-breadcrumbs-item:has(.wont-shrink) {
  flex-shrink: 0 !important;
}
.ngk-breadcrumbs-item:has(.wont-grow) {
  flex-grow: 0 !important;
}
:root {
  --ngk-formula-editor-bg-color: var(--ngk-color-surface);
  --ngk-formula-editor-border-radius: var(--border-radius-300);
  --ngk-formula-editor-viewer-accent-bg-color: var(--ngk-color-action-subtle);
  --ngk-formula-editor-viewer-accent-fg-color: var(--ngk-color-action);
  --ngk-formula-editor-viewer-invalid-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-formula-editor-viewer-invalid-fg-color: var(--ngk-color-feedback-error);
  --ngk-formula-editor-inline-fg-color: var(--ngk-color-text);
}
.ngk-formula-editor {
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--ngk-formula-editor-bg-color);
  border-radius: var(--ngk-formula-editor-border-radius);
  position: relative;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-viewer {
  display: block;
  padding: 0 var(--space-100) 0 var(--space-75);
  overflow: hidden;
  border-radius: var(--ngk-formula-editor-border-radius);
}
.ngk-formula-viewer.is-accent {
  background-color: var(--ngk-formula-editor-viewer-accent-bg-color) !important;
  color: var(--ngk-formula-editor-viewer-accent-fg-color) !important;
}
.ngk-formula-viewer.is-invalid {
  background-color: var(--ngk-formula-editor-viewer-invalid-bg-color) !important;
  color: var(--ngk-formula-editor-viewer-invalid-fg-color) !important;
}
.ngk-formula-viewer__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent 100%);
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 5%,
      #000 95%,
      transparent 100%);
  margin-inline: var(--space-75);
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}
.ngk-formula-viewer__wrapper::-webkit-scrollbar {
  display: none;
}
.ngk-formula-viewer__wrapper .pointer-screen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.ngk-formula-viewer .node-wrapper {
  pointer-events: none;
  background-color: transparent !important;
}
.ngk-formula-viewer .node-wrapper,
.ngk-formula-viewer .node-wrapper input {
  cursor: default !important;
}
.ngk-field .ngk-formula-viewer,
.ngk-formula-viewer.is-inline {
  height: var(--ngk-core-control-height);
  background-color: var(--ngk-core-control-bg-color);
  border: 1px solid var(--ngk-core-control-b-color);
  color: var(--ngk-formula-editor-inline-fg-color);
}
:root {
  --ngk-formula-editor-panel-b-radius: var(--border-radius-400);
  --ngk-formula-editor-panel-bg-color: var(--ngk-color-surface-2);
  --ngk-formula-editor-panel-shadow: 0px 0.25rem 1rem rgba(0, 0, 0, 0.15);
  --ngk-formula-editor-panel-padding: var(--space-100);
  --ngk-formula-editor-panel-spacing: var(--space-200);
}
.ngk-formula-editor-panel {
  position: absolute;
  background-color: var(--ngk-formula-editor-panel-bg-color);
  border-radius: var(--ngk-formula-editor-panel-b-radius);
  box-shadow: var(--ngk-formula-editor-panel-shadow);
  padding: var(--ngk-formula-editor-panel-padding);
  cursor: default;
}
:root {
  --ngk-formula-editor-toolbar-separator-color: var(--ngk-color-neutral-muted);
  --ngk-formula-editor-toolbar-item-disabled-bg-color: var(--ngk-color-border);
  --ngk-formula-editor-toolbar-item-disabled-fg-color: var(--ngk-color-text-secondary);
  --ngk-formula-editor-toolbar-item-border-radius: 0.65rem;
}
.ngk-formula-editor-toolbar {
  top: var(--ngk-formula-editor-panel-spacing);
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-toolbar.is-left-positioned {
  left: max(50% - var(--ngk-formula-editor-side-panel-width), var(--ngk-formula-editor-panel-spacing));
  transform: translateX(0);
}
.ngk-formula-editor-toolbar.is-hidden {
  top: -100%;
}
.ngk-formula-editor-toolbar,
.ngk-formula-editor-toolbar__group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-toolbar__group {
  gap: var(--space-100);
}
.ngk-formula-editor-toolbar__group:not(:first-child) {
  padding-left: var(--space-100);
}
.ngk-formula-editor-toolbar__group:not(:last-child) {
  padding-right: var(--space-100);
  border-right: 1px solid var(--ngk-formula-editor-toolbar-separator-color);
}
.ngk-formula-editor-toolbar__item {
  border-radius: var(--ngk-formula-editor-toolbar-item-border-radius) !important;
}
.ngk-formula-editor-toolbar__item:disabled {
  opacity: 0.5;
  background-color: var(--ngk-formula-editor-toolbar-item-disabled-bg-color) !important;
  color: var(--ngk-formula-editor-toolbar-item-disabled-fg-color) !important;
}
.ngk-formula-editor-toolbar__item.is-input[type=number]::-webkit-outer-spin-button,
.ngk-formula-editor-toolbar__item.is-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ngk-formula-editor-toolbar__item.is-input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ngk-formula-editor-toolbar__item.is-input#scale-indicator-control {
  width: 4rem;
  text-align: center;
}
.ngk-formula-editor-toolbar__item ngk-icon span {
  font-weight: 700 !important;
}
:root {
  --ngk-formula-editor-side-panel-width: 400px;
  --ngk-formula-editor-side-panel-header-border-color: var(--ngk-color-border);
  --ngk-formula-editor-side-panel-list-border-color: var(--ngk-color-border);
  --ngk-formula-editor-math-concept-bg-color: var(--ngk-color-action-subtle);
  --ngk-formula-editor-math-concept-fg-color: var(--ngk-color-action-strong);
  --ngk-formula-editor-secondary-section-bg-color: color-mix(in srgb, var(--ngk-color-action-subtle) 50%, transparent);
  --ngk-formula-editor-secondary-section-fg-color: var(--ngk-color-action-strong);
  --ngk-formula-editor-concept-arg-bg-color: color-mix(in srgb, var(--ngk-color-action-strong) 50%, transparent);
  --ngk-formula-editor-concept-arg-optional-bg-color: color-mix(in srgb, var(--ngk-color-action-strong) 5%, transparent);
  --ngk-formula-editor-concept-arg-optional-border-color: color-mix(in srgb, var(--ngk-color-action-strong) 50%, transparent);
}
.ngk-formula-editor-side-panel {
  top: var(--ngk-formula-editor-panel-spacing);
  right: var(--ngk-formula-editor-panel-spacing);
  bottom: var(--ngk-formula-editor-panel-spacing);
  width: var(--ngk-formula-editor-side-panel-width);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-formula-editor-side-panel__header {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  padding-bottom: var(--space-100);
  border-bottom: 1px solid var(--ngk-formula-editor-side-panel-header-border-color);
}
.ngk-formula-editor-side-panel__header-switch {
  flex: 1 1 auto;
}
.ngk-formula-editor-side-panel__content {
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  padding: 3px;
}
.ngk-formula-editor-side-panel__content > * {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
.ngk-formula-editor-side-panel__content > * span {
  text-align: center;
}
.ngk-formula-editor-side-panel__content > *:has(> span) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-side-panel__section-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  padding: var(--space-75) 0 var(--space-100);
  flex: 0 0 auto;
}
.ngk-formula-editor-side-panel__section-list {
  overflow: auto;
  padding: 0 0 var(--space-100);
  flex: 1 1 auto;
}
.ngk-formula-editor-side-panel__section-list--empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-600);
}
.ngk-formula-editor-side-panel__section-list--empty span {
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-formula-editor-side-panel__list-item {
  display: block;
  border-top: 1px solid var(--ngk-formula-editor-side-panel-list-border-color);
}
.ngk-formula-editor-side-panel__list-item:last-child {
  border-bottom: 1px solid var(--ngk-formula-editor-side-panel-list-border-color);
}
.ngk-formula-editor-side-panel__list-item .main-section {
  padding: var(--space-100) 0;
  padding-right: var(--space-75);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-formula-editor-side-panel__list-item .main-section .projected-content:has(ngk-formula-variable-concept) {
  flex: 1;
}
.ngk-formula-editor-side-panel__list-item .main-section .item-label {
  flex: 1 1 auto;
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-formula-editor-side-panel__list-item .secondary-section {
  padding: 0 var(--space-100);
  max-height: 0;
  overflow: auto;
  opacity: 0;
  background-color: var(--ngk-formula-editor-secondary-section-bg-color);
  color: var(--ngk-formula-editor-secondary-section-fg-color);
  border-radius: var(--border-radius-200);
  margin: 0;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-side-panel__list-item .secondary-section.is-expanded {
  max-height: var(--ngk-formula-editor-side-panel-width);
  opacity: 1;
  padding: var(--space-100);
  margin-bottom: var(--space-100);
}
.ngk-formula-editor-side-panel__list-item .secondary-section .item-description {
  font-size: var(--ngk-font-size-body-xs);
}
.ngk-formula-editor-side-panel .variable-concept-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
}
.ngk-formula-editor-side-panel .math-concept {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
  min-width: 5rem;
  padding: var(--space-75) var(--space-100);
  background-color: var(--ngk-formula-editor-math-concept-bg-color);
  color: var(--ngk-formula-editor-math-concept-fg-color);
  border-radius: var(--border-radius-300);
  filter: grayscale(1);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: grab;
}
.ngk-formula-editor-side-panel .math-concept:hover {
  filter: grayscale(0);
}
.ngk-formula-editor-side-panel .math-concept:active {
  cursor: grabbing;
}
.ngk-formula-editor-side-panel .math-concept.is-postfix {
  flex-direction: row-reverse;
}
.ngk-formula-editor-side-panel .math-concept .concept-argument {
  border-radius: var(--border-radius-200);
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  background-color: var(--ngk-formula-editor-concept-arg-bg-color);
}
.ngk-formula-editor-side-panel .math-concept .concept-argument.is-optional {
  background-color: var(--ngk-formula-editor-concept-arg-optional-bg-color);
  border: 2px solid var(--ngk-formula-editor-concept-arg-optional-border-color);
}
:root {
  --ngk-formula-node-bg-color: var(--ngk-color-surface-1);
  --ngk-formula-node-active-bg-color: var(--ngk-color-action-subtle);
  --ngk-formula-node-active-fg-color: var(--ngk-color-action-strong);
  --ngk-formula-node-placeholder-bg-color: var(--ngk-color-action-subtle);
  --ngk-formula-node-placeholder-root-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-formula-node-placeholder-root-fg-color: var(--ngk-color-feedback-error);
  --ngk-formula-node-constant-invalid-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-formula-node-constant-invalid-fg-color: var(--ngk-color-feedback-error);
}
.ngk-formula-editor-node .node-wrapper {
  --_bg-color: var(--ngk-formula-node-bg-color);
  cursor: pointer;
  font-size: var(--ngk-font-size-body-md);
  background-color: var(--_bg-color);
  font-weight: 700;
  padding: var(--space-75);
  border-radius: var(--border-radius-300);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-formula-editor-node .node-wrapper.is-active {
  --_bg-color: var(--ngk-formula-node-active-bg-color);
  color: var(--ngk-formula-node-active-fg-color);
  padding: var(--space-100);
}
.ngk-formula-editor-node .node-wrapper.is-active .placeholder-node__wrapper > span {
  background-color: transparent !important;
}
.ngk-formula-editor-node__placeholder .placeholder-node__wrapper {
  width: 1.5rem;
  height: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-formula-editor-node__placeholder .placeholder-node__wrapper > span {
  width: 1rem;
  height: 1rem;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: var(--border-radius-200);
  background-color: var(--ngk-formula-node-placeholder-bg-color);
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper {
  background-color: var(--ngk-formula-node-placeholder-root-bg-color) !important;
  color: var(--ngk-formula-node-placeholder-root-fg-color) !important;
  padding: var(--space-100) !important;
  position: relative;
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper > span {
  opacity: 0;
}
.ngk-formula-editor-node__placeholder--root .placeholder-node__wrapper::after {
  content: "?";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--ngk-formula-node-placeholder-root-fg-color);
  font-weight: bold;
}
.ngk-formula-editor-node__operator .operator-node__wrapper > * {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
}
.ngk-formula-editor-node__operator .operator-node__wrapper > *.is-postfix {
  flex-direction: row-reverse;
}
.ngk-formula-editor-node__parenthesis .parenthesis-node__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-formula-editor-node__constant .constant-node__wrapper {
  position: relative;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input {
  text-align: center;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: unset !important;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  cursor: pointer;
  -moz-appearance: textfield;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input::-webkit-outer-spin-button,
.ngk-formula-editor-node__constant .constant-node__wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ngk-formula-editor-node__constant .constant-node__wrapper input:focus {
  cursor: text;
}
.ngk-formula-editor-node__constant .constant-node__wrapper:has(input.ng-invalid) {
  background: var(--ngk-formula-node-constant-invalid-bg-color);
  color: var(--ngk-formula-node-constant-invalid-fg-color);
}
.ngk-formula-editor-node__constant .constant-node__wrapper:has(input.ng-invalid)::after {
  content: "?";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ngk-formula-editor-node__function .function-node__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-formula-editor-node__function .function-node__args {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-50);
}
:root {
  --ngk-menu-spacing: var(--space-100);
  --ngk-menu-min-width: 200px;
  --ngk-menu-bg-color: var(--ngk-color-surface-2);
  --ngk-menu-option-bg-color: transparent;
  --ngk-menu-option-bg-color-hover: color-mix(in srgb, var(--ngk-color-action-subtle) 50%, transparent);
  --ngk-menu-option-bg-color-hover-destructive: color-mix(in srgb, var(--ngk-color-feedback-error-subtle) 50%, transparent);
  --ngk-menu-option-bg-color-active: var(--ngk-color-action-subtle);
  --ngk-menu-option-bg-color-active-destructive: var(--ngk-color-feedback-error-subtle);
  --ngk-menu-option-fg-color: var(--ngk-color-text);
  --ngk-menu-option-fg-color-destructive: var(--ngk-color-feedback-error);
  --ngk-menu-option-fg-color-hover: var(--ngk-color-action-strong);
  --ngk-menu-option-fg-color-hover-destructive: var(--ngk-color-feedback-error);
  --ngk-menu-option-fg-color-active: var(--ngk-color-action-strong);
  --ngk-menu-option-fg-color-active-destructive: var(--ngk-color-feedback-error);
  --ngk-menu-option-font-weight: var(--ngk-font-weight-strong);
  --ngk-menu-b-radius: var(--ngk-core-control-radius);
  --ngk-menu-group-separator-width: 1px;
  --ngk-menu-group-separator-style: solid;
  --ngk-menu-group-separator-color: var(--ngk-color-border-subtle);
  --ngk-menu-group-separator: var(--ngk-menu-group-separator-width) var(--ngk-menu-group-separator-style) var(--ngk-menu-group-separator-color);
}
.ngk-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
  padding: var(--ngk-menu-spacing);
  background-color: var(--ngk-menu-bg-color);
  border-radius: var(--ngk-menu-b-radius);
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: var(--ngk-menu-option-font-weight);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.ngk-menu::-webkit-scrollbar {
  display: none;
}
.ngk-menu-option {
  --_bg-color: var(--ngk-menu-option-bg-color);
  --_fg-color: var(--ngk-menu-option-fg-color);
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: -1px;
  color: var(--_fg-color);
  background-color: var(--_bg-color);
  padding: var(--ngk-menu-spacing);
  border-radius: calc(var(--ngk-menu-b-radius) * 0.7);
  font-size: var(--ngk-font-size-body-sm);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-menu-spacing);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-menu-option:hover:not(.is-selected),
.ngk-menu-option.cdk-keyboard-focused:not(.is-selected) {
  --_bg-color: var(--ngk-menu-option-bg-color-hover);
  --_fg-color: var(--ngk-menu-option-fg-color-hover);
}
.ngk-menu-option:hover:not(.is-selected).is-destructive,
.ngk-menu-option.cdk-keyboard-focused:not(.is-selected).is-destructive {
  --_bg-color: var(--ngk-menu-option-bg-color-hover-destructive);
  --_fg-color: var(--ngk-menu-option-fg-color-hover-destructive);
}
.ngk-menu-option.cdk-keyboard-focused {
  outline-color: color-mix(in srgb, var(--_fg-color) 10%, white);
}
.ngk-menu-option.is-selected {
  --_bg-color: var(--ngk-menu-option-bg-color-active);
  --_fg-color: var(--ngk-menu-option-fg-color-active);
}
.ngk-menu-option.is-selected.is-destructive {
  --_bg-color: var(--ngk-menu-option-bg-color-active-destructive);
  --_fg-color: var(--ngk-menu-option-fg-color-active-destructive);
}
.ngk-menu-option.is-destructive {
  --_fg-color: var(--ngk-menu-option-fg-color-destructive);
}
.ngk-menu-option[disabled] {
  filter: grayscale(1);
  cursor: not-allowed;
  opacity: 0.5;
}
.ngk-menu-option + .ngk-menu-option-group {
  border-top: var(--ngk-menu-group-separator);
  margin-top: var(--ngk-menu-spacing);
}
.ngk-menu-option__affix {
  flex: 0 0 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-menu-option__content {
  line-height: normal;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.ngk-menu-option-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: calc(var(--ngk-menu-spacing) / 2);
}
.ngk-menu-option-group:not(:first-child) {
  padding-top: var(--ngk-menu-spacing);
}
.ngk-menu-option-group:not(:last-child) {
  padding-bottom: var(--ngk-menu-spacing);
  border-bottom: var(--ngk-menu-group-separator);
}
.ngk-menu-option-group:has(+ .ngk-menu-option) {
  border-bottom: var(--ngk-menu-group-separator);
  margin-bottom: var(--ngk-menu-spacing);
}
:root {
  --ngk-chip-color-primary: var(--ngk-color-action);
  --ngk-chip-color-secondary: var(--ngk-color-accent);
  --ngk-chip-color-tertiary: var(--ngk-color-highlight);
  --ngk-chip-color-success: var(--ngk-color-feedback-success-strong);
  --ngk-chip-color-warning: var(--ngk-color-feedback-error);
  --ngk-chip-color-neutral: var(--ngk-color-text);
  --ngk-chip-size-sm: 1.7rem;
  --ngk-chip-size-md: 2rem;
  --ngk-chip-size-lg: 2.5rem;
  --ngk-chip-font-size-sm: var(--ngk-font-size-body-xs);
  --ngk-chip-font-size-md: var(--ngk-font-size-body-sm);
  --ngk-chip-font-size-lg: var(--ngk-font-size-body-md);
  --ngk-chip-affix-size-sm: 0.9rem;
  --ngk-chip-affix-size-md: 1rem;
  --ngk-chip-affix-size-lg: 1.25rem;
  --ngk-chip-mode-rounded-b-radius: var(--ngk-chip-size-lg);
  --ngk-chip-mode-squared-b-radius: 0.5rem;
  --ngk-chip-list-spacing: var(--space-200);
  --ngk-chip-close-bg-color: #cb0019;
  --ngk-chip-close-fg-color: var(--ngk-color-text-inverse);
  --ngk-chip-disabled-color: var(--ngk-color-text-disabled);
}
.ngk-chip {
  --_color: var(--ngk-color-action);
  --_size: var(--ngk-chip-size-md);
  --_font-size: var(--ngk-chip-font-size-md);
  --_affix-size: var(--ngk-chip-affix-size-md);
  --_solid-bg-color: var(--_color);
  --_solid-progress-bg-color: color-mix(in srgb, var(--_color), var(--ngk-color-text) 10%);
  --_solid-progress-track-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 10%);
  --_solid-fg-color: oklch(from var(--_color) clamp(0, (0.6 - l) * 1000, 1) 0 h);
  --_solid-border-color: var(--_color);
  --_ghost-bg-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 75%);
  --_ghost-progress-bg-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 90%);
  --_ghost-progress-track-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 75%);
  --_ghost-fg-color: color-mix(in srgb, var(--_color), var(--ngk-color-text) 60%);
  --_ghost-border-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 60%);
  --_outlined-bg-color: transparent;
  --_outlined-progress-bg-color: transparent;
  --_outlined-progress-track-color: color-mix(in srgb, var(--_color), var(--ngk-color-surface-1) 92%);
  --_outlined-fg-color: oklch(from var(--_color) 0.45 c h);
  --_outlined-border-color: var(--_color);
  padding: var(--space-75);
  height: var(--_size);
  position: relative;
  overflow: clip;
  z-index: 0;
  border: 1px solid transparent;
  outline: 3px solid transparent;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-75);
}
.ngk-chip.is-initialized {
  transition:
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    scale 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip--color-primary {
  --_color: var(--ngk-chip-color-primary);
}
.ngk-chip--color-secondary {
  --_color: var(--ngk-chip-color-secondary);
}
.ngk-chip--color-tertiary {
  --_color: var(--ngk-chip-color-tertiary);
}
.ngk-chip--color-success {
  --_color: var(--ngk-chip-color-success);
}
.ngk-chip--color-warning {
  --_color: var(--ngk-chip-color-warning);
}
.ngk-chip--color-neutral {
  --_color: var(--ngk-chip-color-neutral);
}
.ngk-chip--variant-solid {
  background-color: var(--_solid-bg-color);
  color: var(--_solid-fg-color);
  border-color: var(--_solid-border-color);
}
.ngk-chip--variant-solid:has(> .ngk-chip__progress) {
  background-color: var(--_solid-progress-bg-color);
}
.ngk-chip--variant-solid > .ngk-chip__progress {
  background-color: var(--_solid-progress-track-color);
}
.ngk-chip--variant-ghost {
  background-color: var(--_ghost-bg-color);
  color: var(--_ghost-fg-color);
  border-color: var(--_ghost-border-color);
}
.ngk-chip--variant-ghost:has(> .ngk-chip__progress) {
  background-color: var(--_ghost-progress-bg-color);
}
.ngk-chip--variant-ghost > .ngk-chip__progress {
  background-color: var(--_ghost-progress-track-color);
}
.ngk-chip--variant-outlined {
  background-color: var(--_outlined-bg-color);
  color: var(--_outlined-fg-color);
  border-color: var(--_outlined-border-color);
}
.ngk-chip--variant-outlined:has(> .ngk-chip__progress) {
  background-color: var(--_outlined-progress-bg-color);
}
.ngk-chip--variant-outlined > .ngk-chip__progress {
  background-color: var(--_outlined-progress-track-color);
}
.ngk-chip--size-sm {
  --_size: var(--ngk-chip-size-sm);
  --_font-size: var(--ngk-chip-font-size-sm);
  --_affix-size: var(--ngk-chip-affix-size-sm);
}
.ngk-chip--size-md {
  --_size: var(--ngk-chip-size-md);
  --_font-size: var(--ngk-chip-font-size-md);
  --_affix-size: var(--ngk-chip-affix-size-md);
}
.ngk-chip--size-lg {
  --_size: var(--ngk-chip-size-lg);
  --_font-size: var(--ngk-chip-font-size-lg);
  --_affix-size: var(--ngk-chip-affix-size-lg);
}
.ngk-chip--mode-rounded,
.ngk-chip--mode-rounded > .ngk-chip__affix {
  border-radius: var(--ngk-chip-mode-rounded-b-radius);
}
.ngk-chip--mode-squared {
  border-radius: var(--ngk-chip-mode-squared-b-radius);
}
.ngk-chip--mode-squared > .ngk-chip__affix {
  border-radius: calc(var(--ngk-chip-mode-squared-b-radius) * 0.6);
}
.ngk-chip:focus-visible {
  scale: 1.05;
}
.ngk-chip--variant-solid:focus-visible {
  outline-color: var(--_ghost-bg-color);
}
.ngk-chip--variant-ghost:focus-visible {
  border-color: var(--_color);
  outline-color: color-mix(in srgb, var(--_ghost-bg-color), var(--ngk-color-surface-1) 50%);
}
.ngk-chip[disabled] {
  --_color: var(--ngk-chip-disabled-color);
  cursor: not-allowed !important;
}
.ngk-chip[disabled] .ngk-chip__close {
  opacity: 0.5;
  filter: grayscale(1);
}
.ngk-chip__progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: var(--progress);
  height: 100%;
  transition: width 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip__affix {
  aspect-ratio: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex: 0 0 auto;
  overflow: hidden;
}
.ngk-chip__affix > * {
  max-width: 100%;
  max-height: 100%;
}
.ngk-chip__prefix:has(> img) {
  margin-right: var(--space-75);
}
.ngk-chip__suffix:has(> img) {
  margin-left: var(--space-75);
}
.ngk-chip__content {
  height: 100%;
  overflow: hidden;
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-chip__content > * {
  padding-left: var(--space-200);
  padding-right: var(--space-200);
  color: inherit;
  line-height: normal;
  font-weight: 600;
  font-size: var(--_font-size);
}
.ngk-chip__affix + .ngk-chip__content > * {
  padding-left: 0;
}
.ngk-chip__content:has(+ .ngk-chip__affix) > * {
  padding-right: 0;
}
.ngk-chip__close {
  cursor: pointer;
  background-color: var(--ngk-chip-close-bg-color);
  color: var(--ngk-chip-close-fg-color);
  border-radius: 999px;
  width: 100%;
  height: 100%;
  max-height: var(--ngk-chip-affix-size-lg);
  max-width: var(--ngk-chip-affix-size-lg);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 0.5;
  scale: 0.9;
  outline: 2px solid transparent;
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    scale 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-chip__close > * {
  font-size: var(--font-size-300);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-chip__close:hover {
  opacity: 1;
  scale: 1;
}
.ngk-chip__close:focus-visible {
  outline-color: color-mix(in hsl, var(--ngk-chip-close-bg-color), transparent 50%);
}
.ngk-chip-list {
  overflow: auto;
  padding: calc(var(--ngk-chip-list-spacing) / 2) var(--ngk-chip-list-spacing);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-chip-list-spacing);
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
}
.ngk-chip-list::-webkit-scrollbar {
  display: none;
}
.ngk-chip-list.is-overflow-wrap {
  flex-wrap: wrap;
}
.ngk-chip-list.is-overflow-scroll {
  flex-wrap: nowrap;
}
.ngk-chip-list > .ngk-chip {
  cursor: pointer;
}
:root {
  --ngk-checkbox-size: 22px;
  --ngk-checkbox-radius: 7px;
  --ngk-checkbox-border-width: 2px;
  --ngk-checkbox-unchecked-bg-color: var(--ngk-color-surface-1);
  --ngk-checkbox-invalid-color: var(--ngk-color-feedback-error);
  --ngk-checkbox-color: var(--ngk-color-action);
  --ngk-checkbox-border-color: var(--ngk-color-neutral-muted);
  --ngk-checkbox-indicator-color: var(--color-neutral-white);
}
.ngk-checkbox {
  --_color: var(--ngk-checkbox-color);
  --_b-color: var(--ngk-checkbox-border-color);
  --_outline-color: color-mix(in srgb, var(--_color), var(--ngk-checkbox-unchecked-bg-color) 70%);
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  cursor: pointer;
  outline: none;
}
.ngk-checkbox__indicator {
  border: var(--ngk-checkbox-border-width) solid var(--_b-color);
  border-radius: var(--ngk-checkbox-radius);
  background-color: var(--ngk-checkbox-unchecked-bg-color);
  position: relative;
  overflow: hidden;
  outline: 3px solid transparent;
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  width: var(--ngk-checkbox-size);
  height: var(--ngk-checkbox-size);
  flex: 0 0 var(--ngk-checkbox-size);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.ngk-checkbox__indicator > svg {
  opacity: 0;
  position: relative;
  top: 2px;
  z-index: 1;
}
.ngk-checkbox__indicator > svg,
.ngk-checkbox__indicator > svg > path {
  fill: oklch(from var(--_color) clamp(0, (0.6 - l) * 1000, 1) 0 h);
  transform-origin: center center;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-checkbox__indicator::after {
  content: "";
  z-index: 0;
  position: absolute;
  top: calc(var(--ngk-checkbox-size) * -0.5 - var(--ngk-checkbox-border-width));
  left: calc(var(--ngk-checkbox-size) * -0.5 - var(--ngk-checkbox-border-width));
  width: calc(var(--ngk-checkbox-size) * 2);
  height: calc(var(--ngk-checkbox-size) * 2);
  transition: transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  background-color: var(--_color);
  transform: scale(0);
  transform-origin: center center;
  border-radius: var(--ngk-checkbox-size);
}
.ngk-checkbox__indicator.checked,
.ngk-checkbox__indicator.indeterminate {
  --_b-color: var(--ngk-checkbox-border-color-checked, var(--_color));
  background-color: var(--_color);
}
.ngk-checkbox__indicator.checked > svg,
.ngk-checkbox__indicator.indeterminate > svg {
  opacity: 1;
}
.ngk-checkbox__indicator.checked::after,
.ngk-checkbox__indicator.indeterminate::after {
  transform: scale(1);
}
.ngk-checkbox__indicator.indeterminate svg {
  top: -1px;
}
.ngk-checkbox__indicator.indeterminate svg path#small-end {
  transform: rotate(-45deg) translateY(-2.5px);
}
.ngk-checkbox__indicator.indeterminate svg path#large-end {
  transform: rotate(45deg) translate(-1px, 1px);
}
.ngk-checkbox__label {
  font-weight: var(--ngk-font-weight-strong);
  font-size: var(--ngk-font-size-body-sm);
  line-height: 1;
  cursor: inherit;
}
.ngk-checkbox:hover:not([disabled]) {
  --_b-color: var(--ngk-checkbox-border-color-checked, var(--_color));
}
.ngk-checkbox:focus .ngk-checkbox__indicator {
  outline-color: var(--_outline-color);
  border-color: var(--ngk-checkbox-border-color-checked, var(--_color));
}
.ngk-checkbox[disabled] {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.5;
}
.ngk-checkbox.ng-invalid.ng-touched:not([disabled]),
.ngk-checkbox.is-invalid {
  --_color: var(--ngk-checkbox-invalid-color);
  --_b-color: var(--ngk-checkbox-invalid-color);
  --_outline-color: color-mix(in srgb, var(--ngk-checkbox-invalid-color), var(--ngk-checkbox-unchecked-bg-color) 70%);
  color: var(--ngk-checkbox-invalid-color);
}
.ngk-checkbox.label-start {
  flex-direction: row-reverse;
}
.ngk-checkbox:active:not([disabled]) .ngk-checkbox__indicator {
  transform: scale(0.85);
}
:root {
  --ngk-toggle-width: 4rem;
  --ngk-toggle-height: 1.75rem;
  --ngk-toggle-off-bkg-color: var(--ngk-color-neutral-muted);
  --ngk-toggle-on-bkg-color: var(--ngk-color-action);
  --ngk-toggle-indicator-color: var(--ngk-color-surface-1);
  --ngk-toggle-border-radius: 10rem;
  --ngk-toggle-track-spacing: 3px;
  --ngk-toggle-bg-color-disabled: var(--ngk-color-border);
  --ngk-toggle-indicator-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
}
.ngk-toggle {
  --_outline-color: transparent;
  --_bg-color: var(--inactive-bg-color, var(--ngk-toggle-off-bkg-color));
  --_fg-color: oklch(from var(--_bg-color) 0.45 c h);
  width: var(--ngk-toggle-width);
  height: var(--ngk-toggle-height);
  background-color: var(--_bg-color);
  border-radius: var(--ngk-toggle-border-radius);
  outline: 3px solid var(--_outline-color);
  position: relative;
  display: inline-block;
  cursor: pointer;
  overflow: clip;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), outline-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-toggle:focus-visible {
  --_outline-color: color-mix(in srgb, var(--_bg-color), transparent 60%);
}
.ngk-toggle.is-active {
  --_bg-color: var(--active-bg-color, var(--ngk-toggle-on-bkg-color));
}
.ngk-toggle.is-active:focus-visible {
  --_outline-color: color-mix(in srgb, var(--_bg-color), transparent 60%);
}
.ngk-toggle.disabled {
  cursor: not-allowed;
  --_bg-color: var(--ngk-toggle-bg-color-disabled);
}
.ngk-toggle.disabled > * {
  opacity: 0.5;
}
.ngk-toggle__indicator {
  background-color: var(--ngk-toggle-indicator-color);
  position: absolute;
  border-radius: var(--ngk-toggle-border-radius);
  top: var(--ngk-toggle-track-spacing);
  bottom: var(--ngk-toggle-track-spacing);
  left: var(--ngk-toggle-track-spacing);
  right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  color: var(--_fg-color);
  box-shadow: var(--ngk-toggle-indicator-shadow);
}
.ngk-toggle__indicator > * {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transform-origin: center center;
}
.ngk-toggle__indicator.is-animating-left {
  animation: slide-left-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator.is-animating-right {
  animation: slide-right-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator .fade-in {
  animation: fade-in-animation 0.25s ease-in-out;
}
.ngk-toggle__indicator .fade-out {
  animation: fade-out-animation 0.25s ease-in-out 0.05s;
}
.ngk-toggle__indicator ngk-icon > span {
  font-weight: 600 !important;
}
.ngk-toggle__indicator ngk-spinner {
  color: currentColor !important;
}
.ngk-toggle.is-active .ngk-toggle__indicator {
  left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  right: var(--ngk-toggle-track-spacing);
}
@keyframes slide-left-animation {
  0% {
    left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
    right: var(--ngk-toggle-track-spacing);
  }
  50% {
    right: var(--ngk-toggle-track-spacing);
  }
  100% {
    left: var(--ngk-toggle-track-spacing);
    right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  }
}
@keyframes slide-right-animation {
  0% {
    left: var(--ngk-toggle-track-spacing);
    right: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
  }
  50% {
    left: var(--ngk-toggle-track-spacing);
  }
  100% {
    left: calc(var(--ngk-toggle-track-spacing) + (var(--ngk-toggle-width) - 3 * var(--ngk-toggle-track-spacing)) * 0.5 + var(--ngk-toggle-track-spacing));
    right: var(--ngk-toggle-track-spacing);
  }
}
@keyframes fade-in-animation {
  from {
    opacity: 0;
    scale: 0.5;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes fade-out-animation {
  from {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: 0;
    scale: 0.5;
  }
}
ngk-search-bar {
  display: inline-block;
  min-width: 0;
  color: var(--ngk-color-text);
}
ngk-search-bar .ngk-field {
  max-width: 100%;
  min-width: 0;
}
ngk-search-bar.is-fluid {
  display: block;
  width: 100%;
}
:root {
  --ngk-autocomplete-option-height: 30px;
  --ngk-autocomplete-panel-max-height: 280px;
  --ngk-autocomplete-panel-bg-color: var(--ngk-color-surface-2);
  --ngk-autocomplete-panel-b-radius: var(--ngk-core-control-radius);
  --ngk-autocomplete-panel-shadow: var(--ngk-shadow-overlay);
  --ngk-autocomplete-option-fg-color: var(--ngk-color-text);
  --ngk-autocomplete-option-bg-color: transparent;
  --ngk-autocomplete-option-b-radius: 0.25rem;
  --ngk-autocomplete-option-bg-color-hover: color-mix(in srgb, var(--ngk-color-action-subtle) 30%, transparent);
  --ngk-autocomplete-option-bg-color-active: var(--ngk-color-action-subtle);
  --ngk-autocomplete-option-fg-color-active: var(--ngk-color-action-strong);
  --ngk-autocomplete-group-separator-color: var(--ngk-color-border-subtle);
  --ngk-autocomplete-group-label-fg-color: var(--ngk-color-text-disabled);
}
ngk-autocomplete-panel {
  display: block;
  width: 100%;
  background-color: var(--ngk-autocomplete-panel-bg-color);
  box-shadow: var(--ngk-autocomplete-panel-shadow);
  border-radius: var(--ngk-autocomplete-panel-b-radius);
  padding: var(--space-100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
}
ngk-autocomplete-panel.ngk-autocomplete-panel-below {
  transform-origin: top center;
}
ngk-autocomplete-panel.ngk-autocomplete-panel-above {
  transform-origin: bottom center;
}
ngk-autocomplete-panel.ngk-autocomplete-panel__enter {
  animation: ngk-autocomplete-panel-animation 200ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
ngk-autocomplete-panel.ngk-autocomplete-panel__leave {
  animation: ngk-autocomplete-panel-animation 200ms cubic-bezier(0.4, 0, 0.2, 1) reverse forwards;
}
.ngk-autocomplete-panel__content {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: var(--ngk-autocomplete-panel-max-height);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
.ngk-autocomplete-panel__empty {
  display: block;
  font-size: var(--ngk-font-size-body-xs);
  text-align: center;
  padding: var(--space-200) var(--space-300);
}
.ngk-autocomplete-panel__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--space-200) var(--space-300);
}
ngk-autocomplete-option-group:not(:first-of-type) .ngk-autocomplete-option-group {
  border-top: 1px solid var(--ngk-autocomplete-group-separator-color);
}
.ngk-autocomplete-option-group {
  padding-top: var(--space-75);
  padding-bottom: var(--space-100);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-autocomplete-option-group__label {
  font-size: var(--ngk-font-size-body-xs);
  color: var(--ngk-autocomplete-group-label-fg-color);
  padding-left: var(--space-100);
  padding-right: var(--space-100);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.ngk-autocomplete-option-group__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-100);
}
ngk-autocomplete-option {
  --_bg-color: var(--ngk-autocomplete-option-bg-color);
  --_fg-color: var(--ngk-autocomplete-option-fg-color);
  overflow: hidden;
  cursor: pointer;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  transition:
    max-height 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: var(--ngk-font-size-body-sm);
  min-height: var(--ngk-autocomplete-option-height);
  color: var(--_fg-color);
  font-weight: var(--ngk-font-weight-dense);
  padding: calc(var(--space-100) * 0.5) var(--space-100);
  background-color: var(--_bg-color);
  border-radius: var(--ngk-autocomplete-option-b-radius);
  border: 1px solid transparent;
  outline: none;
}
ngk-autocomplete-option:hover {
  --_bg-color: var(--ngk-autocomplete-option-bg-color-hover);
}
ngk-autocomplete-option.active {
  --_bg-color: var(--ngk-autocomplete-option-bg-color-active);
  --_fg-color: var(--ngk-autocomplete-option-fg-color-active);
}
ngk-autocomplete-option .ngk-autocomplete-option__content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  width: 100%;
}
@keyframes ngk-autocomplete-panel-animation {
  0% {
    opacity: 0;
    transform: scale(1, 0.8);
  }
  75% {
    opacity: 1;
    transform: scale(1, 1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}
:root {
  --ngk-pdf-viewer-spacing: var(--space-300);
  --ngk-pdf-viewer-padding: var(--space-100);
  --ngk-pdf-toolbar-height: calc(var(--ngk-core-control-height) + calc(var(--space-100) * 2));
  --ngk-pdf-viewer-content-offset: calc(var(--ngk-pdf-toolbar-height) + calc(var(--ngk-pdf-viewer-spacing) * 2));
  --ngk-sidebar-width: 250px;
  --ngk-pdf-floating-panel-bg-color: var(--ngk-color-surface-2);
  --ngk-pdf-floating-panel-b-radius: var(--border-radius-400);
  --ngk-pdf-floating-panel-btn-disabled-opacity: 0.5;
  --ngk-pdf-floating-panel-btn-disabled-bg-color: var(--ngk-color-border);
  --ngk-pdf-floating-panel-btn-disabled-fg-color: var(--ngk-color-text-secondary);
}
.ngk-pdf__floating-panel {
  padding: var(--ngk-pdf-viewer-padding);
  border-radius: var(--ngk-pdf-floating-panel-b-radius);
  background-color: var(--ngk-pdf-floating-panel-bg-color);
}
.ngk-pdf__floating-panel--enter {
  animation: ngk-pdf-floating-panel-in 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-pdf__floating-panel--leave {
  animation: ngk-pdf-floating-panel-in 250ms cubic-bezier(0.4, 0, 1, 1) reverse forwards;
}
.ngk-pdf__floating-panel button:disabled {
  opacity: var(--ngk-pdf-floating-panel-btn-disabled-opacity);
  background-color: var(--ngk-pdf-floating-panel-btn-disabled-bg-color) !important;
  color: var(--ngk-pdf-floating-panel-btn-disabled-fg-color) !important;
}
.ngk-pdf__floating-panel.conditional-visibility {
  transition:
    opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    translate 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) allow-discrete !important;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.ngk-pdf__floating-panel.conditional-visibility.is-hidden {
  opacity: 0;
  transform: scale(0.7);
  visibility: hidden;
}
@keyframes ngk-pdf-floating-panel-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  75% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
:root {
  --ngk-pdf-viewer-bg-color: var(--ngk-color-action-subtle);
  --ngk-pdf-viewer-outline-color: var(--ngk-color-action-muted);
  --ngk-pdf-viewer-b-radius: var(--border-radius-400);
  --ngk-pdf-viewer-error-bg-color: var(--ngk-color-neutral-subtle);
  --ngk-pdf-viewer-error-outline-color: var(--ngk-color-feedback-error-muted);
  --ngk-pdf-viewer-error-fg-color: var(--ngk-color-feedback-error);
  --ngk-pdf-viewer-error-icon-bg-color: var(--ngk-color-feedback-error);
  --ngk-pdf-viewer-error-icon-fg-color: var(--ngk-color-feedback-error-contrast);
  --ngk-pdf-viewer-error-message-bg-color: var(--ngk-color-feedback-error-subtle);
  --ngk-pdf-viewer-loading-bg-color: rgba(255, 255, 255, 0.1);
}
.ngk-pdf-viewer {
  --_bg-color: var(--ngk-pdf-viewer-bg-color);
  --_outline-color: var(--ngk-pdf-viewer-outline-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-height: 100%;
  height: 100%;
  position: relative;
  background-color: var(--_bg-color);
  outline: 1px solid var(--_outline-color);
  border-radius: var(--ngk-pdf-viewer-b-radius);
  overflow: hidden;
  transition: padding-left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-pdf-viewer.has-sidebar {
  padding-left: calc(var(--ngk-sidebar-width) + var(--ngk-pdf-viewer-spacing));
}
.ngk-pdf-viewer.has-error {
  --_bg-color: var(--ngk-pdf-viewer-error-bg-color);
  --_outline-color: var(--ngk-pdf-viewer-error-outline-color);
}
.ngk-pdf-viewer__content {
  height: 100%;
  overflow: hidden;
  position: relative;
  flex: 1 1 auto;
}
.ngk-pdf-viewer__content-fader {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.ngk-pdf-viewer__content-fader--left,
.ngk-pdf-viewer__content-fader--right {
  top: 0;
  bottom: 0;
  width: var(--space-400);
}
.ngk-pdf-viewer__content-fader--top,
.ngk-pdf-viewer__content-fader--bottom {
  left: 0;
  right: 0;
  height: var(--space-400);
}
.ngk-pdf-viewer__content-fader--top {
  top: 0;
  background:
    linear-gradient(
      to bottom,
      var(--_bg-color),
      transparent);
}
.ngk-pdf-viewer__content-fader--bottom {
  bottom: 0;
  background:
    linear-gradient(
      to top,
      var(--_bg-color),
      transparent);
}
.ngk-pdf-viewer__content-fader--left {
  left: 0;
  background:
    linear-gradient(
      to right,
      var(--_bg-color),
      transparent);
}
.ngk-pdf-viewer__content-fader--right {
  right: 0;
  background:
    linear-gradient(
      to left,
      var(--_bg-color),
      transparent);
}
.ngk-pdf-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: var(--ngk-pdf-viewer-loading-bg-color);
  z-index: 3;
  font-size: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-black);
  border-radius: var(--border-radius-400);
}
.ngk-pdf-loading--enter {
  animation: ngk-pdf-fade-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-pdf-loading--leave {
  animation: ngk-pdf-fade-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) reverse forwards;
}
.ngk-pdf-loading ngk-progress-bar {
  width: 250px !important;
}
.ngk-pdf-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--space-400);
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  color: var(--ngk-pdf-viewer-error-fg-color);
  text-align: center;
}
.ngk-pdf-error__icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: var(--border-radius-400);
  background: var(--ngk-pdf-viewer-error-icon-bg-color);
  color: var(--ngk-pdf-viewer-error-icon-fg-color);
}
.ngk-pdf-error__message {
  font-size: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-black);
  max-width: 400px;
  text-align: center;
  background-color: var(--ngk-pdf-viewer-error-message-bg-color);
  padding: var(--space-200) var(--space-300);
  border-radius: var(--border-radius-300);
}
.ngk-pdf-scroll-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--space-200);
  overflow-y: auto;
  overflow-x: auto;
  padding: var(--ngk-pdf-viewer-spacing);
  height: 100%;
  padding-top: var(--ngk-pdf-viewer-content-offset);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ngk-scroll-thumb) var(--ngk-scroll-track);
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-pdf-scroll-container::-webkit-scrollbar {
  width: var(--ngk-scrollbar-width);
  height: var(--ngk-scrollbar-width);
}
.ngk-pdf-scroll-container::-webkit-scrollbar-track {
  background: var(--ngk-scroll-track);
}
.ngk-pdf-scroll-container::-webkit-scrollbar-thumb {
  background: var(--ngk-scroll-thumb);
  border-radius: calc(var(--ngk-scrollbar-width) / 2);
}
.ngk-pdf-scroll-container::-webkit-scrollbar-thumb:hover {
  background: var(--ngk-scroll-thumb-hover);
}
.ngk-pdf-scroll-container.is-zoom-transitioning {
  opacity: 0;
}
.ngk-pdf-scroll-container--enter {
  animation: ngk-pdf-fade-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-pdf-scroll-container--leave {
  animation: ngk-pdf-fade-in 0.5s cubic-bezier(0.4, 0, 0.2, 1) reverse forwards;
}
.ngk-pdf-page-wrapper {
  display: flex;
  justify-content: center;
  margin-inline: auto;
}
@keyframes ngk-pdf-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
:root {
  --ngk-pdf-toolbar-separator-color: var(--ngk-color-border);
}
.ngk-pdf-toolbar {
  left: 50%;
  translate: -50% 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: var(--ngk-pdf-viewer-spacing);
  transition: left 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), translate 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-pdf-toolbar--with-sidebar {
  left: calc(50% + var(--ngk-sidebar-width) / 2) !important;
}
.ngk-pdf-toolbar__group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: calc(var(--ngk-pdf-viewer-spacing) * 0.5);
}
.ngk-pdf-toolbar__group:not(:last-child) {
  padding-right: var(--ngk-pdf-viewer-spacing);
  border-right: 1px solid var(--ngk-pdf-toolbar-separator-color);
}
.ngk-pdf-toolbar__group ngk-select {
  min-width: unset !important;
}
.ngk-pdf-toolbar__group ngk-select.zoom-selector {
  width: 120px;
}
.ngk-pdf-toolbar__group ngk-select.page-selector {
  width: 95px;
}
:root {
  --ngk-pdf-sidebar-bg-color: var(--ngk-color-surface-1);
  --ngk-pdf-sidebar-header-border-color: var(--ngk-color-border-subtle);
  --ngk-pdf-sidebar-header-subtitle-fg-color: var(--ngk-color-text-secondary);
  --ngk-pdf-thumbnail-outline-color: var(--ngk-color-border-subtle);
  --ngk-pdf-thumbnail-b-radius: var(--border-radius-200);
  --ngk-pdf-thumbnail-outline-color-hover: var(--ngk-color-action-muted);
  --ngk-pdf-thumbnail-outline-color-active: var(--ngk-color-action);
  --ngk-pdf-thumbnail-label-bg-color: var(--ngk-color-action);
  --ngk-pdf-thumbnail-label-fg-color: var(--ngk-color-action-contrast);
}
.ngk-pdf-sidebar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--ngk-pdf-viewer-padding);
  height: calc(100% - var(--ngk-pdf-viewer-spacing) * 2);
  background: var(--ngk-pdf-sidebar-bg-color);
  padding: var(--ngk-pdf-viewer-padding);
  width: var(--ngk-sidebar-width);
  left: var(--ngk-pdf-viewer-spacing);
  --slide-from: -100%;
  --slide-to: 0;
}
.ngk-pdf-sidebar--enter {
  animation: slide-in 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-pdf-sidebar--leave {
  animation: slide-out 250ms cubic-bezier(0.4, 0, 1, 1) forwards;
}
.ngk-pdf-sidebar__header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-pdf-viewer-padding);
  padding-bottom: var(--ngk-pdf-viewer-padding);
  border-bottom: 1px solid var(--ngk-pdf-sidebar-header-border-color);
}
.ngk-pdf-sidebar__header ngk-switch,
.ngk-pdf-sidebar__header-title {
  flex: 1 1 auto;
}
.ngk-pdf-sidebar__header-title {
  padding-left: var(--space-100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  max-width: 100%;
  gap: var(--space-50);
}
.ngk-pdf-sidebar__header-title .line-1 {
  font-size: var(--ngk-font-size-body-sm);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-pdf-sidebar__header-title .line-2 {
  font-size: var(--ngk-font-size-body-xs);
  color: var(--ngk-pdf-sidebar-header-subtitle-fg-color);
}
.ngk-pdf-sidebar__content {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: var(--ngk-scroll-thumb) var(--ngk-scroll-track);
}
.ngk-pdf-sidebar__content::-webkit-scrollbar {
  width: var(--ngk-scrollbar-width);
  height: var(--ngk-scrollbar-width);
}
.ngk-pdf-sidebar__content::-webkit-scrollbar-track {
  background: var(--ngk-scroll-track);
}
.ngk-pdf-sidebar__content::-webkit-scrollbar-thumb {
  background: var(--ngk-scroll-thumb);
  border-radius: calc(var(--ngk-scrollbar-width) / 2);
}
.ngk-pdf-sidebar__content::-webkit-scrollbar-thumb:hover {
  background: var(--ngk-scroll-thumb-hover);
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-100);
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__item {
  --_outline-color: var(--ngk-pdf-thumbnail-outline-color);
  position: relative;
  outline: 2px solid var(--_outline-color);
  border-radius: var(--ngk-pdf-thumbnail-b-radius);
  cursor: pointer;
  overflow: hidden;
  margin: 2px;
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__item ngk-pdf-page {
  max-height: 120px;
  margin-bottom: 0 !important;
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__item:hover {
  --_outline-color: var(--ngk-pdf-thumbnail-outline-color-hover);
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__item.ngk-pdf-thumbnails__item--active {
  --_outline-color: var(--ngk-pdf-thumbnail-outline-color-active);
}
.ngk-pdf-sidebar__content .ngk-pdf-thumbnails__label {
  position: absolute;
  bottom: var(--space-100);
  left: var(--space-100);
  background: var(--ngk-pdf-thumbnail-label-bg-color);
  color: var(--ngk-pdf-thumbnail-label-fg-color);
  font-size: var(--ngk-font-size-body-xs);
  padding: 2px 6px;
  border-radius: var(--ngk-pdf-thumbnail-b-radius);
  font-weight: var(--ngk-font-weight-black);
}
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--enter,
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--leave,
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--enter,
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--leave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--enter,
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--leave {
  --slide-from: -100%;
  --slide-to: 0;
}
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--enter,
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--leave {
  --slide-from: 100%;
  --slide-to: 0;
}
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--enter,
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--enter {
  animation: slide-in 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.ngk-pdf-sidebar.is-ready .ngk-pdf-outline--leave,
.ngk-pdf-sidebar.is-ready .ngk-pdf-thumbnails--leave {
  animation: slide-out 250ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
@keyframes slide-in {
  from {
    opacity: 0.5;
    transform: translateX(var(--slide-from));
  }
  to {
    opacity: 1;
    transform: translateX(var(--slide-to));
  }
}
@keyframes slide-out {
  from {
    opacity: 1;
    transform: translateX(var(--slide-to));
  }
  to {
    opacity: 0.5;
    transform: translateX(var(--slide-from));
  }
}
:root {
  --ngk-pdf-outline-item-border-color: var(--ngk-color-surface);
  --ngk-pdf-outline-item-border-color-active: var(--ngk-color-action);
  --ngk-pdf-outline-row-fg-color: var(--ngk-color-text-secondary);
  --ngk-pdf-outline-row-bg-color-hover: var(--ngk-color-action-subtle);
  --ngk-pdf-outline-row-fg-color-hover: var(--ngk-color-action-strong);
  --ngk-pdf-outline-toggle-bg-color-hover: var(--ngk-color-action);
  --ngk-pdf-outline-toggle-fg-color-hover: var(--ngk-color-action-contrast);
  --ngk-pdf-outline-toggle-outline-color-focus: var(--ngk-color-action);
  --ngk-pdf-outline-label-fg-color-active: var(--ngk-color-action-strong);
  --ngk-pdf-outline-label-outline-color-focus: var(--ngk-color-action);
  --ngk-pdf-outline-empty-fg-color: var(--ngk-color-text-disabled);
}
.ngk-pdf-outline__content {
  width: 100%;
  height: 100%;
}
.ngk-pdf-outline__tree {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ngk-pdf-outline ngk-pdf-outline-tree.child .ngk-pdf-outline__tree {
  padding-left: var(--space-200);
}
.ngk-pdf-outline ngk-pdf-outline-tree:not(.child) > .ngk-pdf-outline__tree > .ngk-pdf-outline__item {
  border-left: 2px solid var(--ngk-pdf-outline-item-border-color);
  padding-left: var(--space-75);
}
.ngk-pdf-outline ngk-pdf-outline-tree:not(.child) > .ngk-pdf-outline__tree > .ngk-pdf-outline__item.active {
  border-color: var(--ngk-pdf-outline-item-border-color-active);
}
.ngk-pdf-outline .ngk-pdf-outline-tree {
  display: block;
  interpolate-size: allow-keywords;
  overflow: hidden;
}
.ngk-pdf-outline .ngk-pdf-outline-tree--enter {
  animation: expand 200ms ease-out forwards;
}
.ngk-pdf-outline .ngk-pdf-outline-tree--leave {
  animation: contract 200ms ease-out forwards;
}
.ngk-pdf-outline__item-row {
  --_bg-color: transparent;
  --_fg-color: var(--ngk-pdf-outline-row-fg-color);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-100);
  border-radius: var(--border-radius-200);
  transition: background-color 150ms ease;
  padding: var(--space-100);
  color: var(--_fg-color);
  background-color: var(--_bg-color);
}
.ngk-pdf-outline__item-row:hover {
  --_bg-color: var(--ngk-pdf-outline-row-bg-color-hover);
  --_fg-color: var(--ngk-pdf-outline-row-fg-color-hover);
}
.ngk-pdf-outline__toggle {
  --_bg-color: transparent;
  --_fg-color: inherit;
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: var(--_bg-color);
  border: none;
  cursor: pointer;
  color: var(--_fg-color);
  transition: all 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: var(--border-radius-200);
}
.ngk-pdf-outline__toggle:hover {
  --_bg-color: var(--ngk-pdf-outline-toggle-bg-color-hover);
  --_fg-color: var(--ngk-pdf-outline-toggle-fg-color-hover);
}
.ngk-pdf-outline__toggle:focus-visible {
  outline: 2px solid var(--ngk-pdf-outline-toggle-outline-color-focus);
  outline-offset: 2px;
}
.ngk-pdf-outline__toggle-placeholder {
  width: 0.875rem;
  flex-shrink: 0;
}
.ngk-pdf-outline__item-label {
  flex: 1;
  cursor: pointer;
  font-size: var(--ngk-font-size-body-xs);
  color: inherit;
  line-height: 1.4;
  transition: color 150ms ease;
  -webkit-user-select: none;
  user-select: none;
}
.ngk-pdf-outline__item-label:focus-visible {
  outline: 2px solid var(--ngk-pdf-outline-label-outline-color-focus);
  outline-offset: 2px;
  border-radius: var(--border-radius-200);
}
.ngk-pdf-outline__item-label.active {
  font-weight: var(--ngk-font-weight-strong);
  color: var(--ngk-pdf-outline-label-fg-color-active);
}
.ngk-pdf-outline__loading,
.ngk-pdf-outline__empty {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--space-200);
  padding: var(--space-200);
  color: var(--ngk-pdf-outline-empty-fg-color);
  font-size: var(--ngk-font-size-body-xs);
  text-align: center;
  padding-top: 30%;
  height: 100%;
}
@keyframes expand {
  from {
    opacity: 0;
    height: 0;
  }
  to {
    opacity: 1;
    height: max-content;
  }
}
@keyframes contract {
  from {
    opacity: 1;
    height: max-content;
  }
  to {
    opacity: 0;
    height: 0;
  }
}
:root {
  --ngk-pdf-page-bg-color: var(--ngk-color-surface-sunken);
  --ngk-pdf-page-b-radius: var(--ngk-core-control-radius);
  --ngk-pdf-page-placeholder-bg-color: var(--ngk-color-surface-1);
  --ngk-pdf-page-placeholder-border-color: var(--ngk-color-surface);
}
.ngk-pdf-page {
  display: flex;
  justify-content: center;
  margin-bottom: var(--ngk-pdf-viewer-spacing);
  background: var(--ngk-pdf-page-bg-color);
  border-radius: var(--ngk-pdf-page-b-radius);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-pdf-page__placeholder {
  background: var(--ngk-pdf-page-placeholder-bg-color);
  border: 1px solid var(--ngk-pdf-page-placeholder-border-color);
  border-radius: var(--border-radius-200);
}
.ngk-pdf-page__canvas {
  height: auto;
  display: block;
}
.ngk-pdf-page__canvas--rendering {
  opacity: 0.8;
}
.ngk-pdf-page__canvas--not-rendered {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
:root {
  --ngk-slider-min-width: var(--ngk-core-control-min-width);
  --ngk-slider-max-width: var(--ngk-core-control-target-width);
  --ngk-slider-height: var(--ngk-core-control-height);
  --ngk-slider-track-height: 4px;
  --ngk-slider-track-color: var(--ngk-color-border);
  --ngk-slider-track-border-radius: var(--ngk-slider-height);
  --ngk-slider-fill-color: var(--ngk-color-action);
  --ngk-slider-thumb-size: 20px;
  --ngk-slider-thumb-color: var(--ngk-color-action);
  --ngk-slider-thumb-bg: var(--ngk-color-surface-1);
  --ngk-slider-thumb-border-width: 2.5px;
  --ngk-slider-thumb-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  --ngk-slider-tooltip-bg: var(--ngk-color-neutral-strong);
  --ngk-slider-tooltip-fg: var(--ngk-color-text-inverse);
  --ngk-slider-tooltip-border-radius: 5px;
  --ngk-slider-tooltip-offset: 14px;
  --ngk-slider-inline-value-gap: calc(var(--ngk-slider-thumb-size) / 2 + var(--space-100));
  --ngk-slider-inline-value-padding: 0.2rem 0.5rem;
  --ngk-slider-inline-value-font-size: var(--ngk-font-size-body-xs);
  --ngk-slider-mark-tick-size: 6px;
  --ngk-slider-mark-label-color: var(--ngk-color-text-muted);
  --ngk-slider-histogram-height: 56px;
  --ngk-slider-histogram-in-range-color: var(--ngk-color-action);
  --ngk-slider-histogram-out-range-color: var(--ngk-color-neutral-subtle);
  --ngk-slider-focus-ring-color: var(--ngk-color-action-muted);
  --ngk-slider-mark-tick-base-color: var(--ngk-color-text-disabled);
  --ngk-slider-mark-label-in-range-fg-color: var(--ngk-color-text);
  --ngk-slider-mark-label-in-range-font-weight: var(--ngk-font-weight-dense);
}
.ngk-slider {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: var(--ngk-slider-inline-value-gap);
  width: 100%;
  cursor: pointer;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  transition: opacity 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1), filter 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-slider__track-area {
  flex: 1;
  position: relative;
  height: var(--ngk-slider-height);
  min-width: var(--ngk-slider-min-width);
}
.ngk-slider__track {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: var(--ngk-slider-track-height);
  transform: translateY(-50%);
  background-color: var(--ngk-slider-track-color);
  border-radius: var(--ngk-slider-track-border-radius);
  overflow: hidden;
}
.ngk-slider__segment {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.25;
}
.ngk-slider__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: var(--ngk-slider-fill-color);
}
.ngk-slider__fill.is-draggable {
  cursor: grab;
}
.ngk-slider__fill.is-draggable:active {
  cursor: grabbing;
}
.ngk-slider:not(.is-moving) .ngk-slider__fill {
  transition: left 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1), width 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-slider__mark {
  --_tick-delta: calc(calc(var(--ngk-slider-track-height) - var(--ngk-slider-mark-tick-size)) * 0.5);
  --_lower-bound: calc(calc(var(--ngk-slider-mark-tick-size) / 2) + var(--_tick-delta));
  --_upper-bound: calc(calc(100% - var(--ngk-slider-mark-tick-size) / 2) - var(--_tick-delta));
  position: absolute;
  top: 50%;
  left: clamp(var(--_lower-bound), var(--mark-pct), var(--_upper-bound));
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
.ngk-slider__mark-tick {
  --_tick-color: var(--ngk-slider-mark-tick-base-color);
  width: var(--ngk-slider-mark-tick-size);
  height: var(--ngk-slider-mark-tick-size);
  border-radius: 50%;
  background-color: var(--_tick-color);
  transform: translateY(-50%);
  z-index: 1;
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.in-range > .ngk-slider__mark-tick {
  --_tick-contrast: oklch(from var(--ngk-slider-fill-color) clamp(0, (0.6 - l) * 1000, 1) 0 h);
  --_tick-color: color-mix(in oklch, var(--ngk-slider-fill-color), var(--_tick-contrast) 60%);
}
.ngk-slider__mark-label {
  position: absolute;
  top: calc(var(--ngk-slider-track-height) / 2 + 12px);
  font-size: var(--ngk-font-size-body-xs);
  font-weight: var(--ngk-font-weight-dense);
  color: var(--ngk-slider-mark-label-color);
  white-space: nowrap;
  text-align: center;
}
.in-range > .ngk-slider__mark-label {
  font-weight: var(--ngk-slider-mark-label-in-range-font-weight);
  color: var(--ngk-slider-mark-label-in-range-fg-color);
}
.ngk-slider__thumb {
  position: absolute;
  top: 50%;
  width: var(--ngk-slider-thumb-size);
  height: var(--ngk-slider-thumb-size);
  background-color: var(--ngk-slider-thumb-bg);
  border: var(--ngk-slider-thumb-border-width) solid var(--ngk-slider-thumb-color);
  border-radius: 50%;
  box-shadow: var(--ngk-slider-thumb-shadow);
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: grab;
  outline: 3px solid transparent;
  transition:
    outline-color 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-slider__thumb:hover {
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.06), var(--ngk-slider-thumb-shadow);
  transform: translate(-50%, -50%) scale(1.1);
}
.ngk-slider__thumb:active {
  cursor: grabbing;
}
.ngk-slider__thumb:focus-visible,
.ngk-slider__thumb.is-focused {
  outline-color: var(--ngk-slider-focus-ring-color);
}
.ngk-slider__thumb.is-active {
  z-index: 3;
  outline-color: var(--ngk-slider-focus-ring-color);
  transform: translate(-50%, -50%) scale(1.1);
}
.ngk-slider:not(.is-moving) .ngk-slider__thumb {
  transition:
    left 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1),
    outline-color 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.15s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-slider__histogram {
  position: absolute;
  bottom: calc(50% + var(--ngk-slider-track-height) / 2);
  left: 0;
  right: 0;
  height: var(--ngk-slider-histogram-height);
  display: flex;
  align-items: flex-end;
  gap: 2px;
  pointer-events: none;
}
.ngk-slider__histogram-bar {
  flex: 1;
  border-radius: 2px 2px 0 0;
  min-height: 2px;
  background-color: var(--ngk-slider-histogram-out-range-color);
  transition: background-color 0.25s 0s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ngk-slider__histogram-bar.in-range {
  background-color: var(--ngk-slider-histogram-in-range-color);
  opacity: 0.7;
}
.ngk-slider.is-disabled {
  opacity: 0.8;
  filter: grayscale(1);
}
.ngk-slider.is-readonly {
  cursor: default;
}
.ngk-slider.is-readonly .ngk-slider__thumb {
  cursor: default;
}
.ngk-slider.is-readonly .ngk-slider__thumb:hover {
  box-shadow: var(--ngk-slider-thumb-shadow);
  transform: translate(-50%, -50%);
}
.ngk-slider.has-marks {
  margin-bottom: var(--space-400);
}
.ngk-slider.has-histogram .ngk-slider__track-area {
  margin-top: var(--ngk-slider-histogram-height);
}
.ngk-slider__inline-value {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  pointer-events: none;
  background-color: var(--ngk-slider-tooltip-bg);
  color: var(--ngk-slider-tooltip-fg);
  border-radius: var(--ngk-slider-tooltip-border-radius);
  padding: var(--ngk-slider-inline-value-padding);
  font-size: var(--ngk-slider-inline-value-font-size);
  font-weight: 600;
  white-space: nowrap;
}
.ngk-slider__inline-value-sizer,
.ngk-slider__inline-value-text {
  grid-area: 1/1;
}
.ngk-slider__inline-value-sizer {
  visibility: hidden;
}
.ngk-slider.ng-invalid,
.ngk-slider.invalid {
  --ngk-slider-fill-color: var(--ngk-color-feedback-error);
  --ngk-slider-thumb-color: var(--ngk-color-feedback-error);
  --ngk-slider-focus-ring-color: var(--ngk-color-feedback-error-muted);
}
body.ngk-is-slider-dragging,
body.ngk-is-slider-dragging * {
  cursor: grabbing !important;
}
@font-face {
  font-family: "InterStatic";
  src: url(/fonts/Inter-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterStatic";
  src: url(/fonts/Inter-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterStatic";
  src: url(/fonts/Inter-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "InterStatic";
  src: url(/fonts/Inter-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
* {
  font-family:
    "InterStatic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
:root {
  font-feature-settings: "liga" 1, "calt" 1;
}
@font-face {
  font-family: "Oakes";
  src: url(/fonts/oakes-grotesk-regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family:
    "InterStatic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}
app-root {
  display: block;
  height: 100%;
}
.toolbar-panel {
  border-radius: 0;
  border-left: none;
}
.content-panel {
  border: none;
}
.toolbar-title {
  display: flex;
  gap: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  color: #3c4043;
  font-family:
    "InterStatic",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* node_modules/quill/dist/quill.snow.css */
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family:
    Helvetica,
    Arial,
    sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,
.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui {
  cursor: pointer;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
}
@supports (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor p,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor table {
  border-collapse: collapse;
}
.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}
.ql-editor ol {
  padding-left: 1.5em;
}
.ql-editor li {
  list-style-type: none;
  padding-left: 1.5em;
  position: relative;
}
.ql-editor li > .ql-ui:before {
  display: inline-block;
  margin-left: -1.5em;
  margin-right: .3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
  color: #777;
}
.ql-editor li[data-list=bullet] > .ql-ui:before {
  content: "\2022";
}
.ql-editor li[data-list=checked] > .ql-ui:before {
  content: "\2611";
}
.ql-editor li[data-list=unchecked] > .ql-ui:before {
  content: "\2610";
}
@supports (counter-set:none) {
  .ql-editor li[data-list] {
    counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list] {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered] {
  counter-increment: list-0;
}
.ql-editor li[data-list=ordered] > .ql-ui:before {
  content: counter(list-0, decimal) ". ";
}
.ql-editor li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before {
  content: counter(list-1, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before {
  content: counter(list-2, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before {
  content: counter(list-3, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-set: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before {
  content: counter(list-4, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-set: list-5 list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before {
  content: counter(list-5, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-set: list-6 list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before {
  content: counter(list-6, decimal) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-set: list-7 list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before {
  content: counter(list-7, lower-alpha) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-set: list-8 list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-7 {
    counter-reset: list-8 list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before {
  content: counter(list-8, lower-roman) ". ";
}
@supports (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-set: list-9;
  }
}
@supports not (counter-set:none) {
  .ql-editor li[data-list].ql-indent-8 {
    counter-reset: list-9;
  }
}
.ql-editor li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before {
  content: counter(list-9, decimal) ". ";
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor li.ql-direction-rtl > .ql-ui:before {
  margin-left: .3em;
  margin-right: -1.5em;
  text-align: left;
}
.ql-editor table {
  table-layout: fixed;
  width: 100%;
}
.ql-editor table td {
  outline: none;
}
.ql-editor .ql-code-block-container {
  font-family: monospace;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-editor .ql-font-monospace {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-editor .ql-size-small {
  font-size: .75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-ui {
  position: absolute;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer:coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: .4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: .83em;
}
.ql-snow .ql-editor h6 {
  font-size: .67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor .ql-code-block-container {
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor .ql-code-block-container {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: .83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: .67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family:
    Georgia,
    Times New Roman,
    serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family:
    Monaco,
    Courier New,
    monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-code-block-container {
  position: relative;
}
.ql-code-block-container .ql-ui {
  right: 5px;
  top: 5px;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family:
    "Helvetica Neue",
    "Helvetica",
    "Arial",
    sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: "Save";
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

/* angular:styles/global:styles */