/* libs/shared/ui/base-styles/src/lib/hillicons/hillicons.css */
@font-face {
  font-display: block;
  font-family: "hillicons";
  src:
    url("./media/hillicons-KJ5FJRMA.eot?bae3eabfb5ced48a46f2417a0f849bc3#iefix") format("embedded-opentype"),
    url("./media/hillicons-ONDREMJG.woff2?bae3eabfb5ced48a46f2417a0f849bc3") format("woff2"),
    url("./media/hillicons-2JN7FS4Q.woff?bae3eabfb5ced48a46f2417a0f849bc3") format("woff");
}
i[class^=icon-]::before,
i[class*=" icon-"]::before {
  font-family: hillicons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-actions-add::before {
  content: "\f101";
}
.icon-actions-clear::before {
  content: "\f102";
}
.icon-actions-clone::before {
  content: "\f103";
}
.icon-actions-comment-filled::before {
  content: "\f104";
}
.icon-actions-comment-outline::before {
  content: "\f105";
}
.icon-actions-delete::before {
  content: "\f106";
}
.icon-actions-dislike::before {
  content: "\f107";
}
.icon-actions-dispute::before {
  content: "\f108";
}
.icon-actions-download_file::before {
  content: "\f109";
}
.icon-actions-edit::before {
  content: "\f10a";
}
.icon-actions-expand::before {
  content: "\f10b";
}
.icon-actions-flag::before {
  content: "\f10c";
}
.icon-actions-history::before {
  content: "\f10d";
}
.icon-actions-impersonate::before {
  content: "\f10e";
}
.icon-actions-like::before {
  content: "\f10f";
}
.icon-actions-open-window::before {
  content: "\f110";
}
.icon-actions-pause::before {
  content: "\f111";
}
.icon-actions-play::before {
  content: "\f112";
}
.icon-actions-preview_report::before {
  content: "\f113";
}
.icon-actions-print::before {
  content: "\f114";
}
.icon-actions-run_report::before {
  content: "\f115";
}
.icon-actions-save::before {
  content: "\f116";
}
.icon-actions-scan::before {
  content: "\f117";
}
.icon-actions-share::before {
  content: "\f118";
}
.icon-actions-star-filled::before {
  content: "\f119";
}
.icon-actions-star-outline::before {
  content: "\f11a";
}
.icon-actions-substract::before {
  content: "\f11b";
}
.icon-actions-take_photo::before {
  content: "\f11c";
}
.icon-actions-undo::before {
  content: "\f11d";
}
.icon-actions-unfold_less::before {
  content: "\f11e";
}
.icon-actions-unfold_more::before {
  content: "\f11f";
}
.icon-actions-ungroup::before {
  content: "\f120";
}
.icon-actions-upload-image::before {
  content: "\f121";
}
.icon-actions-upload::before {
  content: "\f122";
}
.icon-actions-zoom_in::before {
  content: "\f123";
}
.icon-actions-zoom_out::before {
  content: "\f124";
}
.icon-arrow-button-down::before {
  content: "\f125";
}
.icon-arrow-down::before {
  content: "\f126";
}
.icon-arrow-downright::before {
  content: "\f127";
}
.icon-arrow-left::before {
  content: "\f128";
}
.icon-arrow-right::before {
  content: "\f129";
}
.icon-arrow-up::before {
  content: "\f12a";
}
.icon-arrow-upright::before {
  content: "\f12b";
}
.icon-barcode::before {
  content: "\f12c";
}
.icon-calculator::before {
  content: "\f12d";
}
.icon-caret-down::before {
  content: "\f12e";
}
.icon-caret-left::before {
  content: "\f12f";
}
.icon-caret-right::before {
  content: "\f130";
}
.icon-caret-up::before {
  content: "\f131";
}
.icon-chevron-down::before {
  content: "\f132";
}
.icon-chevron-first::before {
  content: "\f133";
}
.icon-chevron-last::before {
  content: "\f134";
}
.icon-chevron-left::before {
  content: "\f135";
}
.icon-chevron-right::before {
  content: "\f136";
}
.icon-chevron-up::before {
  content: "\f137";
}
.icon-communication-alert::before {
  content: "\f138";
}
.icon-communication-error_alternative::before {
  content: "\f139";
}
.icon-communication-error_server::before {
  content: "\f13a";
}
.icon-communication-information::before {
  content: "\f13b";
}
.icon-communication-no_access::before {
  content: "\f13c";
}
.icon-communication-question::before {
  content: "\f13d";
}
.icon-computer::before {
  content: "\f13e";
}
.icon-configure::before {
  content: "\f13f";
}
.icon-currency::before {
  content: "\f140";
}
.icon-file-jpg::before {
  content: "\f141";
}
.icon-file-pdf::before {
  content: "\f142";
}
.icon-file-png::before {
  content: "\f143";
}
.icon-file-xls::before {
  content: "\f144";
}
.icon-frowney::before {
  content: "\f145";
}
.icon-navigate-down::before {
  content: "\f146";
}
.icon-navigate-exit::before {
  content: "\f147";
}
.icon-navigate-left::before {
  content: "\f148";
}
.icon-navigate-right::before {
  content: "\f149";
}
.icon-navigate-up::before {
  content: "\f14a";
}
.icon-navigation_account_profile::before {
  content: "\f14b";
}
.icon-navigation-account_notifications::before {
  content: "\f14c";
}
.icon-navigation-account_settings::before {
  content: "\f14d";
}
.icon-navigation-account::before {
  content: "\f14e";
}
.icon-navigation-activity_feed::before {
  content: "\f14f";
}
.icon-navigation-comments::before {
  content: "\f150";
}
.icon-navigation-dashboard::before {
  content: "\f151";
}
.icon-navigation-invoices::before {
  content: "\f152";
}
.icon-navigation-logout::before {
  content: "\f153";
}
.icon-navigation-menu_close::before {
  content: "\f154";
}
.icon-navigation-menu_hamburger::before {
  content: "\f155";
}
.icon-navigation-menu_more::before {
  content: "\f156";
}
.icon-navigation-quotes::before {
  content: "\f157";
}
.icon-navigation-reporting::before {
  content: "\f158";
}
.icon-navigation-shipments::before {
  content: "\f159";
}
.icon-navigation-submit_idea::before {
  content: "\f15a";
}
.icon-navigation-tasks::before {
  content: "\f15b";
}
.icon-order-not-ready::before {
  content: "\f15c";
}
.icon-order-ready::before {
  content: "\f15d";
}
.icon-password-hide::before {
  content: "\f15e";
}
.icon-password-timeout::before {
  content: "\f15f";
}
.icon-password-view::before {
  content: "\f160";
}
.icon-query-filter::before {
  content: "\f161";
}
.icon-query-search::before {
  content: "\f162";
}
.icon-query-sort_asc::before {
  content: "\f163";
}
.icon-query-sort_desc::before {
  content: "\f164";
}
.icon-query-sort::before {
  content: "\f165";
}
.icon-rating-1::before {
  content: "\f166";
}
.icon-rating-2::before {
  content: "\f167";
}
.icon-rating-3::before {
  content: "\f168";
}
.icon-rating-4::before {
  content: "\f169";
}
.icon-rating-5::before {
  content: "\f16a";
}
.icon-representation-archive::before {
  content: "\f16b";
}
.icon-representation-attachment::before {
  content: "\f16c";
}
.icon-representation-bottles::before {
  content: "\f16d";
}
.icon-representation-calendar::before {
  content: "\f16e";
}
.icon-representation-cant_find::before {
  content: "\f16f";
}
.icon-representation-carbon_footprint::before {
  content: "\f170";
}
.icon-representation-clock::before {
  content: "\f171";
}
.icon-representation-commodity_beer::before {
  content: "\f172";
}
.icon-representation-commodity_spirits::before {
  content: "\f173";
}
.icon-representation-commodity_wines::before {
  content: "\f174";
}
.icon-representation-company::before {
  content: "\f175";
}
.icon-representation-controltower::before {
  content: "\f176";
}
.icon-representation-deal::before {
  content: "\f177";
}
.icon-representation-directory::before {
  content: "\f178";
}
.icon-representation-distance::before {
  content: "\f179";
}
.icon-representation-email::before {
  content: "\f17a";
}
.icon-representation-equipment_bottle::before {
  content: "\f17b";
}
.icon-representation-equipment_boxcar::before {
  content: "\f17c";
}
.icon-representation-equipment_case::before {
  content: "\f17d";
}
.icon-representation-equipment_container::before {
  content: "\f17e";
}
.icon-representation-equipment_pallet::before {
  content: "\f17f";
}
.icon-representation-equipment_trailer::before {
  content: "\f180";
}
.icon-representation-file::before {
  content: "\f181";
}
.icon-representation-food-preperations::before {
  content: "\f182";
}
.icon-representation-in_transit::before {
  content: "\f183";
}
.icon-representation-liquid::before {
  content: "\f184";
}
.icon-representation-lock::before {
  content: "\f185";
}
.icon-representation-logistic-services::before {
  content: "\f186";
}
.icon-representation-mailbox::before {
  content: "\f187";
}
.icon-representation-map::before {
  content: "\f188";
}
.icon-representation-mobile_apps::before {
  content: "\f189";
}
.icon-representation-no_activities::before {
  content: "\f18a";
}
.icon-representation-no_comments::before {
  content: "\f18b";
}
.icon-representation-not_shipped::before {
  content: "\f18c";
}
.icon-representation-office::before {
  content: "\f18d";
}
.icon-representation-other::before {
  content: "\f18e";
}
.icon-representation-parties::before {
  content: "\f18f";
}
.icon-representation-party::before {
  content: "\f190";
}
.icon-representation-payment-empty::before {
  content: "\f191";
}
.icon-representation-payment-failed::before {
  content: "\f192";
}
.icon-representation-payment-paid::before {
  content: "\f193";
}
.icon-representation-payment-processing::before {
  content: "\f194";
}
.icon-representation-phone::before {
  content: "\f195";
}
.icon-representation-pin_address::before {
  content: "\f196";
}
.icon-representation-pin_location::before {
  content: "\f197";
}
.icon-representation-products::before {
  content: "\f198";
}
.icon-representation-services_customs::before {
  content: "\f199";
}
.icon-representation-services_insurance::before {
  content: "\f19a";
}
.icon-representation-services_vinliner::before {
  content: "\f19b";
}
.icon-representation-spinner::before {
  content: "\f19c";
}
.icon-representation-success::before {
  content: "\f19d";
}
.icon-representation-timeline::before {
  content: "\f19e";
}
.icon-representation-translation::before {
  content: "\f19f";
}
.icon-representation-verified::before {
  content: "\f1a0";
}
.icon-representation-water::before {
  content: "\f1a1";
}
.icon-representation-weight::before {
  content: "\f1a2";
}
.icon-representation-world::before {
  content: "\f1a3";
}
.icon-shipping_airport_arrival::before {
  content: "\f1a4";
}
.icon-shipping_airport_departure::before {
  content: "\f1a5";
}
.icon-shipping_airport_transshipment::before {
  content: "\f1a6";
}
.icon-shipping-depot::before {
  content: "\f1a7";
}
.icon-shipping-hub::before {
  content: "\f1a8";
}
.icon-shipping-modality_air::before {
  content: "\f1a9";
}
.icon-shipping-modality_barge::before {
  content: "\f1aa";
}
.icon-shipping-modality_multimodal::before {
  content: "\f1ab";
}
.icon-shipping-modality_ocean::before {
  content: "\f1ac";
}
.icon-shipping-modality_railway::before {
  content: "\f1ad";
}
.icon-shipping-modality_truck::before {
  content: "\f1ae";
}
.icon-shipping-modality_unknown::before {
  content: "\f1af";
}
.icon-shipping-place_of_delivery::before {
  content: "\f1b0";
}
.icon-shipping-place_of_receipt::before {
  content: "\f1b1";
}
.icon-shipping-port_discharge::before {
  content: "\f1b2";
}
.icon-shipping-port_loading::before {
  content: "\f1b3";
}
.icon-shipping-port_transshipment::before {
  content: "\f1b4";
}
.icon-smiley-mad::before {
  content: "\f1b5";
}
.icon-smiley::before {
  content: "\f1b6";
}
.icon-sort-alpha_asc::before {
  content: "\f1b7";
}
.icon-sort-alpha_desc::before {
  content: "\f1b8";
}
.icon-status-200::before {
  content: "\f1b9";
}
.icon-status-401::before {
  content: "\f1ba";
}
.icon-status-404::before {
  content: "\f1bb";
}
.icon-temperature-cold::before {
  content: "\f1bc";
}
.icon-temperature-hot::before {
  content: "\f1bd";
}
.icon-temperature-mild::before {
  content: "\f1be";
}
.icon-validation-check-double::before {
  content: "\f1bf";
}
.icon-validation-check::before {
  content: "\f1c0";
}
.icon-view-card::before {
  content: "\f1c1";
}
.icon-view-table::before {
  content: "\f1c2";
}
.icon-vinliner::before {
  content: "\f1c3";
}
:root {
  --hillicons-actions-add: "\f101";
  --hillicons-actions-clear: "\f102";
  --hillicons-actions-clone: "\f103";
  --hillicons-actions-comment-filled: "\f104";
  --hillicons-actions-comment-outline: "\f105";
  --hillicons-actions-delete: "\f106";
  --hillicons-actions-dislike: "\f107";
  --hillicons-actions-dispute: "\f108";
  --hillicons-actions-download_file: "\f109";
  --hillicons-actions-edit: "\f10a";
  --hillicons-actions-expand: "\f10b";
  --hillicons-actions-flag: "\f10c";
  --hillicons-actions-history: "\f10d";
  --hillicons-actions-impersonate: "\f10e";
  --hillicons-actions-like: "\f10f";
  --hillicons-actions-open-window: "\f110";
  --hillicons-actions-pause: "\f111";
  --hillicons-actions-play: "\f112";
  --hillicons-actions-preview_report: "\f113";
  --hillicons-actions-print: "\f114";
  --hillicons-actions-run_report: "\f115";
  --hillicons-actions-save: "\f116";
  --hillicons-actions-scan: "\f117";
  --hillicons-actions-share: "\f118";
  --hillicons-actions-star-filled: "\f119";
  --hillicons-actions-star-outline: "\f11a";
  --hillicons-actions-substract: "\f11b";
  --hillicons-actions-take_photo: "\f11c";
  --hillicons-actions-undo: "\f11d";
  --hillicons-actions-unfold_less: "\f11e";
  --hillicons-actions-unfold_more: "\f11f";
  --hillicons-actions-ungroup: "\f120";
  --hillicons-actions-upload-image: "\f121";
  --hillicons-actions-upload: "\f122";
  --hillicons-actions-zoom_in: "\f123";
  --hillicons-actions-zoom_out: "\f124";
  --hillicons-arrow-button-down: "\f125";
  --hillicons-arrow-down: "\f126";
  --hillicons-arrow-downright: "\f127";
  --hillicons-arrow-left: "\f128";
  --hillicons-arrow-right: "\f129";
  --hillicons-arrow-up: "\f12a";
  --hillicons-arrow-upright: "\f12b";
  --hillicons-barcode: "\f12c";
  --hillicons-calculator: "\f12d";
  --hillicons-caret-down: "\f12e";
  --hillicons-caret-left: "\f12f";
  --hillicons-caret-right: "\f130";
  --hillicons-caret-up: "\f131";
  --hillicons-chevron-down: "\f132";
  --hillicons-chevron-first: "\f133";
  --hillicons-chevron-last: "\f134";
  --hillicons-chevron-left: "\f135";
  --hillicons-chevron-right: "\f136";
  --hillicons-chevron-up: "\f137";
  --hillicons-communication-alert: "\f138";
  --hillicons-communication-error_alternative: "\f139";
  --hillicons-communication-error_server: "\f13a";
  --hillicons-communication-information: "\f13b";
  --hillicons-communication-no_access: "\f13c";
  --hillicons-communication-question: "\f13d";
  --hillicons-computer: "\f13e";
  --hillicons-configure: "\f13f";
  --hillicons-currency: "\f140";
  --hillicons-file-jpg: "\f141";
  --hillicons-file-pdf: "\f142";
  --hillicons-file-png: "\f143";
  --hillicons-file-xls: "\f144";
  --hillicons-frowney: "\f145";
  --hillicons-navigate-down: "\f146";
  --hillicons-navigate-exit: "\f147";
  --hillicons-navigate-left: "\f148";
  --hillicons-navigate-right: "\f149";
  --hillicons-navigate-up: "\f14a";
  --hillicons-navigation_account_profile: "\f14b";
  --hillicons-navigation-account_notifications: "\f14c";
  --hillicons-navigation-account_settings: "\f14d";
  --hillicons-navigation-account: "\f14e";
  --hillicons-navigation-activity_feed: "\f14f";
  --hillicons-navigation-comments: "\f150";
  --hillicons-navigation-dashboard: "\f151";
  --hillicons-navigation-invoices: "\f152";
  --hillicons-navigation-logout: "\f153";
  --hillicons-navigation-menu_close: "\f154";
  --hillicons-navigation-menu_hamburger: "\f155";
  --hillicons-navigation-menu_more: "\f156";
  --hillicons-navigation-quotes: "\f157";
  --hillicons-navigation-reporting: "\f158";
  --hillicons-navigation-shipments: "\f159";
  --hillicons-navigation-submit_idea: "\f15a";
  --hillicons-navigation-tasks: "\f15b";
  --hillicons-order-not-ready: "\f15c";
  --hillicons-order-ready: "\f15d";
  --hillicons-password-hide: "\f15e";
  --hillicons-password-timeout: "\f15f";
  --hillicons-password-view: "\f160";
  --hillicons-query-filter: "\f161";
  --hillicons-query-search: "\f162";
  --hillicons-query-sort_asc: "\f163";
  --hillicons-query-sort_desc: "\f164";
  --hillicons-query-sort: "\f165";
  --hillicons-rating-1: "\f166";
  --hillicons-rating-2: "\f167";
  --hillicons-rating-3: "\f168";
  --hillicons-rating-4: "\f169";
  --hillicons-rating-5: "\f16a";
  --hillicons-representation-archive: "\f16b";
  --hillicons-representation-attachment: "\f16c";
  --hillicons-representation-bottles: "\f16d";
  --hillicons-representation-calendar: "\f16e";
  --hillicons-representation-cant_find: "\f16f";
  --hillicons-representation-carbon_footprint: "\f170";
  --hillicons-representation-clock: "\f171";
  --hillicons-representation-commodity_beer: "\f172";
  --hillicons-representation-commodity_spirits: "\f173";
  --hillicons-representation-commodity_wines: "\f174";
  --hillicons-representation-company: "\f175";
  --hillicons-representation-controltower: "\f176";
  --hillicons-representation-deal: "\f177";
  --hillicons-representation-directory: "\f178";
  --hillicons-representation-distance: "\f179";
  --hillicons-representation-email: "\f17a";
  --hillicons-representation-equipment_bottle: "\f17b";
  --hillicons-representation-equipment_boxcar: "\f17c";
  --hillicons-representation-equipment_case: "\f17d";
  --hillicons-representation-equipment_container: "\f17e";
  --hillicons-representation-equipment_pallet: "\f17f";
  --hillicons-representation-equipment_trailer: "\f180";
  --hillicons-representation-file: "\f181";
  --hillicons-representation-food-preperations: "\f182";
  --hillicons-representation-in_transit: "\f183";
  --hillicons-representation-liquid: "\f184";
  --hillicons-representation-lock: "\f185";
  --hillicons-representation-logistic-services: "\f186";
  --hillicons-representation-mailbox: "\f187";
  --hillicons-representation-map: "\f188";
  --hillicons-representation-mobile_apps: "\f189";
  --hillicons-representation-no_activities: "\f18a";
  --hillicons-representation-no_comments: "\f18b";
  --hillicons-representation-not_shipped: "\f18c";
  --hillicons-representation-office: "\f18d";
  --hillicons-representation-other: "\f18e";
  --hillicons-representation-parties: "\f18f";
  --hillicons-representation-party: "\f190";
  --hillicons-representation-payment-empty: "\f191";
  --hillicons-representation-payment-failed: "\f192";
  --hillicons-representation-payment-paid: "\f193";
  --hillicons-representation-payment-processing: "\f194";
  --hillicons-representation-phone: "\f195";
  --hillicons-representation-pin_address: "\f196";
  --hillicons-representation-pin_location: "\f197";
  --hillicons-representation-products: "\f198";
  --hillicons-representation-services_customs: "\f199";
  --hillicons-representation-services_insurance: "\f19a";
  --hillicons-representation-services_vinliner: "\f19b";
  --hillicons-representation-spinner: "\f19c";
  --hillicons-representation-success: "\f19d";
  --hillicons-representation-timeline: "\f19e";
  --hillicons-representation-translation: "\f19f";
  --hillicons-representation-verified: "\f1a0";
  --hillicons-representation-water: "\f1a1";
  --hillicons-representation-weight: "\f1a2";
  --hillicons-representation-world: "\f1a3";
  --hillicons-shipping_airport_arrival: "\f1a4";
  --hillicons-shipping_airport_departure: "\f1a5";
  --hillicons-shipping_airport_transshipment: "\f1a6";
  --hillicons-shipping-depot: "\f1a7";
  --hillicons-shipping-hub: "\f1a8";
  --hillicons-shipping-modality_air: "\f1a9";
  --hillicons-shipping-modality_barge: "\f1aa";
  --hillicons-shipping-modality_multimodal: "\f1ab";
  --hillicons-shipping-modality_ocean: "\f1ac";
  --hillicons-shipping-modality_railway: "\f1ad";
  --hillicons-shipping-modality_truck: "\f1ae";
  --hillicons-shipping-modality_unknown: "\f1af";
  --hillicons-shipping-place_of_delivery: "\f1b0";
  --hillicons-shipping-place_of_receipt: "\f1b1";
  --hillicons-shipping-port_discharge: "\f1b2";
  --hillicons-shipping-port_loading: "\f1b3";
  --hillicons-shipping-port_transshipment: "\f1b4";
  --hillicons-smiley-mad: "\f1b5";
  --hillicons-smiley: "\f1b6";
  --hillicons-sort-alpha_asc: "\f1b7";
  --hillicons-sort-alpha_desc: "\f1b8";
  --hillicons-status-200: "\f1b9";
  --hillicons-status-401: "\f1ba";
  --hillicons-status-404: "\f1bb";
  --hillicons-temperature-cold: "\f1bc";
  --hillicons-temperature-hot: "\f1bd";
  --hillicons-temperature-mild: "\f1be";
  --hillicons-validation-check-double: "\f1bf";
  --hillicons-validation-check: "\f1c0";
  --hillicons-view-card: "\f1c1";
  --hillicons-view-table: "\f1c2";
  --hillicons-vinliner: "\f1c3";
}

/* apps/qrs/src/styles.css */
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --spacing: 0.25rem;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --container-sm: 375px;
    --container-md: 768px;
    --container-lg: 992px;
    --container-xl: 1200px;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --leading-normal: 1.5;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-blue: #003153;
    --color-blue-accent: #2e5672;
    --color-yellow: #ffcc00;
    --color-yellow-accent: #ffd429;
    --color-smoke: #98a4ae;
    --color-wolf: #aab4bc;
    --color-concrete: #d0d5da;
    --color-silver: #f5f6f7;
    --color-snow: #fff;
    --color-coal: #000;
    --color-positive: #53a548;
    --color-positive-light: #eff6ee;
    --color-negative: #c32525;
    --color-negative-light: #f9ebeb;
    --color-negative-hover: #d72b2b;
    --color-negative-pressed: #ae2121;
    --color-neutral: #e7ecef;
    --color-hyperlink-hover: #003153;
    --color-hyperlink-visited: #004371;
    --color-hyperlink-active: #004b80;
    --color-hyperlink-default: #005a98;
    --color-pressed: #e0b400;
    --color-selected: #ffeea8;
    --color-highlight: #fff7d6;
    --color-unread: #fffae5;
    --color-cold: #70c4d2;
    --color-transparent: transparent;
    --z-auto: auto;
    --z-negative: -1;
    --z-base: 0;
    --z-layer: 1;
    --z-header: 5;
    --z-aside: 10;
    --z-modal: 9999;
    --font-base:
      "Noto Sans",
      "Noto Sans KR",
      "Noto Sans SC",
      "Noto Sans TC",
      "Noto Sans JP",
      sans-serif;
    --text-h1: 1.5rem;
    --text-h1--font-weight: 700;
    --text-h1--line-height: 2.5rem;
    --text-h2: 1.25rem;
    --text-h2--font-weight: 700;
    --text-h2--line-height: 2rem;
    --text-h3: 1rem;
    --text-h3--font-weight: 700;
    --text-h3--line-height: 1.75rem;
    --text-h4: 0.875rem;
    --text-h4--font-weight: 700;
    --text-h4--line-height: 1.5rem;
    --text-large: 1rem;
    --text-large--line-height: 1.75rem;
    --text-medium: 0.875rem;
    --text-medium--line-height: 1.5rem;
    --text-small: 0.75rem;
    --text-small--line-height: 1.25rem;
    --text-xsmall: 0.625rem;
    --text-xsmall--line-height: 1rem;
    --text-icon-default: 16px;
    --text-icon-default--line-height: 1;
    --radius-full: calc(infinity * 1px);
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .pointer-events-auto {
    pointer-events: auto;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-9 {
    top: calc(var(--spacing) * 9);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .bottom-8 {
    bottom: calc(var(--spacing) * 8);
  }
  .bottom-9\/10 {
    bottom: calc(9/10 * 100%);
  }
  .-left-16 {
    left: calc(var(--spacing) * -16);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1\/2 {
    left: calc(1/2 * 100%);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-6 {
    left: calc(var(--spacing) * 6);
  }
  .left-full {
    left: 100%;
  }
  .isolate {
    isolation: isolate;
  }
  .-z-10 {
    z-index: calc(10 * -1);
  }
  .z-aside {
    z-index: var(--z-aside);
  }
  .z-header {
    z-index: var(--z-header);
  }
  .z-layer {
    z-index: var(--z-layer);
  }
  .order-3 {
    order: 3;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-5 {
    grid-column: span 5 / span 5;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .container {
    width: 100%;
  }
  @media (width >= 375px) {
    .container {
      max-width: 375px;
    }
  }
  @media (width >= 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (width >= 992px) {
    .container {
      max-width: 992px;
    }
  }
  @media (width >= 1200px) {
    .container {
      max-width: 1200px;
    }
  }
  @media (width >= 1500px) {
    .container {
      max-width: 1500px;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-auto {
    margin: auto;
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .my-1\.5 {
    margin-block: calc(var(--spacing) * 1.5);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .my-8 {
    margin-block: calc(var(--spacing) * 8);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-20 {
    margin-top: calc(var(--spacing) * 20);
  }
  .mt-40 {
    margin-top: calc(var(--spacing) * 40);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-4 {
    margin-right: calc(var(--spacing) * 4);
  }
  .mr-8 {
    margin-right: calc(var(--spacing) * 8);
  }
  .mr-10 {
    margin-right: calc(var(--spacing) * 10);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-px {
    margin-left: 1px;
  }
  .\!flex {
    display: flex !important;
  }
  .\!grid {
    display: grid !important;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }
  .size-full {
    width: 100%;
    height: 100%;
  }
  .\!h-48 {
    height: calc(var(--spacing) * 48) !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-40 {
    height: calc(var(--spacing) * 40);
  }
  .h-48 {
    height: calc(var(--spacing) * 48);
  }
  .h-60 {
    height: calc(var(--spacing) * 60);
  }
  .h-96 {
    height: calc(var(--spacing) * 96);
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-4 {
    max-height: calc(var(--spacing) * 4);
  }
  .max-h-7 {
    max-height: calc(var(--spacing) * 7);
  }
  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .\!w-auto {
    width: auto !important;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-3\/12 {
    width: calc(3/12 * 100%);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7\/12 {
    width: calc(7/12 * 100%);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9\/12 {
    width: calc(9/12 * 100%);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-18 {
    width: calc(var(--spacing) * 18);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-72 {
    width: calc(var(--spacing) * 72);
  }
  .w-96 {
    width: calc(var(--spacing) * 96);
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-3xs {
    max-width: var(--container-3xs);
  }
  .max-w-6 {
    max-width: calc(var(--spacing) * 6);
  }
  .max-w-60 {
    max-width: calc(var(--spacing) * 60);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-max {
    max-width: max-content;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .\!min-w-\[auto\] {
    min-width: auto !important;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }
  .min-w-28 {
    min-width: calc(var(--spacing) * 28);
  }
  .min-w-64 {
    min-width: calc(var(--spacing) * 64);
  }
  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }
  .min-w-max {
    min-width: max-content;
  }
  .min-w-overlay {
    min-width: 16rem;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-1\/2 {
    flex-basis: calc(1/2 * 100%);
  }
  .basis-\[4ch\] {
    flex-basis: 4ch;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-12 {
    --tw-translate-y: calc(var(--spacing) * 12);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  .snap-proximity {
    --tw-scroll-snap-strictness: proximity;
  }
  .snap-start {
    scroll-snap-align: start;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-\[var\(--mobile-rows\)\] {
    grid-template-rows: var(--mobile-rows);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .place-content-end {
    place-content: end;
  }
  .place-items-center {
    place-items: center;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-9 {
    gap: calc(var(--spacing) * 9);
  }
  .gap-12 {
    gap: calc(var(--spacing) * 12);
  }
  .gap-16 {
    gap: calc(var(--spacing) * 16);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-6 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-10 {
    column-gap: calc(var(--spacing) * 10);
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
  :where(.space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  .gap-y-5 {
    row-gap: calc(var(--spacing) * 5);
  }
  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-solid > :not(:last-child)) {
    --tw-border-style: solid;
    border-style: solid;
  }
  :where(.divide-concrete > :not(:last-child)) {
    border-color: var(--color-concrete);
  }
  .self-center {
    align-self: center;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-none {
    overscroll-behavior: none;
  }
  .\!rounded-none {
    border-radius: 0 !important;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-full {
    border-radius: var(--radius-full);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-t-sm {
    border-top-left-radius: var(--radius-sm);
    border-top-right-radius: var(--radius-sm);
  }
  .\!rounded-l-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .\!rounded-r-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .\!rounded-b-none {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-b {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-b-sm {
    border-bottom-right-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
  }
  .\!border-x-0 {
    border-inline-style: var(--tw-border-style) !important;
    border-inline-width: 0px !important;
  }
  .border-x {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .\!border-t-0 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .\!border-l-0 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 0px !important;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .\!border-negative {
    border-color: var(--color-negative) !important;
  }
  .border-blue {
    border-color: var(--color-blue);
  }
  .border-concrete {
    border-color: var(--color-concrete);
  }
  .border-negative {
    border-color: var(--color-negative);
  }
  .border-neutral {
    border-color: var(--color-neutral);
  }
  .border-silver {
    border-color: var(--color-silver);
  }
  .border-wolf {
    border-color: var(--color-wolf);
  }
  .border-t-concrete {
    border-top-color: var(--color-concrete);
  }
  .\!bg-snow {
    background-color: var(--color-snow) !important;
  }
  .bg-blue {
    background-color: var(--color-blue);
  }
  .bg-blue-accent {
    background-color: var(--color-blue-accent);
  }
  .bg-cold {
    background-color: var(--color-cold);
  }
  .bg-concrete {
    background-color: var(--color-concrete);
  }
  .bg-hyperlink-default {
    background-color: var(--color-hyperlink-default);
  }
  .bg-negative-light {
    background-color: var(--color-negative-light);
  }
  .bg-positive {
    background-color: var(--color-positive);
  }
  .bg-selected {
    background-color: var(--color-selected);
  }
  .bg-silver {
    background-color: var(--color-silver);
  }
  .bg-silver\/60 {
    background-color: color-mix(in srgb, #f5f6f7 60%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-silver\/60 {
      background-color: color-mix(in oklab, var(--color-silver) 60%, transparent);
    }
  }
  .bg-smoke {
    background-color: var(--color-smoke);
  }
  .bg-smoke\/65 {
    background-color: color-mix(in srgb, #98a4ae 65%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-smoke\/65 {
      background-color: color-mix(in oklab, var(--color-smoke) 65%, transparent);
    }
  }
  .bg-snow {
    background-color: var(--color-snow);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-unread {
    background-color: var(--color-unread);
  }
  .bg-wolf {
    background-color: var(--color-wolf);
  }
  .bg-yellow {
    background-color: var(--color-yellow);
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-blue {
    --tw-gradient-from: var(--color-blue);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-accent {
    --tw-gradient-to: var(--color-blue-accent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .\!p-6 {
    padding: calc(var(--spacing) * 6) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .container {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .px-12 {
    padding-inline: calc(var(--spacing) * 12);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-40 {
    padding-block: calc(var(--spacing) * 40);
  }
  .py-px {
    padding-block: 1px;
  }
  .\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important;
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing) * 6);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-12 {
    padding-bottom: calc(var(--spacing) * 12);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .pl-28 {
    padding-left: calc(var(--spacing) * 28);
  }
  .\!text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .\!text-h2 {
    font-size: var(--text-h2) !important;
    line-height: var(--tw-leading, var(--text-h2--line-height)) !important;
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight)) !important;
  }
  .text-h1 {
    font-size: var(--text-h1);
    line-height: var(--tw-leading, var(--text-h1--line-height));
    font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
  }
  .text-h2 {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
  }
  .text-h3 {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }
  .text-h4 {
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
  }
  .\!text-2xl {
    font-size: var(--text-2xl) !important;
    line-height: var(--tw-leading, var(--text-2xl--line-height)) !important;
  }
  .\!text-h2\/none {
    font-size: var(--text-h2) !important;
    line-height: 1 !important;
  }
  .\!text-large {
    font-size: var(--text-large) !important;
    line-height: var(--tw-leading, var(--text-large--line-height)) !important;
  }
  .\!text-small {
    font-size: var(--text-small) !important;
    line-height: var(--tw-leading, var(--text-small--line-height)) !important;
  }
  .text-2xl\/none {
    font-size: var(--text-2xl);
    line-height: 1;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-h1\/none {
    font-size: var(--text-h1);
    line-height: 1;
  }
  .text-h2\/none {
    font-size: var(--text-h2);
    line-height: 1;
  }
  .text-h2\/normal {
    font-size: var(--text-h2);
    line-height: var(--leading-normal);
  }
  .text-h3\/none {
    font-size: var(--text-h3);
    line-height: 1;
  }
  .text-icon-default {
    font-size: var(--text-icon-default);
    line-height: var(--tw-leading, var(--text-icon-default--line-height));
  }
  .text-large {
    font-size: var(--text-large);
    line-height: var(--tw-leading, var(--text-large--line-height));
  }
  .text-large\/none {
    font-size: var(--text-large);
    line-height: 1;
  }
  .text-medium {
    font-size: var(--text-medium);
    line-height: var(--tw-leading, var(--text-medium--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-small {
    font-size: var(--text-small);
    line-height: var(--tw-leading, var(--text-small--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xl\/none {
    font-size: var(--text-xl);
    line-height: 1;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-xsmall {
    font-size: var(--text-xsmall);
    line-height: var(--tw-leading, var(--text-xsmall--line-height));
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-10 {
    --tw-leading: calc(var(--spacing) * 10);
    line-height: calc(var(--spacing) * 10);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-blue {
    color: var(--color-blue);
  }
  .text-blue-accent {
    color: var(--color-blue-accent);
  }
  .text-cold {
    color: var(--color-cold);
  }
  .text-concrete {
    color: var(--color-concrete);
  }
  .text-hyperlink-default {
    color: var(--color-hyperlink-default);
  }
  .text-negative {
    color: var(--color-negative);
  }
  .text-positive {
    color: var(--color-positive);
  }
  .text-pressed {
    color: var(--color-pressed);
  }
  .text-smoke {
    color: var(--color-smoke);
  }
  .text-snow {
    color: var(--color-snow);
  }
  .text-wolf {
    color: var(--color-wolf);
  }
  .text-yellow {
    color: var(--color-yellow);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      visibility,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-250 {
    --tw-duration: 250ms;
    transition-duration: 250ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-1000 {
    --tw-duration: 1000ms;
    transition-duration: 1000ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-text {
    -webkit-user-select: text;
    user-select: text;
  }
  :is(.\*\:bg-silver > *) {
    background-color: var(--color-silver);
  }
  :is(.\*\:px-4 > *) {
    padding-inline: calc(var(--spacing) * 4);
  }
  :is(.\*\:py-3 > *) {
    padding-block: calc(var(--spacing) * 3);
  }
  .group-first\:top-4:is(:where(.group):first-child *) {
    top: calc(var(--spacing) * 4);
  }
  .group-first\:hidden:is(:where(.group):first-child *) {
    display: none;
  }
  .group-last\:hidden:is(:where(.group):last-child *) {
    display: none;
  }
  .group-last\:flex-row-reverse:is(:where(.group):last-child *) {
    flex-direction: row-reverse;
  }
  @media (hover: hover) {
    .group-hover\:scale-100:is(:where(.group):hover *) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  @media (hover: hover) {
    .group-hover\:bg-yellow:is(:where(.group):hover *) {
      background-color: var(--color-yellow);
    }
  }
  @media (hover: hover) {
    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 100%;
    }
  }
  .group-aria-expanded\:block:is(:where(.group)[aria-expanded=true] *) {
    display: block;
  }
  .group-aria-expanded\:hidden:is(:where(.group)[aria-expanded=true] *) {
    display: none;
  }
  .group-aria-expanded\:border-b:is(:where(.group)[aria-expanded=true] *) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .group-hover-focus\:-translate-x-1:is(:is(:where(.group):hover, :where(.group):focus) *) {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .before\:hidden::before {
    content: var(--tw-content);
    display: none;
  }
  .group-first\:before\:\!bg-blue:is(:where(.group):first-child *)::before {
    content: var(--tw-content);
    background-color: var(--color-blue) !important;
  }
  .group-last\:before\:\!bg-blue:is(:where(.group):last-child *)::before {
    content: var(--tw-content);
    background-color: var(--color-blue) !important;
  }
  .after\:hidden::after {
    content: var(--tw-content);
    display: none;
  }
  .group-first\:after\:\!bg-blue:is(:where(.group):first-child *)::after {
    content: var(--tw-content);
    background-color: var(--color-blue) !important;
  }
  .group-last\:after\:\!bg-blue:is(:where(.group):last-child *)::after {
    content: var(--tw-content);
    background-color: var(--color-blue) !important;
  }
  .first\:ml-0:first-child {
    margin-left: calc(var(--spacing) * 0);
  }
  .first\:border-t:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
  .last\:mr-0:last-child {
    margin-right: calc(var(--spacing) * 0);
  }
  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .visited\:text-pressed:visited {
    color: var(--color-pressed);
  }
  .empty\:hidden:empty {
    display: none;
  }
  .focus-within\:border-yellow:focus-within {
    border-color: var(--color-yellow);
  }
  .focus-within\:border-b-yellow:focus-within {
    border-bottom-color: var(--color-yellow);
  }
  @media (hover: hover) {
    .hover\:cursor-pointer:hover {
      cursor: pointer;
    }
  }
  @media (hover: hover) {
    .hover\:bg-concrete:hover {
      background-color: var(--color-concrete);
    }
  }
  @media (hover: hover) {
    .hover\:bg-highlight:hover {
      background-color: var(--color-highlight);
    }
  }
  @media (hover: hover) {
    .hover\:bg-selected:hover {
      background-color: var(--color-selected);
    }
  }
  @media (hover: hover) {
    .hover\:bg-snow:hover {
      background-color: var(--color-snow);
    }
  }
  @media (hover: hover) {
    .hover\:bg-unread:hover {
      background-color: var(--color-unread);
    }
  }
  @media (hover: hover) {
    .hover\:text-blue:hover {
      color: var(--color-blue);
    }
  }
  @media (hover: hover) {
    .hover\:text-blue-accent:hover {
      color: var(--color-blue-accent);
    }
  }
  @media (hover: hover) {
    .hover\:text-concrete:hover {
      color: var(--color-concrete);
    }
  }
  @media (hover: hover) {
    .hover\:text-negative:hover {
      color: var(--color-negative);
    }
  }
  @media (hover: hover) {
    .hover\:text-positive:hover {
      color: var(--color-positive);
    }
  }
  @media (hover: hover) {
    .hover\:text-smoke:hover {
      color: var(--color-smoke);
    }
  }
  @media (hover: hover) {
    .hover\:text-wolf:hover {
      color: var(--color-wolf);
    }
  }
  @media (hover: hover) {
    .hover\:ease-out:hover {
      --tw-ease: var(--ease-out);
      transition-timing-function: var(--ease-out);
    }
  }
  .focus\:text-smoke:focus {
    color: var(--color-smoke);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .active\:bg-wolf:active {
    background-color: var(--color-wolf);
  }
  @media (width < 992px) {
    .max-lg\:hidden {
      display: none;
    }
  }
  @media (width < 768px) {
    .max-md\:sticky {
      position: sticky;
    }
  }
  @media (width < 768px) {
    .max-md\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width < 768px) {
    .max-md\:z-layer {
      z-index: var(--z-layer);
    }
  }
  @media (width < 768px) {
    .max-md\:hidden {
      display: none;
    }
  }
  @media (width < 768px) {
    .max-md\:h-0 {
      height: calc(var(--spacing) * 0);
    }
  }
  @media (width < 768px) {
    .max-md\:max-h-\[100cqb\] {
      max-height: 100cqb;
    }
  }
  @media (width < 768px) {
    .max-md\:min-h-screen {
      min-height: 100vh;
    }
  }
  @media (width < 768px) {
    .max-md\:table-fixed {
      table-layout: fixed;
    }
  }
  @media (width < 768px) {
    .max-md\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }
  }
  @media (width < 768px) {
    .max-md\:self-end {
      align-self: flex-end;
    }
  }
  @media (width < 768px) {
    .max-md\:self-start {
      align-self: flex-start;
    }
  }
  @media (width < 768px) {
    .max-md\:overflow-hidden {
      overflow: hidden;
    }
  }
  @media (width >= 375px) {
    .sm\:block {
      display: block;
    }
  }
  @media (width >= 375px) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 375px) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 375px) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 375px) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:relative {
      position: relative;
    }
  }
  @media (width >= 768px) {
    .md\:sticky {
      position: sticky;
    }
  }
  @media (width >= 768px) {
    .md\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    .md\:top-1 {
      top: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 768px) {
    .md\:order-1 {
      order: 1;
    }
  }
  @media (width >= 768px) {
    .md\:order-2 {
      order: 2;
    }
  }
  @media (width >= 768px) {
    .md\:order-4 {
      order: 4;
    }
  }
  @media (width >= 768px) {
    .md\:order-first {
      order: -9999;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-1 {
      grid-column: span 1 / span 1;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-4 {
      grid-column: span 4 / span 4;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-5 {
      grid-column: span 5 / span 5;
    }
  }
  @media (width >= 768px) {
    .md\:col-span-8 {
      grid-column: span 8 / span 8;
    }
  }
  @media (width >= 768px) {
    .md\:col-start-2 {
      grid-column-start: 2;
    }
  }
  @media (width >= 768px) {
    .md\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }
  @media (width >= 768px) {
    .md\:m-4 {
      margin: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    .md\:-mx-12 {
      margin-inline: calc(var(--spacing) * -12);
    }
  }
  @media (width >= 768px) {
    .md\:my-6 {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    .md\:mt-6 {
      margin-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:mt-8 {
      margin-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:mr-4 {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    .md\:mr-6 {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:mr-8 {
      margin-right: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:mb-6 {
      margin-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:ml-0 {
      margin-left: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    .md\:ml-auto {
      margin-left: auto;
    }
  }
  @media (width >= 768px) {
    .md\:\!hidden {
      display: none !important;
    }
  }
  @media (width >= 768px) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 768px) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 768px) {
    .md\:grid {
      display: grid;
    }
  }
  @media (width >= 768px) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 768px) {
    .md\:inline-block {
      display: inline-block;
    }
  }
  @media (width >= 768px) {
    .md\:h-auto {
      height: auto;
    }
  }
  @media (width >= 768px) {
    .md\:h-full {
      height: 100%;
    }
  }
  @media (width >= 768px) {
    .md\:w-1\/2 {
      width: calc(1/2 * 100%);
    }
  }
  @media (width >= 768px) {
    .md\:w-3\/5 {
      width: calc(3/5 * 100%);
    }
  }
  @media (width >= 768px) {
    .md\:w-22 {
      width: calc(var(--spacing) * 22);
    }
  }
  @media (width >= 768px) {
    .md\:w-36 {
      width: calc(var(--spacing) * 36);
    }
  }
  @media (width >= 768px) {
    .md\:w-60 {
      width: calc(var(--spacing) * 60);
    }
  }
  @media (width >= 768px) {
    .md\:w-72 {
      width: calc(var(--spacing) * 72);
    }
  }
  @media (width >= 768px) {
    .md\:w-auto {
      width: auto;
    }
  }
  @media (width >= 768px) {
    .md\:w-full {
      width: 100%;
    }
  }
  @media (width >= 768px) {
    .md\:max-w-3xl {
      max-width: var(--container-3xl);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-96 {
      max-width: calc(var(--spacing) * 96);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-116 {
      max-width: calc(var(--spacing) * 116);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-lg {
      max-width: var(--container-lg);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-md {
      max-width: var(--container-md);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-none {
      max-width: none;
    }
  }
  @media (width >= 768px) {
    .md\:max-w-sm {
      max-width: var(--container-sm);
    }
  }
  @media (width >= 768px) {
    .md\:max-w-xs {
      max-width: var(--container-xs);
    }
  }
  @media (width >= 768px) {
    .md\:min-w-36 {
      min-width: calc(var(--spacing) * 36);
    }
  }
  @media (width >= 768px) {
    .md\:flex-shrink-0 {
      flex-shrink: 0;
    }
  }
  @media (width >= 768px) {
    .md\:flex-grow {
      flex-grow: 1;
    }
  }
  @media (width >= 768px) {
    .md\:basis-48 {
      flex-basis: calc(var(--spacing) * 48);
    }
  }
  @media (width >= 768px) {
    .md\:\!-translate-x-full {
      --tw-translate-x: -100% !important;
      translate: var(--tw-translate-x) var(--tw-translate-y) !important;
    }
  }
  @media (width >= 768px) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    .md\:grid-cols-8 {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    .md\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 768px) {
    .md\:grid-rows-\[1fr_auto\] {
      grid-template-rows: 1fr auto;
    }
  }
  @media (width >= 768px) {
    .md\:flex-col {
      flex-direction: column;
    }
  }
  @media (width >= 768px) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 768px) {
    .md\:items-center {
      align-items: center;
    }
  }
  @media (width >= 768px) {
    .md\:items-end {
      align-items: flex-end;
    }
  }
  @media (width >= 768px) {
    .md\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 768px) {
    .md\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 768px) {
    .md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    :where(.md\:space-y-0 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 768px) {
    :where(.md\:space-y-6 > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  @media (width >= 768px) {
    .md\:gap-x-4 {
      column-gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    :where(.md\:space-x-6 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
  @media (width >= 768px) {
    .md\:gap-y-0 {
      row-gap: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    .md\:gap-y-2 {
      row-gap: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 768px) {
    .md\:gap-y-6 {
      row-gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    :where(.md\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
  @media (width >= 768px) {
    .md\:rounded {
      border-radius: 0.25rem;
    }
  }
  @media (width >= 768px) {
    .md\:rounded-none {
      border-radius: 0;
    }
  }
  @media (width >= 768px) {
    .md\:border {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  @media (width >= 768px) {
    .md\:border-x-0 {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 0px;
    }
  }
  @media (width >= 768px) {
    .md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  @media (width >= 768px) {
    .md\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  @media (width >= 768px) {
    .md\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 768px) {
    .md\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  @media (width >= 768px) {
    .md\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  @media (width >= 768px) {
    .md\:border-l {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  @media (width >= 768px) {
    .md\:border-concrete {
      border-color: var(--color-concrete);
    }
  }
  @media (width >= 768px) {
    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 768px) {
    .md\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 768px) {
    .md\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 768px) {
    .md\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    .md\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:pt-6 {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 768px) {
    .md\:pb-4 {
      padding-bottom: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 768px) {
    .md\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 768px) {
    .md\:pl-12 {
      padding-left: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 768px) {
    .md\:\!text-center {
      text-align: center !important;
    }
  }
  @media (width >= 768px) {
    .md\:\!text-right {
      text-align: right !important;
    }
  }
  @media (width >= 768px) {
    .md\:text-right {
      text-align: right;
    }
  }
  @media (width >= 768px) {
    .md\:align-baseline {
      vertical-align: baseline;
    }
  }
  @media (width >= 768px) {
    .md\:leading-10 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 768px) {
    .md\:shadow {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  @media (width >= 768px) {
    .md\:transition {
      transition-property:
        color,
        background-color,
        border-color,
        outline-color,
        text-decoration-color,
        fill,
        stroke,
        --tw-gradient-from,
        --tw-gradient-via,
        --tw-gradient-to,
        opacity,
        box-shadow,
        transform,
        translate,
        scale,
        rotate,
        filter,
        -webkit-backdrop-filter,
        backdrop-filter,
        display,
        visibility,
        content-visibility,
        overlay,
        pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
    }
  }
  @media (width >= 992px) {
    .lg\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 992px) {
    .lg\:row-span-2 {
      grid-row: span 2 / span 2;
    }
  }
  @media (width >= 992px) {
    .lg\:my-2 {
      margin-block: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 992px) {
    .lg\:mt-12 {
      margin-top: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 992px) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 992px) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 992px) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 992px) {
    .lg\:w-2\/3 {
      width: calc(2/3 * 100%);
    }
  }
  @media (width >= 992px) {
    .lg\:w-2\/5 {
      width: calc(2/5 * 100%);
    }
  }
  @media (width >= 992px) {
    .lg\:w-max {
      width: max-content;
    }
  }
  @media (width >= 992px) {
    .lg\:max-w-0 {
      max-width: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 992px) {
    .lg\:min-w-96 {
      min-width: calc(var(--spacing) * 96);
    }
  }
  @media (width >= 992px) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 992px) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 992px) {
    .lg\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
  @media (width >= 992px) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 992px) {
    .lg\:items-center {
      align-items: center;
    }
  }
  @media (width >= 992px) {
    .lg\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 992px) {
    .lg\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 992px) {
    .lg\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 992px) {
    .lg\:gap-y-8 {
      row-gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 992px) {
    .lg\:truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  @media (width >= 992px) {
    .lg\:border-r {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
  }
  @media (width >= 992px) {
    .lg\:bg-snow {
      background-color: var(--color-snow);
    }
  }
  @media (width >= 992px) {
    .lg\:p-6 {
      padding: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 992px) {
    .lg\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 992px) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 992px) {
    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 992px) {
    .lg\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 992px) {
    .lg\:py-6 {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 992px) {
    .lg\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 992px) {
    .lg\:py-12 {
      padding-block: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 992px) {
    .lg\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 992px) {
    .lg\:pl-8 {
      padding-left: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 992px) {
    .lg\:text-h1 {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
    }
  }
  @media (width >= 992px) {
    .lg\:text-h2 {
      font-size: var(--text-h2);
      line-height: var(--tw-leading, var(--text-h2--line-height));
      font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
    }
  }
  @media (width >= 1200px) {
    .xl\:mr-6 {
      margin-right: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 1200px) {
    .xl\:block {
      display: block;
    }
  }
  @media (width >= 1200px) {
    .xl\:hidden {
      display: none;
    }
  }
  @container (width >= 375px) {
    .\@sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @container (width >= 768px) {
    .\@md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @container (width >= 768px) {
    .\@md\:col-start-1 {
      grid-column-start: 1;
    }
  }
  @container (width >= 768px) {
    .\@md\:col-start-3 {
      grid-column-start: 3;
    }
  }
  @container (width >= 768px) {
    .\@md\:row-start-1 {
      grid-row-start: 1;
    }
  }
  @container (width >= 768px) {
    .\@md\:grid {
      display: grid;
    }
  }
  @container (width >= 768px) {
    .\@md\:hidden {
      display: none;
    }
  }
  @container (width >= 768px) {
    .\@md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @container (width >= 768px) {
    .\@min-md\:flex-row {
      flex-direction: row;
    }
  }
  @container (width >= 768px) {
    .\@min-md\:items-center {
      align-items: center;
    }
  }
  @container (width >= 768px) {
    .\@md\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @container (width >= 1200px) {
    .\@xl\:col-span-full {
      grid-column: 1 / -1;
    }
  }
  @container (width >= 1200px) {
    .\@xl\:col-start-auto {
      grid-column-start: auto;
    }
  }
  @container (width >= 1200px) {
    .\@xl\:row-start-auto {
      grid-row-start: auto;
    }
  }
  @container (width >= 1200px) {
    .\@xl\:block {
      display: block;
    }
  }
  @container (width >= 1200px) {
    .\@xl\:flex {
      display: flex;
    }
  }
  @container (width >= 1200px) {
    .\@xl\:hidden {
      display: none;
    }
  }
  @container (width >= 56rem) {
    .\@4xl\:absolute {
      position: absolute;
    }
  }
  @container (width >= 64rem) {
    .\@min-5xl\:block {
      display: block;
    }
  }
  @container (width >= 64rem) {
    .\@min-5xl\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
  }
  @container (width >= 80rem) {
    .\@min-7xl\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  @media (orientation: landscape) {
    @media (width >= 768px) {
      .landscape\:md\:\!mb-14 {
        margin-bottom: calc(var(--spacing) * 14) !important;
      }
    }
  }
  @media (width >= 768px) {
    @media (orientation: landscape) {
      .md\:landscape\:mb-14 {
        margin-bottom: calc(var(--spacing) * 14);
      }
    }
  }
  .next\:mt-4 + * {
    margin-top: calc(var(--spacing) * 4);
  }
  @media (width >= 768px) {
    .next\:md\:mt-2 + * {
      margin-top: calc(var(--spacing) * 2);
    }
  }
  .hover-focus\:text-yellow-accent:hover,
  .hover-focus\:text-yellow-accent:focus {
    color: var(--color-yellow-accent);
  }
  .children\:flex-1 > * {
    flex: 1;
  }
  .children\:justify-center > * {
    justify-content: center;
  }
  .impersonate .impersonated\:top-14 {
    top: calc(var(--spacing) * 14);
  }
  .alone\:mt-2:first-child:last-child {
    margin-top: calc(var(--spacing) * 2);
  }
  .\[\&_\.p-tabview-nav-container\]\:sticky .p-tabview-nav-container {
    position: sticky;
  }
  .\[\&_\.p-tabview-nav-container\]\:top-0 .p-tabview-nav-container {
    top: calc(var(--spacing) * 0);
  }
  .\[\&_\.p-tabview-nav-container\]\:border-b .p-tabview-nav-container {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .\[\&_\.p-tabview-nav-container\]\:border-concrete .p-tabview-nav-container {
    border-color: var(--color-concrete);
  }
  .\[\&_\.p-tabview-nav-container\]\:bg-snow .p-tabview-nav-container {
    background-color: var(--color-snow);
  }
  .\[\&_\.p-tabview-nav-container\]\:px-4 .p-tabview-nav-container {
    padding-inline: calc(var(--spacing) * 4);
  }
  .\[\&_\.p-tabview-nav-container\]\:px-6 .p-tabview-nav-container {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 992px) {
    .lg\:\[\&_\.p-tabview-nav-container\]\:px-12 .p-tabview-nav-container {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .\[\&_\.p-tabview-panel\]\:px-4 .p-tabview-panel {
    padding-inline: calc(var(--spacing) * 4);
  }
  .\[\&_\.p-tabview-panel\]\:pt-4 .p-tabview-panel {
    padding-top: calc(var(--spacing) * 4);
  }
  .\[\&_\.p-tabview-panel\]\:pb-6 .p-tabview-panel {
    padding-bottom: calc(var(--spacing) * 6);
  }
  @media (width >= 992px) {
    .lg\:\[\&_\.p-tabview-panel\]\:px-12 .p-tabview-panel {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 992px) {
    .lg\:\[\&_\.p-tabview-panel\]\:pt-6 .p-tabview-panel {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&_article\]\:\!border-b-0 article {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0px !important;
  }
  .\[\&_article\]\:\!pl-4 article {
    padding-left: calc(var(--spacing) * 4) !important;
  }
}
@layer base {
  body {
    font-family:
      "Noto Sans",
      "Noto Sans KR",
      "Noto Sans SC",
      "Noto Sans TC",
      "Noto Sans JP",
      sans-serif;
    font-size: var(--text-medium);
    line-height: var(--tw-leading, var(--text-medium--line-height));
    color: var(--color-blue);
  }
  [lang=ja] body {
    font-family:
      "Noto Sans",
      "Noto Sans JP",
      "Noto Sans KR",
      "Noto Sans SC",
      "Noto Sans TC",
      sans-serif;
  }
  i[class*=icon-] {
    display: inline-flex;
  }
  i[class*=icon-]::before {
    vertical-align: middle;
  }
  .pi {
    font-family: "hillicons";
  }
  small {
    font-size: 100%;
  }
  h1,
  .h1 {
    font-size: var(--text-h1);
    line-height: var(--tw-leading, var(--text-h1--line-height));
    font-weight: var(--tw-font-weight, var(--text-h1--font-weight));
  }
  h2,
  .h2 {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    font-weight: var(--tw-font-weight, var(--text-h2--font-weight));
  }
  h3,
  .h3 {
    font-size: var(--text-h3);
    line-height: var(--tw-leading, var(--text-h3--line-height));
    font-weight: var(--tw-font-weight, var(--text-h3--font-weight));
  }
  h4,
  .h4 {
    font-size: var(--text-h4);
    line-height: var(--tw-leading, var(--text-h4--line-height));
    font-weight: var(--tw-font-weight, var(--text-h4--font-weight));
  }
  a {
    color: var(--color-hyperlink-default);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration: underline;
  }
  a:visited {
    color: var(--color-hyperlink-visited);
  }
  @media (hover: hover) {
    a:hover {
      color: var(--color-hyperlink-hover);
    }
  }
  a:focus {
    color: var(--color-hyperlink-default);
  }
  a:active {
    color: var(--color-hyperlink-active);
  }
  a.disabled {
    opacity: 0.5;
    pointer-events: none;
  }
  button,
  [role=button],
  a {
    cursor: pointer;
  }
}
@layer components {
  .h-subtitle {
    color: var(--color-smoke);
    display: block;
    font-size: inherit;
  }
  .h-error {
    margin-bottom: calc(var(--spacing) * 2);
    color: var(--color-negative);
    display: block;
    font-size: inherit;
  }
}
:root {
  --p-anchor-gutter: 0.25rem;
}
:root {
  --p-button-border-radius: 0.25rem;
  --p-button-rounded-border-radius: 5000rem;
  --p-button-gap: 0.5rem;
  --p-button-padding-x: 16px;
  --p-button-padding-y: 7px;
  --p-button-label-font-weight: 400;
  --p-button-transition-duration: 0.2s;
  --p-button-sm-padding-x: 12px;
  --p-button-sm-padding-y: 3px;
  --p-button-icon-only-width: 40px;
  --p-button-sm-icon-only-width: 32px;
  --p-button-primary-background: var(--color-yellow);
  --p-button-primary-hover-background: var(--color-yellow-accent);
  --p-button-primary-active-background: var(--color-pressed);
  --p-button-primary-border-color: var(--color-yellow);
  --p-button-primary-hover-border-color: var(--color-yellow-accent);
  --p-button-primary-active-border-color: var(--color-pressed);
  --p-button-primary-color: var(--color-blue);
  --p-button-primary-hover-color: var(--color-blue);
  --p-button-primary-active-color: var(--color-blue);
  --p-button-secondary-background: var(--color-snow);
  --p-button-secondary-hover-background: var(--color-yellow-accent);
  --p-button-secondary-active-background: var(--color-pressed);
  --p-button-secondary-border-color: var(--color-concrete);
  --p-button-secondary-hover-border-color: var(--color-yellow-accent);
  --p-button-secondary-active-border-color: var(--color-pressed);
  --p-button-secondary-color: var(--color-blue);
  --p-button-secondary-hover-color: var(--color-blue);
  --p-button-secondary-active-color: var(--color-blue);
  --p-button-danger-background: var(--color-negative);
  --p-button-danger-hover-background: var(--color-negative-hover);
  --p-button-danger-active-background: var(--color-negative-pressed);
  --p-button-danger-border-color: var(--color-negative);
  --p-button-danger-hover-border-color: var(--color-negative-hover);
  --p-button-danger-active-border-color: var(--color-negative-pressed);
  --p-button-danger-color: var(--color-snow);
  --p-button-danger-hover-color: var(--color-snow);
  --p-button-danger-active-color: var(--color-snow);
  --p-button-link-color: var(--color-hyperlink-default);
  --p-button-link-hover-color: var(--color-hyperlink-hover);
  --p-button-link-active-color: var(--color-hyperlink-active);
}
:root .p-button {
  font-size: var(--text-medium);
  line-height: var(--text-medium--line-height);
}
:root p-button:has(.p-button-icon-only) {
  --p-button-padding-y: 7px;
  --p-button-sm-padding-y: 3px;
}
:root .p-button-icon {
  font-size: var(--text-icon-default);
  line-height: var(--text-icon-default--line-height);
}
:root .p-button-loading-icon {
  animation: var(--animate-spin);
}
:root.p-button-text.p-button-icon-only {
  width: auto;
  color: var(--color-concrete);
}
:root .p-button-link {
  --p-button-padding-x: 0;
  --p-button-padding-y: 0;
  text-decoration: underline;
}
:root .p-button-link:disabled {
  opacity: 0.5;
}
:root .p-button:disabled {
  --_button-disabled-background: var(--color-concrete);
  --p-button-primary-background: var(--_button-disabled-background);
  --p-button-primary-border-color: var(--_button-disabled-background);
  --p-button-secondary-background: var(--_button-disabled-background);
  --p-button-secondary-border-color: var(--_button-disabled-background);
  --p-button-danger-background: var(--_button-disabled-background);
  --p-button-danger-border-color: var(--_button-disabled-background);
}
@property --table-border-width { syntax: "<length>"; inherits: true; initial-value: 1px; }
@property --table-border-radius { syntax: "<length>"; inherits: true; initial-value: 4px; }
:root {
  --p-datatable-body-cell-border-color: transparent;
  --p-datatable-header-cell-border-color: transparent;
  --p-datatable-transition-duration: 0.2s;
  --p-datatable-header-border-width: 0;
  --p-datatable-row-background: var(--color-snow);
  --p-datatable-loading-icon-size: 3rem;
  --p-datatable-header-cell-padding: 0.5rem 1rem;
  --p-datatable-header-cell-color: var(--color-smoke);
  --p-datatable-header-cell-background:
    linear-gradient(
      0deg,
      var(--color-silver) 0%,
      var(--color-snow) 100%);
  --p-datatable-header-cell-hover-background: var(--p-datatable-header-cell-background);
  --p-datatable-header-cell-selected-background: var(--p-datatable-header-cell-background);
  --p-datatable-header-cell-hover-color: var(--color-pressed);
  --p-datatable-header-cell-selected-color: var(--color-pressed);
  --p-datatable-body-cell-padding: 0.5rem 1rem;
  --p-datatable-body-cell-selected-border-color: transparent;
  --p-datatable-row-striped-background: var(--color-snow);
  --p-datatable-row-selected-background: var(--color-snow);
  --p-datatable-row-hover-background: var(--color-snow);
  --p-datatable-header-background: var(--color-snow);
  --p-datatable-header-border-color: var(--color-concrete) var(--color-concrete) transparent var(--color-concrete);
}
:root .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) {
  --p-datatable-header-cell-border-color: var(--color-concrete);
  --p-datatable-body-cell-border-color: var(--color-concrete);
}
:root p-table .bg-negative-light {
  --p-datatable-row-background: var(--color-negative-light);
}
:root .p-datatable-sortable-column p-sorticon {
  margin-left: .5rem;
}
@media (min-width: 768px) {
  :root {
    --p-datatable-row-selected-background: var(--color-highlight);
    --p-datatable-row-hover-background: var(--color-highlight);
    --p-datatable-row-striped-background: var(--color-silver);
  }
}
:root .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: var(--p-datatable-row-striped-background);
}
:root .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(odd) {
  background: var(--p-datatable-row-background);
}
:root .p-datatable-header {
  border-top-left-radius: var(--table-border-radius);
  border-top-right-radius: var(--table-border-radius);
}
:root .p-datatable-tfoot {
  background-color: var(--color-snow);
  border: 1px solid var(--color-concrete);
  border-top-width: 0;
  border-bottom-left-radius: var(--table-border-radius);
  border-bottom-right-radius: var(--table-border-radius);
}
:root .h-datatable-minimal {
  --p-datatable-header-cell-border-color: var(--color-concrete);
  --p-datatable-body-cell-border-color: transparent;
}
:root .h-datatable-minimal .p-datatable-tfoot {
  border-width: 0;
  border-top: 1px solid var(--color-concrete);
}
:root .p-column-title {
  display: none;
}
:root p-table {
  --p-mask-background: hsl(from var(--color-snow) h s l / 0.4);
}
:root .p-datatable-loading-icon.spin {
  animation: var(--animate-spin);
}
@media (width < 768px) {
  [responsivelayout=stack] .p-column-title {
    display: flex;
    color: var(--color-smoke);
    width: 35%;
    flex-shrink: 0;
  }
  p-table.p-datatable:has(.p-datatable-thead):has(.p-datatable-tbody) {
    --p-datatable-body-cell-padding: 0.25rem 1rem;
  }
  p-table.p-datatable:has(.p-datatable-thead):has(.p-datatable-tbody) td:first-child {
    --p-datatable-body-cell-padding: 1rem 1rem .25rem;
  }
  p-table.p-datatable:has(.p-datatable-thead):has(.p-datatable-tbody) td:last-child {
    --p-datatable-body-cell-padding: .25rem 1rem 1rem;
  }
  p-table.p-datatable:not(.h-datatable-minimal)[responsivelayout=stack]:has(.p-datatable-thead):has(.p-datatable-tbody) {
    border: 1px solid var(--color-concrete);
    border-radius: var(--table-border-radius);
    overflow: hidden;
  }
  p-table.p-datatable:not(.h-datatable-minimal)[responsivelayout=stack]:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-inline-width: 0;
  }
  p-table.p-datatable:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    justify-content: flex-start !important;
  }
}
@media (width >= 768px) {
  :root .p-column-title {
    display: none;
  }
  :root .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr:not(:last-child) > td,
  :root .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr:not(:last-child) > td:last-child,
  :root .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) p-table:not(.h-datatable-minimal) :is(.p-datatable-gridlines .p-datatable-thead, .p-datatable-thead) > tr:not(:last-child) > th {
    border-bottom-width: 0;
  }
}
.h-datatable-minimal {
  border: var(--table-border-width) solid var(--color-concrete);
  border-radius: var(--table-border-radius);
  overflow: hidden;
}
.h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr:not(:last-child) td:last-child {
  border-bottom: 1px solid var(--color-concrete);
}
@media screen and (width >= 769px) {
  .h-datatable-minimal.p-datatable-scrollable .p-datatable-tbody > tr > td {
    align-items: center !important;
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-thead > tr {
    border-bottom: 1px solid var(--color-concrete);
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-thead > tr > th {
    background: var(--color-snow);
    padding: 1rem 1.5rem;
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr {
    background: var(--color-snow);
    position: relative;
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr:not(:last-child) td:last-child {
    border-bottom: 0;
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr td {
    padding: 1rem 1.5rem;
    vertical-align: middle;
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr:not(.p-highlight):hover {
    background-color: var(--color-highlight);
  }
  .h-datatable-minimal .p-datatable-table .p-datatable-tbody > tr:not(:last-child):after {
    position: absolute;
    inset-inline: calc(var(--spacing) * 6);
    bottom: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-concrete);
    content: "";
  }
  .h-datatable-minimal.p-datatable-gridlines .p-datatable-table .p-datatable-tbody > tr:not(:last-child) {
    border-bottom: 1px solid var(--color-concrete);
  }
  .h-datatable-minimal.p-datatable-gridlines .p-datatable-table .p-datatable-tbody > tr:not(:last-child):after {
    display: none;
  }
  .h-datatable-minimal.p-datatable-striped .p-datatable-table .p-datatable-tbody > tr:not(:last-child) {
    border-bottom: 0;
  }
  .h-datatable-minimal.p-datatable-striped:after {
    display: none;
  }
}
.h-datatable-bg-custom .p-datatable-wrapper .p-datatable-table > .p-datatable-tbody > tr.bg-negative-light {
  background-color: var(--color-negative-light);
}
.h-datatable-stacked--split.p-datatable {
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
}
.h-datatable-stacked--split.p-datatable .p-datatable-tbody.p-element > tr:nth-child(n) {
  display: block;
  border-radius: 0.25rem;
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-concrete);
  background-color: var(--color-snow);
}
.h-datatable-stacked--split.p-datatable .p-datatable-tbody.p-element > tr:nth-child(n) > td {
  flex-direction: column;
  gap: calc(var(--spacing) * 2);
}
.h-datatable-stacked--split.p-datatable .p-datatable-tbody.p-element > tr:nth-child(n) > td .p-column-title {
  width: 100%;
}
.h-datatable-stacked--split.p-datatable .p-datatable-tbody.p-element > tr:nth-child(n) + tr {
  margin-top: calc(var(--spacing) * 4);
}
:root {
  --p-tree-background: var(--color-snow);
  --p-tree-padding: 0.25rem 0;
  --p-tree-border-radius: var(--radius-sm);
  --p-tree-transition-duration: 0.2s;
  --p-tree-node-color: var(--color-blue);
  --p-tree-node-gap: 0.5rem;
  --p-tree-node-padding: 0.25rem 0;
  --p-tree-indent: 1rem;
}
:root .p-tree.border {
  border: 1px solid var(--color-concrete);
  border-radius: var(--radius-sm);
}
:root .p-tree-node-toggle-icon {
  display: flex;
  font-size: var(--text-h2);
}
:root .p-tree-node-label {
  flex: 1;
}
:root .p-tree .p-iconfield + .p-tree-root {
  margin-top: 1rem;
}
:root .p-orderlist-controls {
  display: none;
}
:root .p-orderlist {
  --p-listbox-background: var(--color-silver);
  --p-listbox-list-gap: .5rem;
  --p-listbox-list-padding: .5rem;
  --p-listbox-option-padding: 0;
  --p-listbox-option-border-radius: var(--radius-sm);
  --p-listbox-option-focus-background: var(--color-snow);
  --p-listbox-option-selected-focus-background: var(--color-snow);
}
:root .p-orderlist .p-listbox-option {
  background-color: var(--color-snow);
  border: 1px solid var(--color-concrete);
  cursor: move;
}
:root .p-listbox-option.cdk-drag-preview {
  --p-listbox-option-border-radius: var(--radius-sm);
  background-color: var(--color-snow);
  border: 1px solid var(--color-concrete);
  cursor: move;
  box-shadow:
    0 2px 4px -1px oklch(from var(--color-coal) l c h / 0.2),
    0 4px 5px oklch(from var(--color-coal) l c h / 0.14),
    0 1px 10px oklch(from var(--color-coal) l c h / 0.12);
}
:root {
  --p-timeline-event-connector-size: 2px;
  --p-timeline-event-connector-color: var(--color-concrete);
}
:root .p-timeline-event-separator {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
}
:root .p-timeline-event-separator :first-child {
  grid-column: 2 / 2;
}
:root .p-timeline-event-separator > * {
  grid-row: 1 / 2;
  position: relative;
  z-index: 1;
}
:root .p-timeline-event-separator .p-timeline-event-connector {
  grid-column: 1 / -1;
  z-index: 0;
}
:root .p-timeline-event-content {
  text-align: center;
}
:root .p-timeline-horizontal :first-child .p-timeline-event-connector {
  grid-column: 2 / 4;
}
:root .p-timeline-horizontal .p-timeline-event:last-child {
  flex: 1;
}
:root .p-timeline-horizontal :last-child .p-timeline-event-separator::before {
  content: "";
  grid-row: 1 / 2;
  grid-column: 1 / 3;
  width: 100%;
  height: var(--p-timeline-event-connector-size);
  background: var(--p-timeline-event-connector-color);
}
:root {
  --p-popover-background: var(--color-snow);
  --p-popover-border-color: var(--color-concrete);
  --p-popover-border-radius: var(--radius-sm);
  --p-popover-shadow: 0 2px 8px color-mix(in srgb, #d0d5da 20%, transparent);
  --p-popover-gutter: 0.5rem;
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --p-popover-shadow: 0 2px 8px color-mix(in srgb, var(--color-concrete) 20%, transparent);
  }
}
:root .p-popover::before,
:root .p-popover::after {
  content: unset;
}
:root {
  --p-tabs-tablist-border-width: 0;
  --p-tabs-transition-duration: 0.3s;
  --p-tabs-tab-active-background: transparent;
  --p-tabs-tab-color: var(--color-blue);
  --p-tabs-tab-border-width: 0 0 4px 0;
  --p-tabs-tab-border-color: transparent;
  --p-tabs-tab-hover-border-color: var(--p-tabs-tab-border-color);
  --p-tabs-tab-active-border-color: var(--color-yellow);
  --p-tabs-tab-padding: 0 0 0.5rem;
  --p-tabs-tab-margin: 0 1.5rem 0 0;
  --p-tabs-tab-gap: 0.5rem;
}
:root {
  --p-menu-background: var(--color-snow);
  --p-menu-border-color: var(--color-concrete);
  --p-menu-color: var(--color-blue);
  --p-menu-border-radius: var(--radius-sm);
  --p-menu-list-padding: 0.5rem 0;
  --p-menu-item-padding: 0.5rem 1rem;
  --p-menu-item-gap: 0.5rem;
}
:root .p-menu-item {
  --p-icon-size: 1.25rem;
}
:root .p-menu-item-link:hover,
:root .p-menu-item-link:focus {
  background-color: var(--color-highlight);
}
:root .p-menu.icon-wolf {
  --p-menu-item-icon-color: var(--color-wolf);
}
:root {
  --p-drawer-background: var(--color-snow);
  --p-drawer-color: var(--color-blue);
  --p-drawer-border-color: none;
  --p-drawer-shadow: none;
  --p-drawer-header-padding: 1rem;
  --p-drawer-footer-padding: 1rem;
}
:root .p-drawer-header {
  border-bottom: 1px solid var(--color-concrete);
}
:root .p-drawer-footer {
  border-top: 1px solid var(--color-concrete);
}
:root .p-drawer-close-button {
  --p-button-text-secondary-color: var(--color-smoke);
}
:root .p-drawer-close-button:hover {
  --p-button-text-secondary-color: var(--color-blue);
}
:root {
  --p-autocomplete-background: var(--color-snow);
  --p-autocomplete-border-color: var(--color-concrete);
  --p-autocomplete-border-radius: var(--radius-sm);
  --p-autocomplete-transition-duration: 0.2s;
  --p-autocomplete-padding-y: 0.5rem;
  --p-autocomplete-padding-x: 0.5rem;
  --p-autocomplete-hover-border-color: var(--color-smoke);
  --p-autocomplete-focus-border-color: var(--color-yellow);
  --p-autocomplete-overlay-background: var(--color-snow);
  --p-autocomplete-overlay-border-color: var(--color-concrete);
  --p-autocomplete-overlay-border-radius: var(--radius-sm);
  --p-autocomplete-list-padding: 0.25rem 0;
  --p-autocomplete-overlay-shadow: 0 2px 8px #78839333;
  --p-autocomplete-option-padding: 0.5rem 1rem;
  --p-autocomplete-option-focus-background: var(--color-highlight);
  --p-autocomplete-option-selected-background: var(--color-highlight);
  --p-autocomplete-empty-message-padding: var(--p-autocomplete-option-padding);
  --p-autocomplete-chip-border-radius: var(--radius-sm);
  --p-autocomplete-option-group-padding: 0.5rem 1rem;
  --p-autocomplete-invalid-border-color: var(--color-negative);
}
:root .p-autocomplete,
:root .p-autocomplete input {
  width: 100%;
}
:root .p-autocomplete {
  --p-chip-background: var(--color-snow);
  --p-chip-icon-size: 14px;
  --p-chip-remove-icon-size: 14px;
  --p-chip-padding-x: 0.5rem;
  --p-chip-padding-y: 0.5rem;
  --p-chip-gap: 0.5rem;
  --p-chip-border-color: var(--color-concrete);
}
:root .p-autocomplete .p-chip-remove-icon > span {
  display: flex;
}
:root .p-autocomplete .p-chip-remove-icon:has(> :empty) {
  display: none;
}
:root .p-autocomplete-chip {
  border: 1px solid var(--p-chip-border-color);
}
:root .p-autocomplete {
  --p-form-field-icon-color: var(--color-smoke);
}
:root .p-autocomplete .p-autocomplete-clear-icon {
  display: flex;
}
:root .p-autocomplete .p-autocomplete-invalid {
  --p-inputtext-border-color: var(--color-negative);
  --p-inputtext-hover-border-color: var(--color-negative);
}
:root .p-autocomplete-chip:has([aria-invalid=true]) {
  --p-chip-background: var(--color-negative);
  --p-chip-color: var(--color-negative-light);
  --p-chip-icon-color: var(--color-negative-light);
  --p-chip-border-color: var(--color-negative);
}
:root .p-autocomplete-chip:has([aria-disabled=true]) {
  --p-chip-background: var(--color-concrete);
  --p-chip-color: var(--color-blue);
  --p-chip-icon-color: var(--color-blue);
}
:root {
  --p-datepicker-panel-background: var(--color-snow);
  --p-datepicker-panel-border-color: var(--color-concrete);
  --p-datepicker-panel-border-radius: var(--radius-sm);
  --p-datepicker-panel-padding: 1.5rem;
  --p-datepicker-transition-duration: 0.2s;
  --p-datepicker-group-gap: 1.5rem;
  --p-datepicker-header-padding: 0 0 1rem;
  --p-datepicker-header-color: var(--color-yellow);
  --p-datepicker-title-gap: 0.5rem;
  --p-datepicker-title-font-weight: 400;
  --p-datepicker-select-month-padding: 0;
  --p-datepicker-select-month-color: var(--color-blue);
  --p-datepicker-select-month-hover-color: var(--color-blue);
  --p-datepicker-select-month-border-radius: 0;
  --p-datepicker-select-year-padding: 0;
  --p-datepicker-select-year-color: var(--color-blue);
  --p-datepicker-select-year-hover-color: var(--color-blue);
  --p-datepicker-select-year-border-radius: 0;
  --p-datepicker-week-day-padding: 6px 7px;
  --p-datepicker-week-day-font-weight: 400;
  --p-datepicker-week-day-color: var(--color-smoke);
  --p-datepicker-date-width: 32px;
  --p-datepicker-date-height: 32px;
  --p-datepicker-date-padding: 0;
  --p-datepicker-date-selected-background: var(--color-yellow);
  --p-datepicker-date-hover-background: var(--color-yellow);
  --p-datepicker-date-selected-color: var(--color-blue);
  --p-datepicker-date-hover-color: var(--color-blue);
  --p-datepicker-date-range-selected-background: var(--color-highlight);
  --p-datepicker-input-icon-color: var(--color-wolf);
}
:root p-datepicker {
  font-size: var(--text-medium);
  line-height: var(--text-medium--line-height);
}
:root .p-datepicker-day-view {
  font-size: var(--text-small);
  line-height: var(--text-small--line-height);
}
:root .p-datepicker-day.p-disabled {
  --p-datepicker-date-color: var(--color-smoke);
}
:root .p-datepicker-day:has(.day-marked) {
  outline: 1px solid var(--color-yellow);
  outline-offset: -2px;
}
:root .p-datepicker-day:has(.day-threshold) {
  --p-datepicker-date-color: var(--color-negative);
}
:root p-datepicker {
  --p-icon-size: 20px;
}
:root .p-datepicker-panel .p-button-icon-only {
  font-size: var(--text-h2);
}
:root .p-datepicker-time-picker {
  --p-button-text-primary-color: var(--color-yellow);
  --p-button-text-secondary-color: var(--color-yellow);
}
:root .p-datepicker .p-inputtext:read-only {
  --p-inputtext-background: var(--color-snow);
}
:root {
  --p-checkbox-width: 1rem;
  --p-checkbox-height: 1rem;
  --p-checkbox-background: var(--color-snow);
  --p-checkbox-checked-background: var(--color-yellow);
  --p-checkbox-checked-hover-background: var(--color-yellow);
  --p-checkbox-disabled-background: var(--color-silver);
  --p-checkbox-border-radius: var(--radius-sm);
  --p-checkbox-border-color: var(--color-concrete);
  --p-checkbox-checked-border-color: var(--color-yellow);
  --p-checkbox-checked-disabled-border-color: var(--color-concrete);
  --p-checkbox-hover-border-color: var(--color-smoke);
  --p-checkbox-checked-hover-border-color: var(--color-yellow);
  --p-checkbox-transition-duration: 0.2s;
  --p-checkbox-icon-color: var(--color-blue);
  --p-checkbox-icon-size: 16px;
  --p-checkbox-icon-checked-color: var(--color-blue);
  --p-checkbox-icon-checked-hover-color: var(--color-blue);
}
:root [data-p-partialchecked=true] {
  --p-checkbox-background: var(--color-yellow);
  --p-checkbox-border-color: var(--color-yellow);
}
:root {
  --p-fileupload-background: var(--color-silver);
  --p-fileupload-header-border-color: var(--color-concrete);
  --p-fileupload-header-border-width: 1px;
  --p-fileupload-header-padding: 1.5rem;
  --p-fileupload-header-border-radius: var(--radius-sm);
}
:root .p-fileupload-choose-button {
  display: none;
}
:root .p-fileupload-header {
  border-style: dashed;
  transition: border-color 0.2s ease-in-out;
  justify-content: center;
}
:root .p-fileupload:hover .p-fileupload-header {
  border-color: var(--color-smoke);
  cursor: pointer;
}
:root {
  --p-form-field-padding-x: 16px;
}
:root p-iconfield {
  --p-icon-size: 14px;
}
:root {
  --p-inputtext-background: var(--color-snow);
  --p-inputtext-disabled-background: var(--color-silver);
  --p-inputtext-color: var(--color-blue);
  --p-inputtext-border-radius: var(--radius-sm);
  --p-inputtext-border-color: var(--color-concrete);
  --p-inputtext-focus-border-color: var(--color-yellow);
  --p-inputtext-hover-border-color: var(--color-smoke);
  --p-inputtext-padding-x: 16px;
  --p-inputtext-padding-y: 7px;
}
:root .p-inputtext {
  font-size: var(--text-medium);
  appearance: none;
}
:root .p-inputtext:read-only {
  --p-inputtext-background: var(--color-silver);
}
:root {
  --p-listbox-border-color: var(--color-concrete);
  --p-listbox-border-radius: var(--radius-sm);
  --p-listbox-empty-message-padding: 1rem;
  --p-listbox-checkmark-gutter-end: 0.5rem;
  --p-listbox-list-header-padding: 1rem;
  --p-listbox-list-padding: 0.5rem 0;
  --p-listbox-option-padding: 0.5rem 1rem;
}
:root .p-listbox-header {
  --p-iconfield-icon-color: var(--color-wolf);
  border-bottom: 1px solid var(--p-listbox-list-header-border-color, var(--color-concrete));
}
:root .p-listbox-header .p-listbox-filter-container p-inputicon {
  inset-inline: var(--p-form-field-padding-x) auto;
}
:root .p-listbox-header .p-listbox-filter-container input {
  padding-inline-start: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
}
:root .p-listbox-item .title {
  position: relative;
  color: var(--color-blue);
  font-size: 14px;
}
:root .p-listbox-item .subtitle {
  color: var(--color-smoke);
  font-size: 12px;
}
:root .p-listbox-item .icon {
  position: absolute;
  color: var(--color-yellow);
  font-size: 1.5rem;
  top: 1rem;
  right: 0.5rem;
}
:root .p-listbox-item .badge-icon {
  margin-left: 1rem;
  font-size: 1rem;
  color: var(--color-cold);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
:root .p-listbox.highlight {
  --p-listbox-option-focus-background: var(--color-highlight);
  --p-listbox-option-selected-background: var(--color-highlight);
  --p-listbox-option-selected-focus-background: var(--color-highlight);
}
:root .p-listbox.compact-view {
  --p-listbox-border-color: 0;
  --p-listbox-list-header-padding: 0;
  --p-listbox-option-padding: 0;
  --p-listbox-list-gap: 0.5rem;
}
:root .p-listbox.p-disabled {
  --p-listbox-color: var(--color-smoke);
}
:root .p-listbox p-checkbox {
  display: flex;
}
:root {
  --p-select-background: var(--color-snow);
  --p-select-disabled-background: var(--color-silver);
  --p-select-border-radius: var(--radius-sm);
  --p-select-border-color: var(--color-concrete);
  --p-select-hover-border-color: var(--color-smoke);
  --p-select-focus-border-color: var(--color-yellow);
  --p-select-padding-x: 16px;
  --p-select-padding-y: 6px;
  --p-select-dropdown-width: 42px;
  --p-select-dropdown-color: var(--color-wolf);
  --p-select-placeholder-color: var(--color-smoke);
  --p-select-invalid-border-color: var(--color-negative);
  --p-select-option-group-padding: 0.5rem 0.75rem;
  --p-select-list-header-padding: 1rem;
  --p-iconfield-icon-color: var(--color-wolf);
  --p-select-overlay-background: var(--color-snow);
  --p-select-overlay-color: var(--color-blue);
  --p-select-overlay-border-color: var(--color-concrete);
  --p-select-overlay-border-radius: var(--radius-sm);
  --p-select-list-padding: 0.5rem 0;
  --p-select-option-padding: 0.5rem 1rem;
  --p-select-option-selected-background: var(--color-highlight);
  --p-select-option-selected-focus-background: var(--p-select-option-selected-background);
  --p-select-option-focus-background: var(--color-highlight);
  --p-select-clear-icon-color: var(--color-smoke);
  --p-select-dropdown-icon-size: 0.625rem;
}
:root .p-select-open .p-select-dropdown {
  transform: var(--h-p-select-dropdown-transform-open, matrix(1, 0, 0, -1, 0, 0));
}
:root .p-select.size-small {
  --p-select-padding-x: 0.25rem 0.75rem;
  --p-select-padding-y: 0.25rem 0.5rem;
}
:root .p-select.p-select-invalid {
  border-color: var(--p-select-invalid-border-color);
}
:root .p-select-clear-icon {
  display: flex;
}
:root .p-select .p-select-dropdown .icon-arrow-button-down {
  font-size: var(--p-select-dropdown-icon-size);
}
:root .p-select-label {
  font-size: var(--text-medium);
}
:root .p-select .p-overlay {
  margin-top: 4px;
  margin-bottom: 4px;
}
:root .p-select-header {
  border-bottom: 1px solid var(--color-concrete);
}
:root .p-select-header .p-inputicon {
  color: var(--p-iconfield-icon-color);
  font-size: 1rem;
}
:root {
  --p-toggleswitch-width: 2em;
  --p-toggleswitch-height: 1em;
  --p-toggleswitch-border-width: 0;
  --p-toggleswitch-border-radius: 1em;
  --p-toggleswitch-gap: 0.125em;
  --p-toggleswitch-background: var(--color-concrete);
  --p-toggleswitch-hover-background: var(--color-concrete);
  --p-toggleswitch-checked-background: var(--color-yellow);
  --p-toggleswitch-checked-hover-background: var(--color-yellow);
  --p-toggleswitch-slide-duration: 150ms;
  --p-toggleswitch-transition-duration: 150ms;
  --p-toggleswitch-handle-size: 0.875em;
  --p-toggleswitch-handle-border-radius: var(--radius-full);
  --p-toggleswitch-handle-background: var(--color-snow);
  --p-toggleswitch-handle-hover-background: var(--color-snow);
  --p-toggleswitch-handle-checked-background: var(--color-snow);
  --p-toggleswitch-handle-checked-hover-background: var(--color-snow);
}
:root .p-toggleswitch {
  display: inline-flex;
}
:root {
  --p-radiobutton-width: 16px;
  --p-radiobutton-height: 16px;
  --p-radiobutton-transition-duration: 0.2s;
  --p-radiobutton-border-color: var(--color-concrete);
  --p-radiobutton-hover-border-color: var(--color-smoke);
  --p-radiobutton-checked-border-color: var(--p-radiobutton-checked-background);
  --p-radiobutton-checked-hover-border-color: var(--p-radiobutton-checked-border-color);
  --p-radiobutton-background: var(--color-snow);
  --p-radiobutton-checked-background: var(--color-yellow);
  --p-radiobutton-checked-hover-background: var(--p-radiobutton-checked-background);
  --p-radiobutton-disabled-background: var(--color-silver);
  --p-radiobutton-focus-ring-width: 0.2rem;
  --p-radiobutton-focus-ring-style: solid;
  --p-radiobutton-focus-ring-color: var(--color-cold);
  --p-radiobutton-icon-size: 6px;
  --p-radiobutton-icon-checked-color: var(--color-blue);
  --p-radiobutton-icon-checked-hover-color: var(--p-radiobutton-icon-checked-color);
}
.h-radio-button {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid var(--color-concrete);
  transition: border 0.2s var(--ease-in-out);
  padding-block: 7px;
  padding-inline: 1rem 1.5rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.h-radio-button:hover {
  border-color: var(--color-smoke);
}
:root {
  --p-selectbutton-border-radius: var(--radius-sm);
}
:root .p-selectbutton {
  --p-togglebutton-color: var(--color-blue);
  --p-togglebutton-background: var(--color-snow);
  --p-togglebutton-hover-color: var(--color-blue);
  --p-togglebutton-hover-background: var(--color-highlight);
  --p-togglebutton-border-color: var(--color-concrete);
  --p-togglebutton-checked-color: var(--color-blue);
  --p-togglebutton-checked-background: var(--color-selected);
  --p-togglebutton-checked-border-color: var(--color-yellow-accent);
  --p-togglebutton-padding: 7px 1rem;
  --p-togglebutton-transition-duration: 0.2s;
  --p-togglebutton-focus-ring-width: 1px;
  --p-togglebutton-focus-ring-style: solid;
  --p-togglebutton-focus-ring-color: var(--color-cold);
  --p-togglebutton-focus-ring-offset: -1px;
}
:root .p-selectbutton .p-togglebutton {
  font-size: var(--text-medium);
}
:root .p-selectbutton .p-togglebutton:hover {
  --p-togglebutton-border-color: var(--color-yellow-accent);
}
:root .p-selectbutton .p-togglebutton:has(+ .p-togglebutton:hover) {
  border-right-color: var(--color-yellow-accent);
}
:root {
  --p-multiselect-background: var(--color-snow);
  --p-multiselect-border-color: var(--color-concrete);
  --p-multiselect-hover-border-color: var(--color-smoke);
  --p-multiselect-focus-border-color: var(--color-yellow);
  --p-multiselect-border-radius: var(--radius-sm);
  --p-multiselect-transition-duration: 0.2s;
  --p-multiselect-padding-y: 7px;
  --p-multiselect-padding-x: 1rem;
  --p-multiselect-placeholder-color: var(--color-smoke);
  --p-multiselect-disabled-background: var(--color-silver);
  --p-multiselect-dropdown-color: var(--color-smoke);
  --p-multiselect-dropdown-width: 2.5rem;
  --p-multiselect-overlay-background: var(--color-snow);
  --p-multiselect-overlay-color: var(--color-blue);
  --p-multiselect-overlay-border-color: var(--color-concrete);
  --p-multiselect-overlay-border-radius: var(--radius-sm);
  --p-multiselect-list-padding: 0.5rem 0;
  --p-multiselect-list-header-padding: 1rem;
  --p-multiselect-option-padding: 0.5rem 1rem;
  --p-multiselect-option-focus-background: var(--color-highlight);
  --p-multiselect-option-selected-focus-background: var(--color-highlight);
  --p-multiselect-empty-message-padding: 0 1rem;
  --p-multiselect-option-gap: 0.5rem;
  --p-multiselect-chip-border-radius: var(--radius-sm);
}
:root .p-multiselect-header {
  border-bottom: 1px solid var(--color-concrete);
}
:root .p-multiselect {
  --p-chip-background: var(--color-snow);
  --p-chip-color: var(--color-blue);
  --p-chip-padding-x: 0.5rem;
  --p-chip-padding-y: 0.5rem;
  --p-chip-gap: 0.5rem;
  --p-chip-remove-icon-size: var(--text-h3);
}
:root .p-multiselect .p-multiselect-chip {
  border: 1px solid var(--color-concrete);
}
:root .p-multiselect .p-multiselect-chip-icon {
  display: flex;
}
:root .p-multiselect.p-multiselect-invalid {
  --p-multiselect-invalid-border-color: var(--color-negative);
  --p-multiselect-border-color: var(--color-negative);
  --p-multiselect-hover-border-color: var(--color-negative);
}
:root {
  --p-skeleton-border-radius: var(--radius-sm);
  --p-skeleton-background: color-mix(in srgb, #000 10%, transparent 90%);
  --p-skeleton-animation-background: color-mix(in srgb, #fff 50%, transparent 50%);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --p-skeleton-background: color-mix(in oklab, var(--color-coal) 10%, transparent 90%);
  }
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --p-skeleton-animation-background: color-mix(in oklab, var(--color-snow) 50%, transparent 50%);
  }
}
@layer components {
  .card {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    margin-bottom: 1.5rem;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-concrete);
    background-color: var(--color-snow);
    background-clip: border-box;
    color: var(--color-blue);
    transition: border-color 100ms ease-out, height 100ms ease-out;
  }
  .card:last-child {
    margin-bottom: 0;
  }
  a.card {
    cursor: pointer;
    color: var(--color-blue);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-concrete);
    text-decoration: none;
  }
  a.card:visited {
    color: var(--color-blue);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-concrete);
  }
  a.card:hover,
  a.card:focus {
    color: var(--color-blue);
    border: 1px solid var(--color-smoke);
    text-decoration: none;
  }
  .card.card--error {
    border: 1px solid var(--color-negative);
  }
  .card.card--radiobutton {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    margin-bottom: 1rem;
    cursor: pointer;
  }
  .card.card--radiobutton .card-content {
    flex: 1;
    padding-left: 1rem;
  }
  .card.card--radiobutton:last-child {
    margin-bottom: 0;
  }
  .card.card--radiobutton:hover,
  .card.card--radiobutton:hover .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active) {
    border: 1px solid var(--color-smoke);
  }
  .card .card__divider {
    border-bottom: 1px solid var(--color-concrete);
    margin: 1rem -1rem;
  }
  .card .card__divider-x {
    border-right: 1px solid var(--color-concrete);
    margin: -1rem 1rem;
  }
  .card .card__title {
    margin-bottom: 1rem;
  }
  .card .card__row {
    margin-top: 1.5rem;
  }
  .card .card__row:first-child {
    margin-top: 0;
  }
  .card p:last-child {
    margin-bottom: 0;
  }
  @media (min-width: 992px) {
    .card {
      padding: 1.5rem;
    }
    .card .card__divider {
      margin: 1.5rem -1.5rem;
    }
    .card .card__divider-x {
      margin: -1.25rem 1.5rem;
    }
  }
}
.h-pill {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 12px;
  border: 0;
  border-radius: 25px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.h-pill.h-pill--neutral {
  color: var(--color-blue);
  background-color: var(--color-neutral);
}
.h-pill.h-pill--negative {
  color: var(--color-negative);
  background-color: var(--color-negative-light);
}
.h-pill.h-pill--positive {
  color: var(--color-positive);
  background-color: var(--color-positive-light);
}
.h-pill > * {
  font-size: 12px !important;
}
.form__control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  line-height: 16px;
  height: 40px;
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-concrete);
  color: var(--color-blue);
  background-color: var(--color-snow);
  transition: border-color 0.1s ease-out;
}
.form__control:hover {
  border-color: var(--color-smoke);
}
.form__control.form__control--error,
.form__control.form__control--error:read-only {
  border-color: var(--color-negative);
}
.form__control:focus,
.form__control:active {
  outline: 0;
  border-color: var(--color-yellow);
}
.form__control:read-only {
  color: var(--color-blue);
  background-color: var(--color-silver);
  border-color: var(--color-concrete);
}
.form__control:disabled {
  color: var(--color-blue);
  background-color: var(--color-silver);
  border-color: var(--color-concrete);
}
textarea.form__control {
  min-height: 80px;
  resize: vertical;
}
.form__group .form__label {
  display: block;
  margin-bottom: 0.5rem;
}
.form__group .form__label.form__label--bold {
  font-weight: 700;
}
.form__group .form__subtitle {
  display: block;
  color: var(--color-smoke);
  font-size: inherit;
  margin-top: 0.5rem;
}
.form__group .form__error {
  margin-bottom: calc(var(--spacing) * 2);
  color: var(--color-negative);
  display: block;
  font-size: inherit;
}
.form__control-wrapper {
  position: relative;
}
.form__control-wrapper .form__control {
  padding-right: calc(var(--spacing) * 10);
}
.form__control-wrapper .form__addon {
  position: absolute;
  right: calc(var(--spacing) * 4);
  bottom: calc(var(--spacing) * 2);
  color: var(--color-smoke);
  line-height: 24px;
  font-size: 14px;
}
.form__control-wrapper .form__addon.form__addon--denom {
  color: var(--color-blue);
}
.form__control-wrapper .form__addon[role=button] {
  cursor: pointer;
  transition-property:
    color,
    background-color,
    border-color,
    outline-color,
    text-decoration-color,
    fill,
    stroke,
    --tw-gradient-from,
    --tw-gradient-via,
    --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 100ms;
  transition-duration: 100ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
@media (hover: hover) {
  .form__control-wrapper .form__addon[role=button]:hover {
    color: var(--color-yellow);
  }
}
.form__control-wrapper .form__addon[class^=icon-],
.form__control-wrapper .form__addon[class*=icon-] {
  font-size: 20px;
  vertical-align: middle;
}
.form__control-wrapper .form__addon[class*=icon-]:focus {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
  outline-color: var(--color-cold);
}
.form__control-wrapper.form__control-wrapper--prefix {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 3);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-concrete);
  border-radius: 0.25rem;
}
.form__control-wrapper.form__control-wrapper--prefix .form__addon {
  position: unset;
  bottom: unset;
  right: unset;
}
.form__control-wrapper.form__control-wrapper--prefix .form__control {
  border: unset;
  border-radius: unset;
  padding-inline: unset;
}
.form__control-wrapper.form__control-wrapper--prefix:hover {
  border-color: var(--color-smoke);
}
.form__control-wrapper.form__control-wrapper--prefix:focus,
.form__control-wrapper.form__control-wrapper--prefix:focus-within {
  border-color: var(--color-yellow);
}
.form__control-wrapper.form__control-wrapper--prefix[aria-invalid] {
  border-color: var(--color-negative);
}
.form__control-wrapper.form__control-wrapper--prefix[aria-invalid]:focus-within {
  border-color: var(--color-yellow);
}
.input__group {
  display: flex;
  align-items: stretch;
}
.input__group > :not(.input__group__append):not(.input__group__prepend) {
  z-index: var(--z-layer);
  display: block;
  width: 1%;
  flex: 1 1 auto;
}
.input__group > .form__control:hover,
.input__group > .form__control:active,
.input__group > .form__control:focus {
  z-index: 1;
}
.input__group > .form__control:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input__group > .form__control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input__group__append {
  margin-left: -1px;
}
.input__group__append .form__control,
.input__group__append .p-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input__group__prepend {
  margin-right: -1px;
}
.input__group__prepend .form__control,
.input__group__prepend .p-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input__group__prepend + .form__control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
input,
textarea {
  font: inherit;
  color: inherit;
}
::placeholder {
  color: var(--color-smoke) !important;
  opacity: 1;
}
input:autofill {
  box-shadow: 0 0 0 32px var(--color-snow) inset;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.form__group__number-unit .number__form__control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: var(--color-snow);
  margin-right: -1px;
}
@media (hover: hover) {
  .form__group__number-unit .number__form__control:hover {
    z-index: var(--z-layer);
  }
}
.form__group__number-unit .number__form__control:focus {
  z-index: var(--z-layer);
}
.form__group__number-unit .number__form__control:read-only {
  border-color: var(--color-concrete);
}
.form__group__number-unit .number__form__control:disabled {
  border-right-color: var(--color-concrete);
}
.form__group__number-unit .number__form__control.form__control--error {
  z-index: var(--z-layer);
  border-color: var(--color-negative);
}
.form__group__number-unit .unit__form__control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form__group__number-unit .unit__form__control.unit__form__control--readonly {
  border-color: var(--color-concrete);
  background-color: var(--color-silver);
  color: var(--color-blue);
}
.form__group__number-unit .unit__form__control .p-select-label {
  border-right-style: var(--tw-border-style);
  border-right-width: 0px;
  padding-right: calc(var(--spacing) * 1);
}
.cdk-global-scrollblock {
  overflow-y: visible !important;
}
.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;
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    :root,
    :host {
      --table-border-width: 1px;
      --table-border-radius: 4px;
    }
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-divide-x-reverse: 0;
      --tw-outline-style: solid;
    }
  }
}

/* angular:styles/global:styles */