@charset "UTF-8";

/* node_modules/.pnpm/bootstrap-icons@1.13.2/node_modules/bootstrap-icons/font/bootstrap-icons.min.css */
@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url("bootstrap-icons-4CTG3PFR-Hh9swu6.woff2") format("woff2"), url("bootstrap-icons-536GFMIH-wwaSkEF.woff") format("woff");
}
.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bi-123::before {
  content: "\f67f";
}
.bi-alarm-fill::before {
  content: "\f101";
}
.bi-alarm::before {
  content: "\f102";
}
.bi-align-bottom::before {
  content: "\f103";
}
.bi-align-center::before {
  content: "\f104";
}
.bi-align-end::before {
  content: "\f105";
}
.bi-align-middle::before {
  content: "\f106";
}
.bi-align-start::before {
  content: "\f107";
}
.bi-align-top::before {
  content: "\f108";
}
.bi-alt::before {
  content: "\f109";
}
.bi-app-indicator::before {
  content: "\f10a";
}
.bi-app::before {
  content: "\f10b";
}
.bi-archive-fill::before {
  content: "\f10c";
}
.bi-archive::before {
  content: "\f10d";
}
.bi-arrow-90deg-down::before {
  content: "\f10e";
}
.bi-arrow-90deg-left::before {
  content: "\f10f";
}
.bi-arrow-90deg-right::before {
  content: "\f110";
}
.bi-arrow-90deg-up::before {
  content: "\f111";
}
.bi-arrow-bar-down::before {
  content: "\f112";
}
.bi-arrow-bar-left::before {
  content: "\f113";
}
.bi-arrow-bar-right::before {
  content: "\f114";
}
.bi-arrow-bar-up::before {
  content: "\f115";
}
.bi-arrow-clockwise::before {
  content: "\f116";
}
.bi-arrow-counterclockwise::before {
  content: "\f117";
}
.bi-arrow-down-circle-fill::before {
  content: "\f118";
}
.bi-arrow-down-circle::before {
  content: "\f119";
}
.bi-arrow-down-left-circle-fill::before {
  content: "\f11a";
}
.bi-arrow-down-left-circle::before {
  content: "\f11b";
}
.bi-arrow-down-left-square-fill::before {
  content: "\f11c";
}
.bi-arrow-down-left-square::before {
  content: "\f11d";
}
.bi-arrow-down-left::before {
  content: "\f11e";
}
.bi-arrow-down-right-circle-fill::before {
  content: "\f11f";
}
.bi-arrow-down-right-circle::before {
  content: "\f120";
}
.bi-arrow-down-right-square-fill::before {
  content: "\f121";
}
.bi-arrow-down-right-square::before {
  content: "\f122";
}
.bi-arrow-down-right::before {
  content: "\f123";
}
.bi-arrow-down-short::before {
  content: "\f124";
}
.bi-arrow-down-square-fill::before {
  content: "\f125";
}
.bi-arrow-down-square::before {
  content: "\f126";
}
.bi-arrow-down-up::before {
  content: "\f127";
}
.bi-arrow-down::before {
  content: "\f128";
}
.bi-arrow-left-circle-fill::before {
  content: "\f129";
}
.bi-arrow-left-circle::before {
  content: "\f12a";
}
.bi-arrow-left-right::before {
  content: "\f12b";
}
.bi-arrow-left-short::before {
  content: "\f12c";
}
.bi-arrow-left-square-fill::before {
  content: "\f12d";
}
.bi-arrow-left-square::before {
  content: "\f12e";
}
.bi-arrow-left::before {
  content: "\f12f";
}
.bi-arrow-repeat::before {
  content: "\f130";
}
.bi-arrow-return-left::before {
  content: "\f131";
}
.bi-arrow-return-right::before {
  content: "\f132";
}
.bi-arrow-right-circle-fill::before {
  content: "\f133";
}
.bi-arrow-right-circle::before {
  content: "\f134";
}
.bi-arrow-right-short::before {
  content: "\f135";
}
.bi-arrow-right-square-fill::before {
  content: "\f136";
}
.bi-arrow-right-square::before {
  content: "\f137";
}
.bi-arrow-right::before {
  content: "\f138";
}
.bi-arrow-up-circle-fill::before {
  content: "\f139";
}
.bi-arrow-up-circle::before {
  content: "\f13a";
}
.bi-arrow-up-left-circle-fill::before {
  content: "\f13b";
}
.bi-arrow-up-left-circle::before {
  content: "\f13c";
}
.bi-arrow-up-left-square-fill::before {
  content: "\f13d";
}
.bi-arrow-up-left-square::before {
  content: "\f13e";
}
.bi-arrow-up-left::before {
  content: "\f13f";
}
.bi-arrow-up-right-circle-fill::before {
  content: "\f140";
}
.bi-arrow-up-right-circle::before {
  content: "\f141";
}
.bi-arrow-up-right-square-fill::before {
  content: "\f142";
}
.bi-arrow-up-right-square::before {
  content: "\f143";
}
.bi-arrow-up-right::before {
  content: "\f144";
}
.bi-arrow-up-short::before {
  content: "\f145";
}
.bi-arrow-up-square-fill::before {
  content: "\f146";
}
.bi-arrow-up-square::before {
  content: "\f147";
}
.bi-arrow-up::before {
  content: "\f148";
}
.bi-arrows-angle-contract::before {
  content: "\f149";
}
.bi-arrows-angle-expand::before {
  content: "\f14a";
}
.bi-arrows-collapse::before {
  content: "\f14b";
}
.bi-arrows-expand::before {
  content: "\f14c";
}
.bi-arrows-fullscreen::before {
  content: "\f14d";
}
.bi-arrows-move::before {
  content: "\f14e";
}
.bi-aspect-ratio-fill::before {
  content: "\f14f";
}
.bi-aspect-ratio::before {
  content: "\f150";
}
.bi-asterisk::before {
  content: "\f151";
}
.bi-at::before {
  content: "\f152";
}
.bi-award-fill::before {
  content: "\f153";
}
.bi-award::before {
  content: "\f154";
}
.bi-back::before {
  content: "\f155";
}
.bi-backspace-fill::before {
  content: "\f156";
}
.bi-backspace-reverse-fill::before {
  content: "\f157";
}
.bi-backspace-reverse::before {
  content: "\f158";
}
.bi-backspace::before {
  content: "\f159";
}
.bi-badge-3d-fill::before {
  content: "\f15a";
}
.bi-badge-3d::before {
  content: "\f15b";
}
.bi-badge-4k-fill::before {
  content: "\f15c";
}
.bi-badge-4k::before {
  content: "\f15d";
}
.bi-badge-8k-fill::before {
  content: "\f15e";
}
.bi-badge-8k::before {
  content: "\f15f";
}
.bi-badge-ad-fill::before {
  content: "\f160";
}
.bi-badge-ad::before {
  content: "\f161";
}
.bi-badge-ar-fill::before {
  content: "\f162";
}
.bi-badge-ar::before {
  content: "\f163";
}
.bi-badge-cc-fill::before {
  content: "\f164";
}
.bi-badge-cc::before {
  content: "\f165";
}
.bi-badge-hd-fill::before {
  content: "\f166";
}
.bi-badge-hd::before {
  content: "\f167";
}
.bi-badge-tm-fill::before {
  content: "\f168";
}
.bi-badge-tm::before {
  content: "\f169";
}
.bi-badge-vo-fill::before {
  content: "\f16a";
}
.bi-badge-vo::before {
  content: "\f16b";
}
.bi-badge-vr-fill::before {
  content: "\f16c";
}
.bi-badge-vr::before {
  content: "\f16d";
}
.bi-badge-wc-fill::before {
  content: "\f16e";
}
.bi-badge-wc::before {
  content: "\f16f";
}
.bi-bag-check-fill::before {
  content: "\f170";
}
.bi-bag-check::before {
  content: "\f171";
}
.bi-bag-dash-fill::before {
  content: "\f172";
}
.bi-bag-dash::before {
  content: "\f173";
}
.bi-bag-fill::before {
  content: "\f174";
}
.bi-bag-plus-fill::before {
  content: "\f175";
}
.bi-bag-plus::before {
  content: "\f176";
}
.bi-bag-x-fill::before {
  content: "\f177";
}
.bi-bag-x::before {
  content: "\f178";
}
.bi-bag::before {
  content: "\f179";
}
.bi-bar-chart-fill::before {
  content: "\f17a";
}
.bi-bar-chart-line-fill::before {
  content: "\f17b";
}
.bi-bar-chart-line::before {
  content: "\f17c";
}
.bi-bar-chart-steps::before {
  content: "\f17d";
}
.bi-bar-chart::before {
  content: "\f17e";
}
.bi-basket-fill::before {
  content: "\f17f";
}
.bi-basket::before {
  content: "\f180";
}
.bi-basket2-fill::before {
  content: "\f181";
}
.bi-basket2::before {
  content: "\f182";
}
.bi-basket3-fill::before {
  content: "\f183";
}
.bi-basket3::before {
  content: "\f184";
}
.bi-battery-charging::before {
  content: "\f185";
}
.bi-battery-full::before {
  content: "\f186";
}
.bi-battery-half::before {
  content: "\f187";
}
.bi-battery::before {
  content: "\f188";
}
.bi-bell-fill::before {
  content: "\f189";
}
.bi-bell::before {
  content: "\f18a";
}
.bi-bezier::before {
  content: "\f18b";
}
.bi-bezier2::before {
  content: "\f18c";
}
.bi-bicycle::before {
  content: "\f18d";
}
.bi-binoculars-fill::before {
  content: "\f18e";
}
.bi-binoculars::before {
  content: "\f18f";
}
.bi-blockquote-left::before {
  content: "\f190";
}
.bi-blockquote-right::before {
  content: "\f191";
}
.bi-book-fill::before {
  content: "\f192";
}
.bi-book-half::before {
  content: "\f193";
}
.bi-book::before {
  content: "\f194";
}
.bi-bookmark-check-fill::before {
  content: "\f195";
}
.bi-bookmark-check::before {
  content: "\f196";
}
.bi-bookmark-dash-fill::before {
  content: "\f197";
}
.bi-bookmark-dash::before {
  content: "\f198";
}
.bi-bookmark-fill::before {
  content: "\f199";
}
.bi-bookmark-heart-fill::before {
  content: "\f19a";
}
.bi-bookmark-heart::before {
  content: "\f19b";
}
.bi-bookmark-plus-fill::before {
  content: "\f19c";
}
.bi-bookmark-plus::before {
  content: "\f19d";
}
.bi-bookmark-star-fill::before {
  content: "\f19e";
}
.bi-bookmark-star::before {
  content: "\f19f";
}
.bi-bookmark-x-fill::before {
  content: "\f1a0";
}
.bi-bookmark-x::before {
  content: "\f1a1";
}
.bi-bookmark::before {
  content: "\f1a2";
}
.bi-bookmarks-fill::before {
  content: "\f1a3";
}
.bi-bookmarks::before {
  content: "\f1a4";
}
.bi-bookshelf::before {
  content: "\f1a5";
}
.bi-bootstrap-fill::before {
  content: "\f1a6";
}
.bi-bootstrap-reboot::before {
  content: "\f1a7";
}
.bi-bootstrap::before {
  content: "\f1a8";
}
.bi-border-all::before {
  content: "\f1a9";
}
.bi-border-bottom::before {
  content: "\f1aa";
}
.bi-border-center::before {
  content: "\f1ab";
}
.bi-border-inner::before {
  content: "\f1ac";
}
.bi-border-left::before {
  content: "\f1ad";
}
.bi-border-middle::before {
  content: "\f1ae";
}
.bi-border-outer::before {
  content: "\f1af";
}
.bi-border-right::before {
  content: "\f1b0";
}
.bi-border-style::before {
  content: "\f1b1";
}
.bi-border-top::before {
  content: "\f1b2";
}
.bi-border-width::before {
  content: "\f1b3";
}
.bi-border::before {
  content: "\f1b4";
}
.bi-bounding-box-circles::before {
  content: "\f1b5";
}
.bi-bounding-box::before {
  content: "\f1b6";
}
.bi-box-arrow-down-left::before {
  content: "\f1b7";
}
.bi-box-arrow-down-right::before {
  content: "\f1b8";
}
.bi-box-arrow-down::before {
  content: "\f1b9";
}
.bi-box-arrow-in-down-left::before {
  content: "\f1ba";
}
.bi-box-arrow-in-down-right::before {
  content: "\f1bb";
}
.bi-box-arrow-in-down::before {
  content: "\f1bc";
}
.bi-box-arrow-in-left::before {
  content: "\f1bd";
}
.bi-box-arrow-in-right::before {
  content: "\f1be";
}
.bi-box-arrow-in-up-left::before {
  content: "\f1bf";
}
.bi-box-arrow-in-up-right::before {
  content: "\f1c0";
}
.bi-box-arrow-in-up::before {
  content: "\f1c1";
}
.bi-box-arrow-left::before {
  content: "\f1c2";
}
.bi-box-arrow-right::before {
  content: "\f1c3";
}
.bi-box-arrow-up-left::before {
  content: "\f1c4";
}
.bi-box-arrow-up-right::before {
  content: "\f1c5";
}
.bi-box-arrow-up::before {
  content: "\f1c6";
}
.bi-box-seam::before {
  content: "\f1c7";
}
.bi-box::before {
  content: "\f1c8";
}
.bi-braces::before {
  content: "\f1c9";
}
.bi-bricks::before {
  content: "\f1ca";
}
.bi-briefcase-fill::before {
  content: "\f1cb";
}
.bi-briefcase::before {
  content: "\f1cc";
}
.bi-brightness-alt-high-fill::before {
  content: "\f1cd";
}
.bi-brightness-alt-high::before {
  content: "\f1ce";
}
.bi-brightness-alt-low-fill::before {
  content: "\f1cf";
}
.bi-brightness-alt-low::before {
  content: "\f1d0";
}
.bi-brightness-high-fill::before {
  content: "\f1d1";
}
.bi-brightness-high::before {
  content: "\f1d2";
}
.bi-brightness-low-fill::before {
  content: "\f1d3";
}
.bi-brightness-low::before {
  content: "\f1d4";
}
.bi-broadcast-pin::before {
  content: "\f1d5";
}
.bi-broadcast::before {
  content: "\f1d6";
}
.bi-brush-fill::before {
  content: "\f1d7";
}
.bi-brush::before {
  content: "\f1d8";
}
.bi-bucket-fill::before {
  content: "\f1d9";
}
.bi-bucket::before {
  content: "\f1da";
}
.bi-bug-fill::before {
  content: "\f1db";
}
.bi-bug::before {
  content: "\f1dc";
}
.bi-building::before {
  content: "\f1dd";
}
.bi-bullseye::before {
  content: "\f1de";
}
.bi-calculator-fill::before {
  content: "\f1df";
}
.bi-calculator::before {
  content: "\f1e0";
}
.bi-calendar-check-fill::before {
  content: "\f1e1";
}
.bi-calendar-check::before {
  content: "\f1e2";
}
.bi-calendar-date-fill::before {
  content: "\f1e3";
}
.bi-calendar-date::before {
  content: "\f1e4";
}
.bi-calendar-day-fill::before {
  content: "\f1e5";
}
.bi-calendar-day::before {
  content: "\f1e6";
}
.bi-calendar-event-fill::before {
  content: "\f1e7";
}
.bi-calendar-event::before {
  content: "\f1e8";
}
.bi-calendar-fill::before {
  content: "\f1e9";
}
.bi-calendar-minus-fill::before {
  content: "\f1ea";
}
.bi-calendar-minus::before {
  content: "\f1eb";
}
.bi-calendar-month-fill::before {
  content: "\f1ec";
}
.bi-calendar-month::before {
  content: "\f1ed";
}
.bi-calendar-plus-fill::before {
  content: "\f1ee";
}
.bi-calendar-plus::before {
  content: "\f1ef";
}
.bi-calendar-range-fill::before {
  content: "\f1f0";
}
.bi-calendar-range::before {
  content: "\f1f1";
}
.bi-calendar-week-fill::before {
  content: "\f1f2";
}
.bi-calendar-week::before {
  content: "\f1f3";
}
.bi-calendar-x-fill::before {
  content: "\f1f4";
}
.bi-calendar-x::before {
  content: "\f1f5";
}
.bi-calendar::before {
  content: "\f1f6";
}
.bi-calendar2-check-fill::before {
  content: "\f1f7";
}
.bi-calendar2-check::before {
  content: "\f1f8";
}
.bi-calendar2-date-fill::before {
  content: "\f1f9";
}
.bi-calendar2-date::before {
  content: "\f1fa";
}
.bi-calendar2-day-fill::before {
  content: "\f1fb";
}
.bi-calendar2-day::before {
  content: "\f1fc";
}
.bi-calendar2-event-fill::before {
  content: "\f1fd";
}
.bi-calendar2-event::before {
  content: "\f1fe";
}
.bi-calendar2-fill::before {
  content: "\f1ff";
}
.bi-calendar2-minus-fill::before {
  content: "\f200";
}
.bi-calendar2-minus::before {
  content: "\f201";
}
.bi-calendar2-month-fill::before {
  content: "\f202";
}
.bi-calendar2-month::before {
  content: "\f203";
}
.bi-calendar2-plus-fill::before {
  content: "\f204";
}
.bi-calendar2-plus::before {
  content: "\f205";
}
.bi-calendar2-range-fill::before {
  content: "\f206";
}
.bi-calendar2-range::before {
  content: "\f207";
}
.bi-calendar2-week-fill::before {
  content: "\f208";
}
.bi-calendar2-week::before {
  content: "\f209";
}
.bi-calendar2-x-fill::before {
  content: "\f20a";
}
.bi-calendar2-x::before {
  content: "\f20b";
}
.bi-calendar2::before {
  content: "\f20c";
}
.bi-calendar3-event-fill::before {
  content: "\f20d";
}
.bi-calendar3-event::before {
  content: "\f20e";
}
.bi-calendar3-fill::before {
  content: "\f20f";
}
.bi-calendar3-range-fill::before {
  content: "\f210";
}
.bi-calendar3-range::before {
  content: "\f211";
}
.bi-calendar3-week-fill::before {
  content: "\f212";
}
.bi-calendar3-week::before {
  content: "\f213";
}
.bi-calendar3::before {
  content: "\f214";
}
.bi-calendar4-event::before {
  content: "\f215";
}
.bi-calendar4-range::before {
  content: "\f216";
}
.bi-calendar4-week::before {
  content: "\f217";
}
.bi-calendar4::before {
  content: "\f218";
}
.bi-camera-fill::before {
  content: "\f219";
}
.bi-camera-reels-fill::before {
  content: "\f21a";
}
.bi-camera-reels::before {
  content: "\f21b";
}
.bi-camera-video-fill::before {
  content: "\f21c";
}
.bi-camera-video-off-fill::before {
  content: "\f21d";
}
.bi-camera-video-off::before {
  content: "\f21e";
}
.bi-camera-video::before {
  content: "\f21f";
}
.bi-camera::before {
  content: "\f220";
}
.bi-camera2::before {
  content: "\f221";
}
.bi-capslock-fill::before {
  content: "\f222";
}
.bi-capslock::before {
  content: "\f223";
}
.bi-card-checklist::before {
  content: "\f224";
}
.bi-card-heading::before {
  content: "\f225";
}
.bi-card-image::before {
  content: "\f226";
}
.bi-card-list::before {
  content: "\f227";
}
.bi-card-text::before {
  content: "\f228";
}
.bi-caret-down-fill::before {
  content: "\f229";
}
.bi-caret-down-square-fill::before {
  content: "\f22a";
}
.bi-caret-down-square::before {
  content: "\f22b";
}
.bi-caret-down::before {
  content: "\f22c";
}
.bi-caret-left-fill::before {
  content: "\f22d";
}
.bi-caret-left-square-fill::before {
  content: "\f22e";
}
.bi-caret-left-square::before {
  content: "\f22f";
}
.bi-caret-left::before {
  content: "\f230";
}
.bi-caret-right-fill::before {
  content: "\f231";
}
.bi-caret-right-square-fill::before {
  content: "\f232";
}
.bi-caret-right-square::before {
  content: "\f233";
}
.bi-caret-right::before {
  content: "\f234";
}
.bi-caret-up-fill::before {
  content: "\f235";
}
.bi-caret-up-square-fill::before {
  content: "\f236";
}
.bi-caret-up-square::before {
  content: "\f237";
}
.bi-caret-up::before {
  content: "\f238";
}
.bi-cart-check-fill::before {
  content: "\f239";
}
.bi-cart-check::before {
  content: "\f23a";
}
.bi-cart-dash-fill::before {
  content: "\f23b";
}
.bi-cart-dash::before {
  content: "\f23c";
}
.bi-cart-fill::before {
  content: "\f23d";
}
.bi-cart-plus-fill::before {
  content: "\f23e";
}
.bi-cart-plus::before {
  content: "\f23f";
}
.bi-cart-x-fill::before {
  content: "\f240";
}
.bi-cart-x::before {
  content: "\f241";
}
.bi-cart::before {
  content: "\f242";
}
.bi-cart2::before {
  content: "\f243";
}
.bi-cart3::before {
  content: "\f244";
}
.bi-cart4::before {
  content: "\f245";
}
.bi-cash-stack::before {
  content: "\f246";
}
.bi-cash::before {
  content: "\f247";
}
.bi-cast::before {
  content: "\f248";
}
.bi-chat-dots-fill::before {
  content: "\f249";
}
.bi-chat-dots::before {
  content: "\f24a";
}
.bi-chat-fill::before {
  content: "\f24b";
}
.bi-chat-left-dots-fill::before {
  content: "\f24c";
}
.bi-chat-left-dots::before {
  content: "\f24d";
}
.bi-chat-left-fill::before {
  content: "\f24e";
}
.bi-chat-left-quote-fill::before {
  content: "\f24f";
}
.bi-chat-left-quote::before {
  content: "\f250";
}
.bi-chat-left-text-fill::before {
  content: "\f251";
}
.bi-chat-left-text::before {
  content: "\f252";
}
.bi-chat-left::before {
  content: "\f253";
}
.bi-chat-quote-fill::before {
  content: "\f254";
}
.bi-chat-quote::before {
  content: "\f255";
}
.bi-chat-right-dots-fill::before {
  content: "\f256";
}
.bi-chat-right-dots::before {
  content: "\f257";
}
.bi-chat-right-fill::before {
  content: "\f258";
}
.bi-chat-right-quote-fill::before {
  content: "\f259";
}
.bi-chat-right-quote::before {
  content: "\f25a";
}
.bi-chat-right-text-fill::before {
  content: "\f25b";
}
.bi-chat-right-text::before {
  content: "\f25c";
}
.bi-chat-right::before {
  content: "\f25d";
}
.bi-chat-square-dots-fill::before {
  content: "\f25e";
}
.bi-chat-square-dots::before {
  content: "\f25f";
}
.bi-chat-square-fill::before {
  content: "\f260";
}
.bi-chat-square-quote-fill::before {
  content: "\f261";
}
.bi-chat-square-quote::before {
  content: "\f262";
}
.bi-chat-square-text-fill::before {
  content: "\f263";
}
.bi-chat-square-text::before {
  content: "\f264";
}
.bi-chat-square::before {
  content: "\f265";
}
.bi-chat-text-fill::before {
  content: "\f266";
}
.bi-chat-text::before {
  content: "\f267";
}
.bi-chat::before {
  content: "\f268";
}
.bi-check-all::before {
  content: "\f269";
}
.bi-check-circle-fill::before {
  content: "\f26a";
}
.bi-check-circle::before {
  content: "\f26b";
}
.bi-check-square-fill::before {
  content: "\f26c";
}
.bi-check-square::before {
  content: "\f26d";
}
.bi-check::before {
  content: "\f26e";
}
.bi-check2-all::before {
  content: "\f26f";
}
.bi-check2-circle::before {
  content: "\f270";
}
.bi-check2-square::before {
  content: "\f271";
}
.bi-check2::before {
  content: "\f272";
}
.bi-chevron-bar-contract::before {
  content: "\f273";
}
.bi-chevron-bar-down::before {
  content: "\f274";
}
.bi-chevron-bar-expand::before {
  content: "\f275";
}
.bi-chevron-bar-left::before {
  content: "\f276";
}
.bi-chevron-bar-right::before {
  content: "\f277";
}
.bi-chevron-bar-up::before {
  content: "\f278";
}
.bi-chevron-compact-down::before {
  content: "\f279";
}
.bi-chevron-compact-left::before {
  content: "\f27a";
}
.bi-chevron-compact-right::before {
  content: "\f27b";
}
.bi-chevron-compact-up::before {
  content: "\f27c";
}
.bi-chevron-contract::before {
  content: "\f27d";
}
.bi-chevron-double-down::before {
  content: "\f27e";
}
.bi-chevron-double-left::before {
  content: "\f27f";
}
.bi-chevron-double-right::before {
  content: "\f280";
}
.bi-chevron-double-up::before {
  content: "\f281";
}
.bi-chevron-down::before {
  content: "\f282";
}
.bi-chevron-expand::before {
  content: "\f283";
}
.bi-chevron-left::before {
  content: "\f284";
}
.bi-chevron-right::before {
  content: "\f285";
}
.bi-chevron-up::before {
  content: "\f286";
}
.bi-circle-fill::before {
  content: "\f287";
}
.bi-circle-half::before {
  content: "\f288";
}
.bi-circle-square::before {
  content: "\f289";
}
.bi-circle::before {
  content: "\f28a";
}
.bi-clipboard-check::before {
  content: "\f28b";
}
.bi-clipboard-data::before {
  content: "\f28c";
}
.bi-clipboard-minus::before {
  content: "\f28d";
}
.bi-clipboard-plus::before {
  content: "\f28e";
}
.bi-clipboard-x::before {
  content: "\f28f";
}
.bi-clipboard::before {
  content: "\f290";
}
.bi-clock-fill::before {
  content: "\f291";
}
.bi-clock-history::before {
  content: "\f292";
}
.bi-clock::before {
  content: "\f293";
}
.bi-cloud-arrow-down-fill::before {
  content: "\f294";
}
.bi-cloud-arrow-down::before {
  content: "\f295";
}
.bi-cloud-arrow-up-fill::before {
  content: "\f296";
}
.bi-cloud-arrow-up::before {
  content: "\f297";
}
.bi-cloud-check-fill::before {
  content: "\f298";
}
.bi-cloud-check::before {
  content: "\f299";
}
.bi-cloud-download-fill::before {
  content: "\f29a";
}
.bi-cloud-download::before {
  content: "\f29b";
}
.bi-cloud-drizzle-fill::before {
  content: "\f29c";
}
.bi-cloud-drizzle::before {
  content: "\f29d";
}
.bi-cloud-fill::before {
  content: "\f29e";
}
.bi-cloud-fog-fill::before {
  content: "\f29f";
}
.bi-cloud-fog::before {
  content: "\f2a0";
}
.bi-cloud-fog2-fill::before {
  content: "\f2a1";
}
.bi-cloud-fog2::before {
  content: "\f2a2";
}
.bi-cloud-hail-fill::before {
  content: "\f2a3";
}
.bi-cloud-hail::before {
  content: "\f2a4";
}
.bi-cloud-haze-fill::before {
  content: "\f2a6";
}
.bi-cloud-haze::before {
  content: "\f2a7";
}
.bi-cloud-haze2-fill::before {
  content: "\f2a8";
}
.bi-cloud-lightning-fill::before {
  content: "\f2a9";
}
.bi-cloud-lightning-rain-fill::before {
  content: "\f2aa";
}
.bi-cloud-lightning-rain::before {
  content: "\f2ab";
}
.bi-cloud-lightning::before {
  content: "\f2ac";
}
.bi-cloud-minus-fill::before {
  content: "\f2ad";
}
.bi-cloud-minus::before {
  content: "\f2ae";
}
.bi-cloud-moon-fill::before {
  content: "\f2af";
}
.bi-cloud-moon::before {
  content: "\f2b0";
}
.bi-cloud-plus-fill::before {
  content: "\f2b1";
}
.bi-cloud-plus::before {
  content: "\f2b2";
}
.bi-cloud-rain-fill::before {
  content: "\f2b3";
}
.bi-cloud-rain-heavy-fill::before {
  content: "\f2b4";
}
.bi-cloud-rain-heavy::before {
  content: "\f2b5";
}
.bi-cloud-rain::before {
  content: "\f2b6";
}
.bi-cloud-slash-fill::before {
  content: "\f2b7";
}
.bi-cloud-slash::before {
  content: "\f2b8";
}
.bi-cloud-sleet-fill::before {
  content: "\f2b9";
}
.bi-cloud-sleet::before {
  content: "\f2ba";
}
.bi-cloud-snow-fill::before {
  content: "\f2bb";
}
.bi-cloud-snow::before {
  content: "\f2bc";
}
.bi-cloud-sun-fill::before {
  content: "\f2bd";
}
.bi-cloud-sun::before {
  content: "\f2be";
}
.bi-cloud-upload-fill::before {
  content: "\f2bf";
}
.bi-cloud-upload::before {
  content: "\f2c0";
}
.bi-cloud::before {
  content: "\f2c1";
}
.bi-clouds-fill::before {
  content: "\f2c2";
}
.bi-clouds::before {
  content: "\f2c3";
}
.bi-cloudy-fill::before {
  content: "\f2c4";
}
.bi-cloudy::before {
  content: "\f2c5";
}
.bi-code-slash::before {
  content: "\f2c6";
}
.bi-code-square::before {
  content: "\f2c7";
}
.bi-code::before {
  content: "\f2c8";
}
.bi-collection-fill::before {
  content: "\f2c9";
}
.bi-collection-play-fill::before {
  content: "\f2ca";
}
.bi-collection-play::before {
  content: "\f2cb";
}
.bi-collection::before {
  content: "\f2cc";
}
.bi-columns-gap::before {
  content: "\f2cd";
}
.bi-columns::before {
  content: "\f2ce";
}
.bi-command::before {
  content: "\f2cf";
}
.bi-compass-fill::before {
  content: "\f2d0";
}
.bi-compass::before {
  content: "\f2d1";
}
.bi-cone-striped::before {
  content: "\f2d2";
}
.bi-cone::before {
  content: "\f2d3";
}
.bi-controller::before {
  content: "\f2d4";
}
.bi-cpu-fill::before {
  content: "\f2d5";
}
.bi-cpu::before {
  content: "\f2d6";
}
.bi-credit-card-2-back-fill::before {
  content: "\f2d7";
}
.bi-credit-card-2-back::before {
  content: "\f2d8";
}
.bi-credit-card-2-front-fill::before {
  content: "\f2d9";
}
.bi-credit-card-2-front::before {
  content: "\f2da";
}
.bi-credit-card-fill::before {
  content: "\f2db";
}
.bi-credit-card::before {
  content: "\f2dc";
}
.bi-crop::before {
  content: "\f2dd";
}
.bi-cup-fill::before {
  content: "\f2de";
}
.bi-cup-straw::before {
  content: "\f2df";
}
.bi-cup::before {
  content: "\f2e0";
}
.bi-cursor-fill::before {
  content: "\f2e1";
}
.bi-cursor-text::before {
  content: "\f2e2";
}
.bi-cursor::before {
  content: "\f2e3";
}
.bi-dash-circle-dotted::before {
  content: "\f2e4";
}
.bi-dash-circle-fill::before {
  content: "\f2e5";
}
.bi-dash-circle::before {
  content: "\f2e6";
}
.bi-dash-square-dotted::before {
  content: "\f2e7";
}
.bi-dash-square-fill::before {
  content: "\f2e8";
}
.bi-dash-square::before {
  content: "\f2e9";
}
.bi-dash::before {
  content: "\f2ea";
}
.bi-diagram-2-fill::before {
  content: "\f2eb";
}
.bi-diagram-2::before {
  content: "\f2ec";
}
.bi-diagram-3-fill::before {
  content: "\f2ed";
}
.bi-diagram-3::before {
  content: "\f2ee";
}
.bi-diamond-fill::before {
  content: "\f2ef";
}
.bi-diamond-half::before {
  content: "\f2f0";
}
.bi-diamond::before {
  content: "\f2f1";
}
.bi-dice-1-fill::before {
  content: "\f2f2";
}
.bi-dice-1::before {
  content: "\f2f3";
}
.bi-dice-2-fill::before {
  content: "\f2f4";
}
.bi-dice-2::before {
  content: "\f2f5";
}
.bi-dice-3-fill::before {
  content: "\f2f6";
}
.bi-dice-3::before {
  content: "\f2f7";
}
.bi-dice-4-fill::before {
  content: "\f2f8";
}
.bi-dice-4::before {
  content: "\f2f9";
}
.bi-dice-5-fill::before {
  content: "\f2fa";
}
.bi-dice-5::before {
  content: "\f2fb";
}
.bi-dice-6-fill::before {
  content: "\f2fc";
}
.bi-dice-6::before {
  content: "\f2fd";
}
.bi-disc-fill::before {
  content: "\f2fe";
}
.bi-disc::before {
  content: "\f2ff";
}
.bi-discord::before {
  content: "\f300";
}
.bi-display-fill::before {
  content: "\f301";
}
.bi-display::before {
  content: "\f302";
}
.bi-distribute-horizontal::before {
  content: "\f303";
}
.bi-distribute-vertical::before {
  content: "\f304";
}
.bi-door-closed-fill::before {
  content: "\f305";
}
.bi-door-closed::before {
  content: "\f306";
}
.bi-door-open-fill::before {
  content: "\f307";
}
.bi-door-open::before {
  content: "\f308";
}
.bi-dot::before {
  content: "\f309";
}
.bi-download::before {
  content: "\f30a";
}
.bi-droplet-fill::before {
  content: "\f30b";
}
.bi-droplet-half::before {
  content: "\f30c";
}
.bi-droplet::before {
  content: "\f30d";
}
.bi-earbuds::before {
  content: "\f30e";
}
.bi-easel-fill::before {
  content: "\f30f";
}
.bi-easel::before {
  content: "\f310";
}
.bi-egg-fill::before {
  content: "\f311";
}
.bi-egg-fried::before {
  content: "\f312";
}
.bi-egg::before {
  content: "\f313";
}
.bi-eject-fill::before {
  content: "\f314";
}
.bi-eject::before {
  content: "\f315";
}
.bi-emoji-angry-fill::before {
  content: "\f316";
}
.bi-emoji-angry::before {
  content: "\f317";
}
.bi-emoji-dizzy-fill::before {
  content: "\f318";
}
.bi-emoji-dizzy::before {
  content: "\f319";
}
.bi-emoji-expressionless-fill::before {
  content: "\f31a";
}
.bi-emoji-expressionless::before {
  content: "\f31b";
}
.bi-emoji-frown-fill::before {
  content: "\f31c";
}
.bi-emoji-frown::before {
  content: "\f31d";
}
.bi-emoji-heart-eyes-fill::before {
  content: "\f31e";
}
.bi-emoji-heart-eyes::before {
  content: "\f31f";
}
.bi-emoji-laughing-fill::before {
  content: "\f320";
}
.bi-emoji-laughing::before {
  content: "\f321";
}
.bi-emoji-neutral-fill::before {
  content: "\f322";
}
.bi-emoji-neutral::before {
  content: "\f323";
}
.bi-emoji-smile-fill::before {
  content: "\f324";
}
.bi-emoji-smile-upside-down-fill::before {
  content: "\f325";
}
.bi-emoji-smile-upside-down::before {
  content: "\f326";
}
.bi-emoji-smile::before {
  content: "\f327";
}
.bi-emoji-sunglasses-fill::before {
  content: "\f328";
}
.bi-emoji-sunglasses::before {
  content: "\f329";
}
.bi-emoji-wink-fill::before {
  content: "\f32a";
}
.bi-emoji-wink::before {
  content: "\f32b";
}
.bi-envelope-fill::before {
  content: "\f32c";
}
.bi-envelope-open-fill::before {
  content: "\f32d";
}
.bi-envelope-open::before {
  content: "\f32e";
}
.bi-envelope::before {
  content: "\f32f";
}
.bi-eraser-fill::before {
  content: "\f330";
}
.bi-eraser::before {
  content: "\f331";
}
.bi-exclamation-circle-fill::before {
  content: "\f332";
}
.bi-exclamation-circle::before {
  content: "\f333";
}
.bi-exclamation-diamond-fill::before {
  content: "\f334";
}
.bi-exclamation-diamond::before {
  content: "\f335";
}
.bi-exclamation-octagon-fill::before {
  content: "\f336";
}
.bi-exclamation-octagon::before {
  content: "\f337";
}
.bi-exclamation-square-fill::before {
  content: "\f338";
}
.bi-exclamation-square::before {
  content: "\f339";
}
.bi-exclamation-triangle-fill::before {
  content: "\f33a";
}
.bi-exclamation-triangle::before {
  content: "\f33b";
}
.bi-exclamation::before {
  content: "\f33c";
}
.bi-exclude::before {
  content: "\f33d";
}
.bi-eye-fill::before {
  content: "\f33e";
}
.bi-eye-slash-fill::before {
  content: "\f33f";
}
.bi-eye-slash::before {
  content: "\f340";
}
.bi-eye::before {
  content: "\f341";
}
.bi-eyedropper::before {
  content: "\f342";
}
.bi-eyeglasses::before {
  content: "\f343";
}
.bi-facebook::before {
  content: "\f344";
}
.bi-file-arrow-down-fill::before {
  content: "\f345";
}
.bi-file-arrow-down::before {
  content: "\f346";
}
.bi-file-arrow-up-fill::before {
  content: "\f347";
}
.bi-file-arrow-up::before {
  content: "\f348";
}
.bi-file-bar-graph-fill::before {
  content: "\f349";
}
.bi-file-bar-graph::before {
  content: "\f34a";
}
.bi-file-binary-fill::before {
  content: "\f34b";
}
.bi-file-binary::before {
  content: "\f34c";
}
.bi-file-break-fill::before {
  content: "\f34d";
}
.bi-file-break::before {
  content: "\f34e";
}
.bi-file-check-fill::before {
  content: "\f34f";
}
.bi-file-check::before {
  content: "\f350";
}
.bi-file-code-fill::before {
  content: "\f351";
}
.bi-file-code::before {
  content: "\f352";
}
.bi-file-diff-fill::before {
  content: "\f353";
}
.bi-file-diff::before {
  content: "\f354";
}
.bi-file-earmark-arrow-down-fill::before {
  content: "\f355";
}
.bi-file-earmark-arrow-down::before {
  content: "\f356";
}
.bi-file-earmark-arrow-up-fill::before {
  content: "\f357";
}
.bi-file-earmark-arrow-up::before {
  content: "\f358";
}
.bi-file-earmark-bar-graph-fill::before {
  content: "\f359";
}
.bi-file-earmark-bar-graph::before {
  content: "\f35a";
}
.bi-file-earmark-binary-fill::before {
  content: "\f35b";
}
.bi-file-earmark-binary::before {
  content: "\f35c";
}
.bi-file-earmark-break-fill::before {
  content: "\f35d";
}
.bi-file-earmark-break::before {
  content: "\f35e";
}
.bi-file-earmark-check-fill::before {
  content: "\f35f";
}
.bi-file-earmark-check::before {
  content: "\f360";
}
.bi-file-earmark-code-fill::before {
  content: "\f361";
}
.bi-file-earmark-code::before {
  content: "\f362";
}
.bi-file-earmark-diff-fill::before {
  content: "\f363";
}
.bi-file-earmark-diff::before {
  content: "\f364";
}
.bi-file-earmark-easel-fill::before {
  content: "\f365";
}
.bi-file-earmark-easel::before {
  content: "\f366";
}
.bi-file-earmark-excel-fill::before {
  content: "\f367";
}
.bi-file-earmark-excel::before {
  content: "\f368";
}
.bi-file-earmark-fill::before {
  content: "\f369";
}
.bi-file-earmark-font-fill::before {
  content: "\f36a";
}
.bi-file-earmark-font::before {
  content: "\f36b";
}
.bi-file-earmark-image-fill::before {
  content: "\f36c";
}
.bi-file-earmark-image::before {
  content: "\f36d";
}
.bi-file-earmark-lock-fill::before {
  content: "\f36e";
}
.bi-file-earmark-lock::before {
  content: "\f36f";
}
.bi-file-earmark-lock2-fill::before {
  content: "\f370";
}
.bi-file-earmark-lock2::before {
  content: "\f371";
}
.bi-file-earmark-medical-fill::before {
  content: "\f372";
}
.bi-file-earmark-medical::before {
  content: "\f373";
}
.bi-file-earmark-minus-fill::before {
  content: "\f374";
}
.bi-file-earmark-minus::before {
  content: "\f375";
}
.bi-file-earmark-music-fill::before {
  content: "\f376";
}
.bi-file-earmark-music::before {
  content: "\f377";
}
.bi-file-earmark-person-fill::before {
  content: "\f378";
}
.bi-file-earmark-person::before {
  content: "\f379";
}
.bi-file-earmark-play-fill::before {
  content: "\f37a";
}
.bi-file-earmark-play::before {
  content: "\f37b";
}
.bi-file-earmark-plus-fill::before {
  content: "\f37c";
}
.bi-file-earmark-plus::before {
  content: "\f37d";
}
.bi-file-earmark-post-fill::before {
  content: "\f37e";
}
.bi-file-earmark-post::before {
  content: "\f37f";
}
.bi-file-earmark-ppt-fill::before {
  content: "\f380";
}
.bi-file-earmark-ppt::before {
  content: "\f381";
}
.bi-file-earmark-richtext-fill::before {
  content: "\f382";
}
.bi-file-earmark-richtext::before {
  content: "\f383";
}
.bi-file-earmark-ruled-fill::before {
  content: "\f384";
}
.bi-file-earmark-ruled::before {
  content: "\f385";
}
.bi-file-earmark-slides-fill::before {
  content: "\f386";
}
.bi-file-earmark-slides::before {
  content: "\f387";
}
.bi-file-earmark-spreadsheet-fill::before {
  content: "\f388";
}
.bi-file-earmark-spreadsheet::before {
  content: "\f389";
}
.bi-file-earmark-text-fill::before {
  content: "\f38a";
}
.bi-file-earmark-text::before {
  content: "\f38b";
}
.bi-file-earmark-word-fill::before {
  content: "\f38c";
}
.bi-file-earmark-word::before {
  content: "\f38d";
}
.bi-file-earmark-x-fill::before {
  content: "\f38e";
}
.bi-file-earmark-x::before {
  content: "\f38f";
}
.bi-file-earmark-zip-fill::before {
  content: "\f390";
}
.bi-file-earmark-zip::before {
  content: "\f391";
}
.bi-file-earmark::before {
  content: "\f392";
}
.bi-file-easel-fill::before {
  content: "\f393";
}
.bi-file-easel::before {
  content: "\f394";
}
.bi-file-excel-fill::before {
  content: "\f395";
}
.bi-file-excel::before {
  content: "\f396";
}
.bi-file-fill::before {
  content: "\f397";
}
.bi-file-font-fill::before {
  content: "\f398";
}
.bi-file-font::before {
  content: "\f399";
}
.bi-file-image-fill::before {
  content: "\f39a";
}
.bi-file-image::before {
  content: "\f39b";
}
.bi-file-lock-fill::before {
  content: "\f39c";
}
.bi-file-lock::before {
  content: "\f39d";
}
.bi-file-lock2-fill::before {
  content: "\f39e";
}
.bi-file-lock2::before {
  content: "\f39f";
}
.bi-file-medical-fill::before {
  content: "\f3a0";
}
.bi-file-medical::before {
  content: "\f3a1";
}
.bi-file-minus-fill::before {
  content: "\f3a2";
}
.bi-file-minus::before {
  content: "\f3a3";
}
.bi-file-music-fill::before {
  content: "\f3a4";
}
.bi-file-music::before {
  content: "\f3a5";
}
.bi-file-person-fill::before {
  content: "\f3a6";
}
.bi-file-person::before {
  content: "\f3a7";
}
.bi-file-play-fill::before {
  content: "\f3a8";
}
.bi-file-play::before {
  content: "\f3a9";
}
.bi-file-plus-fill::before {
  content: "\f3aa";
}
.bi-file-plus::before {
  content: "\f3ab";
}
.bi-file-post-fill::before {
  content: "\f3ac";
}
.bi-file-post::before {
  content: "\f3ad";
}
.bi-file-ppt-fill::before {
  content: "\f3ae";
}
.bi-file-ppt::before {
  content: "\f3af";
}
.bi-file-richtext-fill::before {
  content: "\f3b0";
}
.bi-file-richtext::before {
  content: "\f3b1";
}
.bi-file-ruled-fill::before {
  content: "\f3b2";
}
.bi-file-ruled::before {
  content: "\f3b3";
}
.bi-file-slides-fill::before {
  content: "\f3b4";
}
.bi-file-slides::before {
  content: "\f3b5";
}
.bi-file-spreadsheet-fill::before {
  content: "\f3b6";
}
.bi-file-spreadsheet::before {
  content: "\f3b7";
}
.bi-file-text-fill::before {
  content: "\f3b8";
}
.bi-file-text::before {
  content: "\f3b9";
}
.bi-file-word-fill::before {
  content: "\f3ba";
}
.bi-file-word::before {
  content: "\f3bb";
}
.bi-file-x-fill::before {
  content: "\f3bc";
}
.bi-file-x::before {
  content: "\f3bd";
}
.bi-file-zip-fill::before {
  content: "\f3be";
}
.bi-file-zip::before {
  content: "\f3bf";
}
.bi-file::before {
  content: "\f3c0";
}
.bi-files-alt::before {
  content: "\f3c1";
}
.bi-files::before {
  content: "\f3c2";
}
.bi-film::before {
  content: "\f3c3";
}
.bi-filter-circle-fill::before {
  content: "\f3c4";
}
.bi-filter-circle::before {
  content: "\f3c5";
}
.bi-filter-left::before {
  content: "\f3c6";
}
.bi-filter-right::before {
  content: "\f3c7";
}
.bi-filter-square-fill::before {
  content: "\f3c8";
}
.bi-filter-square::before {
  content: "\f3c9";
}
.bi-filter::before {
  content: "\f3ca";
}
.bi-flag-fill::before {
  content: "\f3cb";
}
.bi-flag::before {
  content: "\f3cc";
}
.bi-flower1::before {
  content: "\f3cd";
}
.bi-flower2::before {
  content: "\f3ce";
}
.bi-flower3::before {
  content: "\f3cf";
}
.bi-folder-check::before {
  content: "\f3d0";
}
.bi-folder-fill::before {
  content: "\f3d1";
}
.bi-folder-minus::before {
  content: "\f3d2";
}
.bi-folder-plus::before {
  content: "\f3d3";
}
.bi-folder-symlink-fill::before {
  content: "\f3d4";
}
.bi-folder-symlink::before {
  content: "\f3d5";
}
.bi-folder-x::before {
  content: "\f3d6";
}
.bi-folder::before {
  content: "\f3d7";
}
.bi-folder2-open::before {
  content: "\f3d8";
}
.bi-folder2::before {
  content: "\f3d9";
}
.bi-fonts::before {
  content: "\f3da";
}
.bi-forward-fill::before {
  content: "\f3db";
}
.bi-forward::before {
  content: "\f3dc";
}
.bi-front::before {
  content: "\f3dd";
}
.bi-fullscreen-exit::before {
  content: "\f3de";
}
.bi-fullscreen::before {
  content: "\f3df";
}
.bi-funnel-fill::before {
  content: "\f3e0";
}
.bi-funnel::before {
  content: "\f3e1";
}
.bi-gear-fill::before {
  content: "\f3e2";
}
.bi-gear-wide-connected::before {
  content: "\f3e3";
}
.bi-gear-wide::before {
  content: "\f3e4";
}
.bi-gear::before {
  content: "\f3e5";
}
.bi-gem::before {
  content: "\f3e6";
}
.bi-geo-alt-fill::before {
  content: "\f3e7";
}
.bi-geo-alt::before {
  content: "\f3e8";
}
.bi-geo-fill::before {
  content: "\f3e9";
}
.bi-geo::before {
  content: "\f3ea";
}
.bi-gift-fill::before {
  content: "\f3eb";
}
.bi-gift::before {
  content: "\f3ec";
}
.bi-github::before {
  content: "\f3ed";
}
.bi-globe::before {
  content: "\f3ee";
}
.bi-globe2::before {
  content: "\f3ef";
}
.bi-google::before {
  content: "\f3f0";
}
.bi-graph-down::before {
  content: "\f3f1";
}
.bi-graph-up::before {
  content: "\f3f2";
}
.bi-grid-1x2-fill::before {
  content: "\f3f3";
}
.bi-grid-1x2::before {
  content: "\f3f4";
}
.bi-grid-3x2-gap-fill::before {
  content: "\f3f5";
}
.bi-grid-3x2-gap::before {
  content: "\f3f6";
}
.bi-grid-3x2::before {
  content: "\f3f7";
}
.bi-grid-3x3-gap-fill::before {
  content: "\f3f8";
}
.bi-grid-3x3-gap::before {
  content: "\f3f9";
}
.bi-grid-3x3::before {
  content: "\f3fa";
}
.bi-grid-fill::before {
  content: "\f3fb";
}
.bi-grid::before {
  content: "\f3fc";
}
.bi-grip-horizontal::before {
  content: "\f3fd";
}
.bi-grip-vertical::before {
  content: "\f3fe";
}
.bi-hammer::before {
  content: "\f3ff";
}
.bi-hand-index-fill::before {
  content: "\f400";
}
.bi-hand-index-thumb-fill::before {
  content: "\f401";
}
.bi-hand-index-thumb::before {
  content: "\f402";
}
.bi-hand-index::before {
  content: "\f403";
}
.bi-hand-thumbs-down-fill::before {
  content: "\f404";
}
.bi-hand-thumbs-down::before {
  content: "\f405";
}
.bi-hand-thumbs-up-fill::before {
  content: "\f406";
}
.bi-hand-thumbs-up::before {
  content: "\f407";
}
.bi-handbag-fill::before {
  content: "\f408";
}
.bi-handbag::before {
  content: "\f409";
}
.bi-hash::before {
  content: "\f40a";
}
.bi-hdd-fill::before {
  content: "\f40b";
}
.bi-hdd-network-fill::before {
  content: "\f40c";
}
.bi-hdd-network::before {
  content: "\f40d";
}
.bi-hdd-rack-fill::before {
  content: "\f40e";
}
.bi-hdd-rack::before {
  content: "\f40f";
}
.bi-hdd-stack-fill::before {
  content: "\f410";
}
.bi-hdd-stack::before {
  content: "\f411";
}
.bi-hdd::before {
  content: "\f412";
}
.bi-headphones::before {
  content: "\f413";
}
.bi-headset::before {
  content: "\f414";
}
.bi-heart-fill::before {
  content: "\f415";
}
.bi-heart-half::before {
  content: "\f416";
}
.bi-heart::before {
  content: "\f417";
}
.bi-heptagon-fill::before {
  content: "\f418";
}
.bi-heptagon-half::before {
  content: "\f419";
}
.bi-heptagon::before {
  content: "\f41a";
}
.bi-hexagon-fill::before {
  content: "\f41b";
}
.bi-hexagon-half::before {
  content: "\f41c";
}
.bi-hexagon::before {
  content: "\f41d";
}
.bi-hourglass-bottom::before {
  content: "\f41e";
}
.bi-hourglass-split::before {
  content: "\f41f";
}
.bi-hourglass-top::before {
  content: "\f420";
}
.bi-hourglass::before {
  content: "\f421";
}
.bi-house-door-fill::before {
  content: "\f422";
}
.bi-house-door::before {
  content: "\f423";
}
.bi-house-fill::before {
  content: "\f424";
}
.bi-house::before {
  content: "\f425";
}
.bi-hr::before {
  content: "\f426";
}
.bi-hurricane::before {
  content: "\f427";
}
.bi-image-alt::before {
  content: "\f428";
}
.bi-image-fill::before {
  content: "\f429";
}
.bi-image::before {
  content: "\f42a";
}
.bi-images::before {
  content: "\f42b";
}
.bi-inbox-fill::before {
  content: "\f42c";
}
.bi-inbox::before {
  content: "\f42d";
}
.bi-inboxes-fill::before {
  content: "\f42e";
}
.bi-inboxes::before {
  content: "\f42f";
}
.bi-info-circle-fill::before {
  content: "\f430";
}
.bi-info-circle::before {
  content: "\f431";
}
.bi-info-square-fill::before {
  content: "\f432";
}
.bi-info-square::before {
  content: "\f433";
}
.bi-info::before {
  content: "\f434";
}
.bi-input-cursor-text::before {
  content: "\f435";
}
.bi-input-cursor::before {
  content: "\f436";
}
.bi-instagram::before {
  content: "\f437";
}
.bi-intersect::before {
  content: "\f438";
}
.bi-journal-album::before {
  content: "\f439";
}
.bi-journal-arrow-down::before {
  content: "\f43a";
}
.bi-journal-arrow-up::before {
  content: "\f43b";
}
.bi-journal-bookmark-fill::before {
  content: "\f43c";
}
.bi-journal-bookmark::before {
  content: "\f43d";
}
.bi-journal-check::before {
  content: "\f43e";
}
.bi-journal-code::before {
  content: "\f43f";
}
.bi-journal-medical::before {
  content: "\f440";
}
.bi-journal-minus::before {
  content: "\f441";
}
.bi-journal-plus::before {
  content: "\f442";
}
.bi-journal-richtext::before {
  content: "\f443";
}
.bi-journal-text::before {
  content: "\f444";
}
.bi-journal-x::before {
  content: "\f445";
}
.bi-journal::before {
  content: "\f446";
}
.bi-journals::before {
  content: "\f447";
}
.bi-joystick::before {
  content: "\f448";
}
.bi-justify-left::before {
  content: "\f449";
}
.bi-justify-right::before {
  content: "\f44a";
}
.bi-justify::before {
  content: "\f44b";
}
.bi-kanban-fill::before {
  content: "\f44c";
}
.bi-kanban::before {
  content: "\f44d";
}
.bi-key-fill::before {
  content: "\f44e";
}
.bi-key::before {
  content: "\f44f";
}
.bi-keyboard-fill::before {
  content: "\f450";
}
.bi-keyboard::before {
  content: "\f451";
}
.bi-ladder::before {
  content: "\f452";
}
.bi-lamp-fill::before {
  content: "\f453";
}
.bi-lamp::before {
  content: "\f454";
}
.bi-laptop-fill::before {
  content: "\f455";
}
.bi-laptop::before {
  content: "\f456";
}
.bi-layer-backward::before {
  content: "\f457";
}
.bi-layer-forward::before {
  content: "\f458";
}
.bi-layers-fill::before {
  content: "\f459";
}
.bi-layers-half::before {
  content: "\f45a";
}
.bi-layers::before {
  content: "\f45b";
}
.bi-layout-sidebar-inset-reverse::before {
  content: "\f45c";
}
.bi-layout-sidebar-inset::before {
  content: "\f45d";
}
.bi-layout-sidebar-reverse::before {
  content: "\f45e";
}
.bi-layout-sidebar::before {
  content: "\f45f";
}
.bi-layout-split::before {
  content: "\f460";
}
.bi-layout-text-sidebar-reverse::before {
  content: "\f461";
}
.bi-layout-text-sidebar::before {
  content: "\f462";
}
.bi-layout-text-window-reverse::before {
  content: "\f463";
}
.bi-layout-text-window::before {
  content: "\f464";
}
.bi-layout-three-columns::before {
  content: "\f465";
}
.bi-layout-wtf::before {
  content: "\f466";
}
.bi-life-preserver::before {
  content: "\f467";
}
.bi-lightbulb-fill::before {
  content: "\f468";
}
.bi-lightbulb-off-fill::before {
  content: "\f469";
}
.bi-lightbulb-off::before {
  content: "\f46a";
}
.bi-lightbulb::before {
  content: "\f46b";
}
.bi-lightning-charge-fill::before {
  content: "\f46c";
}
.bi-lightning-charge::before {
  content: "\f46d";
}
.bi-lightning-fill::before {
  content: "\f46e";
}
.bi-lightning::before {
  content: "\f46f";
}
.bi-link-45deg::before {
  content: "\f470";
}
.bi-link::before {
  content: "\f471";
}
.bi-linkedin::before {
  content: "\f472";
}
.bi-list-check::before {
  content: "\f473";
}
.bi-list-nested::before {
  content: "\f474";
}
.bi-list-ol::before {
  content: "\f475";
}
.bi-list-stars::before {
  content: "\f476";
}
.bi-list-task::before {
  content: "\f477";
}
.bi-list-ul::before {
  content: "\f478";
}
.bi-list::before {
  content: "\f479";
}
.bi-lock-fill::before {
  content: "\f47a";
}
.bi-lock::before {
  content: "\f47b";
}
.bi-mailbox::before {
  content: "\f47c";
}
.bi-mailbox2::before {
  content: "\f47d";
}
.bi-map-fill::before {
  content: "\f47e";
}
.bi-map::before {
  content: "\f47f";
}
.bi-markdown-fill::before {
  content: "\f480";
}
.bi-markdown::before {
  content: "\f481";
}
.bi-mask::before {
  content: "\f482";
}
.bi-megaphone-fill::before {
  content: "\f483";
}
.bi-megaphone::before {
  content: "\f484";
}
.bi-menu-app-fill::before {
  content: "\f485";
}
.bi-menu-app::before {
  content: "\f486";
}
.bi-menu-button-fill::before {
  content: "\f487";
}
.bi-menu-button-wide-fill::before {
  content: "\f488";
}
.bi-menu-button-wide::before {
  content: "\f489";
}
.bi-menu-button::before {
  content: "\f48a";
}
.bi-menu-down::before {
  content: "\f48b";
}
.bi-menu-up::before {
  content: "\f48c";
}
.bi-mic-fill::before {
  content: "\f48d";
}
.bi-mic-mute-fill::before {
  content: "\f48e";
}
.bi-mic-mute::before {
  content: "\f48f";
}
.bi-mic::before {
  content: "\f490";
}
.bi-minecart-loaded::before {
  content: "\f491";
}
.bi-minecart::before {
  content: "\f492";
}
.bi-moisture::before {
  content: "\f493";
}
.bi-moon-fill::before {
  content: "\f494";
}
.bi-moon-stars-fill::before {
  content: "\f495";
}
.bi-moon-stars::before {
  content: "\f496";
}
.bi-moon::before {
  content: "\f497";
}
.bi-mouse-fill::before {
  content: "\f498";
}
.bi-mouse::before {
  content: "\f499";
}
.bi-mouse2-fill::before {
  content: "\f49a";
}
.bi-mouse2::before {
  content: "\f49b";
}
.bi-mouse3-fill::before {
  content: "\f49c";
}
.bi-mouse3::before {
  content: "\f49d";
}
.bi-music-note-beamed::before {
  content: "\f49e";
}
.bi-music-note-list::before {
  content: "\f49f";
}
.bi-music-note::before {
  content: "\f4a0";
}
.bi-music-player-fill::before {
  content: "\f4a1";
}
.bi-music-player::before {
  content: "\f4a2";
}
.bi-newspaper::before {
  content: "\f4a3";
}
.bi-node-minus-fill::before {
  content: "\f4a4";
}
.bi-node-minus::before {
  content: "\f4a5";
}
.bi-node-plus-fill::before {
  content: "\f4a6";
}
.bi-node-plus::before {
  content: "\f4a7";
}
.bi-nut-fill::before {
  content: "\f4a8";
}
.bi-nut::before {
  content: "\f4a9";
}
.bi-octagon-fill::before {
  content: "\f4aa";
}
.bi-octagon-half::before {
  content: "\f4ab";
}
.bi-octagon::before {
  content: "\f4ac";
}
.bi-option::before {
  content: "\f4ad";
}
.bi-outlet::before {
  content: "\f4ae";
}
.bi-paint-bucket::before {
  content: "\f4af";
}
.bi-palette-fill::before {
  content: "\f4b0";
}
.bi-palette::before {
  content: "\f4b1";
}
.bi-palette2::before {
  content: "\f4b2";
}
.bi-paperclip::before {
  content: "\f4b3";
}
.bi-paragraph::before {
  content: "\f4b4";
}
.bi-patch-check-fill::before {
  content: "\f4b5";
}
.bi-patch-check::before {
  content: "\f4b6";
}
.bi-patch-exclamation-fill::before {
  content: "\f4b7";
}
.bi-patch-exclamation::before {
  content: "\f4b8";
}
.bi-patch-minus-fill::before {
  content: "\f4b9";
}
.bi-patch-minus::before {
  content: "\f4ba";
}
.bi-patch-plus-fill::before {
  content: "\f4bb";
}
.bi-patch-plus::before {
  content: "\f4bc";
}
.bi-patch-question-fill::before {
  content: "\f4bd";
}
.bi-patch-question::before {
  content: "\f4be";
}
.bi-pause-btn-fill::before {
  content: "\f4bf";
}
.bi-pause-btn::before {
  content: "\f4c0";
}
.bi-pause-circle-fill::before {
  content: "\f4c1";
}
.bi-pause-circle::before {
  content: "\f4c2";
}
.bi-pause-fill::before {
  content: "\f4c3";
}
.bi-pause::before {
  content: "\f4c4";
}
.bi-peace-fill::before {
  content: "\f4c5";
}
.bi-peace::before {
  content: "\f4c6";
}
.bi-pen-fill::before {
  content: "\f4c7";
}
.bi-pen::before {
  content: "\f4c8";
}
.bi-pencil-fill::before {
  content: "\f4c9";
}
.bi-pencil-square::before {
  content: "\f4ca";
}
.bi-pencil::before {
  content: "\f4cb";
}
.bi-pentagon-fill::before {
  content: "\f4cc";
}
.bi-pentagon-half::before {
  content: "\f4cd";
}
.bi-pentagon::before {
  content: "\f4ce";
}
.bi-people-fill::before {
  content: "\f4cf";
}
.bi-people::before {
  content: "\f4d0";
}
.bi-percent::before {
  content: "\f4d1";
}
.bi-person-badge-fill::before {
  content: "\f4d2";
}
.bi-person-badge::before {
  content: "\f4d3";
}
.bi-person-bounding-box::before {
  content: "\f4d4";
}
.bi-person-check-fill::before {
  content: "\f4d5";
}
.bi-person-check::before {
  content: "\f4d6";
}
.bi-person-circle::before {
  content: "\f4d7";
}
.bi-person-dash-fill::before {
  content: "\f4d8";
}
.bi-person-dash::before {
  content: "\f4d9";
}
.bi-person-fill::before {
  content: "\f4da";
}
.bi-person-lines-fill::before {
  content: "\f4db";
}
.bi-person-plus-fill::before {
  content: "\f4dc";
}
.bi-person-plus::before {
  content: "\f4dd";
}
.bi-person-square::before {
  content: "\f4de";
}
.bi-person-x-fill::before {
  content: "\f4df";
}
.bi-person-x::before {
  content: "\f4e0";
}
.bi-person::before {
  content: "\f4e1";
}
.bi-phone-fill::before {
  content: "\f4e2";
}
.bi-phone-landscape-fill::before {
  content: "\f4e3";
}
.bi-phone-landscape::before {
  content: "\f4e4";
}
.bi-phone-vibrate-fill::before {
  content: "\f4e5";
}
.bi-phone-vibrate::before {
  content: "\f4e6";
}
.bi-phone::before {
  content: "\f4e7";
}
.bi-pie-chart-fill::before {
  content: "\f4e8";
}
.bi-pie-chart::before {
  content: "\f4e9";
}
.bi-pin-angle-fill::before {
  content: "\f4ea";
}
.bi-pin-angle::before {
  content: "\f4eb";
}
.bi-pin-fill::before {
  content: "\f4ec";
}
.bi-pin::before {
  content: "\f4ed";
}
.bi-pip-fill::before {
  content: "\f4ee";
}
.bi-pip::before {
  content: "\f4ef";
}
.bi-play-btn-fill::before {
  content: "\f4f0";
}
.bi-play-btn::before {
  content: "\f4f1";
}
.bi-play-circle-fill::before {
  content: "\f4f2";
}
.bi-play-circle::before {
  content: "\f4f3";
}
.bi-play-fill::before {
  content: "\f4f4";
}
.bi-play::before {
  content: "\f4f5";
}
.bi-plug-fill::before {
  content: "\f4f6";
}
.bi-plug::before {
  content: "\f4f7";
}
.bi-plus-circle-dotted::before {
  content: "\f4f8";
}
.bi-plus-circle-fill::before {
  content: "\f4f9";
}
.bi-plus-circle::before {
  content: "\f4fa";
}
.bi-plus-square-dotted::before {
  content: "\f4fb";
}
.bi-plus-square-fill::before {
  content: "\f4fc";
}
.bi-plus-square::before {
  content: "\f4fd";
}
.bi-plus::before {
  content: "\f4fe";
}
.bi-power::before {
  content: "\f4ff";
}
.bi-printer-fill::before {
  content: "\f500";
}
.bi-printer::before {
  content: "\f501";
}
.bi-puzzle-fill::before {
  content: "\f502";
}
.bi-puzzle::before {
  content: "\f503";
}
.bi-question-circle-fill::before {
  content: "\f504";
}
.bi-question-circle::before {
  content: "\f505";
}
.bi-question-diamond-fill::before {
  content: "\f506";
}
.bi-question-diamond::before {
  content: "\f507";
}
.bi-question-octagon-fill::before {
  content: "\f508";
}
.bi-question-octagon::before {
  content: "\f509";
}
.bi-question-square-fill::before {
  content: "\f50a";
}
.bi-question-square::before {
  content: "\f50b";
}
.bi-question::before {
  content: "\f50c";
}
.bi-rainbow::before {
  content: "\f50d";
}
.bi-receipt-cutoff::before {
  content: "\f50e";
}
.bi-receipt::before {
  content: "\f50f";
}
.bi-reception-0::before {
  content: "\f510";
}
.bi-reception-1::before {
  content: "\f511";
}
.bi-reception-2::before {
  content: "\f512";
}
.bi-reception-3::before {
  content: "\f513";
}
.bi-reception-4::before {
  content: "\f514";
}
.bi-record-btn-fill::before {
  content: "\f515";
}
.bi-record-btn::before {
  content: "\f516";
}
.bi-record-circle-fill::before {
  content: "\f517";
}
.bi-record-circle::before {
  content: "\f518";
}
.bi-record-fill::before {
  content: "\f519";
}
.bi-record::before {
  content: "\f51a";
}
.bi-record2-fill::before {
  content: "\f51b";
}
.bi-record2::before {
  content: "\f51c";
}
.bi-reply-all-fill::before {
  content: "\f51d";
}
.bi-reply-all::before {
  content: "\f51e";
}
.bi-reply-fill::before {
  content: "\f51f";
}
.bi-reply::before {
  content: "\f520";
}
.bi-rss-fill::before {
  content: "\f521";
}
.bi-rss::before {
  content: "\f522";
}
.bi-rulers::before {
  content: "\f523";
}
.bi-save-fill::before {
  content: "\f524";
}
.bi-save::before {
  content: "\f525";
}
.bi-save2-fill::before {
  content: "\f526";
}
.bi-save2::before {
  content: "\f527";
}
.bi-scissors::before {
  content: "\f528";
}
.bi-screwdriver::before {
  content: "\f529";
}
.bi-search::before {
  content: "\f52a";
}
.bi-segmented-nav::before {
  content: "\f52b";
}
.bi-server::before {
  content: "\f52c";
}
.bi-share-fill::before {
  content: "\f52d";
}
.bi-share::before {
  content: "\f52e";
}
.bi-shield-check::before {
  content: "\f52f";
}
.bi-shield-exclamation::before {
  content: "\f530";
}
.bi-shield-fill-check::before {
  content: "\f531";
}
.bi-shield-fill-exclamation::before {
  content: "\f532";
}
.bi-shield-fill-minus::before {
  content: "\f533";
}
.bi-shield-fill-plus::before {
  content: "\f534";
}
.bi-shield-fill-x::before {
  content: "\f535";
}
.bi-shield-fill::before {
  content: "\f536";
}
.bi-shield-lock-fill::before {
  content: "\f537";
}
.bi-shield-lock::before {
  content: "\f538";
}
.bi-shield-minus::before {
  content: "\f539";
}
.bi-shield-plus::before {
  content: "\f53a";
}
.bi-shield-shaded::before {
  content: "\f53b";
}
.bi-shield-slash-fill::before {
  content: "\f53c";
}
.bi-shield-slash::before {
  content: "\f53d";
}
.bi-shield-x::before {
  content: "\f53e";
}
.bi-shield::before {
  content: "\f53f";
}
.bi-shift-fill::before {
  content: "\f540";
}
.bi-shift::before {
  content: "\f541";
}
.bi-shop-window::before {
  content: "\f542";
}
.bi-shop::before {
  content: "\f543";
}
.bi-shuffle::before {
  content: "\f544";
}
.bi-signpost-2-fill::before {
  content: "\f545";
}
.bi-signpost-2::before {
  content: "\f546";
}
.bi-signpost-fill::before {
  content: "\f547";
}
.bi-signpost-split-fill::before {
  content: "\f548";
}
.bi-signpost-split::before {
  content: "\f549";
}
.bi-signpost::before {
  content: "\f54a";
}
.bi-sim-fill::before {
  content: "\f54b";
}
.bi-sim::before {
  content: "\f54c";
}
.bi-skip-backward-btn-fill::before {
  content: "\f54d";
}
.bi-skip-backward-btn::before {
  content: "\f54e";
}
.bi-skip-backward-circle-fill::before {
  content: "\f54f";
}
.bi-skip-backward-circle::before {
  content: "\f550";
}
.bi-skip-backward-fill::before {
  content: "\f551";
}
.bi-skip-backward::before {
  content: "\f552";
}
.bi-skip-end-btn-fill::before {
  content: "\f553";
}
.bi-skip-end-btn::before {
  content: "\f554";
}
.bi-skip-end-circle-fill::before {
  content: "\f555";
}
.bi-skip-end-circle::before {
  content: "\f556";
}
.bi-skip-end-fill::before {
  content: "\f557";
}
.bi-skip-end::before {
  content: "\f558";
}
.bi-skip-forward-btn-fill::before {
  content: "\f559";
}
.bi-skip-forward-btn::before {
  content: "\f55a";
}
.bi-skip-forward-circle-fill::before {
  content: "\f55b";
}
.bi-skip-forward-circle::before {
  content: "\f55c";
}
.bi-skip-forward-fill::before {
  content: "\f55d";
}
.bi-skip-forward::before {
  content: "\f55e";
}
.bi-skip-start-btn-fill::before {
  content: "\f55f";
}
.bi-skip-start-btn::before {
  content: "\f560";
}
.bi-skip-start-circle-fill::before {
  content: "\f561";
}
.bi-skip-start-circle::before {
  content: "\f562";
}
.bi-skip-start-fill::before {
  content: "\f563";
}
.bi-skip-start::before {
  content: "\f564";
}
.bi-slack::before {
  content: "\f565";
}
.bi-slash-circle-fill::before {
  content: "\f566";
}
.bi-slash-circle::before {
  content: "\f567";
}
.bi-slash-square-fill::before {
  content: "\f568";
}
.bi-slash-square::before {
  content: "\f569";
}
.bi-slash::before {
  content: "\f56a";
}
.bi-sliders::before {
  content: "\f56b";
}
.bi-smartwatch::before {
  content: "\f56c";
}
.bi-snow::before {
  content: "\f56d";
}
.bi-snow2::before {
  content: "\f56e";
}
.bi-snow3::before {
  content: "\f56f";
}
.bi-sort-alpha-down-alt::before {
  content: "\f570";
}
.bi-sort-alpha-down::before {
  content: "\f571";
}
.bi-sort-alpha-up-alt::before {
  content: "\f572";
}
.bi-sort-alpha-up::before {
  content: "\f573";
}
.bi-sort-down-alt::before {
  content: "\f574";
}
.bi-sort-down::before {
  content: "\f575";
}
.bi-sort-numeric-down-alt::before {
  content: "\f576";
}
.bi-sort-numeric-down::before {
  content: "\f577";
}
.bi-sort-numeric-up-alt::before {
  content: "\f578";
}
.bi-sort-numeric-up::before {
  content: "\f579";
}
.bi-sort-up-alt::before {
  content: "\f57a";
}
.bi-sort-up::before {
  content: "\f57b";
}
.bi-soundwave::before {
  content: "\f57c";
}
.bi-speaker-fill::before {
  content: "\f57d";
}
.bi-speaker::before {
  content: "\f57e";
}
.bi-speedometer::before {
  content: "\f57f";
}
.bi-speedometer2::before {
  content: "\f580";
}
.bi-spellcheck::before {
  content: "\f581";
}
.bi-square-fill::before {
  content: "\f582";
}
.bi-square-half::before {
  content: "\f583";
}
.bi-square::before {
  content: "\f584";
}
.bi-stack::before {
  content: "\f585";
}
.bi-star-fill::before {
  content: "\f586";
}
.bi-star-half::before {
  content: "\f587";
}
.bi-star::before {
  content: "\f588";
}
.bi-stars::before {
  content: "\f589";
}
.bi-stickies-fill::before {
  content: "\f58a";
}
.bi-stickies::before {
  content: "\f58b";
}
.bi-sticky-fill::before {
  content: "\f58c";
}
.bi-sticky::before {
  content: "\f58d";
}
.bi-stop-btn-fill::before {
  content: "\f58e";
}
.bi-stop-btn::before {
  content: "\f58f";
}
.bi-stop-circle-fill::before {
  content: "\f590";
}
.bi-stop-circle::before {
  content: "\f591";
}
.bi-stop-fill::before {
  content: "\f592";
}
.bi-stop::before {
  content: "\f593";
}
.bi-stoplights-fill::before {
  content: "\f594";
}
.bi-stoplights::before {
  content: "\f595";
}
.bi-stopwatch-fill::before {
  content: "\f596";
}
.bi-stopwatch::before {
  content: "\f597";
}
.bi-subtract::before {
  content: "\f598";
}
.bi-suit-club-fill::before {
  content: "\f599";
}
.bi-suit-club::before {
  content: "\f59a";
}
.bi-suit-diamond-fill::before {
  content: "\f59b";
}
.bi-suit-diamond::before {
  content: "\f59c";
}
.bi-suit-heart-fill::before {
  content: "\f59d";
}
.bi-suit-heart::before {
  content: "\f59e";
}
.bi-suit-spade-fill::before {
  content: "\f59f";
}
.bi-suit-spade::before {
  content: "\f5a0";
}
.bi-sun-fill::before {
  content: "\f5a1";
}
.bi-sun::before {
  content: "\f5a2";
}
.bi-sunglasses::before {
  content: "\f5a3";
}
.bi-sunrise-fill::before {
  content: "\f5a4";
}
.bi-sunrise::before {
  content: "\f5a5";
}
.bi-sunset-fill::before {
  content: "\f5a6";
}
.bi-sunset::before {
  content: "\f5a7";
}
.bi-symmetry-horizontal::before {
  content: "\f5a8";
}
.bi-symmetry-vertical::before {
  content: "\f5a9";
}
.bi-table::before {
  content: "\f5aa";
}
.bi-tablet-fill::before {
  content: "\f5ab";
}
.bi-tablet-landscape-fill::before {
  content: "\f5ac";
}
.bi-tablet-landscape::before {
  content: "\f5ad";
}
.bi-tablet::before {
  content: "\f5ae";
}
.bi-tag-fill::before {
  content: "\f5af";
}
.bi-tag::before {
  content: "\f5b0";
}
.bi-tags-fill::before {
  content: "\f5b1";
}
.bi-tags::before {
  content: "\f5b2";
}
.bi-telegram::before {
  content: "\f5b3";
}
.bi-telephone-fill::before {
  content: "\f5b4";
}
.bi-telephone-forward-fill::before {
  content: "\f5b5";
}
.bi-telephone-forward::before {
  content: "\f5b6";
}
.bi-telephone-inbound-fill::before {
  content: "\f5b7";
}
.bi-telephone-inbound::before {
  content: "\f5b8";
}
.bi-telephone-minus-fill::before {
  content: "\f5b9";
}
.bi-telephone-minus::before {
  content: "\f5ba";
}
.bi-telephone-outbound-fill::before {
  content: "\f5bb";
}
.bi-telephone-outbound::before {
  content: "\f5bc";
}
.bi-telephone-plus-fill::before {
  content: "\f5bd";
}
.bi-telephone-plus::before {
  content: "\f5be";
}
.bi-telephone-x-fill::before {
  content: "\f5bf";
}
.bi-telephone-x::before {
  content: "\f5c0";
}
.bi-telephone::before {
  content: "\f5c1";
}
.bi-terminal-fill::before {
  content: "\f5c2";
}
.bi-terminal::before {
  content: "\f5c3";
}
.bi-text-center::before {
  content: "\f5c4";
}
.bi-text-indent-left::before {
  content: "\f5c5";
}
.bi-text-indent-right::before {
  content: "\f5c6";
}
.bi-text-left::before {
  content: "\f5c7";
}
.bi-text-paragraph::before {
  content: "\f5c8";
}
.bi-text-right::before {
  content: "\f5c9";
}
.bi-textarea-resize::before {
  content: "\f5ca";
}
.bi-textarea-t::before {
  content: "\f5cb";
}
.bi-textarea::before {
  content: "\f5cc";
}
.bi-thermometer-half::before {
  content: "\f5cd";
}
.bi-thermometer-high::before {
  content: "\f5ce";
}
.bi-thermometer-low::before {
  content: "\f5cf";
}
.bi-thermometer-snow::before {
  content: "\f5d0";
}
.bi-thermometer-sun::before {
  content: "\f5d1";
}
.bi-thermometer::before {
  content: "\f5d2";
}
.bi-three-dots-vertical::before {
  content: "\f5d3";
}
.bi-three-dots::before {
  content: "\f5d4";
}
.bi-toggle-off::before {
  content: "\f5d5";
}
.bi-toggle-on::before {
  content: "\f5d6";
}
.bi-toggle2-off::before {
  content: "\f5d7";
}
.bi-toggle2-on::before {
  content: "\f5d8";
}
.bi-toggles::before {
  content: "\f5d9";
}
.bi-toggles2::before {
  content: "\f5da";
}
.bi-tools::before {
  content: "\f5db";
}
.bi-tornado::before {
  content: "\f5dc";
}
.bi-trash-fill::before {
  content: "\f5dd";
}
.bi-trash::before {
  content: "\f5de";
}
.bi-trash2-fill::before {
  content: "\f5df";
}
.bi-trash2::before {
  content: "\f5e0";
}
.bi-tree-fill::before {
  content: "\f5e1";
}
.bi-tree::before {
  content: "\f5e2";
}
.bi-triangle-fill::before {
  content: "\f5e3";
}
.bi-triangle-half::before {
  content: "\f5e4";
}
.bi-triangle::before {
  content: "\f5e5";
}
.bi-trophy-fill::before {
  content: "\f5e6";
}
.bi-trophy::before {
  content: "\f5e7";
}
.bi-tropical-storm::before {
  content: "\f5e8";
}
.bi-truck-flatbed::before {
  content: "\f5e9";
}
.bi-truck::before {
  content: "\f5ea";
}
.bi-tsunami::before {
  content: "\f5eb";
}
.bi-tv-fill::before {
  content: "\f5ec";
}
.bi-tv::before {
  content: "\f5ed";
}
.bi-twitch::before {
  content: "\f5ee";
}
.bi-twitter::before {
  content: "\f5ef";
}
.bi-type-bold::before {
  content: "\f5f0";
}
.bi-type-h1::before {
  content: "\f5f1";
}
.bi-type-h2::before {
  content: "\f5f2";
}
.bi-type-h3::before {
  content: "\f5f3";
}
.bi-type-italic::before {
  content: "\f5f4";
}
.bi-type-strikethrough::before {
  content: "\f5f5";
}
.bi-type-underline::before {
  content: "\f5f6";
}
.bi-type::before {
  content: "\f5f7";
}
.bi-ui-checks-grid::before {
  content: "\f5f8";
}
.bi-ui-checks::before {
  content: "\f5f9";
}
.bi-ui-radios-grid::before {
  content: "\f5fa";
}
.bi-ui-radios::before {
  content: "\f5fb";
}
.bi-umbrella-fill::before {
  content: "\f5fc";
}
.bi-umbrella::before {
  content: "\f5fd";
}
.bi-union::before {
  content: "\f5fe";
}
.bi-unlock-fill::before {
  content: "\f5ff";
}
.bi-unlock::before {
  content: "\f600";
}
.bi-upc-scan::before {
  content: "\f601";
}
.bi-upc::before {
  content: "\f602";
}
.bi-upload::before {
  content: "\f603";
}
.bi-vector-pen::before {
  content: "\f604";
}
.bi-view-list::before {
  content: "\f605";
}
.bi-view-stacked::before {
  content: "\f606";
}
.bi-vinyl-fill::before {
  content: "\f607";
}
.bi-vinyl::before {
  content: "\f608";
}
.bi-voicemail::before {
  content: "\f609";
}
.bi-volume-down-fill::before {
  content: "\f60a";
}
.bi-volume-down::before {
  content: "\f60b";
}
.bi-volume-mute-fill::before {
  content: "\f60c";
}
.bi-volume-mute::before {
  content: "\f60d";
}
.bi-volume-off-fill::before {
  content: "\f60e";
}
.bi-volume-off::before {
  content: "\f60f";
}
.bi-volume-up-fill::before {
  content: "\f610";
}
.bi-volume-up::before {
  content: "\f611";
}
.bi-vr::before {
  content: "\f612";
}
.bi-wallet-fill::before {
  content: "\f613";
}
.bi-wallet::before {
  content: "\f614";
}
.bi-wallet2::before {
  content: "\f615";
}
.bi-watch::before {
  content: "\f616";
}
.bi-water::before {
  content: "\f617";
}
.bi-whatsapp::before {
  content: "\f618";
}
.bi-wifi-1::before {
  content: "\f619";
}
.bi-wifi-2::before {
  content: "\f61a";
}
.bi-wifi-off::before {
  content: "\f61b";
}
.bi-wifi::before {
  content: "\f61c";
}
.bi-wind::before {
  content: "\f61d";
}
.bi-window-dock::before {
  content: "\f61e";
}
.bi-window-sidebar::before {
  content: "\f61f";
}
.bi-window::before {
  content: "\f620";
}
.bi-wrench::before {
  content: "\f621";
}
.bi-x-circle-fill::before {
  content: "\f622";
}
.bi-x-circle::before {
  content: "\f623";
}
.bi-x-diamond-fill::before {
  content: "\f624";
}
.bi-x-diamond::before {
  content: "\f625";
}
.bi-x-octagon-fill::before {
  content: "\f626";
}
.bi-x-octagon::before {
  content: "\f627";
}
.bi-x-square-fill::before {
  content: "\f628";
}
.bi-x-square::before {
  content: "\f629";
}
.bi-x::before {
  content: "\f62a";
}
.bi-youtube::before {
  content: "\f62b";
}
.bi-zoom-in::before {
  content: "\f62c";
}
.bi-zoom-out::before {
  content: "\f62d";
}
.bi-bank::before {
  content: "\f62e";
}
.bi-bank2::before {
  content: "\f62f";
}
.bi-bell-slash-fill::before {
  content: "\f630";
}
.bi-bell-slash::before {
  content: "\f631";
}
.bi-cash-coin::before {
  content: "\f632";
}
.bi-check-lg::before {
  content: "\f633";
}
.bi-coin::before {
  content: "\f634";
}
.bi-currency-bitcoin::before {
  content: "\f635";
}
.bi-currency-dollar::before {
  content: "\f636";
}
.bi-currency-euro::before {
  content: "\f637";
}
.bi-currency-exchange::before {
  content: "\f638";
}
.bi-currency-pound::before {
  content: "\f639";
}
.bi-currency-yen::before {
  content: "\f63a";
}
.bi-dash-lg::before {
  content: "\f63b";
}
.bi-exclamation-lg::before {
  content: "\f63c";
}
.bi-file-earmark-pdf-fill::before {
  content: "\f63d";
}
.bi-file-earmark-pdf::before {
  content: "\f63e";
}
.bi-file-pdf-fill::before {
  content: "\f63f";
}
.bi-file-pdf::before {
  content: "\f640";
}
.bi-gender-ambiguous::before {
  content: "\f641";
}
.bi-gender-female::before {
  content: "\f642";
}
.bi-gender-male::before {
  content: "\f643";
}
.bi-gender-trans::before {
  content: "\f644";
}
.bi-headset-vr::before {
  content: "\f645";
}
.bi-info-lg::before {
  content: "\f646";
}
.bi-mastodon::before {
  content: "\f647";
}
.bi-messenger::before {
  content: "\f648";
}
.bi-piggy-bank-fill::before {
  content: "\f649";
}
.bi-piggy-bank::before {
  content: "\f64a";
}
.bi-pin-map-fill::before {
  content: "\f64b";
}
.bi-pin-map::before {
  content: "\f64c";
}
.bi-plus-lg::before {
  content: "\f64d";
}
.bi-question-lg::before {
  content: "\f64e";
}
.bi-recycle::before {
  content: "\f64f";
}
.bi-reddit::before {
  content: "\f650";
}
.bi-safe-fill::before {
  content: "\f651";
}
.bi-safe2-fill::before {
  content: "\f652";
}
.bi-safe2::before {
  content: "\f653";
}
.bi-sd-card-fill::before {
  content: "\f654";
}
.bi-sd-card::before {
  content: "\f655";
}
.bi-skype::before {
  content: "\f656";
}
.bi-slash-lg::before {
  content: "\f657";
}
.bi-translate::before {
  content: "\f658";
}
.bi-x-lg::before {
  content: "\f659";
}
.bi-safe::before {
  content: "\f65a";
}
.bi-apple::before {
  content: "\f65b";
}
.bi-microsoft::before {
  content: "\f65d";
}
.bi-windows::before {
  content: "\f65e";
}
.bi-behance::before {
  content: "\f65c";
}
.bi-dribbble::before {
  content: "\f65f";
}
.bi-line::before {
  content: "\f660";
}
.bi-medium::before {
  content: "\f661";
}
.bi-paypal::before {
  content: "\f662";
}
.bi-pinterest::before {
  content: "\f663";
}
.bi-signal::before {
  content: "\f664";
}
.bi-snapchat::before {
  content: "\f665";
}
.bi-spotify::before {
  content: "\f666";
}
.bi-stack-overflow::before {
  content: "\f667";
}
.bi-strava::before {
  content: "\f668";
}
.bi-wordpress::before {
  content: "\f669";
}
.bi-vimeo::before {
  content: "\f66a";
}
.bi-activity::before {
  content: "\f66b";
}
.bi-easel2-fill::before {
  content: "\f66c";
}
.bi-easel2::before {
  content: "\f66d";
}
.bi-easel3-fill::before {
  content: "\f66e";
}
.bi-easel3::before {
  content: "\f66f";
}
.bi-fan::before {
  content: "\f670";
}
.bi-fingerprint::before {
  content: "\f671";
}
.bi-graph-down-arrow::before {
  content: "\f672";
}
.bi-graph-up-arrow::before {
  content: "\f673";
}
.bi-hypnotize::before {
  content: "\f674";
}
.bi-magic::before {
  content: "\f675";
}
.bi-person-rolodex::before {
  content: "\f676";
}
.bi-person-video::before {
  content: "\f677";
}
.bi-person-video2::before {
  content: "\f678";
}
.bi-person-video3::before {
  content: "\f679";
}
.bi-person-workspace::before {
  content: "\f67a";
}
.bi-radioactive::before {
  content: "\f67b";
}
.bi-webcam-fill::before {
  content: "\f67c";
}
.bi-webcam::before {
  content: "\f67d";
}
.bi-yin-yang::before {
  content: "\f67e";
}
.bi-bandaid-fill::before {
  content: "\f680";
}
.bi-bandaid::before {
  content: "\f681";
}
.bi-bluetooth::before {
  content: "\f682";
}
.bi-body-text::before {
  content: "\f683";
}
.bi-boombox::before {
  content: "\f684";
}
.bi-boxes::before {
  content: "\f685";
}
.bi-dpad-fill::before {
  content: "\f686";
}
.bi-dpad::before {
  content: "\f687";
}
.bi-ear-fill::before {
  content: "\f688";
}
.bi-ear::before {
  content: "\f689";
}
.bi-envelope-check-fill::before {
  content: "\f68b";
}
.bi-envelope-check::before {
  content: "\f68c";
}
.bi-envelope-dash-fill::before {
  content: "\f68e";
}
.bi-envelope-dash::before {
  content: "\f68f";
}
.bi-envelope-exclamation-fill::before {
  content: "\f691";
}
.bi-envelope-exclamation::before {
  content: "\f692";
}
.bi-envelope-plus-fill::before {
  content: "\f693";
}
.bi-envelope-plus::before {
  content: "\f694";
}
.bi-envelope-slash-fill::before {
  content: "\f696";
}
.bi-envelope-slash::before {
  content: "\f697";
}
.bi-envelope-x-fill::before {
  content: "\f699";
}
.bi-envelope-x::before {
  content: "\f69a";
}
.bi-explicit-fill::before {
  content: "\f69b";
}
.bi-explicit::before {
  content: "\f69c";
}
.bi-git::before {
  content: "\f69d";
}
.bi-infinity::before {
  content: "\f69e";
}
.bi-list-columns-reverse::before {
  content: "\f69f";
}
.bi-list-columns::before {
  content: "\f6a0";
}
.bi-meta::before {
  content: "\f6a1";
}
.bi-nintendo-switch::before {
  content: "\f6a4";
}
.bi-pc-display-horizontal::before {
  content: "\f6a5";
}
.bi-pc-display::before {
  content: "\f6a6";
}
.bi-pc-horizontal::before {
  content: "\f6a7";
}
.bi-pc::before {
  content: "\f6a8";
}
.bi-playstation::before {
  content: "\f6a9";
}
.bi-plus-slash-minus::before {
  content: "\f6aa";
}
.bi-projector-fill::before {
  content: "\f6ab";
}
.bi-projector::before {
  content: "\f6ac";
}
.bi-qr-code-scan::before {
  content: "\f6ad";
}
.bi-qr-code::before {
  content: "\f6ae";
}
.bi-quora::before {
  content: "\f6af";
}
.bi-quote::before {
  content: "\f6b0";
}
.bi-robot::before {
  content: "\f6b1";
}
.bi-send-check-fill::before {
  content: "\f6b2";
}
.bi-send-check::before {
  content: "\f6b3";
}
.bi-send-dash-fill::before {
  content: "\f6b4";
}
.bi-send-dash::before {
  content: "\f6b5";
}
.bi-send-exclamation-fill::before {
  content: "\f6b7";
}
.bi-send-exclamation::before {
  content: "\f6b8";
}
.bi-send-fill::before {
  content: "\f6b9";
}
.bi-send-plus-fill::before {
  content: "\f6ba";
}
.bi-send-plus::before {
  content: "\f6bb";
}
.bi-send-slash-fill::before {
  content: "\f6bc";
}
.bi-send-slash::before {
  content: "\f6bd";
}
.bi-send-x-fill::before {
  content: "\f6be";
}
.bi-send-x::before {
  content: "\f6bf";
}
.bi-send::before {
  content: "\f6c0";
}
.bi-steam::before {
  content: "\f6c1";
}
.bi-terminal-dash::before {
  content: "\f6c3";
}
.bi-terminal-plus::before {
  content: "\f6c4";
}
.bi-terminal-split::before {
  content: "\f6c5";
}
.bi-ticket-detailed-fill::before {
  content: "\f6c6";
}
.bi-ticket-detailed::before {
  content: "\f6c7";
}
.bi-ticket-fill::before {
  content: "\f6c8";
}
.bi-ticket-perforated-fill::before {
  content: "\f6c9";
}
.bi-ticket-perforated::before {
  content: "\f6ca";
}
.bi-ticket::before {
  content: "\f6cb";
}
.bi-tiktok::before {
  content: "\f6cc";
}
.bi-window-dash::before {
  content: "\f6cd";
}
.bi-window-desktop::before {
  content: "\f6ce";
}
.bi-window-fullscreen::before {
  content: "\f6cf";
}
.bi-window-plus::before {
  content: "\f6d0";
}
.bi-window-split::before {
  content: "\f6d1";
}
.bi-window-stack::before {
  content: "\f6d2";
}
.bi-window-x::before {
  content: "\f6d3";
}
.bi-xbox::before {
  content: "\f6d4";
}
.bi-ethernet::before {
  content: "\f6d5";
}
.bi-hdmi-fill::before {
  content: "\f6d6";
}
.bi-hdmi::before {
  content: "\f6d7";
}
.bi-usb-c-fill::before {
  content: "\f6d8";
}
.bi-usb-c::before {
  content: "\f6d9";
}
.bi-usb-fill::before {
  content: "\f6da";
}
.bi-usb-plug-fill::before {
  content: "\f6db";
}
.bi-usb-plug::before {
  content: "\f6dc";
}
.bi-usb-symbol::before {
  content: "\f6dd";
}
.bi-usb::before {
  content: "\f6de";
}
.bi-boombox-fill::before {
  content: "\f6df";
}
.bi-displayport::before {
  content: "\f6e1";
}
.bi-gpu-card::before {
  content: "\f6e2";
}
.bi-memory::before {
  content: "\f6e3";
}
.bi-modem-fill::before {
  content: "\f6e4";
}
.bi-modem::before {
  content: "\f6e5";
}
.bi-motherboard-fill::before {
  content: "\f6e6";
}
.bi-motherboard::before {
  content: "\f6e7";
}
.bi-optical-audio-fill::before {
  content: "\f6e8";
}
.bi-optical-audio::before {
  content: "\f6e9";
}
.bi-pci-card::before {
  content: "\f6ea";
}
.bi-router-fill::before {
  content: "\f6eb";
}
.bi-router::before {
  content: "\f6ec";
}
.bi-thunderbolt-fill::before {
  content: "\f6ef";
}
.bi-thunderbolt::before {
  content: "\f6f0";
}
.bi-usb-drive-fill::before {
  content: "\f6f1";
}
.bi-usb-drive::before {
  content: "\f6f2";
}
.bi-usb-micro-fill::before {
  content: "\f6f3";
}
.bi-usb-micro::before {
  content: "\f6f4";
}
.bi-usb-mini-fill::before {
  content: "\f6f5";
}
.bi-usb-mini::before {
  content: "\f6f6";
}
.bi-cloud-haze2::before {
  content: "\f6f7";
}
.bi-device-hdd-fill::before {
  content: "\f6f8";
}
.bi-device-hdd::before {
  content: "\f6f9";
}
.bi-device-ssd-fill::before {
  content: "\f6fa";
}
.bi-device-ssd::before {
  content: "\f6fb";
}
.bi-displayport-fill::before {
  content: "\f6fc";
}
.bi-mortarboard-fill::before {
  content: "\f6fd";
}
.bi-mortarboard::before {
  content: "\f6fe";
}
.bi-terminal-x::before {
  content: "\f6ff";
}
.bi-arrow-through-heart-fill::before {
  content: "\f700";
}
.bi-arrow-through-heart::before {
  content: "\f701";
}
.bi-badge-sd-fill::before {
  content: "\f702";
}
.bi-badge-sd::before {
  content: "\f703";
}
.bi-bag-heart-fill::before {
  content: "\f704";
}
.bi-bag-heart::before {
  content: "\f705";
}
.bi-balloon-fill::before {
  content: "\f706";
}
.bi-balloon-heart-fill::before {
  content: "\f707";
}
.bi-balloon-heart::before {
  content: "\f708";
}
.bi-balloon::before {
  content: "\f709";
}
.bi-box2-fill::before {
  content: "\f70a";
}
.bi-box2-heart-fill::before {
  content: "\f70b";
}
.bi-box2-heart::before {
  content: "\f70c";
}
.bi-box2::before {
  content: "\f70d";
}
.bi-braces-asterisk::before {
  content: "\f70e";
}
.bi-calendar-heart-fill::before {
  content: "\f70f";
}
.bi-calendar-heart::before {
  content: "\f710";
}
.bi-calendar2-heart-fill::before {
  content: "\f711";
}
.bi-calendar2-heart::before {
  content: "\f712";
}
.bi-chat-heart-fill::before {
  content: "\f713";
}
.bi-chat-heart::before {
  content: "\f714";
}
.bi-chat-left-heart-fill::before {
  content: "\f715";
}
.bi-chat-left-heart::before {
  content: "\f716";
}
.bi-chat-right-heart-fill::before {
  content: "\f717";
}
.bi-chat-right-heart::before {
  content: "\f718";
}
.bi-chat-square-heart-fill::before {
  content: "\f719";
}
.bi-chat-square-heart::before {
  content: "\f71a";
}
.bi-clipboard-check-fill::before {
  content: "\f71b";
}
.bi-clipboard-data-fill::before {
  content: "\f71c";
}
.bi-clipboard-fill::before {
  content: "\f71d";
}
.bi-clipboard-heart-fill::before {
  content: "\f71e";
}
.bi-clipboard-heart::before {
  content: "\f71f";
}
.bi-clipboard-minus-fill::before {
  content: "\f720";
}
.bi-clipboard-plus-fill::before {
  content: "\f721";
}
.bi-clipboard-pulse::before {
  content: "\f722";
}
.bi-clipboard-x-fill::before {
  content: "\f723";
}
.bi-clipboard2-check-fill::before {
  content: "\f724";
}
.bi-clipboard2-check::before {
  content: "\f725";
}
.bi-clipboard2-data-fill::before {
  content: "\f726";
}
.bi-clipboard2-data::before {
  content: "\f727";
}
.bi-clipboard2-fill::before {
  content: "\f728";
}
.bi-clipboard2-heart-fill::before {
  content: "\f729";
}
.bi-clipboard2-heart::before {
  content: "\f72a";
}
.bi-clipboard2-minus-fill::before {
  content: "\f72b";
}
.bi-clipboard2-minus::before {
  content: "\f72c";
}
.bi-clipboard2-plus-fill::before {
  content: "\f72d";
}
.bi-clipboard2-plus::before {
  content: "\f72e";
}
.bi-clipboard2-pulse-fill::before {
  content: "\f72f";
}
.bi-clipboard2-pulse::before {
  content: "\f730";
}
.bi-clipboard2-x-fill::before {
  content: "\f731";
}
.bi-clipboard2-x::before {
  content: "\f732";
}
.bi-clipboard2::before {
  content: "\f733";
}
.bi-emoji-kiss-fill::before {
  content: "\f734";
}
.bi-emoji-kiss::before {
  content: "\f735";
}
.bi-envelope-heart-fill::before {
  content: "\f736";
}
.bi-envelope-heart::before {
  content: "\f737";
}
.bi-envelope-open-heart-fill::before {
  content: "\f738";
}
.bi-envelope-open-heart::before {
  content: "\f739";
}
.bi-envelope-paper-fill::before {
  content: "\f73a";
}
.bi-envelope-paper-heart-fill::before {
  content: "\f73b";
}
.bi-envelope-paper-heart::before {
  content: "\f73c";
}
.bi-envelope-paper::before {
  content: "\f73d";
}
.bi-filetype-aac::before {
  content: "\f73e";
}
.bi-filetype-ai::before {
  content: "\f73f";
}
.bi-filetype-bmp::before {
  content: "\f740";
}
.bi-filetype-cs::before {
  content: "\f741";
}
.bi-filetype-css::before {
  content: "\f742";
}
.bi-filetype-csv::before {
  content: "\f743";
}
.bi-filetype-doc::before {
  content: "\f744";
}
.bi-filetype-docx::before {
  content: "\f745";
}
.bi-filetype-exe::before {
  content: "\f746";
}
.bi-filetype-gif::before {
  content: "\f747";
}
.bi-filetype-heic::before {
  content: "\f748";
}
.bi-filetype-html::before {
  content: "\f749";
}
.bi-filetype-java::before {
  content: "\f74a";
}
.bi-filetype-jpg::before {
  content: "\f74b";
}
.bi-filetype-js::before {
  content: "\f74c";
}
.bi-filetype-jsx::before {
  content: "\f74d";
}
.bi-filetype-key::before {
  content: "\f74e";
}
.bi-filetype-m4p::before {
  content: "\f74f";
}
.bi-filetype-md::before {
  content: "\f750";
}
.bi-filetype-mdx::before {
  content: "\f751";
}
.bi-filetype-mov::before {
  content: "\f752";
}
.bi-filetype-mp3::before {
  content: "\f753";
}
.bi-filetype-mp4::before {
  content: "\f754";
}
.bi-filetype-otf::before {
  content: "\f755";
}
.bi-filetype-pdf::before {
  content: "\f756";
}
.bi-filetype-php::before {
  content: "\f757";
}
.bi-filetype-png::before {
  content: "\f758";
}
.bi-filetype-ppt::before {
  content: "\f75a";
}
.bi-filetype-psd::before {
  content: "\f75b";
}
.bi-filetype-py::before {
  content: "\f75c";
}
.bi-filetype-raw::before {
  content: "\f75d";
}
.bi-filetype-rb::before {
  content: "\f75e";
}
.bi-filetype-sass::before {
  content: "\f75f";
}
.bi-filetype-scss::before {
  content: "\f760";
}
.bi-filetype-sh::before {
  content: "\f761";
}
.bi-filetype-svg::before {
  content: "\f762";
}
.bi-filetype-tiff::before {
  content: "\f763";
}
.bi-filetype-tsx::before {
  content: "\f764";
}
.bi-filetype-ttf::before {
  content: "\f765";
}
.bi-filetype-txt::before {
  content: "\f766";
}
.bi-filetype-wav::before {
  content: "\f767";
}
.bi-filetype-woff::before {
  content: "\f768";
}
.bi-filetype-xls::before {
  content: "\f76a";
}
.bi-filetype-xml::before {
  content: "\f76b";
}
.bi-filetype-yml::before {
  content: "\f76c";
}
.bi-heart-arrow::before {
  content: "\f76d";
}
.bi-heart-pulse-fill::before {
  content: "\f76e";
}
.bi-heart-pulse::before {
  content: "\f76f";
}
.bi-heartbreak-fill::before {
  content: "\f770";
}
.bi-heartbreak::before {
  content: "\f771";
}
.bi-hearts::before {
  content: "\f772";
}
.bi-hospital-fill::before {
  content: "\f773";
}
.bi-hospital::before {
  content: "\f774";
}
.bi-house-heart-fill::before {
  content: "\f775";
}
.bi-house-heart::before {
  content: "\f776";
}
.bi-incognito::before {
  content: "\f777";
}
.bi-magnet-fill::before {
  content: "\f778";
}
.bi-magnet::before {
  content: "\f779";
}
.bi-person-heart::before {
  content: "\f77a";
}
.bi-person-hearts::before {
  content: "\f77b";
}
.bi-phone-flip::before {
  content: "\f77c";
}
.bi-plugin::before {
  content: "\f77d";
}
.bi-postage-fill::before {
  content: "\f77e";
}
.bi-postage-heart-fill::before {
  content: "\f77f";
}
.bi-postage-heart::before {
  content: "\f780";
}
.bi-postage::before {
  content: "\f781";
}
.bi-postcard-fill::before {
  content: "\f782";
}
.bi-postcard-heart-fill::before {
  content: "\f783";
}
.bi-postcard-heart::before {
  content: "\f784";
}
.bi-postcard::before {
  content: "\f785";
}
.bi-search-heart-fill::before {
  content: "\f786";
}
.bi-search-heart::before {
  content: "\f787";
}
.bi-sliders2-vertical::before {
  content: "\f788";
}
.bi-sliders2::before {
  content: "\f789";
}
.bi-trash3-fill::before {
  content: "\f78a";
}
.bi-trash3::before {
  content: "\f78b";
}
.bi-valentine::before {
  content: "\f78c";
}
.bi-valentine2::before {
  content: "\f78d";
}
.bi-wrench-adjustable-circle-fill::before {
  content: "\f78e";
}
.bi-wrench-adjustable-circle::before {
  content: "\f78f";
}
.bi-wrench-adjustable::before {
  content: "\f790";
}
.bi-filetype-json::before {
  content: "\f791";
}
.bi-filetype-pptx::before {
  content: "\f792";
}
.bi-filetype-xlsx::before {
  content: "\f793";
}
.bi-1-circle-fill::before {
  content: "\f796";
}
.bi-1-circle::before {
  content: "\f797";
}
.bi-1-square-fill::before {
  content: "\f798";
}
.bi-1-square::before {
  content: "\f799";
}
.bi-2-circle-fill::before {
  content: "\f79c";
}
.bi-2-circle::before {
  content: "\f79d";
}
.bi-2-square-fill::before {
  content: "\f79e";
}
.bi-2-square::before {
  content: "\f79f";
}
.bi-3-circle-fill::before {
  content: "\f7a2";
}
.bi-3-circle::before {
  content: "\f7a3";
}
.bi-3-square-fill::before {
  content: "\f7a4";
}
.bi-3-square::before {
  content: "\f7a5";
}
.bi-4-circle-fill::before {
  content: "\f7a8";
}
.bi-4-circle::before {
  content: "\f7a9";
}
.bi-4-square-fill::before {
  content: "\f7aa";
}
.bi-4-square::before {
  content: "\f7ab";
}
.bi-5-circle-fill::before {
  content: "\f7ae";
}
.bi-5-circle::before {
  content: "\f7af";
}
.bi-5-square-fill::before {
  content: "\f7b0";
}
.bi-5-square::before {
  content: "\f7b1";
}
.bi-6-circle-fill::before {
  content: "\f7b4";
}
.bi-6-circle::before {
  content: "\f7b5";
}
.bi-6-square-fill::before {
  content: "\f7b6";
}
.bi-6-square::before {
  content: "\f7b7";
}
.bi-7-circle-fill::before {
  content: "\f7ba";
}
.bi-7-circle::before {
  content: "\f7bb";
}
.bi-7-square-fill::before {
  content: "\f7bc";
}
.bi-7-square::before {
  content: "\f7bd";
}
.bi-8-circle-fill::before {
  content: "\f7c0";
}
.bi-8-circle::before {
  content: "\f7c1";
}
.bi-8-square-fill::before {
  content: "\f7c2";
}
.bi-8-square::before {
  content: "\f7c3";
}
.bi-9-circle-fill::before {
  content: "\f7c6";
}
.bi-9-circle::before {
  content: "\f7c7";
}
.bi-9-square-fill::before {
  content: "\f7c8";
}
.bi-9-square::before {
  content: "\f7c9";
}
.bi-airplane-engines-fill::before {
  content: "\f7ca";
}
.bi-airplane-engines::before {
  content: "\f7cb";
}
.bi-airplane-fill::before {
  content: "\f7cc";
}
.bi-airplane::before {
  content: "\f7cd";
}
.bi-alexa::before {
  content: "\f7ce";
}
.bi-alipay::before {
  content: "\f7cf";
}
.bi-android::before {
  content: "\f7d0";
}
.bi-android2::before {
  content: "\f7d1";
}
.bi-box-fill::before {
  content: "\f7d2";
}
.bi-box-seam-fill::before {
  content: "\f7d3";
}
.bi-browser-chrome::before {
  content: "\f7d4";
}
.bi-browser-edge::before {
  content: "\f7d5";
}
.bi-browser-firefox::before {
  content: "\f7d6";
}
.bi-browser-safari::before {
  content: "\f7d7";
}
.bi-c-circle-fill::before {
  content: "\f7da";
}
.bi-c-circle::before {
  content: "\f7db";
}
.bi-c-square-fill::before {
  content: "\f7dc";
}
.bi-c-square::before {
  content: "\f7dd";
}
.bi-capsule-pill::before {
  content: "\f7de";
}
.bi-capsule::before {
  content: "\f7df";
}
.bi-car-front-fill::before {
  content: "\f7e0";
}
.bi-car-front::before {
  content: "\f7e1";
}
.bi-cassette-fill::before {
  content: "\f7e2";
}
.bi-cassette::before {
  content: "\f7e3";
}
.bi-cc-circle-fill::before {
  content: "\f7e6";
}
.bi-cc-circle::before {
  content: "\f7e7";
}
.bi-cc-square-fill::before {
  content: "\f7e8";
}
.bi-cc-square::before {
  content: "\f7e9";
}
.bi-cup-hot-fill::before {
  content: "\f7ea";
}
.bi-cup-hot::before {
  content: "\f7eb";
}
.bi-currency-rupee::before {
  content: "\f7ec";
}
.bi-dropbox::before {
  content: "\f7ed";
}
.bi-escape::before {
  content: "\f7ee";
}
.bi-fast-forward-btn-fill::before {
  content: "\f7ef";
}
.bi-fast-forward-btn::before {
  content: "\f7f0";
}
.bi-fast-forward-circle-fill::before {
  content: "\f7f1";
}
.bi-fast-forward-circle::before {
  content: "\f7f2";
}
.bi-fast-forward-fill::before {
  content: "\f7f3";
}
.bi-fast-forward::before {
  content: "\f7f4";
}
.bi-filetype-sql::before {
  content: "\f7f5";
}
.bi-fire::before {
  content: "\f7f6";
}
.bi-google-play::before {
  content: "\f7f7";
}
.bi-h-circle-fill::before {
  content: "\f7fa";
}
.bi-h-circle::before {
  content: "\f7fb";
}
.bi-h-square-fill::before {
  content: "\f7fc";
}
.bi-h-square::before {
  content: "\f7fd";
}
.bi-indent::before {
  content: "\f7fe";
}
.bi-lungs-fill::before {
  content: "\f7ff";
}
.bi-lungs::before {
  content: "\f800";
}
.bi-microsoft-teams::before {
  content: "\f801";
}
.bi-p-circle-fill::before {
  content: "\f804";
}
.bi-p-circle::before {
  content: "\f805";
}
.bi-p-square-fill::before {
  content: "\f806";
}
.bi-p-square::before {
  content: "\f807";
}
.bi-pass-fill::before {
  content: "\f808";
}
.bi-pass::before {
  content: "\f809";
}
.bi-prescription::before {
  content: "\f80a";
}
.bi-prescription2::before {
  content: "\f80b";
}
.bi-r-circle-fill::before {
  content: "\f80e";
}
.bi-r-circle::before {
  content: "\f80f";
}
.bi-r-square-fill::before {
  content: "\f810";
}
.bi-r-square::before {
  content: "\f811";
}
.bi-repeat-1::before {
  content: "\f812";
}
.bi-repeat::before {
  content: "\f813";
}
.bi-rewind-btn-fill::before {
  content: "\f814";
}
.bi-rewind-btn::before {
  content: "\f815";
}
.bi-rewind-circle-fill::before {
  content: "\f816";
}
.bi-rewind-circle::before {
  content: "\f817";
}
.bi-rewind-fill::before {
  content: "\f818";
}
.bi-rewind::before {
  content: "\f819";
}
.bi-train-freight-front-fill::before {
  content: "\f81a";
}
.bi-train-freight-front::before {
  content: "\f81b";
}
.bi-train-front-fill::before {
  content: "\f81c";
}
.bi-train-front::before {
  content: "\f81d";
}
.bi-train-lightrail-front-fill::before {
  content: "\f81e";
}
.bi-train-lightrail-front::before {
  content: "\f81f";
}
.bi-truck-front-fill::before {
  content: "\f820";
}
.bi-truck-front::before {
  content: "\f821";
}
.bi-ubuntu::before {
  content: "\f822";
}
.bi-unindent::before {
  content: "\f823";
}
.bi-unity::before {
  content: "\f824";
}
.bi-universal-access-circle::before {
  content: "\f825";
}
.bi-universal-access::before {
  content: "\f826";
}
.bi-virus::before {
  content: "\f827";
}
.bi-virus2::before {
  content: "\f828";
}
.bi-wechat::before {
  content: "\f829";
}
.bi-yelp::before {
  content: "\f82a";
}
.bi-sign-stop-fill::before {
  content: "\f82b";
}
.bi-sign-stop-lights-fill::before {
  content: "\f82c";
}
.bi-sign-stop-lights::before {
  content: "\f82d";
}
.bi-sign-stop::before {
  content: "\f82e";
}
.bi-sign-turn-left-fill::before {
  content: "\f82f";
}
.bi-sign-turn-left::before {
  content: "\f830";
}
.bi-sign-turn-right-fill::before {
  content: "\f831";
}
.bi-sign-turn-right::before {
  content: "\f832";
}
.bi-sign-turn-slight-left-fill::before {
  content: "\f833";
}
.bi-sign-turn-slight-left::before {
  content: "\f834";
}
.bi-sign-turn-slight-right-fill::before {
  content: "\f835";
}
.bi-sign-turn-slight-right::before {
  content: "\f836";
}
.bi-sign-yield-fill::before {
  content: "\f837";
}
.bi-sign-yield::before {
  content: "\f838";
}
.bi-ev-station-fill::before {
  content: "\f839";
}
.bi-ev-station::before {
  content: "\f83a";
}
.bi-fuel-pump-diesel-fill::before {
  content: "\f83b";
}
.bi-fuel-pump-diesel::before {
  content: "\f83c";
}
.bi-fuel-pump-fill::before {
  content: "\f83d";
}
.bi-fuel-pump::before {
  content: "\f83e";
}
.bi-0-circle-fill::before {
  content: "\f83f";
}
.bi-0-circle::before {
  content: "\f840";
}
.bi-0-square-fill::before {
  content: "\f841";
}
.bi-0-square::before {
  content: "\f842";
}
.bi-rocket-fill::before {
  content: "\f843";
}
.bi-rocket-takeoff-fill::before {
  content: "\f844";
}
.bi-rocket-takeoff::before {
  content: "\f845";
}
.bi-rocket::before {
  content: "\f846";
}
.bi-stripe::before {
  content: "\f847";
}
.bi-subscript::before {
  content: "\f848";
}
.bi-superscript::before {
  content: "\f849";
}
.bi-trello::before {
  content: "\f84a";
}
.bi-envelope-at-fill::before {
  content: "\f84b";
}
.bi-envelope-at::before {
  content: "\f84c";
}
.bi-regex::before {
  content: "\f84d";
}
.bi-text-wrap::before {
  content: "\f84e";
}
.bi-sign-dead-end-fill::before {
  content: "\f84f";
}
.bi-sign-dead-end::before {
  content: "\f850";
}
.bi-sign-do-not-enter-fill::before {
  content: "\f851";
}
.bi-sign-do-not-enter::before {
  content: "\f852";
}
.bi-sign-intersection-fill::before {
  content: "\f853";
}
.bi-sign-intersection-side-fill::before {
  content: "\f854";
}
.bi-sign-intersection-side::before {
  content: "\f855";
}
.bi-sign-intersection-t-fill::before {
  content: "\f856";
}
.bi-sign-intersection-t::before {
  content: "\f857";
}
.bi-sign-intersection-y-fill::before {
  content: "\f858";
}
.bi-sign-intersection-y::before {
  content: "\f859";
}
.bi-sign-intersection::before {
  content: "\f85a";
}
.bi-sign-merge-left-fill::before {
  content: "\f85b";
}
.bi-sign-merge-left::before {
  content: "\f85c";
}
.bi-sign-merge-right-fill::before {
  content: "\f85d";
}
.bi-sign-merge-right::before {
  content: "\f85e";
}
.bi-sign-no-left-turn-fill::before {
  content: "\f85f";
}
.bi-sign-no-left-turn::before {
  content: "\f860";
}
.bi-sign-no-parking-fill::before {
  content: "\f861";
}
.bi-sign-no-parking::before {
  content: "\f862";
}
.bi-sign-no-right-turn-fill::before {
  content: "\f863";
}
.bi-sign-no-right-turn::before {
  content: "\f864";
}
.bi-sign-railroad-fill::before {
  content: "\f865";
}
.bi-sign-railroad::before {
  content: "\f866";
}
.bi-building-add::before {
  content: "\f867";
}
.bi-building-check::before {
  content: "\f868";
}
.bi-building-dash::before {
  content: "\f869";
}
.bi-building-down::before {
  content: "\f86a";
}
.bi-building-exclamation::before {
  content: "\f86b";
}
.bi-building-fill-add::before {
  content: "\f86c";
}
.bi-building-fill-check::before {
  content: "\f86d";
}
.bi-building-fill-dash::before {
  content: "\f86e";
}
.bi-building-fill-down::before {
  content: "\f86f";
}
.bi-building-fill-exclamation::before {
  content: "\f870";
}
.bi-building-fill-gear::before {
  content: "\f871";
}
.bi-building-fill-lock::before {
  content: "\f872";
}
.bi-building-fill-slash::before {
  content: "\f873";
}
.bi-building-fill-up::before {
  content: "\f874";
}
.bi-building-fill-x::before {
  content: "\f875";
}
.bi-building-fill::before {
  content: "\f876";
}
.bi-building-gear::before {
  content: "\f877";
}
.bi-building-lock::before {
  content: "\f878";
}
.bi-building-slash::before {
  content: "\f879";
}
.bi-building-up::before {
  content: "\f87a";
}
.bi-building-x::before {
  content: "\f87b";
}
.bi-buildings-fill::before {
  content: "\f87c";
}
.bi-buildings::before {
  content: "\f87d";
}
.bi-bus-front-fill::before {
  content: "\f87e";
}
.bi-bus-front::before {
  content: "\f87f";
}
.bi-ev-front-fill::before {
  content: "\f880";
}
.bi-ev-front::before {
  content: "\f881";
}
.bi-globe-americas::before {
  content: "\f882";
}
.bi-globe-asia-australia::before {
  content: "\f883";
}
.bi-globe-central-south-asia::before {
  content: "\f884";
}
.bi-globe-europe-africa::before {
  content: "\f885";
}
.bi-house-add-fill::before {
  content: "\f886";
}
.bi-house-add::before {
  content: "\f887";
}
.bi-house-check-fill::before {
  content: "\f888";
}
.bi-house-check::before {
  content: "\f889";
}
.bi-house-dash-fill::before {
  content: "\f88a";
}
.bi-house-dash::before {
  content: "\f88b";
}
.bi-house-down-fill::before {
  content: "\f88c";
}
.bi-house-down::before {
  content: "\f88d";
}
.bi-house-exclamation-fill::before {
  content: "\f88e";
}
.bi-house-exclamation::before {
  content: "\f88f";
}
.bi-house-gear-fill::before {
  content: "\f890";
}
.bi-house-gear::before {
  content: "\f891";
}
.bi-house-lock-fill::before {
  content: "\f892";
}
.bi-house-lock::before {
  content: "\f893";
}
.bi-house-slash-fill::before {
  content: "\f894";
}
.bi-house-slash::before {
  content: "\f895";
}
.bi-house-up-fill::before {
  content: "\f896";
}
.bi-house-up::before {
  content: "\f897";
}
.bi-house-x-fill::before {
  content: "\f898";
}
.bi-house-x::before {
  content: "\f899";
}
.bi-person-add::before {
  content: "\f89a";
}
.bi-person-down::before {
  content: "\f89b";
}
.bi-person-exclamation::before {
  content: "\f89c";
}
.bi-person-fill-add::before {
  content: "\f89d";
}
.bi-person-fill-check::before {
  content: "\f89e";
}
.bi-person-fill-dash::before {
  content: "\f89f";
}
.bi-person-fill-down::before {
  content: "\f8a0";
}
.bi-person-fill-exclamation::before {
  content: "\f8a1";
}
.bi-person-fill-gear::before {
  content: "\f8a2";
}
.bi-person-fill-lock::before {
  content: "\f8a3";
}
.bi-person-fill-slash::before {
  content: "\f8a4";
}
.bi-person-fill-up::before {
  content: "\f8a5";
}
.bi-person-fill-x::before {
  content: "\f8a6";
}
.bi-person-gear::before {
  content: "\f8a7";
}
.bi-person-lock::before {
  content: "\f8a8";
}
.bi-person-slash::before {
  content: "\f8a9";
}
.bi-person-up::before {
  content: "\f8aa";
}
.bi-scooter::before {
  content: "\f8ab";
}
.bi-taxi-front-fill::before {
  content: "\f8ac";
}
.bi-taxi-front::before {
  content: "\f8ad";
}
.bi-amd::before {
  content: "\f8ae";
}
.bi-database-add::before {
  content: "\f8af";
}
.bi-database-check::before {
  content: "\f8b0";
}
.bi-database-dash::before {
  content: "\f8b1";
}
.bi-database-down::before {
  content: "\f8b2";
}
.bi-database-exclamation::before {
  content: "\f8b3";
}
.bi-database-fill-add::before {
  content: "\f8b4";
}
.bi-database-fill-check::before {
  content: "\f8b5";
}
.bi-database-fill-dash::before {
  content: "\f8b6";
}
.bi-database-fill-down::before {
  content: "\f8b7";
}
.bi-database-fill-exclamation::before {
  content: "\f8b8";
}
.bi-database-fill-gear::before {
  content: "\f8b9";
}
.bi-database-fill-lock::before {
  content: "\f8ba";
}
.bi-database-fill-slash::before {
  content: "\f8bb";
}
.bi-database-fill-up::before {
  content: "\f8bc";
}
.bi-database-fill-x::before {
  content: "\f8bd";
}
.bi-database-fill::before {
  content: "\f8be";
}
.bi-database-gear::before {
  content: "\f8bf";
}
.bi-database-lock::before {
  content: "\f8c0";
}
.bi-database-slash::before {
  content: "\f8c1";
}
.bi-database-up::before {
  content: "\f8c2";
}
.bi-database-x::before {
  content: "\f8c3";
}
.bi-database::before {
  content: "\f8c4";
}
.bi-houses-fill::before {
  content: "\f8c5";
}
.bi-houses::before {
  content: "\f8c6";
}
.bi-nvidia::before {
  content: "\f8c7";
}
.bi-person-vcard-fill::before {
  content: "\f8c8";
}
.bi-person-vcard::before {
  content: "\f8c9";
}
.bi-sina-weibo::before {
  content: "\f8ca";
}
.bi-tencent-qq::before {
  content: "\f8cb";
}
.bi-wikipedia::before {
  content: "\f8cc";
}
.bi-alphabet-uppercase::before {
  content: "\f2a5";
}
.bi-alphabet::before {
  content: "\f68a";
}
.bi-amazon::before {
  content: "\f68d";
}
.bi-arrows-collapse-vertical::before {
  content: "\f690";
}
.bi-arrows-expand-vertical::before {
  content: "\f695";
}
.bi-arrows-vertical::before {
  content: "\f698";
}
.bi-arrows::before {
  content: "\f6a2";
}
.bi-ban-fill::before {
  content: "\f6a3";
}
.bi-ban::before {
  content: "\f6b6";
}
.bi-bing::before {
  content: "\f6c2";
}
.bi-cake::before {
  content: "\f6e0";
}
.bi-cake2::before {
  content: "\f6ed";
}
.bi-cookie::before {
  content: "\f6ee";
}
.bi-copy::before {
  content: "\f759";
}
.bi-crosshair::before {
  content: "\f769";
}
.bi-crosshair2::before {
  content: "\f794";
}
.bi-emoji-astonished-fill::before {
  content: "\f795";
}
.bi-emoji-astonished::before {
  content: "\f79a";
}
.bi-emoji-grimace-fill::before {
  content: "\f79b";
}
.bi-emoji-grimace::before {
  content: "\f7a0";
}
.bi-emoji-grin-fill::before {
  content: "\f7a1";
}
.bi-emoji-grin::before {
  content: "\f7a6";
}
.bi-emoji-surprise-fill::before {
  content: "\f7a7";
}
.bi-emoji-surprise::before {
  content: "\f7ac";
}
.bi-emoji-tear-fill::before {
  content: "\f7ad";
}
.bi-emoji-tear::before {
  content: "\f7b2";
}
.bi-envelope-arrow-down-fill::before {
  content: "\f7b3";
}
.bi-envelope-arrow-down::before {
  content: "\f7b8";
}
.bi-envelope-arrow-up-fill::before {
  content: "\f7b9";
}
.bi-envelope-arrow-up::before {
  content: "\f7be";
}
.bi-feather::before {
  content: "\f7bf";
}
.bi-feather2::before {
  content: "\f7c4";
}
.bi-floppy-fill::before {
  content: "\f7c5";
}
.bi-floppy::before {
  content: "\f7d8";
}
.bi-floppy2-fill::before {
  content: "\f7d9";
}
.bi-floppy2::before {
  content: "\f7e4";
}
.bi-gitlab::before {
  content: "\f7e5";
}
.bi-highlighter::before {
  content: "\f7f8";
}
.bi-marker-tip::before {
  content: "\f802";
}
.bi-nvme-fill::before {
  content: "\f803";
}
.bi-nvme::before {
  content: "\f80c";
}
.bi-opencollective::before {
  content: "\f80d";
}
.bi-pci-card-network::before {
  content: "\f8cd";
}
.bi-pci-card-sound::before {
  content: "\f8ce";
}
.bi-radar::before {
  content: "\f8cf";
}
.bi-send-arrow-down-fill::before {
  content: "\f8d0";
}
.bi-send-arrow-down::before {
  content: "\f8d1";
}
.bi-send-arrow-up-fill::before {
  content: "\f8d2";
}
.bi-send-arrow-up::before {
  content: "\f8d3";
}
.bi-sim-slash-fill::before {
  content: "\f8d4";
}
.bi-sim-slash::before {
  content: "\f8d5";
}
.bi-sourceforge::before {
  content: "\f8d6";
}
.bi-substack::before {
  content: "\f8d7";
}
.bi-threads-fill::before {
  content: "\f8d8";
}
.bi-threads::before {
  content: "\f8d9";
}
.bi-transparency::before {
  content: "\f8da";
}
.bi-twitter-x::before {
  content: "\f8db";
}
.bi-type-h4::before {
  content: "\f8dc";
}
.bi-type-h5::before {
  content: "\f8dd";
}
.bi-type-h6::before {
  content: "\f8de";
}
.bi-backpack-fill::before {
  content: "\f8df";
}
.bi-backpack::before {
  content: "\f8e0";
}
.bi-backpack2-fill::before {
  content: "\f8e1";
}
.bi-backpack2::before {
  content: "\f8e2";
}
.bi-backpack3-fill::before {
  content: "\f8e3";
}
.bi-backpack3::before {
  content: "\f8e4";
}
.bi-backpack4-fill::before {
  content: "\f8e5";
}
.bi-backpack4::before {
  content: "\f8e6";
}
.bi-brilliance::before {
  content: "\f8e7";
}
.bi-cake-fill::before {
  content: "\f8e8";
}
.bi-cake2-fill::before {
  content: "\f8e9";
}
.bi-duffle-fill::before {
  content: "\f8ea";
}
.bi-duffle::before {
  content: "\f8eb";
}
.bi-exposure::before {
  content: "\f8ec";
}
.bi-gender-neuter::before {
  content: "\f8ed";
}
.bi-highlights::before {
  content: "\f8ee";
}
.bi-luggage-fill::before {
  content: "\f8ef";
}
.bi-luggage::before {
  content: "\f8f0";
}
.bi-mailbox-flag::before {
  content: "\f8f1";
}
.bi-mailbox2-flag::before {
  content: "\f8f2";
}
.bi-noise-reduction::before {
  content: "\f8f3";
}
.bi-passport-fill::before {
  content: "\f8f4";
}
.bi-passport::before {
  content: "\f8f5";
}
.bi-person-arms-up::before {
  content: "\f8f6";
}
.bi-person-raised-hand::before {
  content: "\f8f7";
}
.bi-person-standing-dress::before {
  content: "\f8f8";
}
.bi-person-standing::before {
  content: "\f8f9";
}
.bi-person-walking::before {
  content: "\f8fa";
}
.bi-person-wheelchair::before {
  content: "\f8fb";
}
.bi-shadows::before {
  content: "\f8fc";
}
.bi-suitcase-fill::before {
  content: "\f8fd";
}
.bi-suitcase-lg-fill::before {
  content: "\f8fe";
}
.bi-suitcase-lg::before {
  content: "\f8ff";
}
.bi-suitcase::before {
  content: "\f900";
}
.bi-suitcase2-fill::before {
  content: "\f901";
}
.bi-suitcase2::before {
  content: "\f902";
}
.bi-vignette::before {
  content: "\f903";
}
.bi-bluesky::before {
  content: "\f7f9";
}
.bi-tux::before {
  content: "\f904";
}
.bi-beaker-fill::before {
  content: "\f905";
}
.bi-beaker::before {
  content: "\f906";
}
.bi-flask-fill::before {
  content: "\f907";
}
.bi-flask-florence-fill::before {
  content: "\f908";
}
.bi-flask-florence::before {
  content: "\f909";
}
.bi-flask::before {
  content: "\f90a";
}
.bi-leaf-fill::before {
  content: "\f90b";
}
.bi-leaf::before {
  content: "\f90c";
}
.bi-measuring-cup-fill::before {
  content: "\f90d";
}
.bi-measuring-cup::before {
  content: "\f90e";
}
.bi-unlock2-fill::before {
  content: "\f90f";
}
.bi-unlock2::before {
  content: "\f910";
}
.bi-battery-low::before {
  content: "\f911";
}
.bi-anthropic::before {
  content: "\f912";
}
.bi-apple-music::before {
  content: "\f913";
}
.bi-claude::before {
  content: "\f914";
}
.bi-openai::before {
  content: "\f915";
}
.bi-perplexity::before {
  content: "\f916";
}
.bi-css::before {
  content: "\f917";
}
.bi-javascript::before {
  content: "\f918";
}
.bi-typescript::before {
  content: "\f919";
}
.bi-fork-knife::before {
  content: "\f91a";
}
.bi-globe-americas-fill::before {
  content: "\f91b";
}
.bi-globe-asia-australia-fill::before {
  content: "\f91c";
}
.bi-globe-central-south-asia-fill::before {
  content: "\f91d";
}
.bi-globe-europe-africa-fill::before {
  content: "\f91e";
}

/* assets/app.css */
::file-selector-button {
  background: #fafafa;
  color: #2a481e;
  border-bottom: 1px solid #2a481e;
  border-radius: 5px;
  padding: 1rem 3rem;
  margin-right: 2rem;
}
input[type=file] {
  border: 1px solid #2a481e;
  color: #2a481e;
  padding: 1rem;
  border-radius: 5px;
  font-size: 120%;
  text-transform: lowercase;
}

/* assets/pageEditor.css */
#gjs {
  border: 3px solid rgba(33, 37, 41, 1);
  margin-top: 50px;
}
.gjs-cv-canvas {
  top: 0;
  width: 100%;
  height: 100%;
}
.editor-row {
  align-items: stretch;
  flex-wrap: nowrap;
  height: 90vh;
}
.panel__switcher {
  position: initial;
}
:root {
  --gjs-primary-color: #303030;
  --gjs-secondary-color: #efedec;
  --gjs-tertiary-color: #376028;
  --gjs-quaternary-color: #376028;
}

/* node_modules/.pnpm/datatables.net-responsive-bs5@4.1.1/node_modules/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css */
:root {
  --dtr-control-triangle_size: 5px;
  --dtr-control-triangle_color: rgba(0, 0, 0, 0.5);
  --dtr-details-list_padding: 0 0 0 1em;
  --dtr-details-list_gap: 0.333em;
  --dtr-modal_background: #f5f5f7;
  --dtr-modal_border: 1px solid black;
  --dtr-modal_border-radius: 0.5em;
  --dtr-modal_box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
  --dtr-modal-background_background: rgba(0, 0, 0, 0.6);
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: .5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: var(--dtr-control-triangle_size) solid transparent;
  border-left: calc(var(--dtr-control-triangle_size)*2) solid var(--dtr-control-triangle_color);
  border-bottom: var(--dtr-control-triangle_size) solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: var(--dtr-control-triangle_size) solid transparent;
  border-left: 0px solid transparent;
  border-bottom: var(--dtr-control-triangle_size) solid transparent;
  border-right: 10px solid var(--dtr-control-triangle_color);
}
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: calc(var(--dtr-control-triangle_size)*2) solid var(--dtr-control-triangle_color);
  border-left: var(--dtr-control-triangle_size) solid transparent;
  border-bottom: 0px solid transparent;
  border-right: var(--dtr-control-triangle_size) solid transparent;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: .333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: var(--dtr-control-triangle_size) solid transparent;
  border-left: calc(var(--dtr-control-triangle_size)*2) solid var(--dtr-control-triangle_color);
  border-bottom: var(--dtr-control-triangle_size) solid transparent;
  border-right: 0px solid transparent;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: var(--dtr-control-triangle_size) solid transparent;
  border-left: 0px solid transparent;
  border-bottom: var(--dtr-control-triangle_size) solid transparent;
  border-right: calc(var(--dtr-control-triangle_size)*2) solid var(--dtr-control-triangle_color);
}
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before,
table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: calc(var(--dtr-control-triangle_size)*2) solid var(--dtr-control-triangle_color);
  border-left: var(--dtr-control-triangle_size) solid transparent;
  border-bottom: 0px solid transparent;
  border-right: var(--dtr-control-triangle_size) solid transparent;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-grid;
  grid-template-columns: minmax(125px, 1fr) auto;
  gap: var(--dtr-details-list_gap);
  list-style-type: none;
  margin: 0;
  padding: var(--dtr-details-list_padding);
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  display: contents;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 125px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background: var(--dtr-modal_background);
  border: var(--dtr-modal_border);
  border-radius: var(--dtr-modal_border-radius);
  box-shadow: var(--dtr-modal_box-shadow);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}
div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: var(--dtr-modal-background_background);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
@media screen and (max-width: 567px) {
  table.dataTable > tbody > tr.child ul.dtr-details {
    display: block;
    padding: 0;
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li {
    display: block;
    padding-bottom: var(--dtr-details-list_gap);
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
    padding-bottom: 0;
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li span.dtr-title {
    display: block;
  }
  table.dataTable > tbody > tr.child ul.dtr-details > li span.dtr-data {
    display: block;
  }
}
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}
table.dataTable.table-bordered th.dtr-control.dtr-hidden + *,
table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
  border-left-width: 1px;
}
html[data-theme=dark] {
  --dtr-details-list_border-bottom: 1px solid rgb(64, 67, 70);
}

/* node_modules/.pnpm/vanilla-cookieconsent@3.1.0/node_modules/vanilla-cookieconsent/dist/cookieconsent.css */
#cc-main {
  background: transparent;
  color: var(--cc-primary-color);
  font-family: var(--cc-font-family);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.15;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  position: fixed;
  z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
  all: unset;
  box-sizing: border-box;
}
#cc-main .pm__badge,
#cc-main button {
  all: initial;
  box-sizing: border-box;
  color: unset;
  visibility: unset;
}
#cc-main .pm__badge,
#cc-main a,
#cc-main button,
#cc-main input {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  outline: revert;
  outline-offset: 2px;
  overflow: hidden;
}
#cc-main table,
#cc-main tbody,
#cc-main td,
#cc-main th,
#cc-main thead,
#cc-main tr {
  all: revert;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
:root {
  --cc-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --cc-modal-border-radius:.5rem;
  --cc-btn-border-radius:.4rem;
  --cc-modal-transition-duration:.25s;
  --cc-link-color:var(--cc-btn-primary-bg);
  --cc-modal-margin:1rem;
  --cc-z-index:2147483647;
  --cc-bg:#fff;
  --cc-primary-color:#2c2f31;
  --cc-secondary-color:#5e6266;
  --cc-btn-primary-bg:#30363c;
  --cc-btn-primary-color:#fff;
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#000;
  --cc-btn-primary-hover-color:#fff;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#eaeff2;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#d4dae0;
  --cc-btn-secondary-hover-color:#000;
  --cc-btn-secondary-hover-border-color:#d4dae0;
  --cc-separator-border-color:#f0f4f7;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#667481;
  --cc-toggle-on-knob-bg:#fff;
  --cc-toggle-off-knob-bg:var(--cc-toggle-on-knob-bg);
  --cc-toggle-enabled-icon-color:var(--cc-bg);
  --cc-toggle-disabled-icon-color:var(--cc-bg);
  --cc-toggle-readonly-bg:#d5dee2;
  --cc-toggle-readonly-knob-bg:#fff;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:var(--cc-cookie-category-block-bg);
  --cc-cookie-category-block-bg:#f0f4f7;
  --cc-cookie-category-block-border:#f0f4f7;
  --cc-cookie-category-block-hover-bg:#e9eff4;
  --cc-cookie-category-block-hover-border:#e9eff4;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:#dee4e9;
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:var(--cc-btn-secondary-bg);
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#e4eaed;
  --cc-pm-toggle-border-radius:4em;
}
#cc-main.cc--rtl {
  direction: rtl;
}
#cc-main .cm__title,
#cc-main a,
#cc-main b,
#cc-main em,
#cc-main strong {
  font-weight: 600;
}
#cc-main button > span {
  pointer-events: none;
}
#cc-main .cc__link,
#cc-main a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  font-weight: 600;
  position: relative;
  transition: background-size .25s, color .25s ease;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
  background-size: 100% 1px;
  color: var(--cc-primary-color);
}
#cc-main .cc__link {
  color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
  overscroll-behavior: auto contain;
  scrollbar-width: thin;
}
@media screen and (min-width: 640px) {
  #cc-main ::-webkit-scrollbar,
  #cc-main ::-webkit-scrollbar-thumb,
  #cc-main ::-webkit-scrollbar-track {
    all: revert;
  }
  #cc-main ::-webkit-scrollbar-thumb {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: var(--cc-toggle-readonly-bg);
    border: .25rem solid var(--cc-bg);
    border-radius: 1rem;
  }
  #cc-main ::-webkit-scrollbar-thumb:hover {
    background: var(--cc-toggle-off-bg);
  }
  #cc-main ::-webkit-scrollbar {
    background: transparent;
    width: 12px;
  }
}
html.disable--interaction.show--consent,
html.disable--interaction.show--consent body {
  height: auto !important;
  overflow: hidden !important;
}
@media (prefers-reduced-motion) {
  #cc-main {
    --cc-modal-transition-duration:0s;
  }
}
.cc--darkmode {
  --cc-bg:#161a1c;
  --cc-primary-color:#ebf3f6;
  --cc-secondary-color:#aebbc5;
  --cc-btn-primary-bg:#c2d0e0;
  --cc-btn-primary-color:var(--cc-bg);
  --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
  --cc-btn-primary-hover-bg:#98a7b6;
  --cc-btn-primary-hover-color:#000;
  --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);
  --cc-btn-secondary-bg:#242c31;
  --cc-btn-secondary-color:var(--cc-primary-color);
  --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
  --cc-btn-secondary-hover-bg:#353d43;
  --cc-btn-secondary-hover-color:#fff;
  --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);
  --cc-separator-border-color:#222a30;
  --cc-toggle-on-bg:var(--cc-btn-primary-bg);
  --cc-toggle-off-bg:#525f6b;
  --cc-toggle-on-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-off-knob-bg:var(--cc-btn-primary-color);
  --cc-toggle-enabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
  --cc-toggle-readonly-bg:#343e45;
  --cc-toggle-readonly-knob-bg:#5f6b72;
  --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
  --cc-section-category-border:#1e2428;
  --cc-cookie-category-block-bg:#1e2428;
  --cc-cookie-category-block-border:var(--cc-section-category-border);
  --cc-cookie-category-block-hover-bg:#242c31;
  --cc-cookie-category-block-hover-border:#232a2f;
  --cc-cookie-category-expanded-block-bg:transparent;
  --cc-cookie-category-expanded-block-hover-bg:var(--cc-toggle-readonly-bg);
  --cc-overlay-bg:rgba(0,0,0,.65);
  --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
  --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
  --cc-footer-bg:#0c0e0f;
  --cc-footer-color:var(--cc-secondary-color);
  --cc-footer-border-color:#060809;
}
.cc--darkmode #cc-main {
  color-scheme: dark;
}
#cc-main .cm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
  display: flex;
  flex-direction: column;
  max-width: 24rem;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  transform: translateY(1.6em);
  visibility: hidden;
  z-index: 1;
}
#cc-main .cm--top {
  top: var(--cc-modal-margin);
}
#cc-main .cm--middle {
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .cm--bottom {
  bottom: var(--cc-modal-margin);
}
#cc-main .cm--center {
  left: var(--cc-modal-margin);
  margin: 0 auto;
  right: var(--cc-modal-margin);
  width: unset;
}
#cc-main .cm--left {
  left: var(--cc-modal-margin);
  margin-right: var(--cc-modal-margin);
}
#cc-main .cm--right {
  margin-left: var(--cc-modal-margin);
  right: var(--cc-modal-margin);
}
#cc-main .cm__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
#cc-main .cm__btns,
#cc-main .cm__links {
  padding: 1rem 1.3rem;
  width: unset;
}
#cc-main .cm__texts {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 0 0;
}
#cc-main .cm__desc,
#cc-main .cm__title {
  padding: 0 1.3rem;
}
#cc-main .cm__title {
  font-size: 1.05em;
}
#cc-main .cm__title + .cm__desc {
  margin-top: 1.1em;
}
#cc-main .cm__desc {
  color: var(--cc-secondary-color);
  font-size: .9em;
  line-height: 1.5;
  max-height: 40vh;
  overflow-x: visible;
  overflow-y: auto;
  padding-bottom: 1em;
}
#cc-main .cm__btns {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#cc-main .cm__btn-group {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
}
#cc-main .cm__btn + .cm__btn,
#cc-main .cm__btn-group + .cm__btn-group {
  margin-top: .375rem;
}
#cc-main .cm--flip .cm__btn + .cm__btn,
#cc-main .cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: .375rem;
  margin-top: 0;
}
#cc-main .cm--inline .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .cm--inline.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: .375rem;
  margin-right: 0;
}
#cc-main .cm--wide .cm__btn + .cm__btn,
#cc-main .cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--wide.cm--flip .cm__btn + .cm__btn,
#cc-main .cm--wide.cm--flip .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-right: .375rem;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group--uneven,
#cc-main .cm--wide .cm__btn-group--uneven {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
#cc-main .cm--bar:not(.cm--inline).cm--flip .cm__btn-group--uneven,
#cc-main .cm--wide.cm--flip .cm__btn-group--uneven {
  flex-direction: row-reverse;
}
#cc-main .cm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  font-size: .82em;
  font-weight: 600;
  min-height: 42px;
  padding: .5em 1em;
  text-align: center;
}
#cc-main .cm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close {
  border-radius: 0;
  border-bottom-left-radius: var(--cc-btn-border-radius);
  border-right: none;
  border-top: none;
  display: none;
  font-size: 1em;
  height: 42px;
  min-width: auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}
#cc-main .cm__btn--close svg {
  stroke: var(--cc-btn-primary-color);
  transform: scale(.5);
  transition: stroke .15s ease;
}
#cc-main .cm__btn--close:hover svg {
  stroke: var(--cc-btn-primary-hover-color);
}
#cc-main .cm__btn--close.cm__btn--secondary svg {
  stroke: var(--cc-btn-secondary-color);
}
#cc-main .cm__btn--close.cm__btn--secondary:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .cm__btn--close + .cm__texts .cm__title {
  padding-right: 3rem;
}
#cc-main .cm--inline .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm__footer {
  background: var(--cc-footer-bg);
  border-top: 1px solid var(--cc-footer-border-color);
  color: var(--cc-footer-color);
  padding: .4em 0 .5em;
}
#cc-main .cm__links {
  display: flex;
  flex-direction: row;
  padding-bottom: 0;
  padding-top: 0;
}
#cc-main .cm__link-group {
  display: flex;
  flex-direction: row;
  font-size: .8em;
  width: 100%;
}
#cc-main .cm__link-group > * + * {
  margin-left: 1.3rem;
}
#cc-main .cm--flip .cm__btn:last-child {
  grid-row: 1;
}
#cc-main .cm--inline.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--box .cm__btn--close {
  display: block;
}
#cc-main .cm--box.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--box.cm--wide {
  max-width: 36em;
}
#cc-main .cm--box.cm--wide .cm__btns {
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--box.cm--wide .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--box.cm--wide .cm__btn {
  min-width: 120px;
  padding-left: 1.8em;
  padding-right: 1.8em;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--box.cm--wide.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--cloud {
  max-width: 54em;
  width: unset;
}
#cc-main .cm--cloud .cm__body {
  flex-direction: row;
}
#cc-main .cm--cloud .cm__texts {
  flex: 1;
}
#cc-main .cm--cloud .cm__desc {
  max-height: 9.4em;
}
#cc-main .cm--cloud .cm__btns {
  border-left: 1px solid var(--cc-separator-border-color);
  border-top: none;
  max-width: 23em;
}
#cc-main .cm--cloud .cm__btn-group {
  flex-direction: column;
}
#cc-main .cm--cloud .cm__btn {
  min-width: 19em;
}
#cc-main .cm--cloud.cm--flip .cm__btn-group,
#cc-main .cm--cloud.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cm--cloud.cm--inline .cm__btn-group {
  flex-direction: row;
}
#cc-main .cm--cloud.cm--inline .cm__btn {
  min-width: 10em;
}
#cc-main .cm--cloud.cm--inline.cm--flip .cm__btn-group {
  flex-direction: row-reverse;
}
#cc-main .cm--bar {
  border-radius: 0;
  left: 0;
  margin: 0;
  max-width: unset;
  opacity: 1;
  right: 0;
  transform: translateY(0);
  width: 100vw;
  --cc-modal-transition-duration:.35s;
}
#cc-main .cm--bar.cm--top {
  top: 0;
  transform: translateY(-100%);
}
#cc-main .cm--bar.cm--bottom {
  bottom: 0;
  transform: translateY(100%);
}
#cc-main .cm--bar .cm__body,
#cc-main .cm--bar .cm__links {
  margin: 0 auto;
  max-width: 55em;
  width: 100%;
}
#cc-main .cm--bar .cm__body {
  padding: .5em 0 .9em;
}
#cc-main .cm--bar .cm__btns {
  border-top: none;
  flex-direction: row;
  justify-content: space-between;
}
#cc-main .cm--bar .cm__btn-group {
  grid-auto-flow: column;
}
#cc-main .cm--bar:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-left: .375rem;
  margin-top: 0;
}
#cc-main .cm--bar .cm__btn {
  min-width: 120px;
  padding-left: 2em;
  padding-right: 2em;
}
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn + .cm__btn,
#cc-main .cm--bar.cm--flip:not(.cm--inline) .cm__btn-group + .cm__btn-group {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .cm--bar.cm--flip .cm__btns {
  flex-direction: row-reverse;
}
#cc-main .cm--bar.cm--flip .cm__btn:last-child {
  grid-column: 1;
}
#cc-main .cm--bar.cm--inline .cm__body,
#cc-main .cm--bar.cm--inline .cm__links {
  max-width: 74em;
}
#cc-main .cm--bar.cm--inline .cm__body {
  flex-direction: row;
  padding: 0;
}
#cc-main .cm--bar.cm--inline .cm__btns {
  flex-direction: column;
  justify-content: center;
  max-width: 23em;
}
#cc-main .cm--bar.cm--inline.cm--flip .cm__btns {
  flex-direction: column-reverse;
}
#cc-main .cc--anim .cm,
#cc-main .cc--anim.cm-wrapper:before {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
#cc-main .cc--anim .cm__btn,
#cc-main .cc--anim .cm__close {
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease;
}
.disable--interaction #cc-main .cm-wrapper:before {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 0;
}
.show--consent #cc-main .cc--anim .cm {
  opacity: 1;
  transform: translateY(0);
  visibility: visible !important;
}
.show--consent #cc-main .cc--anim .cm--middle {
  transform: translateY(-50%);
}
.show--consent #cc-main .cc--anim .cm--bar {
  transform: translateY(0);
}
.show--consent #cc-main .cc--anim.cm-wrapper:before {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .cm__btn--close {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: var(--cc-btn-border-radius);
  left: 0;
  right: unset;
}
#cc-main.cc--rtl .cm__btn--close + .cm__texts .cm__title {
  padding-left: 3rem !important;
  padding-right: 1.3rem;
}
#cc-main.cc--rtl .cm--inline .cm__btn + .cm__btn {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .cm--inline.cm--flip .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar .cm__btn-group + .cm__btn-group,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide .cm__btn-group + .cm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .cm:not(.cm--inline).cm--bar.cm--flip .cm__btn + .cm__btn,
#cc-main.cc--rtl .cm:not(.cm--inline).cm--wide.cm--flip .cm__btn + .cm__btn {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .cm__link-group > * + * {
  margin-left: 0;
  margin-right: 1.3rem;
}
@media screen and (max-width: 640px) {
  #cc-main {
    --cc-modal-margin:.5em;
  }
  #cc-main .cm {
    max-width: none !important;
    width: auto !important;
  }
  #cc-main .cm__body {
    flex-direction: column !important;
    padding: 0 !important;
  }
  #cc-main .cm__btns,
  #cc-main .cm__desc,
  #cc-main .cm__links,
  #cc-main .cm__title {
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
  }
  #cc-main .cm__btns {
    border-left: none !important;
    border-top: 1px solid var(--cc-separator-border-color) !important;
    flex-direction: column !important;
    max-width: none !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn + .cm__btn,
  #cc-main .cm__btn-group + .cm__btn-group {
    margin: .375rem 0 0 !important;
  }
  #cc-main .cm--flip .cm__btn + .cm__btn,
  #cc-main .cm--flip .cm__btn-group + .cm__btn-group {
    margin-bottom: .375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .cm__btn-group {
    display: flex !important;
    flex-direction: column !important;
    min-width: auto !important;
  }
  #cc-main .cm__btn {
    flex: auto !important;
  }
  #cc-main .cm__link-group {
    justify-content: center !important;
  }
  #cc-main .cm--flip .cm__btn-group,
  #cc-main .cm--flip .cm__btns {
    flex-direction: column-reverse !important;
  }
}
#cc-main .pm-wrapper {
  position: relative;
  z-index: 2;
}
#cc-main .pm {
  background: var(--cc-bg);
  border-radius: var(--cc-modal-border-radius);
  box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3);
  display: flex;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  visibility: hidden;
  width: 100%;
  width: unset;
  z-index: 1;
}
#cc-main svg {
  fill: none;
  width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm__header {
  align-items: center;
  border-bottom: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__title {
  align-items: center;
  display: flex;
  flex: 1;
  font-weight: 600;
  margin-right: 2em;
}
#cc-main .pm__close-btn {
  background: var(--cc-btn-secondary-bg);
  border: 1px solid var(--cc-btn-secondary-border-color);
  border-radius: var(--cc-btn-border-radius);
  height: 40px;
  position: relative;
  transition: all .15s ease;
  width: 40px;
}
#cc-main .pm__close-btn span {
  display: flex;
  height: 100%;
  width: 100%;
}
#cc-main .pm__close-btn svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(.5);
  transition: stroke .15s ease;
}
#cc-main .pm__close-btn:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
}
#cc-main .pm__close-btn:hover svg {
  stroke: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm__body {
  flex: 1;
  overflow-y: auto;
  overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
  border-radius: var(--cc-btn-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: .5em;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
  border: 1px solid var(--cc-cookie-category-block-border);
  border-radius: var(--cc-btn-border-radius);
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: none;
  margin-top: 0 !important;
  overflow: hidden;
}
#cc-main .pm__section {
  border: 1px solid var(--cc-separator-border-color);
  padding: 1em;
  transition: background-color .25s ease, border-color .25s ease;
}
#cc-main .pm__section:first-child {
  border: none;
  margin-bottom: 2em;
  margin-top: 0;
  padding: 0;
  transition: none;
}
#cc-main .pm__section:not(:first-child):hover {
  background: var(--cc-cookie-category-block-bg);
  border-color: var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-toggles + .pm__section {
  margin-top: 2em;
}
#cc-main .pm__section--toggle {
  background: var(--cc-cookie-category-block-bg);
  border-top: none;
  margin-bottom: .375rem;
}
#cc-main .pm__section--toggle .pm__section-title {
  align-items: center;
  background: var(--cc-cookie-category-block-bg);
  border: 1px solid var(--cc-cookie-category-block-border);
  display: flex;
  justify-content: space-between;
  min-height: 58px;
  padding: 1.1em 5.4em 1.1em 1.2em;
  position: relative;
  transition: background-color .25s ease, border-color .25s ease;
  width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
  background: var(--cc-cookie-category-block-hover-bg);
  border-color: var(--cc-cookie-category-block-hover-border);
}
#cc-main .pm__section--toggle .pm__section-desc {
  margin-top: 0;
  padding: 1em;
}
#cc-main .pm__section--toggle.is-expanded {
  --cc-cookie-category-block-bg:var(--cc-cookie-category-expanded-block-bg);
  --cc-cookie-category-block-border:var(--cc-cookie-category-expanded-block-hover-bg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
  transform: scale(.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
  display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
  cursor: pointer;
  padding-left: 3.4em;
}
#cc-main .pm__section--expandable .pm__section-arrow {
  background: var(--cc-toggle-readonly-bg);
  border-radius: 100%;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 18px;
  pointer-events: none;
  position: absolute;
  width: 20px;
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
  stroke: var(--cc-btn-secondary-color);
  transform: scale(.5);
}
#cc-main .pm__section-title-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}
#cc-main .pm__section-title-wrapper + .pm__section-desc-wrapper {
  margin-top: .85em;
}
#cc-main .pm__section-title {
  border-radius: var(--cc-btn-border-radius);
  font-size: .95em;
  font-weight: 600;
}
#cc-main .pm__badge {
  align-items: center;
  background: var(--cc-btn-secondary-bg);
  border-radius: 5em;
  color: var(--cc-secondary-color);
  display: flex;
  flex: none;
  font-size: .8em;
  font-weight: 600;
  height: 23px;
  justify-content: center;
  margin-left: 1em;
  min-width: 23px;
  overflow: hidden;
  padding: 0 .6em 1px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}
#cc-main .pm__service-counter {
  background: var(--cc-btn-primary-bg);
  color: var(--cc-btn-primary-color);
  padding: 0;
  width: 23px;
}
#cc-main .pm__service-counter[data-counterlabel] {
  padding: 0 .6em 1px;
  width: auto;
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
  border-radius: var(--cc-pm-toggle-border-radius);
  height: 23px;
  transform: translateZ(0);
  width: 50px;
}
#cc-main .section__toggle-wrapper {
  cursor: pointer;
  position: absolute;
  right: 18px;
  z-index: 1;
}
#cc-main .toggle-service {
  height: 19px;
  position: relative;
  right: 0;
  width: 42px;
}
#cc-main .toggle-service .section__toggle,
#cc-main .toggle-service .toggle__icon,
#cc-main .toggle-service .toggle__label {
  height: 19px;
  width: 42px;
}
#cc-main .toggle-service .toggle__icon {
  position: relative;
}
#cc-main .toggle-service .toggle__icon-circle {
  height: 19px;
  width: 19px;
}
#cc-main .toggle-service .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
  display: none !important;
}
#cc-main .section__toggle {
  border: 0;
  cursor: pointer;
  display: block;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}
#cc-main .section__toggle:disabled {
  cursor: not-allowed;
}
#cc-main .toggle__icon {
  background: var(--cc-toggle-off-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
  display: flex;
  flex-direction: row;
  pointer-events: none;
  position: absolute;
  transition: all .25s ease;
}
#cc-main .toggle__icon-circle {
  background: var(--cc-toggle-off-knob-bg);
  border: none;
  border-radius: var(--cc-pm-toggle-border-radius);
  box-shadow: 0 1px 2px rgba(24, 32, 3, .36);
  display: block;
  height: 23px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .25s ease, background-color .25s ease;
  width: 23px;
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
  height: 100%;
  position: absolute;
  transition: opacity .15s ease;
  width: 100%;
}
#cc-main .toggle__icon-on {
  opacity: 0;
  transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
  stroke: var(--cc-toggle-on-bg);
  transform: scale(.55) rotate(-45deg);
}
#cc-main .toggle__icon-off {
  opacity: 1;
}
#cc-main .toggle__icon-off svg {
  stroke: var(--cc-toggle-off-bg);
  transform: scale(.55);
}
#cc-main .section__toggle:checked ~ .toggle__icon {
  background: var(--cc-toggle-on-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  background-color: var(--cc-toggle-on-knob-bg);
  transform: translateX(27px);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
  opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
  opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
  background: var(--cc-toggle-readonly-bg);
  box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
  background: var(--cc-toggle-readonly-knob-bg);
  box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
  stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
  color: var(--cc-secondary-color);
  display: flex;
  flex-direction: column;
  font-size: .9em;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
  border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__section-services {
  display: flex;
  flex-direction: column;
}
#cc-main .pm__service {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: .4em 1.2em;
  position: relative;
  transition: background-color .15s ease;
}
#cc-main .pm__service:hover {
  background-color: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__service-header {
  align-items: center;
  display: flex;
  margin-right: 1em;
  width: 100%;
}
#cc-main .pm__service-icon {
  border: 2px solid;
  border-radius: 100%;
  height: 8px;
  margin-left: 6px;
  margin-right: 20px;
  margin-top: 1px;
  min-width: 8px;
}
#cc-main .pm__service-title {
  font-size: .95em;
  width: 100%;
  word-break: break-word;
}
#cc-main .pm__section-desc {
  line-height: 1.5em;
}
#cc-main .pm__section-table {
  border-collapse: collapse;
  font-size: .9em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}
#cc-main .pm__table-caption {
  text-align: left;
}
#cc-main .pm__table-caption,
#cc-main .pm__table-head > tr {
  border-bottom: 1px dashed var(--cc-separator-border-color);
  color: var(--cc-primary-color);
  font-weight: 600;
}
#cc-main .pm__table-tr {
  transition: background-color .15s ease;
}
#cc-main .pm__table-tr:hover {
  background: var(--cc-cookie-category-block-hover-bg);
}
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th {
  padding: .625em .625em .625em 1.2em;
  vertical-align: top;
}
#cc-main .pm__footer {
  border-top: 1px solid var(--cc-separator-border-color);
  display: flex;
  justify-content: space-between;
}
#cc-main .pm__btn-group {
  display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
  margin-left: .375rem;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main .pm__btn {
  background: var(--cc-btn-primary-bg);
  border: 1px solid var(--cc-btn-primary-border-color);
  border-radius: var(--cc-btn-border-radius);
  color: var(--cc-btn-primary-color);
  flex: auto;
  font-size: .82em;
  font-weight: 600;
  min-height: 42px;
  min-width: 110px;
  padding: .5em 1.5em;
  text-align: center;
  transition:
    background-color .15s ease,
    border-color .15s ease,
    color .15s ease;
}
#cc-main .pm__btn:hover {
  background: var(--cc-btn-primary-hover-bg);
  border-color: var(--cc-btn-primary-hover-border-color);
  color: var(--cc-btn-primary-hover-color);
}
#cc-main .pm__btn--secondary {
  background: var(--cc-btn-secondary-bg);
  border-color: var(--cc-btn-secondary-border-color);
  color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
  background: var(--cc-btn-secondary-hover-bg);
  border-color: var(--cc-btn-secondary-hover-border-color);
  color: var(--cc-btn-secondary-hover-color);
}
#cc-main .pm--box {
  height: calc(100% - 2em);
  left: var(--cc-modal-margin);
  margin: 0 auto;
  max-height: 37.5em;
  max-width: 43em;
  right: var(--cc-modal-margin);
  top: 50%;
  transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm--bar {
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  max-height: none;
  max-width: 29em;
  opacity: 1;
  top: 0;
  width: 100%;
  --cc-modal-transition-duration:.35s;
}
#cc-main .pm--bar .pm__section-table,
#cc-main .pm--bar .pm__table-body,
#cc-main .pm--bar .pm__table-td,
#cc-main .pm--bar .pm__table-th,
#cc-main .pm--bar .pm__table-tr {
  display: block;
}
#cc-main .pm--bar .pm__table-head {
  display: none;
}
#cc-main .pm--bar .pm__table-caption {
  display: block;
}
#cc-main .pm--bar .pm__table-tr:not(:last-child) {
  border-bottom: 1px solid var(--cc-separator-border-color);
}
#cc-main .pm--bar .pm__table-td {
  display: flex;
  justify-content: space-between;
}
#cc-main .pm--bar .pm__table-td:before {
  color: var(--cc-primary-color);
  content: attr(data-column);
  flex: 1;
  font-weight: 600;
  min-width: 100px;
  overflow: hidden;
  padding-right: 2em;
  text-overflow: ellipsis;
}
#cc-main .pm--bar .pm__table-td > div {
  flex: 3;
}
#cc-main .pm--bar:not(.pm--wide) .pm__body,
#cc-main .pm--bar:not(.pm--wide) .pm__footer,
#cc-main .pm--bar:not(.pm--wide) .pm__header {
  padding: 1em 1.3em;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide) .pm__footer {
  flex-direction: column;
}
#cc-main .pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin: .375rem 0 0;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__footer {
  flex-direction: column-reverse;
}
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn + .pm__btn,
#cc-main .pm--bar:not(.pm--wide).pm--flip .pm__btn-group + .pm__btn-group {
  margin-bottom: .375rem;
  margin-top: 0;
}
#cc-main .pm--bar:not(.pm--wide) .pm__badge {
  display: none;
}
#cc-main .pm--bar.pm--left {
  left: 0;
  transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
  right: 0;
  transform: translateX(100%);
}
#cc-main .pm--bar.pm--wide {
  max-width: 35em;
}
#cc-main .pm--bar.pm--wide .pm__body,
#cc-main .pm--bar.pm--wide .pm__footer,
#cc-main .pm--bar.pm--wide .pm__header {
  padding: 1em 1.4em;
}
#cc-main .pm--bar.pm--wide.pm--flip .pm__btn-group,
#cc-main .pm--bar.pm--wide.pm--flip .pm__footer {
  flex-direction: row-reverse;
}
#cc-main .pm-overlay {
  background: var(--cc-overlay-bg);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
  transition:
    opacity var(--cc-modal-transition-duration) ease,
    visibility var(--cc-modal-transition-duration) ease,
    transform var(--cc-modal-transition-duration) ease;
}
.show--preferences #cc-main .cc--anim .pm {
  opacity: 1;
  visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
  transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
  transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
  opacity: 1;
  visibility: visible;
}
#cc-main.cc--rtl .pm__service-header {
  margin-left: 1em;
  margin-right: 0;
}
#cc-main.cc--rtl .pm__section-arrow {
  left: unset;
  right: 18px;
}
#cc-main.cc--rtl .section__toggle-wrapper {
  left: 18px;
  right: unset;
  transform-origin: left;
}
#cc-main.cc--rtl .toggle-service {
  left: 0;
}
#cc-main.cc--rtl .pm__service-icon {
  margin-left: 20px;
  margin-right: 5px;
}
#cc-main.cc--rtl .pm__section--toggle .pm__section-title {
  padding-left: 5.4em;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__section--expandable .pm__section-title {
  padding-right: 3.4em;
}
#cc-main.cc--rtl .pm__badge {
  margin-left: unset;
  margin-right: 1em;
}
#cc-main.cc--rtl .toggle__icon-circle {
  transform: translateX(27px);
}
#cc-main.cc--rtl .toggle-service .toggle__icon-circle {
  transform: translateX(23px);
}
#cc-main.cc--rtl .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
  transform: translateX(0);
}
#cc-main.cc--rtl .pm__table-td,
#cc-main.cc--rtl .pm__table-th {
  padding-left: unset;
  padding-right: 1.2em;
  text-align: right;
}
#cc-main.cc--rtl .pm__table-td {
  padding-left: unset;
  padding-right: 1.2em;
}
#cc-main.cc--rtl .pm__table-td:before {
  padding-left: 2em;
  padding-right: unset;
}
#cc-main.cc--rtl .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm__btn-group + .pm__btn-group {
  margin-left: 0;
  margin-right: .375rem;
}
#cc-main.cc--rtl .pm--flip .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip .pm__btn-group + .pm__btn-group {
  margin-left: .375rem;
  margin-right: 0;
}
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn + .pm__btn,
#cc-main.cc--rtl .pm--flip.pm--bar:not(.pm--wide) .pm__btn-group + .pm__btn-group {
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  #cc-main .pm {
    border-radius: 0;
    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    max-width: none !important;
    right: 0;
    top: 0;
    transform: translateY(1.6em);
  }
  #cc-main .pm__body,
  #cc-main .pm__footer,
  #cc-main .pm__header {
    padding: .9em !important;
  }
  #cc-main .pm__badge {
    display: none;
  }
  #cc-main .pm__section-table,
  #cc-main .pm__table-body,
  #cc-main .pm__table-caption,
  #cc-main .pm__table-td,
  #cc-main .pm__table-th,
  #cc-main .pm__table-tr {
    display: block;
  }
  #cc-main .pm__table-head {
    display: none;
  }
  #cc-main .pm__table-tr:not(:last-child) {
    border-bottom: 1px solid var(--cc-separator-border-color);
  }
  #cc-main .pm__table-td {
    display: flex;
    justify-content: space-between;
  }
  #cc-main .pm__table-td:before {
    color: var(--cc-primary-color);
    content: attr(data-column);
    flex: 1;
    font-weight: 600;
    min-width: 100px;
    overflow: hidden;
    padding-right: 2em;
    text-overflow: ellipsis;
  }
  #cc-main .pm__table-td > div {
    flex: 3;
  }
  #cc-main .pm__btn-group,
  #cc-main .pm__footer {
    flex-direction: column !important;
  }
  #cc-main .pm__btn-group {
    display: flex !important;
  }
  #cc-main .pm__btn + .pm__btn,
  #cc-main .pm__btn-group + .pm__btn-group {
    margin: .375rem 0 0 !important;
  }
  #cc-main .pm--flip .pm__btn + .pm__btn,
  #cc-main .pm--flip .pm__btn-group + .pm__btn-group {
    margin-bottom: .375rem !important;
    margin-top: 0 !important;
  }
  #cc-main .pm--flip .pm__btn-group,
  #cc-main .pm--flip .pm__footer {
    flex-direction: column-reverse !important;
  }
  .show--preferences #cc-main .cc--anim .pm {
    transform: translateY(0) !important;
  }
}

/* node_modules/.pnpm/grapesjs@0.22.16/node_modules/grapesjs/dist/css/grapes.min.css */
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: blue;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: red;
}
.cm-invalidchar {
  color: red;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: .1px;
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
.cm-force-border {
  padding-right: .1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: none;
}
.cm-s-hopscotch.CodeMirror {
  background: #322931;
  color: #d5d3d5;
}
.cm-s-hopscotch div.CodeMirror-selected {
  background: #433b42 !important;
}
.cm-s-hopscotch .CodeMirror-gutters {
  background: #322931;
  border-right: 0px;
}
.cm-s-hopscotch .CodeMirror-linenumber {
  color: #797379;
}
.cm-s-hopscotch .CodeMirror-cursor {
  border-left: 1px solid #989498 !important;
}
.cm-s-hopscotch span.cm-comment {
  color: #b33508;
}
.cm-s-hopscotch span.cm-atom {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-number {
  color: #c85e7c;
}
.cm-s-hopscotch span.cm-property,
.cm-s-hopscotch span.cm-attribute {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-keyword {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-string {
  color: #fdcc59;
}
.cm-s-hopscotch span.cm-variable {
  color: #8fc13e;
}
.cm-s-hopscotch span.cm-variable-2 {
  color: #1290bf;
}
.cm-s-hopscotch span.cm-def {
  color: #fd8b19;
}
.cm-s-hopscotch span.cm-error {
  background: #dd464c;
  color: #989498;
}
.cm-s-hopscotch span.cm-bracket {
  color: #d5d3d5;
}
.cm-s-hopscotch span.cm-tag {
  color: #dd464c;
}
.cm-s-hopscotch span.cm-link {
  color: #c85e7c;
}
.cm-s-hopscotch .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.cm-s-hopscotch .CodeMirror-activeline-background {
  background: #302020;
}
.gjs-is__grab,
.gjs-is__grab * {
  cursor: grab !important;
}
.gjs-is__grabbing,
.gjs-is__grabbing * {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: grabbing !important;
}
:root {
  --gjs-main-color: #444;
  --gjs-primary-color: #444;
  --gjs-secondary-color: #ddd;
  --gjs-tertiary-color: #804f7b;
  --gjs-quaternary-color: #d278c9;
  --gjs-font-color: #ddd;
  --gjs-font-color-active: #f8f8f8;
  --gjs-main-dark-color: rgba(0, 0, 0, 0.2);
  --gjs-secondary-dark-color: rgba(0, 0, 0, 0.1);
  --gjs-main-light-color: rgba(255, 255, 255, 0.1);
  --gjs-secondary-light-color: rgba(255, 255, 255, 0.7);
  --gjs-soft-light-color: rgba(255, 255, 255, 0.015);
  --gjs-color-blue: #3b97e3;
  --gjs-color-red: #dd3636;
  --gjs-color-yellow: #ffca6f;
  --gjs-color-green: #62c462;
  --gjs-left-width: 15%;
  --gjs-color-highlight: #71b7f1;
  --gjs-color-warn: #ffca6f;
  --gjs-handle-margin: -5px;
  --gjs-light-border: rgba(255, 255, 255, 0.05);
  --gjs-arrow-color: rgba(255, 255, 255, 0.7);
  --gjs-dark-text-shadow: rgba(0, 0, 0, 0.2);
  --gjs-color-input-padding: 22px;
  --gjs-input-padding: 5px;
  --gjs-padding-elem-classmanager: 5px 6px;
  --gjs-upload-padding: 150px 10px;
  --gjs-animation-duration: 0.2s;
  --gjs-main-font: Helvetica, sans-serif;
  --gjs-font-size: 0.75rem;
  --gjs-placeholder-background-color: var(--gjs-color-green);
  --gjs-canvas-top: 40px;
  --gjs-flex-item-gap: 5px;
}
.gjs-bg-main,
.gjs-off-prv,
.gjs-sm-colorp-c {
  background-color: var(--gjs-main-color);
}
.gjs-color-main,
.gjs-off-prv,
.gjs-sm-stack #gjs-sm-add {
  color: var(--gjs-font-color);
  fill: var(--gjs-font-color);
}
.gjs-color-active {
  color: var(--gjs-font-color-active);
  fill: var(--gjs-font-color-active);
}
.gjs-color-warn {
  color: var(--gjs-color-warn);
  fill: var(--gjs-color-warn);
}
.gjs-color-hl {
  color: var(--gjs-color-highlight);
  fill: var(--gjs-color-highlight);
}
.gjs-invis-invis,
.gjs-clm-tags #gjs-clm-new,
.gjs-no-app {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  color: inherit;
}
.gjs-no-app {
  height: 10px;
}
.opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-checker-bg,
.gjs-field-colorp-c,
.checker-bg,
.gjs-sm-layer-preview {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.gjs-no-user-select,
.gjs-grabbing,
.gjs-grabbing *,
.gjs-rte-toolbar,
.gjs-layer-name {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.gjs-no-pointer-events,
.gjs-resizer-c,
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  pointer-events: none;
}
.no-select,
.gjs-clm-tags #gjs-clm-close,
.gjs-com-no-select,
.gjs-com-no-select img,
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-trait-category .gjs-title {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.clear {
  clear: both;
}
.gjs-category-open,
.gjs-block-category.gjs-open,
.gjs-sm-sector.gjs-sm-open,
.gjs-trait-category.gjs-open {
  border-bottom: 1px solid rgba(0, 0, 0, .25);
}
.gjs-category-title,
.gjs-layer-title,
.gjs-block-category .gjs-title,
.gjs-sm-sector-title,
.gjs-trait-category .gjs-title {
  font-weight: lighter;
  background-color: var(--gjs-secondary-dark-color);
  letter-spacing: 1px;
  padding: 9px 10px 9px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, .25);
  text-align: left;
  position: relative;
  cursor: pointer;
}
.btn-cl,
.gjs-am-close,
.gjs-mdl-btn-close {
  opacity: .3;
  filter: alpha(opacity=30);
  font-size: 25px;
  cursor: pointer;
}
.btn-cl:hover,
.gjs-am-close:hover,
.gjs-mdl-btn-close:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-traits-label {
  border-bottom: 1px solid var(--gjs-main-dark-color);
  font-weight: lighter;
  margin-bottom: 5px;
  padding: 10px;
  text-align: left;
}
.gjs-label-wrp {
  width: 30%;
  min-width: 30%;
}
.gjs-field-wrp {
  flex-grow: 1;
}
.gjs-traits-c,
.gjs-traits-cs {
  display: flex;
  flex-direction: column;
}
.gjs-trait-categories {
  display: flex;
  flex-direction: column;
}
.gjs-trait-category {
  width: 100%;
}
.gjs-trait-category .gjs-caret-icon {
  margin-right: 5px;
}
.gjs-trt-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-trt-trait {
  display: flex;
  justify-content: flex-start;
  padding: 5px 10px;
  font-weight: lighter;
  align-items: center;
  text-align: left;
  gap: 5px;
}
.gjs-trt-traits {
  font-size: var(--gjs-font-size);
}
.gjs-trt-trait .gjs-label {
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
.gjs-guide-info {
  position: absolute;
}
.gjs-guide-info__content {
  position: absolute;
  height: 100%;
  display: flex;
  width: 100%;
  padding: 5px;
}
.gjs-guide-info__line {
  position: relative;
  margin: auto;
}
.gjs-guide-info__line::before,
.gjs-guide-info__line::after {
  content: "";
  display: block;
  position: absolute;
  background-color: inherit;
}
.gjs-guide-info__y {
  padding: 0 5px;
}
.gjs-guide-info__y .gjs-guide-info__content {
  justify-content: center;
}
.gjs-guide-info__y .gjs-guide-info__line {
  width: 100%;
  height: 1px;
}
.gjs-guide-info__y .gjs-guide-info__line::before,
.gjs-guide-info__y .gjs-guide-info__line::after {
  width: 1px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.gjs-guide-info__y .gjs-guide-info__line::after {
  left: auto;
  right: 0;
}
.gjs-guide-info__x {
  padding: 5px 0;
}
.gjs-guide-info__x .gjs-guide-info__content {
  align-items: center;
}
.gjs-guide-info__x .gjs-guide-info__line {
  height: 100%;
  width: 1px;
}
.gjs-guide-info__x .gjs-guide-info__line::before,
.gjs-guide-info__x .gjs-guide-info__line::after {
  width: 10px;
  height: 1px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transform: translateX(-50%);
}
.gjs-guide-info__x .gjs-guide-info__line::after {
  top: auto;
  bottom: 0;
}
.gjs-badge {
  white-space: nowrap;
}
.gjs-badge__icon {
  vertical-align: middle;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.gjs-badge__icon svg {
  fill: currentColor;
}
.gjs-badge__name {
  display: inline-block;
  vertical-align: middle;
}
.gjs-frame-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.gjs-frame-wrapper--anim {
  transition: width .35s ease, height .35s ease;
}
.gjs-frame-wrapper__top {
  transform: translateY(-100%) translateX(-50%);
  display: flex;
  padding: 5px 0;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 0;
}
.gjs-frame-wrapper__top-r {
  margin-left: auto;
}
.gjs-frame-wrapper__left {
  position: absolute;
  left: 0;
  transform: translateX(-100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__bottom {
  position: absolute;
  bottom: 0;
  transform: translateY(100%) translateX(-50%);
  width: 100%;
  left: 50%;
}
.gjs-frame-wrapper__right {
  position: absolute;
  right: 0;
  transform: translateX(100%) translateY(-50%);
  height: 100%;
  top: 50%;
}
.gjs-frame-wrapper__icon {
  width: 24px;
  cursor: pointer;
}
.gjs-frame-wrapper__icon > svg {
  fill: currentColor;
}
.gjs-padding-v-top,
.gjs-fixedpadding-v-top {
  width: 100%;
  top: 0;
  left: 0;
}
.gjs-padding-v-right,
.gjs-fixedpadding-v-right {
  right: 0;
}
.gjs-padding-v-bottom,
.gjs-fixedpadding-v-bottom {
  width: 100%;
  left: 0;
  bottom: 0;
}
.gjs-padding-v-left,
.gjs-fixedpadding-v-left {
  left: 0;
}
.gjs-cv-canvas {
  box-sizing: border-box;
  width: calc(100% - var(--gjs-left-width));
  height: calc(100% - var(--gjs-canvas-top));
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  left: 0;
  top: var(--gjs-canvas-top);
}
.gjs-cv-canvas-bg {
  background-color: rgba(0, 0, 0, .15);
}
.gjs-cv-canvas.gjs-cui {
  width: 100%;
  height: 100%;
  top: 0;
}
.gjs-cv-canvas.gjs-is__grab .gjs-cv-canvas__frames,
.gjs-cv-canvas.gjs-is__grabbing .gjs-cv-canvas__frames {
  pointer-events: none;
}
.gjs-cv-canvas__frames {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas__spots {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.gjs-cv-canvas .gjs-ghost {
  display: none;
  pointer-events: none;
  background-color: #5b5b5b;
  border: 2px dashed #ccc;
  position: absolute;
  z-index: 10;
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-cv-canvas .gjs-highlighter,
.gjs-cv-canvas .gjs-highlighter-sel {
  position: absolute;
  outline: 1px solid var(--gjs-color-blue);
  outline-offset: -1px;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.gjs-cv-canvas .gjs-highlighter-warning {
  outline: 3px solid var(--gjs-color-yellow);
}
.gjs-cv-canvas .gjs-highlighter-sel {
  outline: 2px solid var(--gjs-color-blue);
  outline-offset: -2px;
}
.gjs-cv-canvas #gjs-tools,
.gjs-cv-canvas .gjs-tools {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
  z-index: 1;
}
.gjs-cv-canvas #gjs-tools {
  z-index: 2;
}
.gjs-cv-canvas * {
  box-sizing: border-box;
}
.gjs-frame {
  outline: medium none;
  height: 100%;
  width: 100%;
  border: none;
  margin: auto;
  display: block;
  transition: width .35s ease, height .35s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gjs-toolbar {
  position: absolute;
  background-color: var(--gjs-color-blue);
  white-space: nowrap;
  color: #fff;
  z-index: 10;
  top: 0;
  left: 0;
}
.gjs-toolbar-item {
  width: 26px;
  padding: 5px;
  cursor: pointer;
  display: inline-block;
}
.gjs-toolbar-item svg {
  fill: currentColor;
  vertical-align: middle;
}
.gjs-resizer-c {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.gjs-margin-v-el,
.gjs-padding-v-el,
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .1;
  filter: alpha(opacity=10);
  position: absolute;
  background-color: #ff0;
}
.gjs-fixedmargin-v-el,
.gjs-fixedpadding-v-el {
  opacity: .2;
  filter: alpha(opacity=20);
}
.gjs-padding-v-el,
.gjs-fixedpadding-v-el {
  background-color: navy;
}
.gjs-resizer-h {
  pointer-events: all;
  position: absolute;
  border: 3px solid var(--gjs-color-blue);
  width: 10px;
  height: 10px;
  background-color: #fff;
  margin: var(--gjs-handle-margin);
}
.gjs-resizer-h-tl {
  top: 0;
  left: 0;
  cursor: nwse-resize;
}
.gjs-resizer-h-tr {
  top: 0;
  right: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-tc {
  top: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-cl {
  left: 0;
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-cr {
  margin: auto var(--gjs-handle-margin);
  top: 0;
  bottom: 0;
  right: 0;
  cursor: ew-resize;
}
.gjs-resizer-h-bl {
  bottom: 0;
  left: 0;
  cursor: nesw-resize;
}
.gjs-resizer-h-bc {
  bottom: 0;
  margin: var(--gjs-handle-margin) auto;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.gjs-resizer-h-br {
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
}
.gjs-pn-panel .gjs-resizer-h {
  background-color: rgba(0, 0, 0, .2);
  border: none;
  opacity: 0;
  transition: opacity .25s;
}
.gjs-pn-panel .gjs-resizer-h:hover {
  opacity: 1;
}
.gjs-pn-panel .gjs-resizer-h-tc,
.gjs-pn-panel .gjs-resizer-h-bc {
  margin: 0 auto;
  width: 100%;
}
.gjs-pn-panel .gjs-resizer-h-cr,
.gjs-pn-panel .gjs-resizer-h-cl {
  margin: auto 0;
  height: 100%;
}
.gjs-resizing .gjs-highlighter,
.gjs-resizing .gjs-badge {
  display: none !important;
}
.gjs-resizing-tl * {
  cursor: nwse-resize !important;
}
.gjs-resizing-tr * {
  cursor: nesw-resize !important;
}
.gjs-resizing-tc * {
  cursor: ns-resize !important;
}
.gjs-resizing-cl * {
  cursor: ew-resize !important;
}
.gjs-resizing-cr * {
  cursor: ew-resize !important;
}
.gjs-resizing-bl * {
  cursor: nesw-resize !important;
}
.gjs-resizing-bc * {
  cursor: ns-resize !important;
}
.gjs-resizing-br * {
  cursor: nwse-resize !important;
}
.no-dots,
.ui-resizable-handle {
  border: none !important;
  margin: 0 !important;
  outline: none !important;
}
.gjs-com-dashed * {
  outline: 1px dashed #888;
  outline-offset: -2px;
  box-sizing: border-box;
}
.gjs-com-badge,
.gjs-badge {
  pointer-events: none;
  background-color: var(--gjs-color-blue);
  color: #fff;
  padding: 2px 5px;
  position: absolute;
  z-index: 1;
  font-size: 12px;
  outline: none;
  display: none;
}
.gjs-badge-warning {
  background-color: var(--gjs-color-yellow);
}
.gjs-placeholder,
.gjs-com-placeholder,
.gjs-placeholder {
  position: absolute;
  z-index: 10;
  pointer-events: none;
  display: none;
}
.gjs-placeholder,
.gjs-placeholder {
  border-style: solid !important;
  outline: none;
  box-sizing: border-box;
  transition:
    top var(--gjs-animation-duration),
    left var(--gjs-animation-duration),
    width var(--gjs-animation-duration),
    height var(--gjs-animation-duration);
}
.gjs-placeholder.horizontal,
.gjs-com-placeholder.horizontal,
.gjs-placeholder.horizontal {
  border-color: rgba(0, 0, 0, 0) var(--gjs-placeholder-background-color);
  border-width: 3px 5px;
  margin: -3px 0 0;
}
.gjs-placeholder.vertical,
.gjs-com-placeholder.vertical,
.gjs-placeholder.vertical {
  border-color: var(--gjs-placeholder-background-color) rgba(0, 0, 0, 0);
  border-width: 5px 3px;
  margin: 0 0 0 -3px;
}
.gjs-placeholder-int,
.gjs-com-placeholder-int,
.gjs-placeholder-int {
  background-color: var(--gjs-placeholder-background-color);
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  height: 100%;
  width: 100%;
  pointer-events: none;
  padding: 1.5px;
  outline: none;
}
.gjs-pn-panel {
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  z-index: 3;
}
.gjs-pn-panel .icon-undo,
.gjs-pn-panel .icon-redo {
  font-size: 20px;
  height: 30px;
  width: 25px;
}
.gjs-pn-commands {
  width: calc(100% - var(--gjs-left-width));
  left: 0;
  top: 0;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
.gjs-pn-options {
  right: var(--gjs-left-width);
  top: 0;
}
.gjs-pn-views {
  border-bottom: 2px solid var(--gjs-main-dark-color);
  right: 0;
  width: var(--gjs-left-width);
  z-index: 4;
}
.gjs-pn-views-container {
  height: 100%;
  padding: 42px 0 0;
  right: 0;
  width: var(--gjs-left-width);
  overflow: auto;
  box-shadow: 0 0 5px var(--gjs-main-dark-color);
}
.gjs-pn-buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.gjs-pn-btn {
  box-sizing: border-box;
  min-height: 30px;
  min-width: 30px;
  line-height: 21px;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 18px;
  margin-right: 5px;
  border-radius: 2px;
  padding: 4px;
  position: relative;
  cursor: pointer;
}
.gjs-pn-btn.gjs-pn-active {
  background-color: rgba(0, 0, 0, .15);
  box-shadow: 0 0 3px rgba(0, 0, 0, .25) inset;
}
.gjs-pn-btn svg {
  fill: currentColor;
}
.gjs-label {
  line-height: 18px;
}
.gjs-fields {
  display: flex;
}
.gjs-select {
  padding: 0;
  width: 100%;
}
.gjs-select select {
  padding-right: 10px;
}
.gjs-select:-moz-focusring,
.gjs-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
.gjs-input:focus,
.gjs-button:focus,
.gjs-btn-prim:focus,
.gjs-select:focus,
.gjs-select select:focus {
  outline: none;
}
.gjs-field input,
.gjs-field select,
.gjs-field textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: inherit;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: var(--gjs-input-padding);
  z-index: 1;
}
.gjs-field input:focus,
.gjs-field select:focus,
.gjs-field textarea:focus {
  outline: none;
}
.gjs-field input[type=number] {
  -moz-appearance: textfield;
}
.gjs-field input[type=number]::-webkit-outer-spin-button,
.gjs-field input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gjs-field-range {
  flex: 9 1 auto;
}
.gjs-field-integer input {
  padding-right: 30px;
}
.gjs-select option,
.gjs-field-select option,
.gjs-clm-select option,
.gjs-sm-select option,
.gjs-fields option,
.gjs-sm-unit option {
  background-color: var(--gjs-main-color);
  color: var(--gjs-font-color);
}
.gjs-field {
  background-color: var(--gjs-main-dark-color);
  border: none;
  box-shadow: none;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}
.gjs-field textarea {
  resize: vertical;
}
.gjs-field .gjs-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.gjs-field .gjs-d-s-arrow {
  bottom: 0;
  top: 0;
  margin: auto;
  right: var(--gjs-input-padding);
  border-top: 4px solid var(--gjs-arrow-color);
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-field-arrows {
  position: absolute;
  cursor: ns-resize;
  margin: auto;
  height: 20px;
  width: 9px;
  z-index: 10;
  bottom: 0;
  right: calc(var(--gjs-input-padding) - 2px);
  top: 0;
}
.gjs-field-color,
.gjs-field-radio {
  width: 100%;
}
.gjs-field-color input {
  padding-right: var(--gjs-color-input-padding);
  box-sizing: border-box;
}
.gjs-field-colorp {
  border-left: 1px solid var(--gjs-main-dark-color);
  box-sizing: border-box;
  height: 100%;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
  width: var(--gjs-color-input-padding);
  z-index: 10;
}
.gjs-field-colorp .gjs-checker-bg,
.gjs-field-colorp .gjs-field-colorp-c {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-field-colorp-c {
  height: 100%;
  position: relative;
  width: 100%;
}
.gjs-field-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
  position: absolute;
  top: 0;
}
.gjs-field-checkbox {
  padding: 0;
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
}
.gjs-field-checkbox input {
  display: none;
}
.gjs-field-checkbox input:checked + .gjs-chk-icon {
  border-color: hsla(0, 0%, 100%, .5);
  border-width: 0 2px 2px 0;
  border-style: solid;
}
.gjs-radio-item {
  flex: 1 1 auto;
  text-align: center;
  border-left: 1px solid var(--gjs-dark-text-shadow);
}
.gjs-radio-item:first-child {
  border: none;
}
.gjs-radio-item:hover {
  background: var(--gjs-main-dark-color);
}
.gjs-radio-item input {
  display: none;
}
.gjs-radio-item input:checked + .gjs-radio-item-label {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-radio-items {
  display: flex;
}
.gjs-radio-item-label {
  cursor: pointer;
  display: block;
  padding: var(--gjs-input-padding);
}
.gjs-field-units {
  position: absolute;
  margin: auto;
  right: 10px;
  bottom: 0;
  top: 0;
}
.gjs-field-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-arrow-color);
  cursor: pointer;
}
.gjs-input-unit {
  text-align: center;
}
.gjs-field-arrow-u,
.gjs-field-arrow-d {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-top: 4px solid var(--gjs-arrow-color);
  bottom: 4px;
  cursor: pointer;
}
.gjs-field-arrow-u {
  border-bottom: 4px solid var(--gjs-arrow-color);
  border-top: none;
  top: 4px;
}
.gjs-field-select {
  padding: 0;
}
.gjs-field-range {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  padding: 0;
}
.gjs-field-range input {
  margin: 0;
  height: 100%;
}
.gjs-field-range input:focus {
  outline: none;
}
.gjs-field-range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-ms-thumb {
  height: 10px;
  width: 10px;
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 100%;
  background-color: var(--gjs-font-color);
  cursor: pointer;
}
.gjs-field-range input::-moz-range-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-webkit-slider-runnable-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-field-range input::-ms-track {
  background-color: var(--gjs-main-dark-color);
  border-radius: 1px;
  margin-top: 3px;
  height: 3px;
}
.gjs-btn-prim {
  color: inherit;
  background-color: var(--gjs-main-light-color);
  border-radius: 2px;
  padding: 3px 6px;
  padding: var(--gjs-input-padding);
  cursor: pointer;
  border: none;
}
.gjs-btn-prim:active {
  background-color: var(--gjs-main-light-color);
}
.gjs-btn--full {
  width: 100%;
}
.gjs-chk-icon {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
  display: block;
  height: 14px;
  margin: 0 5px;
  width: 6px;
}
.gjs-add-trasp {
  background: none;
  border: none;
  color: var(--gjs-font-color);
  cursor: pointer;
  font-size: 1em;
  border-radius: 2px;
  opacity: .75;
  filter: alpha(opacity=75);
}
.gjs-add-trasp:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-add-trasp:active {
  background-color: rgba(0, 0, 0, .2);
}
.gjs-devices-c {
  display: flex;
  align-items: center;
  padding: 2px 3px 3px 3px;
}
.gjs-devices-c .gjs-device-label {
  flex-grow: 2;
  text-align: left;
  margin-right: 10px;
}
.gjs-devices-c .gjs-select {
  flex-grow: 20;
}
.gjs-devices-c .gjs-add-trasp {
  flex-grow: 1;
  margin-left: 5px;
}
.gjs-sm-clear {
  cursor: pointer;
  width: 14px;
  min-width: 14px;
  height: 14px;
  margin-left: 3px;
}
.gjs-sm-header {
  font-weight: lighter;
  padding: 10px;
}
.gjs-sm-sector {
  clear: both;
  font-weight: lighter;
  text-align: left;
}
.gjs-sm-sector-title {
  display: flex;
  align-items: center;
}
.gjs-sm-sector-caret {
  width: 17px;
  height: 17px;
  min-width: 17px;
  transform: rotate(-90deg);
}
.gjs-sm-sector-label {
  margin-left: 5px;
}
.gjs-sm-sector.gjs-sm-open .gjs-sm-sector-caret {
  transform: none;
}
.gjs-sm-properties {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
}
.gjs-sm-label {
  margin: 5px 5px 3px 0;
  display: flex;
  align-items: center;
}
.gjs-sm-close-btn,
.gjs-sm-preview-file-close {
  display: block;
  font-size: 23px;
  position: absolute;
  cursor: pointer;
  right: 5px;
  top: 0;
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-sm-close-btn:hover,
.gjs-sm-preview-file-close:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-sm-field,
.gjs-clm-field,
.gjs-clm-select {
  width: 100%;
  position: relative;
}
.gjs-sm-field input,
.gjs-clm-field input,
.gjs-clm-select input,
.gjs-sm-field select,
.gjs-clm-field select,
.gjs-clm-select select {
  background-color: rgba(0, 0, 0, 0);
  color: hsla(0, 0%, 100%, .7);
  border: none;
  width: 100%;
}
.gjs-sm-field input,
.gjs-clm-field input,
.gjs-clm-select input {
  box-sizing: border-box;
}
.gjs-sm-field select,
.gjs-clm-field select,
.gjs-clm-select select {
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.gjs-sm-field select::-ms-expand,
.gjs-clm-field select::-ms-expand,
.gjs-clm-select select::-ms-expand {
  display: none;
}
.gjs-sm-field select:-moz-focusring,
.gjs-clm-field select:-moz-focusring,
.gjs-clm-select select:-moz-focusring {
  color: rgba(0, 0, 0, 0);
  text-shadow: 0 0 0 var(--gjs-secondary-light-color);
}
.gjs-sm-field input:focus,
.gjs-clm-field input:focus,
.gjs-clm-select input:focus,
.gjs-sm-field select:focus,
.gjs-clm-field select:focus,
.gjs-clm-select select:focus {
  outline: none;
}
.gjs-sm-field .gjs-sm-unit,
.gjs-clm-field .gjs-sm-unit,
.gjs-clm-select .gjs-sm-unit {
  position: absolute;
  right: 10px;
  top: 3px;
  font-size: 10px;
  color: var(--gjs-secondary-light-color);
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-sel-arrow,
.gjs-clm-field .gjs-clm-sel-arrow,
.gjs-clm-select .gjs-clm-sel-arrow,
.gjs-sm-field .gjs-sm-int-arrows,
.gjs-clm-field .gjs-sm-int-arrows,
.gjs-clm-select .gjs-sm-int-arrows,
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow {
  height: 100%;
  width: 9px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: ns-resize;
}
.gjs-sm-field .gjs-sm-sel-arrow,
.gjs-clm-field .gjs-sm-sel-arrow,
.gjs-clm-select .gjs-sm-sel-arrow {
  cursor: pointer;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow,
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow {
  position: absolute;
  height: 0;
  width: 0;
  border-left: 3px solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.gjs-sm-field .gjs-sm-u-arrow,
.gjs-clm-field .gjs-sm-u-arrow,
.gjs-clm-select .gjs-sm-u-arrow {
  border-bottom: 4px solid var(--gjs-secondary-light-color);
  top: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-arrow,
.gjs-clm-field .gjs-sm-d-arrow,
.gjs-clm-select .gjs-sm-d-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow {
  border-top: 4px solid var(--gjs-secondary-light-color);
  bottom: 4px;
}
.gjs-sm-field .gjs-clm-d-s-arrow,
.gjs-clm-field .gjs-clm-d-s-arrow,
.gjs-clm-select .gjs-clm-d-s-arrow,
.gjs-sm-field .gjs-sm-d-s-arrow,
.gjs-clm-field .gjs-sm-d-s-arrow,
.gjs-clm-select .gjs-sm-d-s-arrow {
  bottom: 7px;
}
.gjs-sm-field.gjs-sm-color,
.gjs-sm-color.gjs-clm-field,
.gjs-sm-field.gjs-sm-input,
.gjs-sm-input.gjs-clm-field,
.gjs-sm-field.gjs-sm-integer,
.gjs-sm-integer.gjs-clm-field,
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-field,
.gjs-sm-field.gjs-sm-select,
.gjs-sm-select.gjs-clm-field,
.gjs-clm-select {
  background-color: var(--gjs-main-dark-color);
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 0 var(--gjs-main-light-color);
  color: var(--gjs-secondary-light-color);
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0 5px;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-field,
.gjs-sm-composite.gjs-clm-select {
  border-radius: 2px;
}
.gjs-sm-field.gjs-sm-select,
.gjs-sm-select.gjs-clm-field,
.gjs-clm-select {
  padding: 0;
}
.gjs-sm-field.gjs-sm-select select,
.gjs-sm-select.gjs-clm-field select,
.gjs-clm-select select {
  height: 20px;
}
.gjs-sm-field.gjs-sm-select option,
.gjs-sm-select.gjs-clm-field option,
.gjs-clm-select option {
  padding: 3px 0;
}
.gjs-sm-field.gjs-sm-composite,
.gjs-sm-composite.gjs-clm-field,
.gjs-sm-composite.gjs-clm-select {
  background-color: var(--gjs-secondary-dark-color);
  border: 1px solid rgba(0, 0, 0, .25);
}
.gjs-sm-field.gjs-sm-list,
.gjs-sm-list.gjs-clm-field,
.gjs-sm-list.gjs-clm-select {
  width: auto;
  padding: 0;
  overflow: hidden;
  float: left;
}
.gjs-sm-field.gjs-sm-list input,
.gjs-sm-list.gjs-clm-field input,
.gjs-sm-list.gjs-clm-select input {
  display: none;
}
.gjs-sm-field.gjs-sm-list label,
.gjs-sm-list.gjs-clm-field label,
.gjs-sm-list.gjs-clm-select label {
  cursor: pointer;
  padding: 5px;
  display: block;
}
.gjs-sm-field.gjs-sm-list .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-field .gjs-sm-radio:checked + label,
.gjs-sm-list.gjs-clm-select .gjs-sm-radio:checked + label {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-sm-field.gjs-sm-list .gjs-sm-icon,
.gjs-sm-list.gjs-clm-field .gjs-sm-icon,
.gjs-sm-list.gjs-clm-select .gjs-sm-icon {
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none;
  line-height: normal;
}
.gjs-sm-field.gjs-sm-integer select,
.gjs-sm-integer.gjs-clm-field select,
.gjs-sm-integer.gjs-clm-select select {
  width: auto;
  padding: 0;
}
.gjs-sm-list .gjs-sm-el {
  float: left;
  border-left: 1px solid var(--gjs-main-dark-color);
}
.gjs-sm-list .gjs-sm-el:first-child {
  border: none;
}
.gjs-sm-list .gjs-sm-el:hover {
  background: var(--gjs-main-dark-color);
}
.gjs-sm-slider .gjs-field-integer {
  flex: 1 1 65px;
}
.gjs-sm-property {
  box-sizing: border-box;
  float: left;
  width: 50%;
  margin-bottom: 5px;
  padding: 0 5px;
}
.gjs-sm-property--full,
.gjs-sm-property.gjs-sm-composite,
.gjs-sm-property.gjs-sm-file,
.gjs-sm-property.gjs-sm-list,
.gjs-sm-property.gjs-sm-stack,
.gjs-sm-property.gjs-sm-slider,
.gjs-sm-property.gjs-sm-color {
  width: 100%;
}
.gjs-sm-property .gjs-sm-btn {
  background-color: color-mix(in srgb, var(--gjs-main-dark-color), white 13%);
  border-radius: 2px;
  box-shadow: 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 2%), 1px 1px 0 color-mix(in srgb, var(--gjs-main-dark-color), white 17%) inset;
  padding: 5px;
  position: relative;
  text-align: center;
  height: auto;
  width: 100%;
  cursor: pointer;
  color: var(--gjs-font-color);
  box-sizing: border-box;
  text-shadow: -1px -1px 0 var(--gjs-main-dark-color);
  border: none;
  opacity: .85;
  filter: alpha(opacity=85);
}
.gjs-sm-property .gjs-sm-btn-c {
  box-sizing: border-box;
  float: left;
  width: 100%;
}
.gjs-sm-property__text-shadow .gjs-sm-layer-preview-cnt::after {
  color: #000;
  content: "T";
  font-weight: 900;
  line-height: 17px;
  padding: 0 4px;
}
.gjs-sm-preview-file {
  background-color: var(--gjs-light-border);
  border-radius: 2px;
  margin-top: 5px;
  position: relative;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--gjs-light-border), black 1%);
  padding: 3px 20px;
}
.gjs-sm-preview-file-cnt {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
}
.gjs-sm-preview-file-close {
  top: -5px;
  width: 14px;
  height: 14px;
}
.gjs-sm-layers {
  margin-top: 5px;
  padding: 1px 3px;
  min-height: 30px;
}
.gjs-sm-layer {
  background-color: hsla(0, 0%, 100%, .055);
  border-radius: 2px;
  margin: 2px 0;
  padding: 7px;
  position: relative;
}
.gjs-sm-layer.gjs-sm-active {
  background-color: hsla(0, 0%, 100%, .12);
}
.gjs-sm-layer .gjs-sm-label-wrp {
  display: flex;
  align-items: center;
}
.gjs-sm-layer #gjs-sm-move {
  height: 14px;
  width: 14px;
  min-width: 14px;
  cursor: grab;
}
.gjs-sm-layer #gjs-sm-label {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 5px;
}
.gjs-sm-layer-preview {
  height: 15px;
  width: 15px;
  min-width: 15px;
  margin-right: 5px;
  border-radius: 2px;
}
.gjs-sm-layer-preview-cnt {
  border-radius: 2px;
  background-color: #fff;
  height: 100%;
  width: 100%;
  background-size: cover !important;
}
.gjs-sm-layer #gjs-sm-close-layer {
  display: block;
  cursor: pointer;
  height: 14px;
  width: 14px;
  min-width: 14px;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-sm-layer #gjs-sm-close-layer:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}
.gjs-sm-stack .gjs-sm-properties {
  padding: 5px 0 0;
}
.gjs-sm-property__border-radius .gjs-sm-property__border-bottom-right-radius {
  order: 4;
}
.gjs-sm-stack #gjs-sm-add {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  right: 0;
  top: -17px;
  opacity: .75;
  padding: 0;
  width: 18px;
  height: 18px;
}
.gjs-sm-stack #gjs-sm-add:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-sm-colorp-c {
  height: 100%;
  width: 20px;
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 2px;
}
.gjs-sm-colorp-c .gjs-field-colorp-c,
.gjs-sm-colorp-c .gjs-checker-bg {
  height: 100%;
  width: 100%;
  border-radius: 1px;
}
.gjs-sm-color-picker {
  background-color: var(--gjs-font-color);
  cursor: pointer;
  height: 16px;
  width: 100%;
  margin-top: -16px;
  box-shadow: 0 0 1px var(--gjs-main-dark-color);
  border-radius: 1px;
}
.gjs-sm-btn-upload #gjs-sm-upload {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.gjs-sm-btn-upload #gjs-sm-label {
  padding: 2px 0;
}
.gjs-sm-layer > #gjs-sm-move {
  opacity: .7;
  filter: alpha(opacity=70);
  cursor: move;
  font-size: 12px;
  float: left;
  margin: 0 5px 0 0;
}
.gjs-sm-layer > #gjs-sm-move:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}
.gjs-blocks-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.gjs-block-categories {
  display: flex;
  flex-direction: column;
}
.gjs-block-category {
  width: 100%;
}
.gjs-block-category .gjs-caret-icon {
  margin-right: 5px;
}
.gjs-block {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 45%;
  min-width: 45px;
  padding: 1em;
  box-sizing: border-box;
  min-height: 90px;
  cursor: all-scroll;
  font-size: 11px;
  font-weight: lighter;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 3px;
  margin: 10px 2.5% 5px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
  transition: all .2s ease 0s;
  transition-property: box-shadow, color;
}
.gjs-block:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);
}
.gjs-block svg {
  fill: currentColor;
}
.gjs-block__media {
  margin-bottom: 10px;
  pointer-events: none;
}
.gjs-block-svg {
  width: 54px;
  fill: currentColor;
}
.gjs-block-svg-path {
  fill: currentColor;
}
.gjs-block.fa {
  font-size: 2em;
  line-height: 2em;
  padding: 11px;
}
.gjs-block-label {
  line-height: normal;
  font-size: .65rem;
  font-weight: normal;
  font-family: Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.gjs-block.gjs-bdrag {
  width: auto;
  padding: 0;
}
.gjs-selected-parent {
  border: 1px solid var(--gjs-color-yellow);
}
.gjs-opac50 {
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-layer {
  font-weight: lighter;
  text-align: left;
  position: relative;
  font-size: var(--gjs-font-size);
  display: grid;
}
.gjs-layer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  background-color: var(--gjs-secondary-dark-color);
  gap: var(--gjs-flex-item-gap);
  cursor: pointer;
}
.gjs-layer-item-left,
.gjs-layer-item-right {
  display: flex;
  align-items: center;
  gap: var(--gjs-flex-item-gap);
}
.gjs-layer-item-left {
  width: 100%;
}
.gjs-layer-hidden {
  opacity: .55;
  filter: alpha(opacity=55);
}
.gjs-layer-vis {
  box-sizing: content-box;
  cursor: pointer;
  z-index: 1;
}
.gjs-layer-vis-on,
.gjs-layer-vis-off {
  display: flex;
  width: 13px;
  height: 13px;
}
.gjs-layer-vis-off {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-on {
  display: none;
}
.gjs-layer-vis.gjs-layer-off .gjs-layer-vis-off {
  display: flex;
}
.gjs-layer-caret {
  width: 15px;
  height: 15px;
  cursor: pointer;
  box-sizing: content-box;
  transform: rotate(90deg);
  display: flex;
  opacity: .7;
  filter: alpha(opacity=70);
}
.gjs-layer-caret:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-layer.open > .gjs-layer-item .gjs-layer-caret {
  transform: rotate(180deg);
}
.gjs-layer-title {
  padding: 0;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: none;
}
.gjs-layer-title-inn {
  align-items: center;
  position: relative;
  display: flex;
  gap: var(--gjs-flex-item-gap);
}
.gjs-layer-title-c {
  width: 100%;
}
.gjs-layer__icon {
  display: block;
  width: 100%;
  max-width: 15px;
  max-height: 15px;
  padding-left: 5px;
}
.gjs-layer__icon svg {
  fill: currentColor;
}
.gjs-layer-name {
  display: inline-block;
  box-sizing: content-box;
  overflow: hidden;
  white-space: nowrap;
  max-width: 170px;
  height: auto;
}
.gjs-layer-name--no-edit {
  text-overflow: ellipsis;
}
.gjs-layer > .gjs-layer-children {
  display: none;
}
.gjs-layer.open > .gjs-layer-children {
  display: block;
}
.gjs-layer-no-chld > .gjs-layer-title-inn > .gjs-layer-caret {
  visibility: hidden;
}
.gjs-layer-move {
  display: flex;
  width: 13px;
  height: 13px;
  box-sizing: content-box;
  cursor: move;
}
.gjs-layer.gjs-hovered .gjs-layer-item {
  background-color: var(--gjs-soft-light-color);
}
.gjs-layer.gjs-selected .gjs-layer-item {
  background-color: var(--gjs-main-light-color);
}
.gjs-layers {
  position: relative;
  height: 100%;
}
.gjs-layers #gjs-placeholder {
  width: 100%;
  position: absolute;
}
.gjs-layers #gjs-placeholder #gjs-plh-int {
  height: 100%;
  padding: 1px;
}
.gjs-layers #gjs-placeholder #gjs-plh-int.gjs-insert {
  background-color: var(--gjs-color-green);
}
#gjs-clm-add-tag,
.gjs-clm-tags-btn {
  background-color: hsla(0, 0%, 100%, .15);
  border-radius: 2px;
  padding: 3px;
  margin-right: 3px;
  border: 1px solid rgba(0, 0, 0, .15);
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  cursor: pointer;
}
.gjs-clm-tags-btn svg {
  fill: currentColor;
  display: block;
}
.gjs-clm-header {
  display: flex;
  align-items: center;
  margin: 7px 0;
}
.gjs-clm-header-status {
  flex-shrink: 1;
  margin-left: auto;
}
.gjs-clm-tag {
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 3px;
  margin: 0 3px 3px 0;
  padding: 5px;
  cursor: default;
}
.gjs-clm-tag-status,
.gjs-clm-tag-close {
  width: 12px;
  height: 12px;
  flex-shrink: 1;
}
.gjs-clm-tag-status svg,
.gjs-clm-tag-close svg {
  vertical-align: middle;
  fill: currentColor;
}
.gjs-clm-sels-info {
  margin: 7px 0;
  text-align: left;
}
.gjs-clm-sel-id {
  font-size: .9em;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-clm-label-sel {
  float: left;
  padding-right: 5px;
}
.gjs-clm-tags {
  font-size: var(--gjs-font-size);
  padding: 10px 5px;
}
.gjs-clm-tags #gjs-clm-sel {
  padding: 7px 0;
  float: left;
}
.gjs-clm-tags #gjs-clm-sel {
  font-style: italic;
  margin-left: 5px;
}
.gjs-clm-tags #gjs-clm-tags-field {
  clear: both;
  padding: 5px;
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
.gjs-clm-tags #gjs-clm-tags-c {
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  overflow: hidden;
}
.gjs-clm-tags #gjs-clm-new {
  color: var(--gjs-font-color);
  padding: var(--gjs-padding-elem-classmanager);
  display: none;
}
.gjs-clm-tags #gjs-clm-close {
  opacity: .85;
  filter: alpha(opacity=85);
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  color: hsla(0, 0%, 100%, .9);
}
.gjs-clm-tags #gjs-clm-close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.gjs-clm-tags #gjs-clm-checkbox {
  color: hsla(0, 0%, 100%, .9);
  vertical-align: middle;
  cursor: pointer;
  font-size: 9px;
}
.gjs-clm-tags #gjs-clm-tag-label {
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 3px;
  cursor: text;
}
.gjs-mdl-container {
  font-family: var(--gjs-main-font);
  overflow-y: auto;
  position: fixed;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.gjs-mdl-dialog {
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .05);
  animation: gjs-slide-down .215s;
  margin: auto;
  max-width: 850px;
  width: 90%;
  border-radius: 3px;
  font-weight: lighter;
  position: relative;
  z-index: 2;
}
.gjs-mdl-title {
  font-size: 1rem;
}
.gjs-mdl-btn-close {
  position: absolute;
  right: 15px;
  top: 5px;
}
.gjs-mdl-active .gjs-mdl-dialog {
  animation: gjs-mdl-slide-down .216s;
}
.gjs-mdl-header,
.gjs-mdl-content {
  padding: 10px 15px;
  clear: both;
}
.gjs-mdl-header {
  position: relative;
  border-bottom: 1px solid var(--gjs-main-dark-color);
  padding: 15px 15px 7px;
}
.gjs-export-dl::after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 10px;
}
.gjs-dropzone {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity .25s;
  pointer-events: none;
}
.gjs-dropzone-active .gjs-dropzone {
  display: block;
  opacity: 1;
}
.gjs-am-assets {
  height: 290px;
  overflow: auto;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.gjs-am-assets-header {
  padding: 5px;
}
.gjs-am-add-asset .gjs-am-add-field {
  width: 70%;
  float: left;
}
.gjs-am-add-asset button {
  width: 25%;
  float: right;
}
.gjs-am-preview-cont {
  position: relative;
  height: 70px;
  width: 30%;
  background-color: var(--gjs-main-color);
  border-radius: 2px;
  float: left;
  overflow: hidden;
}
.gjs-am-preview {
  position: absolute;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.gjs-am-preview-bg {
  opacity: .5;
  filter: alpha(opacity=50);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.gjs-am-dimensions {
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 10px;
}
.gjs-am-meta {
  width: 70%;
  float: left;
  font-size: 12px;
  padding: 5px 0 0 5px;
  box-sizing: border-box;
}
.gjs-am-meta > div {
  margin-bottom: 5px;
}
.gjs-am-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
}
.gjs-am-asset {
  border-bottom: 1px solid color-mix(in srgb, var(--gjs-main-dark-color), black 3%);
  padding: 5px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.gjs-am-asset:hover .gjs-am-close {
  display: block;
}
.gjs-am-highlight {
  background-color: var(--gjs-main-light-color);
}
.gjs-am-assets-cont {
  background-color: var(--gjs-secondary-dark-color);
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  width: 45%;
  float: right;
  height: 325px;
  overflow: hidden;
}
.gjs-am-file-uploader {
  width: 55%;
  float: left;
}
.gjs-am-file-uploader > form {
  background-color: var(--gjs-secondary-dark-color);
  border: 2px dashed;
  border-radius: 3px;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
.gjs-am-file-uploader > form.gjs-am-hover {
  border: 2px solid var(--gjs-color-green);
  color: color-mix(in srgb, var(--gjs-color-green), white 5%);
}
.gjs-am-file-uploader > form.gjs-am-disabled {
  border-color: red;
}
.gjs-am-file-uploader > form #gjs-am-uploadFile {
  opacity: 0;
  filter: alpha(opacity=0);
  padding: var(--gjs-upload-padding);
  width: 100%;
  box-sizing: border-box;
}
.gjs-am-file-uploader #gjs-am-title {
  position: absolute;
  padding: var(--gjs-upload-padding);
  width: 100%;
}
.gjs-cm-editor-c {
  float: left;
  box-sizing: border-box;
  width: 50%;
}
.gjs-cm-editor-c .CodeMirror {
  height: 450px;
}
.gjs-cm-editor {
  font-size: 12px;
}
.gjs-cm-editor#gjs-cm-htmlmixed {
  padding-right: 10px;
  border-right: 1px solid var(--gjs-main-dark-color);
}
.gjs-cm-editor#gjs-cm-htmlmixed #gjs-cm-title {
  color: #a97d44;
}
.gjs-cm-editor#gjs-cm-css {
  padding-left: 10px;
}
.gjs-cm-editor#gjs-cm-css #gjs-cm-title {
  color: #ddca7e;
}
.gjs-cm-editor #gjs-cm-title {
  background-color: var(--gjs-main-dark-color);
  font-size: 12px;
  padding: 5px 10px 3px;
  text-align: right;
}
.gjs-rte-toolbar {
  position: absolute;
  z-index: 10;
}
.gjs-rte-toolbar-ui {
  border: 1px solid var(--gjs-main-dark-color);
  border-radius: 3px;
}
.gjs-rte-actionbar {
  display: flex;
}
.gjs-rte-action {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 25px;
  border-right: 1px solid var(--gjs-main-dark-color);
  text-align: center;
  cursor: pointer;
  outline: none;
}
.gjs-rte-action:last-child {
  border-right: none;
}
.gjs-rte-action:hover {
  background-color: var(--gjs-main-light-color);
}
.gjs-rte-active {
  background-color: var(--gjs-main-light-color);
}
.gjs-rte-disabled {
  color: var(--gjs-main-light-color);
  cursor: not-allowed;
}
.gjs-rte-disabled:hover {
  background-color: unset;
}
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  z-index: 9999994;
  overflow: hidden;
}
.sp-container.sp-flat {
  position: relative;
}
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}
.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}
.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}
.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}
.sp-fill {
  padding-top: 80%;
}
.sp-sat,
.sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
  display: block;
}
.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}
.sp-alpha-inner {
  border: solid 1px #333;
}
.sp-clear {
  display: none;
}
.sp-clear.sp-clear-display {
  background-position: center;
}
.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}
.sp-container,
.sp-replacer,
.sp-preview,
.sp-dragger,
.sp-slider,
.sp-alpha,
.sp-clear,
.sp-alpha-handle,
.sp-container.sp-dragging .sp-input,
.sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}
.sp-palette-only .sp-picker-container {
  display: none;
}
.sp-palette-disabled .sp-palette-container {
  display: none;
}
.sp-initial-disabled .sp-initial {
  display: none;
}
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to right,
      #fff,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image:
    linear-gradient(
      to top,
      #000,
      rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background:
    linear-gradient(
      to bottom,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
}
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
.sp-hidden {
  display: none !important;
}
.sp-cf:before,
.sp-cf:after {
  content: "";
  display: table;
}
.sp-cf:after {
  clear: both;
}
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }
  .sp-hue {
    left: 63%;
  }
  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}
.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: #fff;
  opacity: .8;
}
.sp-container {
  border-radius: 0;
  background-color: #ececec;
  border: solid 1px #f0c49b;
  padding: 0;
}
.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-hue,
.sp-clear {
  font:
    normal 12px "Lucida Grande",
    "Lucida Sans Unicode",
    "Lucida Sans",
    Geneva,
    Verdana,
    sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.sp-top {
  margin-bottom: 3px;
}
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #666;
}
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
  width: 100%;
}
.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border-radius: 3px;
  color: #222;
}
.sp-input:focus {
  border: 1px solid orange;
}
.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}
.sp-picker-container,
.sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}
.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}
.sp-palette-container {
  border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
  border: 0;
}
.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px rgba(0, 0, 0, 0);
}
.sp-palette .sp-thumb-el:hover,
.sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}
.sp-thumb-el {
  position: relative;
}
.sp-initial {
  float: left;
  border: solid 1px #333;
}
.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}
.sp-initial .sp-clear-display {
  background-position: center;
}
.sp-palette-button-container,
.sp-button-container {
  float: right;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #f0c49b;
  color: #111;
}
.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}
.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}
.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}
.sp-palette {
  max-width: 220px;
}
.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}
.sp-container {
  padding-bottom: 0;
}
.sp-container button {
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image:
    linear-gradient(
      to bottom,
      #eeeeee,
      #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
  background-color: #ddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image:
    linear-gradient(
      to bottom,
      #dddddd,
      #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  -o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
  box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}
.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}
.sp-palette span:hover,
.sp-palette span.sp-thumb-active {
  border-color: #000;
}
.sp-preview,
.sp-alpha,
.sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner,
.sp-alpha-inner,
.sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}
.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}
.gjs-editor-sp {
  border: 1px solid var(--gjs-main-dark-color);
  box-shadow: 0 0 7px var(--gjs-main-dark-color);
  border-radius: 3px;
}
.gjs-editor-sp .sp-hue,
.gjs-editor-sp .sp-slider {
  cursor: row-resize;
}
.gjs-editor-sp .sp-color,
.gjs-editor-sp .sp-dragger {
  cursor: crosshair;
}
.gjs-editor-sp .sp-alpha-inner,
.gjs-editor-sp .sp-alpha-handle {
  cursor: col-resize;
}
.gjs-editor-sp .sp-hue {
  left: 90%;
}
.gjs-editor-sp .sp-color {
  right: 15%;
}
.gjs-editor-sp .sp-picker-container {
  border: none;
}
.gjs-editor-sp .colpick_dark .colpick_color {
  outline: 1px solid var(--gjs-main-dark-color);
}
.gjs-editor-sp .sp-cancel,
.gjs-editor-sp .sp-cancel:hover {
  bottom: -8px;
  color: #777 !important;
  font-size: 25px;
  left: 0;
  position: absolute;
  text-decoration: none;
}
.gjs-editor-sp .sp-alpha-handle {
  background-color: #ccc;
  border: 1px solid #555;
  width: 4px;
}
.gjs-editor-sp .sp-color,
.gjs-editor-sp .sp-hue {
  border: 1px solid #333;
}
.gjs-editor-sp .sp-slider {
  background-color: #ccc;
  border: 1px solid #555;
  height: 3px;
  left: -4px;
  width: 22px;
}
.gjs-editor-sp .sp-dragger {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #111;
}
.gjs-editor-sp .sp-button-container {
  float: none;
  width: 100%;
  position: relative;
  text-align: right;
}
.gjs-editor-sp .sp-button-container .sp-choose,
.gjs-editor-sp .sp-button-container .sp-choose:hover,
.gjs-editor-sp .sp-button-container .sp-choose:active {
  background: var(--gjs-main-dark-color);
  border-color: var(--gjs-main-dark-color);
  color: var(--gjs-font-color);
  text-shadow: none;
  box-shadow: none;
  padding: 3px 5px;
}
.gjs-editor-sp .sp-palette-container {
  border: none;
  float: none;
  margin: 0;
  padding: 5px 10px 0;
}
.gjs-editor-sp .sp-palette .sp-thumb-el,
.gjs-editor-sp .sp-palette .sp-thumb-el:hover {
  border: 1px solid rgba(0, 0, 0, .9);
}
.gjs-editor-sp .sp-palette .sp-thumb-el:hover,
.gjs-editor-sp .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: rgba(0, 0, 0, .9);
}
.gjs-one-bg {
  background-color: var(--gjs-primary-color);
}
.gjs-one-color {
  color: var(--gjs-primary-color);
}
.gjs-one-color-h:hover {
  color: var(--gjs-primary-color);
}
.gjs-two-bg {
  background-color: var(--gjs-secondary-color);
}
.gjs-two-color {
  color: var(--gjs-secondary-color);
}
.gjs-two-color-h:hover {
  color: var(--gjs-secondary-color);
}
.gjs-three-bg {
  background-color: var(--gjs-tertiary-color);
}
.gjs-three-color {
  color: var(--gjs-tertiary-color);
}
.gjs-three-color-h:hover {
  color: var(--gjs-tertiary-color);
}
.gjs-four-bg {
  background-color: var(--gjs-quaternary-color);
}
.gjs-four-color {
  color: var(--gjs-quaternary-color);
}
.gjs-four-color-h:hover {
  color: var(--gjs-quaternary-color);
}
.gjs-danger-bg {
  background-color: var(--gjs-color-red);
}
.gjs-danger-color {
  color: var(--gjs-color-red);
}
.gjs-danger-color-h:hover {
  color: var(--gjs-color-red);
}
.gjs-bdrag {
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  width: auto;
}
.gjs-drag-helper {
  background-color: var(--gjs-color-blue) !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 10 !important;
  transform: scale(0.3) !important;
  transform-origin: top left !important;
  -webkit-transform-origin: top left !important;
  margin: 15px !important;
  transition: none !important;
  outline: none !important;
}
.gjs-grabbing,
.gjs-grabbing * {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
.gjs-grabbing {
  overflow: hidden;
}
.gjs-off-prv {
  position: relative;
  z-index: 10;
  padding: 5px;
  cursor: pointer;
}
.gjs-editor-cont ::-webkit-scrollbar-track {
  background: var(--gjs-secondary-dark-color);
}
.gjs-editor-cont ::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 100%, .2);
}
.gjs-editor-cont ::-webkit-scrollbar {
  width: 8px;
}
.gjs-no-touch-actions {
  touch-action: none;
}
.gjs-disabled {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  opacity: .5;
  filter: alpha(opacity=50);
}
.gjs-editor {
  font-family: var(--gjs-main-font);
  font-size: var(--gjs-font-size);
  position: relative;
  box-sizing: border-box;
  height: 100%;
}
.gjs-freezed,
.gjs-freezed {
  opacity: .5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.gjs-hidden {
  display: none;
}
@keyframes gjs-slide-down {
  0% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes gjs-slide-up {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  100% {
    transform: translate(0, -3rem);
    opacity: 0;
  }
}
.cm-s-hopscotch span.cm-error {
  color: #fff;
}

/* node_modules/.pnpm/bootstrap@6.0.0-alpha.1_@floating-ui+dom@1.8.0_vanilla-calendar-pro@3.4.0/node_modules/bootstrap/scss/bootstrap.scss */
:root,
:host {
  --blue-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.24 240deg));
  --blue-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.24 240deg));
  --blue-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.24 240deg));
  --blue-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.24 240deg));
  --blue-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.24 240deg));
  --blue-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.24 240deg));
  --blue-500: oklch(60% 0.24 240deg);
  --blue-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.24 240deg));
  --blue-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.24 240deg));
  --blue-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.24 240deg));
  --blue-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.24 240deg));
  --blue-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.24 240deg));
  --blue-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.24 240deg));
  --indigo-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.26 288deg));
  --indigo-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.26 288deg));
  --indigo-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.26 288deg));
  --indigo-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.26 288deg));
  --indigo-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.26 288deg));
  --indigo-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.26 288deg));
  --indigo-500: oklch(56% 0.26 288deg);
  --indigo-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.26 288deg));
  --indigo-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.26 288deg));
  --indigo-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.26 288deg));
  --indigo-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.26 288deg));
  --indigo-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.26 288deg));
  --indigo-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.26 288deg));
  --violet-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 300deg));
  --violet-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 300deg));
  --violet-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 300deg));
  --violet-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 300deg));
  --violet-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 300deg));
  --violet-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 300deg));
  --violet-500: oklch(56% 0.24 300deg);
  --violet-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 300deg));
  --violet-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 300deg));
  --violet-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 300deg));
  --violet-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 300deg));
  --violet-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 300deg));
  --violet-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 300deg));
  --purple-025: color-mix(in oklch, var(--white) 94%, oklch(56% 0.24 320deg));
  --purple-050: color-mix(in oklch, var(--white) 90%, oklch(56% 0.24 320deg));
  --purple-100: color-mix(in oklch, var(--white) 80%, oklch(56% 0.24 320deg));
  --purple-200: color-mix(in oklch, var(--white) 60%, oklch(56% 0.24 320deg));
  --purple-300: color-mix(in oklch, var(--white) 40%, oklch(56% 0.24 320deg));
  --purple-400: color-mix(in oklch, var(--white) 20%, oklch(56% 0.24 320deg));
  --purple-500: oklch(56% 0.24 320deg);
  --purple-600: color-mix(in oklch, var(--black) 16%, oklch(56% 0.24 320deg));
  --purple-700: color-mix(in oklch, var(--black) 32%, oklch(56% 0.24 320deg));
  --purple-800: color-mix(in oklch, var(--black) 48%, oklch(56% 0.24 320deg));
  --purple-900: color-mix(in oklch, var(--black) 64%, oklch(56% 0.24 320deg));
  --purple-950: color-mix(in oklch, var(--black) 70%, oklch(56% 0.24 320deg));
  --purple-975: color-mix(in oklch, var(--black) 76%, oklch(56% 0.24 320deg));
  --pink-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 4deg));
  --pink-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 4deg));
  --pink-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 4deg));
  --pink-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 4deg));
  --pink-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 4deg));
  --pink-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 4deg));
  --pink-500: oklch(60% 0.22 4deg);
  --pink-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 4deg));
  --pink-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 4deg));
  --pink-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 4deg));
  --pink-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 4deg));
  --pink-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 4deg));
  --pink-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 4deg));
  --red-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.22 20deg));
  --red-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.22 20deg));
  --red-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.22 20deg));
  --red-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.22 20deg));
  --red-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.22 20deg));
  --red-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.22 20deg));
  --red-500: oklch(60% 0.22 20deg);
  --red-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.22 20deg));
  --red-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.22 20deg));
  --red-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.22 20deg));
  --red-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.22 20deg));
  --red-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.22 20deg));
  --red-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.22 20deg));
  --orange-025: color-mix(in oklch, var(--white) 94%, oklch(70% 0.22 52deg));
  --orange-050: color-mix(in oklch, var(--white) 90%, oklch(70% 0.22 52deg));
  --orange-100: color-mix(in oklch, var(--white) 80%, oklch(70% 0.22 52deg));
  --orange-200: color-mix(in oklch, var(--white) 60%, oklch(70% 0.22 52deg));
  --orange-300: color-mix(in oklch, var(--white) 40%, oklch(70% 0.22 52deg));
  --orange-400: color-mix(in oklch, var(--white) 20%, oklch(70% 0.22 52deg));
  --orange-500: oklch(70% 0.22 52deg);
  --orange-600: color-mix(in oklch, var(--black) 16%, oklch(70% 0.22 52deg));
  --orange-700: color-mix(in oklch, var(--black) 32%, oklch(70% 0.22 52deg));
  --orange-800: color-mix(in oklch, var(--black) 48%, oklch(70% 0.22 52deg));
  --orange-900: color-mix(in oklch, var(--black) 64%, oklch(70% 0.22 52deg));
  --orange-950: color-mix(in oklch, var(--black) 70%, oklch(70% 0.22 52deg));
  --orange-975: color-mix(in oklch, var(--black) 76%, oklch(70% 0.22 52deg));
  --amber-025: color-mix(in oklch, var(--white) 94%, oklch(79% 0.2 78deg));
  --amber-050: color-mix(in oklch, var(--white) 90%, oklch(79% 0.2 78deg));
  --amber-100: color-mix(in oklch, var(--white) 80%, oklch(79% 0.2 78deg));
  --amber-200: color-mix(in oklch, var(--white) 60%, oklch(79% 0.2 78deg));
  --amber-300: color-mix(in oklch, var(--white) 40%, oklch(79% 0.2 78deg));
  --amber-400: color-mix(in oklch, var(--white) 20%, oklch(79% 0.2 78deg));
  --amber-500: oklch(79% 0.2 78deg);
  --amber-600: color-mix(in oklch, var(--black) 16%, oklch(79% 0.2 78deg));
  --amber-700: color-mix(in oklch, var(--black) 32%, oklch(79% 0.2 78deg));
  --amber-800: color-mix(in oklch, var(--black) 48%, oklch(79% 0.2 78deg));
  --amber-900: color-mix(in oklch, var(--black) 64%, oklch(79% 0.2 78deg));
  --amber-950: color-mix(in oklch, var(--black) 70%, oklch(79% 0.2 78deg));
  --amber-975: color-mix(in oklch, var(--black) 76%, oklch(79% 0.2 78deg));
  --yellow-025: color-mix(in oklch, var(--white) 94%, oklch(88% 0.24 88deg));
  --yellow-050: color-mix(in oklch, var(--white) 90%, oklch(88% 0.24 88deg));
  --yellow-100: color-mix(in oklch, var(--white) 80%, oklch(88% 0.24 88deg));
  --yellow-200: color-mix(in oklch, var(--white) 60%, oklch(88% 0.24 88deg));
  --yellow-300: color-mix(in oklch, var(--white) 40%, oklch(88% 0.24 88deg));
  --yellow-400: color-mix(in oklch, var(--white) 20%, oklch(88% 0.24 88deg));
  --yellow-500: oklch(88% 0.24 88deg);
  --yellow-600: color-mix(in oklch, var(--black) 16%, oklch(88% 0.24 88deg));
  --yellow-700: color-mix(in oklch, var(--black) 32%, oklch(88% 0.24 88deg));
  --yellow-800: color-mix(in oklch, var(--black) 48%, oklch(88% 0.24 88deg));
  --yellow-900: color-mix(in oklch, var(--black) 64%, oklch(88% 0.24 88deg));
  --yellow-950: color-mix(in oklch, var(--black) 70%, oklch(88% 0.24 88deg));
  --yellow-975: color-mix(in oklch, var(--black) 76%, oklch(88% 0.24 88deg));
  --lime-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.24 135deg));
  --lime-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.24 135deg));
  --lime-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.24 135deg));
  --lime-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.24 135deg));
  --lime-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.24 135deg));
  --lime-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.24 135deg));
  --lime-500: oklch(65% 0.24 135deg);
  --lime-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.24 135deg));
  --lime-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.24 135deg));
  --lime-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.24 135deg));
  --lime-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.24 135deg));
  --lime-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.24 135deg));
  --lime-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.24 135deg));
  --green-025: color-mix(in oklch, var(--white) 94%, oklch(64% 0.22 160deg));
  --green-050: color-mix(in oklch, var(--white) 90%, oklch(64% 0.22 160deg));
  --green-100: color-mix(in oklch, var(--white) 80%, oklch(64% 0.22 160deg));
  --green-200: color-mix(in oklch, var(--white) 60%, oklch(64% 0.22 160deg));
  --green-300: color-mix(in oklch, var(--white) 40%, oklch(64% 0.22 160deg));
  --green-400: color-mix(in oklch, var(--white) 20%, oklch(64% 0.22 160deg));
  --green-500: oklch(64% 0.22 160deg);
  --green-600: color-mix(in oklch, var(--black) 16%, oklch(64% 0.22 160deg));
  --green-700: color-mix(in oklch, var(--black) 32%, oklch(64% 0.22 160deg));
  --green-800: color-mix(in oklch, var(--black) 48%, oklch(64% 0.22 160deg));
  --green-900: color-mix(in oklch, var(--black) 64%, oklch(64% 0.22 160deg));
  --green-950: color-mix(in oklch, var(--black) 70%, oklch(64% 0.22 160deg));
  --green-975: color-mix(in oklch, var(--black) 76%, oklch(64% 0.22 160deg));
  --teal-025: color-mix(in oklch, var(--white) 94%, oklch(68% 0.22 190deg));
  --teal-050: color-mix(in oklch, var(--white) 90%, oklch(68% 0.22 190deg));
  --teal-100: color-mix(in oklch, var(--white) 80%, oklch(68% 0.22 190deg));
  --teal-200: color-mix(in oklch, var(--white) 60%, oklch(68% 0.22 190deg));
  --teal-300: color-mix(in oklch, var(--white) 40%, oklch(68% 0.22 190deg));
  --teal-400: color-mix(in oklch, var(--white) 20%, oklch(68% 0.22 190deg));
  --teal-500: oklch(68% 0.22 190deg);
  --teal-600: color-mix(in oklch, var(--black) 16%, oklch(68% 0.22 190deg));
  --teal-700: color-mix(in oklch, var(--black) 32%, oklch(68% 0.22 190deg));
  --teal-800: color-mix(in oklch, var(--black) 48%, oklch(68% 0.22 190deg));
  --teal-900: color-mix(in oklch, var(--black) 64%, oklch(68% 0.22 190deg));
  --teal-950: color-mix(in oklch, var(--black) 70%, oklch(68% 0.22 190deg));
  --teal-975: color-mix(in oklch, var(--black) 76%, oklch(68% 0.22 190deg));
  --cyan-025: color-mix(in oklch, var(--white) 94%, oklch(69% 0.22 220deg));
  --cyan-050: color-mix(in oklch, var(--white) 90%, oklch(69% 0.22 220deg));
  --cyan-100: color-mix(in oklch, var(--white) 80%, oklch(69% 0.22 220deg));
  --cyan-200: color-mix(in oklch, var(--white) 60%, oklch(69% 0.22 220deg));
  --cyan-300: color-mix(in oklch, var(--white) 40%, oklch(69% 0.22 220deg));
  --cyan-400: color-mix(in oklch, var(--white) 20%, oklch(69% 0.22 220deg));
  --cyan-500: oklch(69% 0.22 220deg);
  --cyan-600: color-mix(in oklch, var(--black) 16%, oklch(69% 0.22 220deg));
  --cyan-700: color-mix(in oklch, var(--black) 32%, oklch(69% 0.22 220deg));
  --cyan-800: color-mix(in oklch, var(--black) 48%, oklch(69% 0.22 220deg));
  --cyan-900: color-mix(in oklch, var(--black) 64%, oklch(69% 0.22 220deg));
  --cyan-950: color-mix(in oklch, var(--black) 70%, oklch(69% 0.22 220deg));
  --cyan-975: color-mix(in oklch, var(--black) 76%, oklch(69% 0.22 220deg));
  --brown-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.12 54deg));
  --brown-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.12 54deg));
  --brown-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.12 54deg));
  --brown-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.12 54deg));
  --brown-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.12 54deg));
  --brown-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.12 54deg));
  --brown-500: oklch(60% 0.12 54deg);
  --brown-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.12 54deg));
  --brown-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.12 54deg));
  --brown-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.12 54deg));
  --brown-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.12 54deg));
  --brown-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.12 54deg));
  --brown-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.12 54deg));
  --gray-025: color-mix(in oklch, var(--white) 94%, oklch(60% 0.02 245deg));
  --gray-050: color-mix(in oklch, var(--white) 90%, oklch(60% 0.02 245deg));
  --gray-100: color-mix(in oklch, var(--white) 80%, oklch(60% 0.02 245deg));
  --gray-200: color-mix(in oklch, var(--white) 60%, oklch(60% 0.02 245deg));
  --gray-300: color-mix(in oklch, var(--white) 40%, oklch(60% 0.02 245deg));
  --gray-400: color-mix(in oklch, var(--white) 20%, oklch(60% 0.02 245deg));
  --gray-500: oklch(60% 0.02 245deg);
  --gray-600: color-mix(in oklch, var(--black) 16%, oklch(60% 0.02 245deg));
  --gray-700: color-mix(in oklch, var(--black) 32%, oklch(60% 0.02 245deg));
  --gray-800: color-mix(in oklch, var(--black) 48%, oklch(60% 0.02 245deg));
  --gray-900: color-mix(in oklch, var(--black) 64%, oklch(60% 0.02 245deg));
  --gray-950: color-mix(in oklch, var(--black) 70%, oklch(60% 0.02 245deg));
  --gray-975: color-mix(in oklch, var(--black) 76%, oklch(60% 0.02 245deg));
  --pewter-025: color-mix(in oklch, var(--white) 94%, oklch(65% 0.01 290deg));
  --pewter-050: color-mix(in oklch, var(--white) 90%, oklch(65% 0.01 290deg));
  --pewter-100: color-mix(in oklch, var(--white) 80%, oklch(65% 0.01 290deg));
  --pewter-200: color-mix(in oklch, var(--white) 60%, oklch(65% 0.01 290deg));
  --pewter-300: color-mix(in oklch, var(--white) 40%, oklch(65% 0.01 290deg));
  --pewter-400: color-mix(in oklch, var(--white) 20%, oklch(65% 0.01 290deg));
  --pewter-500: oklch(65% 0.01 290deg);
  --pewter-600: color-mix(in oklch, var(--black) 16%, oklch(65% 0.01 290deg));
  --pewter-700: color-mix(in oklch, var(--black) 32%, oklch(65% 0.01 290deg));
  --pewter-800: color-mix(in oklch, var(--black) 48%, oklch(65% 0.01 290deg));
  --pewter-900: color-mix(in oklch, var(--black) 64%, oklch(65% 0.01 290deg));
  --pewter-950: color-mix(in oklch, var(--black) 70%, oklch(65% 0.01 290deg));
  --pewter-975: color-mix(in oklch, var(--black) 76%, oklch(65% 0.01 290deg));
}
@layer colors, config, root, reboot, layout, content, forms, components, custom, helpers, utilities;
:root,
:host {
  --black: #000;
  --white: #fff;
  --gradient:
    linear-gradient(
      180deg,
      color-mix(var(--white) 15%, transparent),
      color-mix(var(--white) 0%, transparent));
  --body-font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --body-font-size: 1rem;
  --body-font-weight: var(--font-weight-normal);
  --body-line-height: 1.5;
  --heading-color: inherit;
  --hr-border-color: var(--border-color);
  --link-color: light-dark(var(--primary-base), var(--primary-fg));
  --link-decoration: underline;
  --link-underline-offset: 0.2em;
  --link-hover-color: color-mix(in oklch, var(--link-color) 90%, #000);
  --font-mono:
    ui-monospace,
    "SF Mono",
    SFMono-Regular,
    Menlo,
    Monaco,
    "Cascadia Mono",
    Consolas,
    "Liberation Mono",
    monospace;
  --code-font-size: 95%;
  --code-color: var(--fg-2);
  --border-width: 1px;
  --border-width-keyline: 0.5px;
  --border-style: solid;
  --border-color: light-dark(var(--gray-200), var(--gray-700));
  --border-color-translucent: color-mix(in oklch, var(--fg-body) 15%, transparent);
  --shadow-color: #000;
  --shadow-strength: 1;
  --transition-timing-overlay: cubic-bezier(0.22, 1, 0.36, 1);
  --spacer: 1rem;
  --focus-ring-width: 3px;
  --focus-ring-offset: 1px;
  --focus-ring-color: var(--primary-focus-ring);
  --focus-ring: var(--focus-ring-width) solid var(--focus-ring-color);
  --control-checked-bg: var(--primary-base);
  --control-checked-border-color: var(--control-checked-bg);
  --control-active-bg: var(--primary-base);
  --control-active-border-color: var(--control-active-bg);
  --control-disabled-bg: var(--bg-3);
  --control-disabled-opacity: 0.65;
  --control-transition-duration: 0.15s;
  --control-transition-timing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --btn-input-fg: var(--fg-body);
  --btn-input-bg: var(--bg-body);
  --btn-input-gap: 0.375rem;
  --btn-input-min-height: 2.375rem;
  --btn-input-padding-y: 0.375rem;
  --btn-input-padding-x: 0.75rem;
  --btn-input-font-size: var(--body-font-size);
  --btn-input-font-weight: var(--font-weight-normal);
  --btn-input-line-height: var(--body-line-height);
  --btn-input-border-radius: var(--radius-5);
  --btn-input-xs-gap: var(--spacer-1);
  --btn-input-xs-min-height: 1.5rem;
  --btn-input-xs-padding-y: 0.125rem;
  --btn-input-xs-padding-x: 0.5rem;
  --btn-input-xs-font-size: var(--font-size-xs);
  --btn-input-xs-line-height: 1.125;
  --btn-input-xs-border-radius: var(--radius-5);
  --btn-input-sm-gap: 0.375rem;
  --btn-input-sm-min-height: 2rem;
  --btn-input-sm-padding-y: 0.25rem;
  --btn-input-sm-padding-x: 0.625rem;
  --btn-input-sm-font-size: var(--font-size-sm);
  --btn-input-sm-line-height: var(--line-height-sm);
  --btn-input-sm-border-radius: var(--radius-5);
  --btn-input-lg-gap: 0.375rem;
  --btn-input-lg-min-height: 2.75rem;
  --btn-input-lg-padding-y: 0.5rem;
  --btn-input-lg-padding-x: 1rem;
  --btn-input-lg-font-size: var(--font-size-md);
  --btn-input-lg-line-height: var(--line-height-md);
  --btn-input-lg-border-radius: var(--radius-7);
  --font-size-xs: 0.75rem;
  --line-height-xs: 1.25;
  --font-size-sm: 0.875rem;
  --line-height-sm: 1.5;
  --font-size-md: 1rem;
  --line-height-md: 1.5;
  --font-size-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --line-height-lg: 1.5;
  --font-size-xl: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
  --line-height-xl: 1.4285714286;
  --font-size-2xl: clamp(1.75rem, 1.3rem + 1vw, 2rem);
  --line-height-2xl: 1.3333333333;
  --font-size-3xl: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
  --line-height-3xl: 1.2;
  --font-size-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  --line-height-4xl: 1.1;
  --font-size-5xl: clamp(3rem, 2rem + 5vw, 4rem);
  --line-height-5xl: 1.1;
  --font-size-6xl: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
  --line-height-6xl: 1;
  --font-weight-lighter: lighter;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-bolder: bolder;
  --primary-base: var(--blue-500);
  --primary-fg: light-dark(var(--blue-600), var(--blue-400));
  --primary-fg-emphasis: light-dark(var(--blue-800), var(--blue-200));
  --primary-bg: var(--blue-500);
  --primary-bg-subtle: light-dark(var(--blue-100), var(--blue-900));
  --primary-bg-muted: light-dark(var(--blue-200), var(--blue-800));
  --primary-border: light-dark(var(--blue-300), var(--blue-600));
  --primary-focus-ring: light-dark(color-mix(in oklch, var(--blue-500) 50%, var(--bg-body)), color-mix(in oklch, var(--blue-500) 75%, var(--bg-body)));
  --primary-contrast: var(--white);
  --accent-base: var(--indigo-500);
  --accent-fg: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));
  --accent-fg-emphasis: light-dark(var(--indigo-800), var(--indigo-300));
  --accent-bg: var(--indigo-500);
  --accent-bg-subtle: light-dark(var(--indigo-100), var(--indigo-900));
  --accent-bg-muted: light-dark(var(--indigo-200), var(--indigo-800));
  --accent-border: light-dark(var(--indigo-300), var(--indigo-600));
  --accent-focus-ring: light-dark(color-mix(in oklch, var(--indigo-500) 50%, var(--bg-body)), color-mix(in oklch, var(--indigo-500) 75%, var(--bg-body)));
  --accent-contrast: var(--white);
  --success-base: var(--green-500);
  --success-fg: light-dark(var(--green-600), var(--green-400));
  --success-fg-emphasis: light-dark(var(--green-800), var(--green-300));
  --success-bg: var(--green-500);
  --success-bg-subtle: light-dark(var(--green-100), var(--green-900));
  --success-bg-muted: light-dark(var(--green-200), var(--green-800));
  --success-border: light-dark(var(--green-300), var(--green-600));
  --success-focus-ring: light-dark(color-mix(in oklch, var(--green-500) 50%, var(--bg-body)), color-mix(in oklch, var(--green-500) 75%, var(--bg-body)));
  --success-contrast: var(--white);
  --danger-base: var(--red-500);
  --danger-fg: light-dark(var(--red-600), var(--red-400));
  --danger-fg-emphasis: light-dark(var(--red-800), var(--red-300));
  --danger-bg: var(--red-500);
  --danger-bg-subtle: light-dark(var(--red-100), var(--red-900));
  --danger-bg-muted: light-dark(var(--red-200), var(--red-800));
  --danger-border: light-dark(var(--red-300), var(--red-600));
  --danger-focus-ring: light-dark(color-mix(in oklch, var(--red-500) 50%, var(--bg-body)), color-mix(in oklch, var(--red-500) 75%, var(--bg-body)));
  --danger-contrast: var(--white);
  --warning-base: var(--yellow-500);
  --warning-fg: light-dark(var(--yellow-700), var(--yellow-400));
  --warning-fg-emphasis: light-dark(var(--yellow-800), var(--yellow-300));
  --warning-bg: var(--yellow-500);
  --warning-bg-subtle: light-dark(var(--yellow-100), var(--yellow-900));
  --warning-bg-muted: light-dark(var(--yellow-200), var(--yellow-800));
  --warning-border: light-dark(var(--yellow-300), var(--yellow-600));
  --warning-focus-ring: light-dark(color-mix(in oklch, var(--yellow-500) 50%, var(--bg-body)), color-mix(in oklch, var(--yellow-400) 85%, var(--bg-body)));
  --warning-contrast: var(--gray-900);
  --info-base: var(--cyan-500);
  --info-fg: light-dark(var(--cyan-600), var(--cyan-400));
  --info-fg-emphasis: light-dark(var(--cyan-800), var(--cyan-300));
  --info-bg: var(--cyan-500);
  --info-bg-subtle: light-dark(var(--cyan-100), var(--cyan-900));
  --info-bg-muted: light-dark(var(--cyan-200), var(--cyan-800));
  --info-border: light-dark(var(--cyan-300), var(--cyan-600));
  --info-focus-ring: light-dark(color-mix(in oklch, var(--cyan-500) 50%, var(--bg-body)), color-mix(in oklch, var(--cyan-500) 75%, var(--bg-body)));
  --info-contrast: var(--gray-900);
  --inverse-base: var(--gray-900);
  --inverse-fg: light-dark(var(--gray-900), var(--gray-200));
  --inverse-fg-emphasis: light-dark(var(--gray-975), var(--white));
  --inverse-bg: light-dark(var(--gray-900), var(--gray-025));
  --inverse-bg-subtle: light-dark(var(--gray-100), var(--gray-900));
  --inverse-bg-muted: light-dark(var(--gray-200), var(--gray-300));
  --inverse-border: light-dark(var(--gray-400), var(--gray-100));
  --inverse-focus-ring: color-mix(in oklch, light-dark(var(--gray-900), var(--gray-100)) 50%, var(--bg-body));
  --inverse-contrast: light-dark(var(--white), var(--gray-900));
  --secondary-base: var(--gray-200);
  --secondary-fg: light-dark(var(--gray-600), var(--gray-400));
  --secondary-fg-emphasis: light-dark(var(--gray-800), var(--gray-200));
  --secondary-bg: light-dark(var(--gray-100), var(--gray-600));
  --secondary-bg-subtle: light-dark(var(--gray-050), var(--gray-800));
  --secondary-bg-muted: light-dark(var(--gray-100), var(--gray-700));
  --secondary-border: light-dark(var(--gray-300), var(--gray-600));
  --secondary-focus-ring: color-mix(in oklch, light-dark(var(--gray-500), var(--gray-300)) 50%, var(--bg-body));
  --secondary-contrast: light-dark(var(--gray-900), var(--white));
  --bg-body: light-dark(var(--white), var(--gray-975));
  --bg-1: light-dark(var(--gray-025), var(--gray-950));
  --bg-2: light-dark(var(--gray-050), var(--gray-900));
  --bg-3: light-dark(var(--gray-100), var(--gray-800));
  --bg-4: light-dark(var(--gray-200), var(--gray-700));
  --bg-fg: var(--fg-body);
  --bg-white: var(--white);
  --bg-black: var(--black);
  --bg-transparent: transparent;
  --bg-inherit: inherit;
  --fg-body: light-dark(var(--gray-900), var(--gray-050));
  --fg-1: light-dark(var(--gray-800), var(--gray-200));
  --fg-2: light-dark(var(--gray-700), var(--gray-300));
  --fg-3: light-dark(var(--gray-600), var(--gray-500));
  --fg-4: light-dark(var(--gray-500), var(--gray-600));
  --fg-bg: var(--bg-body);
  --fg-white: var(--white);
  --fg-black: var(--black);
  --fg-inherit: inherit;
  --border-bg: var(--bg-body);
  --border-body: light-dark(var(--gray-300), var(--gray-800));
  --border-muted: light-dark(var(--gray-200), var(--gray-800));
  --border-subtle: light-dark(color-mix(in oklch, var(--gray-100), var(--gray-200)), color-mix(in oklch, var(--gray-800), var(--gray-900)));
  --border-emphasized: light-dark(var(--gray-400), var(--gray-600));
  --border-white: var(--white);
  --border-black: var(--black);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.375rem;
  --spacer-3: 0.5rem;
  --spacer-4: 0.75rem;
  --spacer-5: 1rem;
  --spacer-6: 1.25rem;
  --spacer-7: 1.5rem;
  --spacer-8: 1.75rem;
  --spacer-9: 2rem;
  --spacer-10: 2.25rem;
  --spacer-11: 2.5rem;
  --spacer-12: 3rem;
  --radius-0: 0;
  --radius-1: 0.125rem;
  --radius-2: 0.1875rem;
  --radius-3: 0.25rem;
  --radius-4: 0.375rem;
  --radius-5: 0.5rem;
  --radius-6: 0.625rem;
  --radius-7: 0.75rem;
  --radius-8: 0.875rem;
  --radius-9: 1rem;
  --radius-pill: 50rem;
  --box-shadow:
    0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))),
    0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
    0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-xs: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-sm: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-lg:
    0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
    0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))),
    0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))),
    0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-xl:
    0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
    0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))),
    0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))),
    0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1)));
  --box-shadow-inset: inset 0 1px 2px light-dark(oklch(from var(--sc, var(--shadow-color)) l c h/calc(8% * var(--so, 1))), oklch(from var(--sc, var(--shadow-color)) l c h/calc(26% * var(--so, 1))));
  --z-n1: -1;
  --z-0: 0;
  --z-1: 1;
  --z-2: 2;
  --z-3: 3;
  --z-menu: 1000;
  --z-sticky: 1010;
  --z-fixed: 1020;
  --z-drawer: 1030;
  --z-dialog: 1040;
  --z-popover: 1050;
  --z-tooltip: 1060;
  --z-toast: 1070;
  color-scheme: light dark;
  scrollbar-gutter: stable;
}
@media (prefers-color-scheme: dark) {
  :root,
  :host {
    --shadow-strength: 2.4;
  }
}
[data-bs-theme=dark] {
  --shadow-strength: 2.4;
  color-scheme: dark;
}
[data-bs-theme=light] {
  --shadow-strength: 1;
  color-scheme: light;
}
:root,
:host {
  --heading-margin-bottom: var(--spacer-2);
  --heading-line-height: 1.2;
  --paragraph-margin-bottom: var(--spacer);
  --legend-margin-bottom: var(--spacer-2);
  --legend-font-size: 1.5rem;
  --list-padding-x: var(--spacer-7);
}
@layer reboot {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  :root,
  :host {
    accent-color: var(--primary-base);
  }
  iframe {
    color-scheme: light dark;
    border: 0;
  }
  body {
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--fg-body);
    text-align: var(--body-text-align);
    background-color: var(--bg-body);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    margin: var(--hr-margin-y, var(--spacer)) 0;
    border: 0;
    border-block-start: var(--border-width) solid var(--hr-border-color);
  }
  h6,
  .h6,
  h5,
  .h5,
  h4,
  .h4,
  h3,
  .h3,
  h2,
  .h2,
  h1,
  .h1 {
    margin-top: 0;
    margin-bottom: var(--heading-margin-bottom);
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--heading-font-weight, var(--font-weight-medium));
    line-height: var(--heading-line-height);
    color: var(--heading-color);
  }
  h1,
  .h1 {
    font-size: var(--font-size-3xl);
  }
  h2,
  .h2 {
    font-size: var(--font-size-2xl);
  }
  h3,
  .h3 {
    font-size: var(--font-size-xl);
  }
  h4,
  .h4 {
    font-size: var(--font-size-lg);
  }
  h5,
  .h5 {
    font-size: var(--font-size-md);
  }
  h6,
  .h6 {
    font-size: var(--font-size-sm);
  }
  p {
    margin-top: 0;
    margin-bottom: var(--paragraph-margin-bottom);
  }
  abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none;
  }
  .initialism {
    font-size: var(--initialism-font-size, var(--font-size-xs));
    text-transform: uppercase;
  }
  address {
    margin-bottom: var(--spacer);
    font-style: normal;
    line-height: inherit;
  }
  ol,
  ul {
    padding-inline-start: var(--list-padding-x);
  }
  ol,
  ul,
  dl {
    margin-top: 0;
    margin-bottom: var(--spacer);
  }
  ol ol,
  ul ul,
  ol ul,
  ul ol {
    margin-bottom: 0;
  }
  dt {
    font-weight: var(--dt-font-weight, var(--font-weight-bold));
  }
  dd {
    margin-inline-start: 0;
    margin-bottom: var(--spacer-2);
  }
  blockquote {
    margin: 0 0 var(--spacer);
  }
  blockquote > * {
    margin-block: 0;
  }
  b,
  strong {
    font-weight: var(--font-weight-bolder);
  }
  small,
  .small {
    font-size: var(--small-font-size, 87.5%);
  }
  mark,
  .mark {
    --mark-padding: 0.1875em;
    --mark-color: var(--fg-body);
    --mark-bg: light-dark(var(--yellow-100), var(--yellow-900));
    padding: var(--mark-padding);
    color: var(--mark-color);
    background-color: var(--mark-bg);
  }
  sub,
  sup {
    position: relative;
    font-size: var(--sub-sup-font-size, 0.75em);
    line-height: 0;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  a {
    color: var(--theme-fg, var(--link-color));
    text-decoration: var(--link-decoration);
    text-underline-offset: var(--link-underline-offset);
  }
  a:hover {
    color: var(--theme-fg-emphasis, var(--link-hover-color));
    text-decoration: var(--link-hover-decoration, var(--link-decoration));
  }
  a:not([href], [class]),
  a:not([href], [class]):hover {
    color: inherit;
    text-decoration: none;
  }
  pre,
  code,
  kbd,
  samp {
    font-family: var(--font-mono);
    font-size: 1em;
  }
  pre {
    display: block;
    margin-top: 0;
    margin-bottom: var(--spacer);
    overflow: auto;
    font-size: var(--code-font-size);
    color: var(--code-color, inherit);
    scrollbar-gutter: stable;
  }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
  }
  code {
    font-size: var(--code-font-size);
    color: var(--code-color);
    word-wrap: break-word;
  }
  a > code {
    color: inherit;
  }
  kbd {
    --kbd-padding-y: 0.125rem;
    --kbd-padding-x: var(--spacer-1);
    --kbd-font-size: var(--font-size-xs);
    --kbd-color: var(--bg-body);
    --kbd-bg: var(--fg-2);
    --kbd-border-radius: var(--radius-3);
    padding: var(--kbd-padding-y) var(--kbd-padding-x);
    font-size: var(--kbd-font-size);
    color: var(--kbd-color);
    background-color: var(--kbd-bg);
    border-radius: var(--kbd-border-radius);
  }
  kbd kbd {
    padding: 0;
    font-size: 1em;
  }
  figure {
    margin: 0 0 var(--spacer);
  }
  img,
  svg {
    vertical-align: middle;
  }
  table {
    caption-side: bottom;
    border-collapse: collapse;
  }
  caption {
    padding-block: var(--spacer-2);
    color: var(--fg-3);
    text-align: start;
  }
  th {
    text-align: inherit;
    text-align: -webkit-match-parent;
  }
  thead,
  tbody,
  tfoot,
  tr,
  td,
  th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
  }
  label {
    display: inline-block;
  }
  button {
    border-radius: 0;
  }
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  input,
  button,
  select,
  optgroup,
  textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  [role=button] {
    cursor: pointer;
  }
  select {
    word-wrap: normal;
  }
  select:disabled {
    opacity: 1;
  }
  [list]:not([type=date], [type=datetime-local], [type=month], [type=week], [type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
  }
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    -webkit-appearance: button;
  }
  button:not(:disabled),
  [type=button]:not(:disabled),
  [type=reset]:not(:disabled),
  [type=submit]:not(:disabled) {
    cursor: pointer;
  }
  textarea {
    resize: vertical;
  }
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    float: inline-start;
    width: 100%;
    padding: 0;
    margin-bottom: var(--legend-margin-bottom);
    font-size: var(--legend-font-size);
    font-weight: var(--legend-font-weight);
    line-height: inherit;
  }
  legend + * {
    clear: inline-start;
  }
  ::-webkit-datetime-edit-fields-wrapper,
  ::-webkit-datetime-edit-text,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-meridiem-field,
  ::-webkit-datetime-edit-ampm-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-week-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-year-field {
    padding: 0;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type=search]::-webkit-search-cancel-button {
    cursor: pointer;
    filter: grayscale(1);
  }
  [type=tel],
  [type=url],
  [type=email],
  [type=number] {
    direction: ltr;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-color-swatch-wrapper {
    padding: 0;
  }
  ::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
  }
  output {
    display: inline-block;
  }
  summary {
    display: list-item;
    cursor: pointer;
  }
  progress {
    vertical-align: baseline;
  }
  [hidden] {
    display: none !important;
  }
}
@layer content {
  .list-unstyled {
    padding-inline-start: 0;
    list-style-type: "";
  }
  .list-inline {
    padding-inline-start: 0;
    list-style-type: "";
  }
  .list-inline-item {
    display: inline-block;
  }
  .list-inline-item:not(:last-child) {
    margin-inline-end: var(--list-inline-padding, var(--spacer)/2);
  }
}
@layer content {
  .blockquote {
    --blockquote-gap: calc(var(--spacer) / 2);
    --blockquote-padding-x: var(--spacer);
    --blockquote-margin-y: var(--spacer);
    --blockquote-font-size: var(--font-size-md);
    --blockquote-border-width: 0.25rem;
    --blockquote-border-color: var(--border-color);
    --blockquote-footer-font-size: var(--font-size-sm);
    --blockquote-footer-color: var(--fg-3);
    display: flex;
    flex-direction: column;
    gap: var(--blockquote-gap);
    padding-inline-start: var(--blockquote-padding-x);
    margin-bottom: var(--blockquote-margin-y);
    font-size: var(--blockquote-font-size);
    border-inline-start: var(--blockquote-border-width) solid var(--blockquote-border-color);
  }
  .blockquote > * {
    margin-bottom: 0;
  }
  figure.blockquote blockquote {
    margin-bottom: 0;
  }
  .blockquote-footer {
    font-size: var(--blockquote-footer-font-size);
    color: var(--blockquote-footer-color);
  }
  .blockquote-footer::before {
    content: "\2014\a0";
  }
}
@layer content {
  .table {
    --table-cell-padding-y: 0.5rem;
    --table-cell-padding-x: 0.5rem;
    --table-cell-vertical-align: top;
    --table-color: var(--fg-body);
    --table-bg: var(--bg-body);
    --table-accent-bg: transparent;
    --table-border-width: var(--border-width);
    --table-border-color: var(--border-color);
    --table-group-separator-color: currentcolor;
    --table-striped-color: var(--table-color);
    --table-striped-bg-factor: 5%;
    --table-striped-bg: color-mix(in srgb, var(--table-color) var(--table-striped-bg-factor), transparent);
    --table-active-color: var(--table-color);
    --table-active-bg-factor: 10%;
    --table-active-bg: color-mix(in srgb, var(--table-color) var(--table-active-bg-factor), transparent);
    --table-hover-color: var(--table-color);
    --table-hover-bg-factor: 7.5%;
    --table-hover-bg: color-mix(in srgb, var(--table-color) var(--table-hover-bg-factor), transparent);
    --table-color-type: initial;
    --table-bg-type: initial;
    --table-color-state: initial;
    --table-bg-state: initial;
    width: 100%;
    margin-bottom: var(--spacer);
    vertical-align: var(--table-cell-vertical-align);
    border-color: var(--theme-border, var(--table-border-color));
  }
  .table > :not(caption) > * > * {
    padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
    color: var(--table-color-state, var(--table-color-type, var(--theme-fg, var(--table-color))));
    background-color: var(--theme-bg-subtle, var(--table-bg));
    border-block-end-width: var(--table-border-width);
    box-shadow: inset 0 0 0 9999px var(--table-bg-state, var(--table-bg-type, var(--theme-bg-subtle, var(--table-accent-bg))));
  }
  .table > tbody {
    vertical-align: inherit;
  }
  .table > thead {
    vertical-align: bottom;
  }
  .table-group-divider {
    border-block-start: calc(var(--table-border-width) * 2) solid var(--table-group-separator-color);
  }
  .caption-top {
    caption-side: top;
  }
  .table-sm > :not(caption) > * > * {
    --table-cell-padding-y: .25rem;
    --table-cell-padding-x: .25rem;
  }
  .table-bordered > :not(caption) > * {
    border-width: var(--table-border-width) 0;
  }
  .table-bordered > :not(caption) > * > * {
    border-width: 0 var(--table-border-width);
  }
  .table-borderless > :not(caption) > * > * {
    border-block-end-width: 0;
  }
  .table-borderless > :not(:first-child) {
    border-block-start-width: 0;
  }
  .table-striped > tbody > tr:nth-of-type(odd) > * {
    --table-color-type: var(--theme-fg, var(--table-striped-color));
    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);
  }
  .table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --table-color-type: var(--theme-fg, var(--table-striped-color));
    --table-bg-type: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-striped-bg-factor), transparent);
  }
  .table-active {
    --table-color-state: var(--theme-fg, var(--table-active-color));
    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-active-bg-factor), transparent);
  }
  .table-hover > tbody > tr:hover > * {
    --table-color-state: var(--theme-fg, var(--table-hover-color));
    --table-bg-state: color-mix(in srgb, var(--theme-fg, var(--table-color)) var(--table-hover-bg-factor), transparent);
  }
  .table-card {
    margin-bottom: var(--spacer);
    overflow: hidden;
    border: var(--border-width) solid var(--border-color-translucent);
    border-radius: var(--radius-7);
  }
  .table-card > .table,
  .table-card > [class*=table-responsive] > .table {
    margin-bottom: 0;
  }
  .table-card > .table > :not(caption):last-child > *:last-child > *,
  .table-card > [class*=table-responsive] > .table > :not(caption):last-child > *:last-child > * {
    border-block-end-width: 0;
  }
  .table-responsive {
    container-type: inline-size;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .sm\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 576px) {
    .sm\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .md\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 768px) {
    .md\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .lg\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1024px) {
    .lg\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .xl\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1280px) {
    .xl\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .\32xl\:table-responsive {
    container-type: inline-size;
  }
  @media (width < 1536px) {
    .\32xl\:table-responsive {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
  }
  .table-stacked > thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .table-stacked > tbody > tr {
    display: block;
    padding-block: var(--table-cell-padding-y);
  }
  .table-stacked > tbody > tr + tr {
    border-block-start: var(--table-border-width) solid var(--table-border-color);
  }
  .table-stacked > tbody > tr > td {
    display: block;
    padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
    border: 0;
  }
  .table-stacked > tbody > tr > td:first-child {
    font-weight: var(--font-weight-bold);
  }
  .table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
    display: block;
    font-weight: var(--font-weight-semibold);
    content: attr(data-cell);
  }
  .table-stacked > tbody > tr > td:not(:first-child) + td::before {
    margin-block-start: 0.25rem;
  }
  @container (width < 576px) {
    .sm\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .sm\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .sm\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .sm\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .sm\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .sm\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .sm\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 768px) {
    .md\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .md\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .md\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .md\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .md\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .md\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .md\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1024px) {
    .lg\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .lg\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .lg\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .lg\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .lg\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .lg\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .lg\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1280px) {
    .xl\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .xl\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .xl\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .xl\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .xl\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
  @container (width < 1536px) {
    .\32xl\:table-stacked > thead {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .\32xl\:table-stacked > tbody > tr {
      display: block;
      padding-block: var(--table-cell-padding-y);
    }
    .\32xl\:table-stacked > tbody > tr + tr {
      border-block-start: var(--table-border-width) solid var(--table-border-color);
    }
    .\32xl\:table-stacked > tbody > tr > td {
      display: block;
      padding: calc(var(--table-cell-padding-y) * 0.25) calc(var(--table-cell-padding-x) * 2);
      border: 0;
    }
    .\32xl\:table-stacked > tbody > tr > td:first-child {
      font-weight: var(--font-weight-bold);
    }
    .\32xl\:table-stacked > tbody > tr > td[data-cell]:not(:first-child)::before {
      display: block;
      font-weight: var(--font-weight-semibold);
      content: attr(data-cell);
    }
    .\32xl\:table-stacked > tbody > tr > td:not(:first-child) + td::before {
      margin-block-start: 0.25rem;
    }
  }
}
@layer content {
  .img-fluid {
    max-width: 100%;
    height: auto;
  }
  .img-thumbnail {
    --thumbnail-padding: 0.25rem;
    --thumbnail-bg: var(--bg-body);
    --thumbnail-border-width: var(--border-width);
    --thumbnail-border-color: var(--border-color);
    --thumbnail-border-radius: var(--radius-5);
    --thumbnail-box-shadow: var(--box-shadow-sm);
    padding: var(--thumbnail-padding);
    background-color: var(--thumbnail-bg);
    border: var(--thumbnail-border-width) solid var(--thumbnail-border-color);
    border-radius: var(--thumbnail-border-radius);
    box-shadow: var(--thumbnail-box-shadow);
    max-width: 100%;
    height: auto;
  }
  .figure {
    --figure-gap: calc(var(--spacer) * 0.5);
    --figure-caption-font-size: var(--font-size-sm);
    --figure-caption-color: var(--fg-3);
    display: flex;
    flex-direction: column;
    gap: var(--figure-gap);
  }
  .figure-caption {
    font-size: var(--figure-caption-font-size);
    color: var(--figure-caption-color);
  }
}
@layer content {
  .prose {
    --content-font-size: 1rem;
    --content-line-height: 1.5;
    --content-gap: calc(var(--content-font-size) * var(--content-line-height));
    --heading-color: light-dark(var(--gray-900), var(--white));
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--content-gap);
    max-width: 1000px;
    margin-inline: auto;
    font-size: var(--content-font-size);
    line-height: var(--content-line-height);
  }
  @media (width >= 1024px) {
    .prose {
      --content-font-size: var(--font-size-md);
      --content-line-height: 1.625;
    }
  }
  .prose :where(p, ul, ol, dl, pre, table, blockquote):not(:where(.not-prose, .not-prose *)) {
    margin-block: 0;
  }
  .prose :where(ul, ol):not([class], :where(.not-prose, .not-prose *)) li:not(:last-child) {
    margin-bottom: calc(var(--content-gap) / 4);
  }
  .prose :where(li ul, li ol):not(:where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) / 4);
  }
  .prose :where(hr):not(:where(.not-prose, .not-prose *)) {
    margin: calc(var(--content-gap) * 1.5) 0;
    border: 0;
    border-block-start: var(--border-width) solid var(--hr-border-color);
  }
  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) {
    margin-top: 0;
    margin-bottom: calc(var(--content-gap) / -2);
    font-weight: 500;
    line-height: 1.25;
  }
  .prose :where(h1, h2, h3, h4, h5, h6):not([class], :where(.not-prose, .not-prose *)) code {
    font-weight: 600;
    color: inherit;
  }
  .prose :where(h1, h2):not(:first-child, :where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) * 0.75);
  }
  .prose :where(h3, h4, h5, h6):not(:first-child, :where(.not-prose, .not-prose *)) {
    margin-top: calc(var(--content-gap) * 0.5);
  }
  .prose :where(h1):not(:where(.not-prose, .not-prose *)) {
    font-size: 2.25em;
    line-height: 1.1;
  }
  .prose :where(h2):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.75em;
  }
  .prose :where(h3):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.5em;
  }
  .prose :where(h4):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.25em;
  }
  .prose :where(h5):not(:where(.not-prose, .not-prose *)) {
    font-size: 1.125em;
  }
  .prose :where(h6):not(:where(.not-prose, .not-prose *)) {
    font-size: 1em;
  }
  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {
    color: var(--link-color);
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--link-color) 25%, transparent);
    text-underline-offset: 4px;
  }
  @media (prefers-reduced-motion: no-preference) {
    .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)) {
      transition: 0.1s text-decoration-color ease-in-out;
    }
  }
  .prose :where(a:not([class])):not(:where(.not-prose, .not-prose *)):hover {
    color: var(--link-hover-color);
    text-decoration-color: var(--link-hover-color);
  }
  .prose :where(img):not(:where(.not-prose, .not-prose *)) {
    max-width: 100%;
  }
  .prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
    padding-inline-start: calc(var(--content-gap) / 2);
    margin: 0;
    border-inline-start: 4px solid var(--border-color);
  }
  .prose :where(table):not(:where(.not-prose, .not-prose *)) {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
  }
  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) td,
  .prose :where(table:not([class])):not(:where(.not-prose, .not-prose *)) th {
    padding: 6px 12px;
    text-align: inherit;
    border: 1px solid var(--border-color);
  }
  .prose :where(dt):not(:where(.not-prose, .not-prose *)) {
    font-weight: 500;
  }
  .prose :where(video, img):not(:where(.not-prose, .not-prose *)) {
    max-width: 100%;
  }
}
@layer layout {
  .container,
  .container-fluid,
  .\32xl\:container,
  .xl\:container,
  .lg\:container,
  .md\:container,
  .sm\:container {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    width: 100%;
    padding-inline: calc(var(--gutter-x) * 0.5);
    margin-inline: auto;
  }
  @media (width >= 576px) {
    .sm\:container,
    .container {
      max-width: 540px;
    }
  }
  @media (width >= 768px) {
    .md\:container,
    .sm\:container,
    .container {
      max-width: 720px;
    }
  }
  @media (width >= 1024px) {
    .lg\:container,
    .md\:container,
    .sm\:container,
    .container {
      max-width: 960px;
    }
  }
  @media (width >= 1280px) {
    .xl\:container,
    .lg\:container,
    .md\:container,
    .sm\:container,
    .container {
      max-width: 1200px;
    }
  }
  @media (width >= 1536px) {
    .\32xl\:container,
    .xl\:container,
    .lg\:container,
    .md\:container,
    .sm\:container,
    .container {
      max-width: 1440px;
    }
  }
}
@layer layout {
  .row {
    --gutter-x: 1.5rem;
    --gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-inline: calc(-0.5 * var(--gutter-x));
    margin-top: calc(-1 * var(--gutter-y));
  }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-inline: calc(var(--gutter-x) * 0.5);
    margin-top: var(--gutter-y);
  }
  .col {
    flex: 1 0 0;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-inline-start: 8.3333333333%;
  }
  .offset-2 {
    margin-inline-start: 16.6666666667%;
  }
  .offset-3 {
    margin-inline-start: 25%;
  }
  .offset-4 {
    margin-inline-start: 33.3333333333%;
  }
  .offset-5 {
    margin-inline-start: 41.6666666667%;
  }
  .offset-6 {
    margin-inline-start: 50%;
  }
  .offset-7 {
    margin-inline-start: 58.3333333333%;
  }
  .offset-8 {
    margin-inline-start: 66.6666666667%;
  }
  .offset-9 {
    margin-inline-start: 75%;
  }
  .offset-10 {
    margin-inline-start: 83.3333333333%;
  }
  .offset-11 {
    margin-inline-start: 91.6666666667%;
  }
  .g-0,
  .gx-0 {
    --gutter-x: 0;
  }
  .g-0,
  .gy-0 {
    --gutter-y: 0;
  }
  .g-1,
  .gx-1 {
    --gutter-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --gutter-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --gutter-x: 0.375rem;
  }
  .g-2,
  .gy-2 {
    --gutter-y: 0.375rem;
  }
  .g-3,
  .gx-3 {
    --gutter-x: 0.5rem;
  }
  .g-3,
  .gy-3 {
    --gutter-y: 0.5rem;
  }
  .g-4,
  .gx-4 {
    --gutter-x: 0.75rem;
  }
  .g-4,
  .gy-4 {
    --gutter-y: 0.75rem;
  }
  .g-5,
  .gx-5 {
    --gutter-x: 1rem;
  }
  .g-5,
  .gy-5 {
    --gutter-y: 1rem;
  }
  .g-6,
  .gx-6 {
    --gutter-x: 1.25rem;
  }
  .g-6,
  .gy-6 {
    --gutter-y: 1.25rem;
  }
  .g-7,
  .gx-7 {
    --gutter-x: 1.5rem;
  }
  .g-7,
  .gy-7 {
    --gutter-y: 1.5rem;
  }
  .g-8,
  .gx-8 {
    --gutter-x: 1.75rem;
  }
  .g-8,
  .gy-8 {
    --gutter-y: 1.75rem;
  }
  .g-9,
  .gx-9 {
    --gutter-x: 2rem;
  }
  .g-9,
  .gy-9 {
    --gutter-y: 2rem;
  }
  .g-10,
  .gx-10 {
    --gutter-x: 2.25rem;
  }
  .g-10,
  .gy-10 {
    --gutter-y: 2.25rem;
  }
  .g-11,
  .gx-11 {
    --gutter-x: 2.5rem;
  }
  .g-11,
  .gy-11 {
    --gutter-y: 2.5rem;
  }
  .g-12,
  .gx-12 {
    --gutter-x: 3rem;
  }
  .g-12,
  .gy-12 {
    --gutter-y: 3rem;
  }
  @media (width >= 576px) {
    .sm\:col {
      flex: 1 0 0;
    }
    .sm\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .sm\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .sm\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .sm\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .sm\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .sm\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .sm\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .sm\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .sm\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .sm\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .sm\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .sm\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .sm\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .sm\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .sm\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .sm\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .sm\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .sm\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .sm\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .sm\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .sm\:offset-0 {
      margin-inline-start: 0;
    }
    .sm\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .sm\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .sm\:offset-3 {
      margin-inline-start: 25%;
    }
    .sm\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .sm\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .sm\:offset-6 {
      margin-inline-start: 50%;
    }
    .sm\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .sm\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .sm\:offset-9 {
      margin-inline-start: 75%;
    }
    .sm\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .sm\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .sm\:g-0,
    .sm\:gx-0 {
      --gutter-x: 0;
    }
    .sm\:g-0,
    .sm\:gy-0 {
      --gutter-y: 0;
    }
    .sm\:g-1,
    .sm\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .sm\:g-1,
    .sm\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .sm\:g-2,
    .sm\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .sm\:g-2,
    .sm\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .sm\:g-3,
    .sm\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .sm\:g-3,
    .sm\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .sm\:g-4,
    .sm\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .sm\:g-4,
    .sm\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .sm\:g-5,
    .sm\:gx-5 {
      --gutter-x: 1rem;
    }
    .sm\:g-5,
    .sm\:gy-5 {
      --gutter-y: 1rem;
    }
    .sm\:g-6,
    .sm\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .sm\:g-6,
    .sm\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .sm\:g-7,
    .sm\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .sm\:g-7,
    .sm\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .sm\:g-8,
    .sm\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .sm\:g-8,
    .sm\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .sm\:g-9,
    .sm\:gx-9 {
      --gutter-x: 2rem;
    }
    .sm\:g-9,
    .sm\:gy-9 {
      --gutter-y: 2rem;
    }
    .sm\:g-10,
    .sm\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .sm\:g-10,
    .sm\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .sm\:g-11,
    .sm\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .sm\:g-11,
    .sm\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .sm\:g-12,
    .sm\:gx-12 {
      --gutter-x: 3rem;
    }
    .sm\:g-12,
    .sm\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 768px) {
    .md\:col {
      flex: 1 0 0;
    }
    .md\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .md\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .md\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .md\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .md\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .md\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .md\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .md\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .md\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .md\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .md\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .md\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .md\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .md\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .md\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .md\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .md\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .md\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .md\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .md\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .md\:offset-0 {
      margin-inline-start: 0;
    }
    .md\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .md\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .md\:offset-3 {
      margin-inline-start: 25%;
    }
    .md\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .md\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .md\:offset-6 {
      margin-inline-start: 50%;
    }
    .md\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .md\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .md\:offset-9 {
      margin-inline-start: 75%;
    }
    .md\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .md\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .md\:g-0,
    .md\:gx-0 {
      --gutter-x: 0;
    }
    .md\:g-0,
    .md\:gy-0 {
      --gutter-y: 0;
    }
    .md\:g-1,
    .md\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .md\:g-1,
    .md\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .md\:g-2,
    .md\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .md\:g-2,
    .md\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .md\:g-3,
    .md\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .md\:g-3,
    .md\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .md\:g-4,
    .md\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .md\:g-4,
    .md\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .md\:g-5,
    .md\:gx-5 {
      --gutter-x: 1rem;
    }
    .md\:g-5,
    .md\:gy-5 {
      --gutter-y: 1rem;
    }
    .md\:g-6,
    .md\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .md\:g-6,
    .md\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .md\:g-7,
    .md\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .md\:g-7,
    .md\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .md\:g-8,
    .md\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .md\:g-8,
    .md\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .md\:g-9,
    .md\:gx-9 {
      --gutter-x: 2rem;
    }
    .md\:g-9,
    .md\:gy-9 {
      --gutter-y: 2rem;
    }
    .md\:g-10,
    .md\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .md\:g-10,
    .md\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .md\:g-11,
    .md\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .md\:g-11,
    .md\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .md\:g-12,
    .md\:gx-12 {
      --gutter-x: 3rem;
    }
    .md\:g-12,
    .md\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1024px) {
    .lg\:col {
      flex: 1 0 0;
    }
    .lg\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .lg\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .lg\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .lg\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .lg\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .lg\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .lg\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .lg\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .lg\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .lg\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .lg\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .lg\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .lg\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .lg\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .lg\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .lg\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .lg\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .lg\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .lg\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .lg\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .lg\:offset-0 {
      margin-inline-start: 0;
    }
    .lg\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .lg\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .lg\:offset-3 {
      margin-inline-start: 25%;
    }
    .lg\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .lg\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .lg\:offset-6 {
      margin-inline-start: 50%;
    }
    .lg\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .lg\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .lg\:offset-9 {
      margin-inline-start: 75%;
    }
    .lg\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .lg\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .lg\:g-0,
    .lg\:gx-0 {
      --gutter-x: 0;
    }
    .lg\:g-0,
    .lg\:gy-0 {
      --gutter-y: 0;
    }
    .lg\:g-1,
    .lg\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .lg\:g-1,
    .lg\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .lg\:g-2,
    .lg\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .lg\:g-2,
    .lg\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .lg\:g-3,
    .lg\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .lg\:g-3,
    .lg\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .lg\:g-4,
    .lg\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .lg\:g-4,
    .lg\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .lg\:g-5,
    .lg\:gx-5 {
      --gutter-x: 1rem;
    }
    .lg\:g-5,
    .lg\:gy-5 {
      --gutter-y: 1rem;
    }
    .lg\:g-6,
    .lg\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .lg\:g-6,
    .lg\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .lg\:g-7,
    .lg\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .lg\:g-7,
    .lg\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .lg\:g-8,
    .lg\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .lg\:g-8,
    .lg\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .lg\:g-9,
    .lg\:gx-9 {
      --gutter-x: 2rem;
    }
    .lg\:g-9,
    .lg\:gy-9 {
      --gutter-y: 2rem;
    }
    .lg\:g-10,
    .lg\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .lg\:g-10,
    .lg\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .lg\:g-11,
    .lg\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .lg\:g-11,
    .lg\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .lg\:g-12,
    .lg\:gx-12 {
      --gutter-x: 3rem;
    }
    .lg\:g-12,
    .lg\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1280px) {
    .xl\:col {
      flex: 1 0 0;
    }
    .xl\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .xl\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .xl\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .xl\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .xl\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .xl\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .xl\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .xl\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .xl\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .xl\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .xl\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .xl\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .xl\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .xl\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .xl\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .xl\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .xl\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .xl\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .xl\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .xl\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .xl\:offset-0 {
      margin-inline-start: 0;
    }
    .xl\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .xl\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .xl\:offset-3 {
      margin-inline-start: 25%;
    }
    .xl\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .xl\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .xl\:offset-6 {
      margin-inline-start: 50%;
    }
    .xl\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .xl\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .xl\:offset-9 {
      margin-inline-start: 75%;
    }
    .xl\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .xl\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .xl\:g-0,
    .xl\:gx-0 {
      --gutter-x: 0;
    }
    .xl\:g-0,
    .xl\:gy-0 {
      --gutter-y: 0;
    }
    .xl\:g-1,
    .xl\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .xl\:g-1,
    .xl\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .xl\:g-2,
    .xl\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .xl\:g-2,
    .xl\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .xl\:g-3,
    .xl\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .xl\:g-3,
    .xl\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .xl\:g-4,
    .xl\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .xl\:g-4,
    .xl\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .xl\:g-5,
    .xl\:gx-5 {
      --gutter-x: 1rem;
    }
    .xl\:g-5,
    .xl\:gy-5 {
      --gutter-y: 1rem;
    }
    .xl\:g-6,
    .xl\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .xl\:g-6,
    .xl\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .xl\:g-7,
    .xl\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .xl\:g-7,
    .xl\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .xl\:g-8,
    .xl\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .xl\:g-8,
    .xl\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .xl\:g-9,
    .xl\:gx-9 {
      --gutter-x: 2rem;
    }
    .xl\:g-9,
    .xl\:gy-9 {
      --gutter-y: 2rem;
    }
    .xl\:g-10,
    .xl\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .xl\:g-10,
    .xl\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .xl\:g-11,
    .xl\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .xl\:g-11,
    .xl\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .xl\:g-12,
    .xl\:gx-12 {
      --gutter-x: 3rem;
    }
    .xl\:g-12,
    .xl\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  @media (width >= 1536px) {
    .\32xl\:col {
      flex: 1 0 0;
    }
    .\32xl\:row-cols-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .\32xl\:row-cols-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .\32xl\:row-cols-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .\32xl\:row-cols-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .\32xl\:row-cols-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .\32xl\:row-cols-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .\32xl\:row-cols-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .\32xl\:col-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .\32xl\:col-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .\32xl\:col-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .\32xl\:col-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .\32xl\:col-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .\32xl\:col-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .\32xl\:col-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .\32xl\:col-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .\32xl\:col-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .\32xl\:col-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .\32xl\:col-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .\32xl\:col-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .\32xl\:col-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .\32xl\:offset-0 {
      margin-inline-start: 0;
    }
    .\32xl\:offset-1 {
      margin-inline-start: 8.3333333333%;
    }
    .\32xl\:offset-2 {
      margin-inline-start: 16.6666666667%;
    }
    .\32xl\:offset-3 {
      margin-inline-start: 25%;
    }
    .\32xl\:offset-4 {
      margin-inline-start: 33.3333333333%;
    }
    .\32xl\:offset-5 {
      margin-inline-start: 41.6666666667%;
    }
    .\32xl\:offset-6 {
      margin-inline-start: 50%;
    }
    .\32xl\:offset-7 {
      margin-inline-start: 58.3333333333%;
    }
    .\32xl\:offset-8 {
      margin-inline-start: 66.6666666667%;
    }
    .\32xl\:offset-9 {
      margin-inline-start: 75%;
    }
    .\32xl\:offset-10 {
      margin-inline-start: 83.3333333333%;
    }
    .\32xl\:offset-11 {
      margin-inline-start: 91.6666666667%;
    }
    .\32xl\:g-0,
    .\32xl\:gx-0 {
      --gutter-x: 0;
    }
    .\32xl\:g-0,
    .\32xl\:gy-0 {
      --gutter-y: 0;
    }
    .\32xl\:g-1,
    .\32xl\:gx-1 {
      --gutter-x: 0.25rem;
    }
    .\32xl\:g-1,
    .\32xl\:gy-1 {
      --gutter-y: 0.25rem;
    }
    .\32xl\:g-2,
    .\32xl\:gx-2 {
      --gutter-x: 0.375rem;
    }
    .\32xl\:g-2,
    .\32xl\:gy-2 {
      --gutter-y: 0.375rem;
    }
    .\32xl\:g-3,
    .\32xl\:gx-3 {
      --gutter-x: 0.5rem;
    }
    .\32xl\:g-3,
    .\32xl\:gy-3 {
      --gutter-y: 0.5rem;
    }
    .\32xl\:g-4,
    .\32xl\:gx-4 {
      --gutter-x: 0.75rem;
    }
    .\32xl\:g-4,
    .\32xl\:gy-4 {
      --gutter-y: 0.75rem;
    }
    .\32xl\:g-5,
    .\32xl\:gx-5 {
      --gutter-x: 1rem;
    }
    .\32xl\:g-5,
    .\32xl\:gy-5 {
      --gutter-y: 1rem;
    }
    .\32xl\:g-6,
    .\32xl\:gx-6 {
      --gutter-x: 1.25rem;
    }
    .\32xl\:g-6,
    .\32xl\:gy-6 {
      --gutter-y: 1.25rem;
    }
    .\32xl\:g-7,
    .\32xl\:gx-7 {
      --gutter-x: 1.5rem;
    }
    .\32xl\:g-7,
    .\32xl\:gy-7 {
      --gutter-y: 1.5rem;
    }
    .\32xl\:g-8,
    .\32xl\:gx-8 {
      --gutter-x: 1.75rem;
    }
    .\32xl\:g-8,
    .\32xl\:gy-8 {
      --gutter-y: 1.75rem;
    }
    .\32xl\:g-9,
    .\32xl\:gx-9 {
      --gutter-x: 2rem;
    }
    .\32xl\:g-9,
    .\32xl\:gy-9 {
      --gutter-y: 2rem;
    }
    .\32xl\:g-10,
    .\32xl\:gx-10 {
      --gutter-x: 2.25rem;
    }
    .\32xl\:g-10,
    .\32xl\:gy-10 {
      --gutter-y: 2.25rem;
    }
    .\32xl\:g-11,
    .\32xl\:gx-11 {
      --gutter-x: 2.5rem;
    }
    .\32xl\:g-11,
    .\32xl\:gy-11 {
      --gutter-y: 2.5rem;
    }
    .\32xl\:g-12,
    .\32xl\:gx-12 {
      --gutter-x: 3rem;
    }
    .\32xl\:g-12,
    .\32xl\:gy-12 {
      --gutter-y: 3rem;
    }
  }
  .grid {
    --columns: 12;
    --rows: 1;
    --gap: 1.5rem;
    container-type: inline-size;
    display: grid;
    grid-template-rows: repeat(var(--rows), 1fr);
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--gap);
  }
  .g-col-1 {
    grid-column: auto/span 1;
  }
  .g-col-2 {
    grid-column: auto/span 2;
  }
  .g-col-3 {
    grid-column: auto/span 3;
  }
  .g-col-4 {
    grid-column: auto/span 4;
  }
  .g-col-5 {
    grid-column: auto/span 5;
  }
  .g-col-6 {
    grid-column: auto/span 6;
  }
  .g-col-7 {
    grid-column: auto/span 7;
  }
  .g-col-8 {
    grid-column: auto/span 8;
  }
  .g-col-9 {
    grid-column: auto/span 9;
  }
  .g-col-10 {
    grid-column: auto/span 10;
  }
  .g-col-11 {
    grid-column: auto/span 11;
  }
  .g-col-12 {
    grid-column: auto/span 12;
  }
  .g-start-1 {
    grid-column-start: 1;
  }
  .g-start-2 {
    grid-column-start: 2;
  }
  .g-start-3 {
    grid-column-start: 3;
  }
  .g-start-4 {
    grid-column-start: 4;
  }
  .g-start-5 {
    grid-column-start: 5;
  }
  .g-start-6 {
    grid-column-start: 6;
  }
  .g-start-7 {
    grid-column-start: 7;
  }
  .g-start-8 {
    grid-column-start: 8;
  }
  .g-start-9 {
    grid-column-start: 9;
  }
  .g-start-10 {
    grid-column-start: 10;
  }
  .g-start-11 {
    grid-column-start: 11;
  }
  @container (width >= 576px) {
    .sm\:g-col-1 {
      grid-column: auto/span 1;
    }
    .sm\:g-col-2 {
      grid-column: auto/span 2;
    }
    .sm\:g-col-3 {
      grid-column: auto/span 3;
    }
    .sm\:g-col-4 {
      grid-column: auto/span 4;
    }
    .sm\:g-col-5 {
      grid-column: auto/span 5;
    }
    .sm\:g-col-6 {
      grid-column: auto/span 6;
    }
    .sm\:g-col-7 {
      grid-column: auto/span 7;
    }
    .sm\:g-col-8 {
      grid-column: auto/span 8;
    }
    .sm\:g-col-9 {
      grid-column: auto/span 9;
    }
    .sm\:g-col-10 {
      grid-column: auto/span 10;
    }
    .sm\:g-col-11 {
      grid-column: auto/span 11;
    }
    .sm\:g-col-12 {
      grid-column: auto/span 12;
    }
    .sm\:g-start-1 {
      grid-column-start: 1;
    }
    .sm\:g-start-2 {
      grid-column-start: 2;
    }
    .sm\:g-start-3 {
      grid-column-start: 3;
    }
    .sm\:g-start-4 {
      grid-column-start: 4;
    }
    .sm\:g-start-5 {
      grid-column-start: 5;
    }
    .sm\:g-start-6 {
      grid-column-start: 6;
    }
    .sm\:g-start-7 {
      grid-column-start: 7;
    }
    .sm\:g-start-8 {
      grid-column-start: 8;
    }
    .sm\:g-start-9 {
      grid-column-start: 9;
    }
    .sm\:g-start-10 {
      grid-column-start: 10;
    }
    .sm\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 768px) {
    .md\:g-col-1 {
      grid-column: auto/span 1;
    }
    .md\:g-col-2 {
      grid-column: auto/span 2;
    }
    .md\:g-col-3 {
      grid-column: auto/span 3;
    }
    .md\:g-col-4 {
      grid-column: auto/span 4;
    }
    .md\:g-col-5 {
      grid-column: auto/span 5;
    }
    .md\:g-col-6 {
      grid-column: auto/span 6;
    }
    .md\:g-col-7 {
      grid-column: auto/span 7;
    }
    .md\:g-col-8 {
      grid-column: auto/span 8;
    }
    .md\:g-col-9 {
      grid-column: auto/span 9;
    }
    .md\:g-col-10 {
      grid-column: auto/span 10;
    }
    .md\:g-col-11 {
      grid-column: auto/span 11;
    }
    .md\:g-col-12 {
      grid-column: auto/span 12;
    }
    .md\:g-start-1 {
      grid-column-start: 1;
    }
    .md\:g-start-2 {
      grid-column-start: 2;
    }
    .md\:g-start-3 {
      grid-column-start: 3;
    }
    .md\:g-start-4 {
      grid-column-start: 4;
    }
    .md\:g-start-5 {
      grid-column-start: 5;
    }
    .md\:g-start-6 {
      grid-column-start: 6;
    }
    .md\:g-start-7 {
      grid-column-start: 7;
    }
    .md\:g-start-8 {
      grid-column-start: 8;
    }
    .md\:g-start-9 {
      grid-column-start: 9;
    }
    .md\:g-start-10 {
      grid-column-start: 10;
    }
    .md\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1024px) {
    .lg\:g-col-1 {
      grid-column: auto/span 1;
    }
    .lg\:g-col-2 {
      grid-column: auto/span 2;
    }
    .lg\:g-col-3 {
      grid-column: auto/span 3;
    }
    .lg\:g-col-4 {
      grid-column: auto/span 4;
    }
    .lg\:g-col-5 {
      grid-column: auto/span 5;
    }
    .lg\:g-col-6 {
      grid-column: auto/span 6;
    }
    .lg\:g-col-7 {
      grid-column: auto/span 7;
    }
    .lg\:g-col-8 {
      grid-column: auto/span 8;
    }
    .lg\:g-col-9 {
      grid-column: auto/span 9;
    }
    .lg\:g-col-10 {
      grid-column: auto/span 10;
    }
    .lg\:g-col-11 {
      grid-column: auto/span 11;
    }
    .lg\:g-col-12 {
      grid-column: auto/span 12;
    }
    .lg\:g-start-1 {
      grid-column-start: 1;
    }
    .lg\:g-start-2 {
      grid-column-start: 2;
    }
    .lg\:g-start-3 {
      grid-column-start: 3;
    }
    .lg\:g-start-4 {
      grid-column-start: 4;
    }
    .lg\:g-start-5 {
      grid-column-start: 5;
    }
    .lg\:g-start-6 {
      grid-column-start: 6;
    }
    .lg\:g-start-7 {
      grid-column-start: 7;
    }
    .lg\:g-start-8 {
      grid-column-start: 8;
    }
    .lg\:g-start-9 {
      grid-column-start: 9;
    }
    .lg\:g-start-10 {
      grid-column-start: 10;
    }
    .lg\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1280px) {
    .xl\:g-col-1 {
      grid-column: auto/span 1;
    }
    .xl\:g-col-2 {
      grid-column: auto/span 2;
    }
    .xl\:g-col-3 {
      grid-column: auto/span 3;
    }
    .xl\:g-col-4 {
      grid-column: auto/span 4;
    }
    .xl\:g-col-5 {
      grid-column: auto/span 5;
    }
    .xl\:g-col-6 {
      grid-column: auto/span 6;
    }
    .xl\:g-col-7 {
      grid-column: auto/span 7;
    }
    .xl\:g-col-8 {
      grid-column: auto/span 8;
    }
    .xl\:g-col-9 {
      grid-column: auto/span 9;
    }
    .xl\:g-col-10 {
      grid-column: auto/span 10;
    }
    .xl\:g-col-11 {
      grid-column: auto/span 11;
    }
    .xl\:g-col-12 {
      grid-column: auto/span 12;
    }
    .xl\:g-start-1 {
      grid-column-start: 1;
    }
    .xl\:g-start-2 {
      grid-column-start: 2;
    }
    .xl\:g-start-3 {
      grid-column-start: 3;
    }
    .xl\:g-start-4 {
      grid-column-start: 4;
    }
    .xl\:g-start-5 {
      grid-column-start: 5;
    }
    .xl\:g-start-6 {
      grid-column-start: 6;
    }
    .xl\:g-start-7 {
      grid-column-start: 7;
    }
    .xl\:g-start-8 {
      grid-column-start: 8;
    }
    .xl\:g-start-9 {
      grid-column-start: 9;
    }
    .xl\:g-start-10 {
      grid-column-start: 10;
    }
    .xl\:g-start-11 {
      grid-column-start: 11;
    }
  }
  @container (width >= 1536px) {
    .\32xl\:g-col-1 {
      grid-column: auto/span 1;
    }
    .\32xl\:g-col-2 {
      grid-column: auto/span 2;
    }
    .\32xl\:g-col-3 {
      grid-column: auto/span 3;
    }
    .\32xl\:g-col-4 {
      grid-column: auto/span 4;
    }
    .\32xl\:g-col-5 {
      grid-column: auto/span 5;
    }
    .\32xl\:g-col-6 {
      grid-column: auto/span 6;
    }
    .\32xl\:g-col-7 {
      grid-column: auto/span 7;
    }
    .\32xl\:g-col-8 {
      grid-column: auto/span 8;
    }
    .\32xl\:g-col-9 {
      grid-column: auto/span 9;
    }
    .\32xl\:g-col-10 {
      grid-column: auto/span 10;
    }
    .\32xl\:g-col-11 {
      grid-column: auto/span 11;
    }
    .\32xl\:g-col-12 {
      grid-column: auto/span 12;
    }
    .\32xl\:g-start-1 {
      grid-column-start: 1;
    }
    .\32xl\:g-start-2 {
      grid-column-start: 2;
    }
    .\32xl\:g-start-3 {
      grid-column-start: 3;
    }
    .\32xl\:g-start-4 {
      grid-column-start: 4;
    }
    .\32xl\:g-start-5 {
      grid-column-start: 5;
    }
    .\32xl\:g-start-6 {
      grid-column-start: 6;
    }
    .\32xl\:g-start-7 {
      grid-column-start: 7;
    }
    .\32xl\:g-start-8 {
      grid-column-start: 8;
    }
    .\32xl\:g-start-9 {
      grid-column-start: 9;
    }
    .\32xl\:g-start-10 {
      grid-column-start: 10;
    }
    .\32xl\:g-start-11 {
      grid-column-start: 11;
    }
  }
}
@layer forms {
  .form-label,
  .col-form-label {
    font-size: var(--label-font-size, inherit);
    font-style: var(--label-font-style, inherit);
    font-weight: var(--label-font-weight, 500);
    color: var(--label-color, var(--fg-body));
  }
  .form-label {
    margin-bottom: var(--label-margin-bottom, calc(var(--spacer) / 2));
  }
  .col-form-label {
    --label-padding-y: calc(var(--btn-input-padding-y) + var(--border-width));
    padding-block: var(--label-padding-y);
    margin-bottom: 0;
  }
  .col-form-label-lg {
    --label-padding-y: calc(var(--btn-input-lg-padding-y) + var(--border-width));
    font-size: var(--btn-input-lg-font-size);
  }
  .col-form-label-sm {
    --label-padding-y: calc(var(--btn-input-sm-padding-y) + var(--border-width));
    font-size: var(--btn-input-sm-font-size);
  }
}
@layer forms {
  .form-text {
    --form-text-margin-top: 0.25rem;
    --form-text-font-size: var(--font-size-sm);
    --form-text-color: var(--fg-2);
    font-size: var(--form-text-font-size);
    font-style: var(--form-text-font-style);
    font-weight: var(--form-text-font-weight);
    color: var(--form-text-color);
  }
}
@layer forms {
  .form-control {
    --control-min-height: var(--btn-input-min-height);
    --control-padding-y: var(--btn-input-padding-y);
    --control-padding-x: var(--btn-input-padding-x);
    --control-font-size: var(--btn-input-font-size);
    --control-line-height: var(--btn-input-line-height);
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    --control-box-shadow: var(--box-shadow-inset);
    --control-action-bg: var(--bg-1);
    --control-action-hover-bg: var(--bg-2);
    --control-transition-property: border-color, box-shadow;
    --control-transition-duration: 0.15s;
    --control-transition-timing: ease-in-out;
    --control-placeholder-color: var(--fg-3);
    --control-disabled-color: var(--control-fg);
    --control-disabled-bg: var(--bg-2);
    --control-disabled-border-color: var(--control-border-color);
    --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --control-select-bg-position: right 0.75rem center;
    --control-select-bg-size: 16px 12px;
    --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: flex;
    width: 100%;
    min-height: var(--control-min-height);
    padding: var(--control-padding-y) var(--control-padding-x);
    font-size: var(--control-font-size);
    line-height: var(--control-line-height);
    color: var(--control-fg);
    appearance: none;
    background-color: var(--control-bg);
    background-clip: padding-box;
    border: var(--control-border-width) solid var(--control-border-color);
    border-radius: var(--control-border-radius);
    box-shadow: var(--control-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-control {
      transition-timing-function: var(--control-transition-timing);
      transition-duration: var(--control-transition-duration);
      transition-property: var(--control-transition-property);
    }
  }
  .form-control:focus-visible,
  .form-control:focus-within {
    --focus-ring-offset: -1px;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-control::placeholder {
    color: var(--control-placeholder-color);
    opacity: 1;
  }
  .form-control:disabled {
    color: var(--control-disabled-color);
    background-color: var(--control-disabled-bg);
    border-color: var(--control-disabled-border-color);
    opacity: 1;
  }
  .form-control::-webkit-datetime-edit {
    display: block;
    padding: 0;
  }
  .form-control::-webkit-datetime-edit-text {
    color: var(--control-placeholder-color);
  }
  .form-control[type=file] {
    overflow: hidden;
  }
  .form-control[type=file]:not(:disabled, [readonly]) {
    cursor: pointer;
  }
  .form-control::file-selector-button {
    min-height: var(--control-min-height);
    padding: var(--control-padding-y) var(--control-padding-x);
    margin: calc(var(--control-padding-y) * -1) calc(var(--control-padding-x) * -1);
    margin-inline-end: var(--control-padding-x);
    color: var(--control-fg);
    pointer-events: none;
    background-color: var(--control-action-bg);
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: var(--control-border-width);
    border-radius: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-control::file-selector-button {
      transition-timing-function: var(--control-transition-timing);
      transition-duration: var(--control-transition-duration);
      transition-property: var(--control-transition-property);
    }
  }
  .form-control:hover:not(:disabled, [readonly])::file-selector-button {
    background-color: var(--control-action-hover-bg);
  }
  .form-control-plaintext {
    --control-min-height: var(--btn-input-min-height);
    --control-padding-y: var(--btn-input-padding-y);
    --control-padding-x: var(--btn-input-padding-x);
    --control-font-size: var(--btn-input-font-size);
    --control-line-height: var(--btn-input-line-height);
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    --control-box-shadow: var(--box-shadow-inset);
    --control-action-bg: var(--bg-1);
    --control-action-hover-bg: var(--bg-2);
    --control-transition-property: border-color, box-shadow;
    --control-transition-duration: 0.15s;
    --control-transition-timing: ease-in-out;
    --control-placeholder-color: var(--fg-3);
    --control-disabled-color: var(--control-fg);
    --control-disabled-bg: var(--bg-2);
    --control-disabled-border-color: var(--control-border-color);
    --control-select-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300000080' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --control-select-bg-position: right 0.75rem center;
    --control-select-bg-size: 16px 12px;
    --control-select-bg-dark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: var(--control-padding-y) 0;
    margin-bottom: 0;
    line-height: var(--control-line-height);
    color: var(--control-fg);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--control-border-width) 0;
  }
  .form-control-plaintext:focus {
    outline: 0;
  }
  .form-control-plaintext.form-control-sm,
  .form-control-plaintext.form-control-lg {
    padding-inline: 0;
  }
  select.form-control,
  .form-control-caret {
    padding-inline-end: calc(var(--control-padding-x) * 3);
    background-image: var(--control-select-bg);
    background-repeat: no-repeat;
    background-position: var(--control-select-bg-position);
    background-size: var(--control-select-bg-size);
  }
  select.form-control[multiple],
  select.form-control[size]:not([size="1"]),
  .form-control-caret[multiple],
  .form-control-caret[size]:not([size="1"]) {
    padding-inline-end: var(--control-padding-x);
    background-image: none;
  }
  [data-bs-theme=dark] select.form-control,
  [data-bs-theme=dark] .form-control-caret {
    background-image: var(--control-select-bg-dark);
  }
  .form-control-sm {
    --control-min-height: var(--btn-input-sm-min-height);
    --control-padding-y: var(--btn-input-sm-padding-y);
    --control-padding-x: var(--btn-input-sm-padding-x);
    --control-font-size: var(--btn-input-sm-font-size);
    --control-line-height: var(--btn-input-sm-line-height);
    --control-border-radius: var(--btn-input-sm-border-radius);
  }
  .form-control-lg {
    --control-min-height: var(--btn-input-lg-min-height);
    --control-padding-y: var(--btn-input-lg-padding-y);
    --control-padding-x: var(--btn-input-lg-padding-x);
    --control-font-size: var(--btn-input-lg-font-size);
    --control-line-height: var(--btn-input-lg-line-height);
    --control-border-radius: var(--btn-input-lg-border-radius);
  }
  .form-control-color {
    width: var(--control-min-height);
    padding: var(--control-padding-y);
  }
  .form-control-color:not(:disabled, [readonly]) {
    cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: var(--radius-5);
  }
  .form-control-color::-webkit-color-swatch {
    border: 0 !important;
    border-radius: var(--radius-5);
  }
  .form-ghost {
    display: block;
    width: 100%;
    padding: 0;
    font: inherit;
    color: inherit;
    appearance: none;
    background: transparent;
    border: 0;
  }
  .form-ghost:focus {
    outline: 0;
  }
  .form-ghost::placeholder {
    color: var(--fg-3);
    opacity: 1;
  }
  .form-ghost:disabled {
    color: var(--fg-4);
    cursor: not-allowed;
  }
}
@layer forms {
  .check {
    --check-size: 1.25rem;
    --check-margin-block: 0.125rem;
    --check-bg: var(--bg-body);
    --check-border-color: var(--border-color);
    --check-border-radius: var(--radius-5);
    --check-icon-checked: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5.5 10 3 3 6-6'/%3e%3c/svg%3e");
    --check-icon-indeterminate: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e");
    --check-checked-bg: var(--control-checked-bg);
    --check-checked-border-color: var(--control-checked-border-color);
    --check-indeterminate-bg: var(--control-checked-bg);
    --check-indeterminate-border-color: var(--control-checked-border-color);
    --check-active-bg: var(--control-active-bg);
    --check-active-border-color: var(--control-active-border-color);
    --check-disabled-bg: var(--control-disabled-bg);
    --check-disabled-opacity: var(--control-disabled-opacity);
    position: relative;
    flex-shrink: 0;
    width: var(--check-size);
    height: var(--check-size);
    margin-block: var(--check-margin-block);
    appearance: none;
    background-color: var(--theme-bg, var(--check-bg));
    border: 1px solid var(--theme-bg, var(--check-border-color));
    border-radius: 33%;
  }
  @media (prefers-reduced-motion: no-preference) {
    .check {
      transition: background-color var(--control-transition-duration) var(--control-transition-timing), border-color var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .check::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    content: "";
    background-color: var(--theme-contrast, var(--primary-contrast));
    opacity: 0;
    transform: scale(0);
    mask-image: var(--check-icon-checked);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  @media (prefers-reduced-motion: no-preference) {
    .check::before {
      transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .check:checked,
  .check:indeterminate {
    background-color: var(--theme-bg, var(--check-checked-bg));
    border-color: var(--theme-bg, var(--check-checked-border-color));
  }
  .check:checked::before,
  .check:indeterminate::before {
    opacity: 1;
    transform: scale(1);
  }
  .check:indeterminate::before {
    mask-image: var(--check-icon-indeterminate);
  }
  .check:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: -1px;
  }
  .check:disabled {
    --check-bg: var(--check-disabled-bg);
  }
  .check:disabled ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .check:disabled:checked {
    opacity: var(--check-disabled-opacity);
  }
  .check-sm {
    --check-size: 1rem;
  }
  .check-sm + label {
    font-size: var(--font-size-sm);
  }
  .check-lg {
    --check-size: 1.5rem;
    --check-margin-block: .375rem;
  }
  .check-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .radio {
    --radio-size: 1.25rem;
    --radio-margin-block: 0.125rem;
    --radio-bg: var(--bg-body);
    --radio-border-color: var(--border-color);
    --radio-checked-bg: var(--control-checked-bg);
    --radio-checked-border-color: var(--control-checked-border-color);
    --radio-disabled-bg: var(--control-disabled-bg);
    --radio-disabled-opacity: var(--control-disabled-opacity);
    position: relative;
    flex-shrink: 0;
    width: var(--radio-size);
    height: var(--radio-size);
    margin-block: var(--radio-margin-block);
    appearance: none;
    background-color: var(--theme-bg, var(--radio-bg));
    border: 1px solid var(--theme-bg, var(--radio-border-color));
    border-radius: 50%;
  }
  @media (prefers-reduced-motion: no-preference) {
    .radio {
      transition:
        color var(--control-transition-duration) var(--control-transition-timing),
        background-color var(--control-transition-duration) var(--control-transition-timing),
        border-color var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .radio::before {
    position: absolute;
    inset: calc(var(--radio-size) * 0.25);
    content: "";
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0);
  }
  @media (prefers-reduced-motion: no-preference) {
    .radio::before {
      transition: opacity var(--control-transition-duration) var(--control-transition-timing), transform var(--control-transition-duration) var(--control-transition-timing);
    }
  }
  .radio:checked {
    color: var(--theme-contrast, var(--primary-contrast));
    background-color: var(--theme-bg, var(--radio-checked-bg));
    border-color: var(--theme-bg, var(--radio-checked-border-color));
  }
  .radio:checked::before {
    opacity: 1;
    transform: scale(1);
  }
  .radio:disabled {
    --radio-bg: var(--radio-disabled-bg);
  }
  .radio:disabled ~ label {
    color: var(--secondary-fg);
    cursor: default;
  }
  .radio:disabled:checked {
    opacity: var(--radio-disabled-opacity);
  }
  .radio:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .radio-sm {
    --radio-size: 1rem;
  }
  .radio-sm + label {
    font-size: var(--font-size-sm);
  }
  .radio-lg {
    --radio-size: 1.5rem;
    --radio-margin-block: .375rem;
  }
  .radio-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .switch {
    --switch-height: 1.25rem;
    --switch-width: calc(var(--switch-height) * 1.75);
    --switch-padding: 0.0625rem;
    --switch-margin-block: 0.125rem;
    --switch-transition-duration: var(--control-transition-duration);
    --switch-transition-timing: var(--control-transition-timing);
    --switch-bg: var(--bg-3);
    --switch-border-width: var(--border-width);
    --switch-border-color: var(--border-color);
    --switch-indicator-bg: var(--white);
    --switch-indicator-width: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);
    --switch-indicator-height: calc(var(--switch-height) - var(--switch-padding) * 2 - var(--switch-border-width) * 2);
    --switch-checked-bg: var(--control-checked-bg);
    --switch-checked-border-color: var(--switch-checked-bg);
    --switch-checked-indicator-bg: var(--white);
    --switch-disabled-bg: var(--control-disabled-bg);
    --switch-disabled-indicator-bg: var(--fg-3);
    position: relative;
    flex-shrink: 0;
    width: var(--switch-width);
    height: var(--switch-height);
    padding: var(--switch-padding);
    margin-block: var(--switch-margin-block);
    background-color: var(--switch-bg);
    border: var(--switch-border-width) solid var(--switch-border-color);
    border-radius: 10rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  @media (prefers-reduced-motion: no-preference) {
    .switch {
      transition: background-color var(--switch-transition-duration) var(--switch-transition-timing);
    }
  }
  .switch::before {
    position: absolute;
    inset-block: var(--switch-padding);
    inset-inline-start: var(--switch-padding);
    width: var(--switch-indicator-width);
    height: var(--switch-indicator-height);
    content: "";
    background-color: var(--theme-contrast, var(--switch-indicator-bg));
    border-radius: 10rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  @media (prefers-reduced-motion: no-preference) {
    .switch::before {
      transition: inset-inline-start var(--switch-transition-duration) var(--switch-transition-timing);
    }
  }
  .switch input {
    position: absolute;
    inset: 0;
    appearance: none;
    background-color: transparent;
    outline: 0;
  }
  .switch:focus-within {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .switch:has(input:disabled:not(:checked)) {
    --switch-bg: var(--switch-disabled-bg);
    --switch-indicator-bg: var(--switch-disabled-indicator-bg);
  }
  .switch:has(input:disabled:not(:checked))::before {
    opacity: 0.4;
  }
  .switch:has(input:disabled:not(:checked)) ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .switch:has(input:checked) {
    background-color: var(--theme-bg, var(--switch-checked-bg));
    border-color: var(--theme-bg, var(--switch-checked-border-color));
  }
  .switch:has(input:checked)::before {
    inset-inline-start: calc(100% - var(--switch-indicator-width) - var(--switch-padding));
  }
  .switch:has(input:checked:disabled) {
    opacity: 0.65;
  }
  .switch:has(input:checked:disabled) ~ label {
    color: var(--fg-3);
    cursor: default;
  }
  .switch-sm {
    --switch-height: 1rem;
  }
  .switch-sm + label {
    font-size: var(--font-size-sm);
  }
  .switch-lg {
    --switch-height: 1.5rem;
    --switch-margin-block: .375rem;
  }
  .switch-lg + label {
    font-size: var(--font-size-lg);
  }
}
@layer forms {
  .form-range {
    --range-track-width: 100%;
    --range-track-height: 0.5rem;
    --range-track-cursor: pointer;
    --range-track-bg: var(--bg-3);
    --range-track-border-radius: 1rem;
    --range-track-fill-bg: var(--theme-bg, var(--primary-base));
    --range-track-disabled-bg: color-mix(in oklch, var(--bg-4), var(--fg-3));
    --range-thumb-width: 1rem;
    --range-thumb-height: var(--range-thumb-width);
    --range-thumb-bg: var(--theme-bg, var(--primary-base));
    --range-thumb-border: var(--range-thumb-bg) solid var(--border-color);
    --range-thumb-border-radius: 1rem;
    --range-thumb-box-shadow: 0 1px 2px rgb(0 0 0 / 7.5%), 0 2px 4px rgb(0 0 0 / 7.5%);
    --range-thumb-active-bg: color-mix(in oklch, var(--theme-bg, var(--primary-base)) 70%, var(--bg-body));
    --range-thumb-disabled-bg: var(--fg-3);
    --range-thumb-transition-property:
      background-color,
      border-color,
      box-shadow;
    --range-thumb-transition-duration: 0.15s;
    --range-thumb-transition-timing: ease-in-out;
    --range-tick-width: var(--border-width);
    --range-tick-height: 0.5rem;
    --range-tick-bg: var(--border-color);
    position: relative;
    display: block;
    width: 100%;
  }
  .form-range-input {
    display: block;
    width: 100%;
    height: calc(var(--range-thumb-height) + var(--focus-ring-width) * 2);
    padding: 0;
    appearance: none;
    background-color: transparent;
  }
  .form-range-input:hover::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--theme-focus-ring, var(--primary-focus-ring)), transparent);
  }
  .form-range-input:hover::-moz-range-thumb {
    outline: var(--focus-ring-width) solid color-mix(in oklch, var(--theme-focus-ring, var(--primary-focus-ring)), transparent);
  }
  .form-range-input:focus-visible {
    outline: 0;
  }
  .form-range-input:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 0;
  }
  .form-range-input:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 0;
  }
  .form-range-input::-moz-focus-outer {
    border: 0;
  }
  .form-range-input::-webkit-slider-thumb {
    width: var(--range-thumb-width);
    height: var(--range-thumb-height);
    appearance: none;
    background-color: var(--range-thumb-bg);
    background-image: var(--gradient);
    border: var(--range-thumb-border);
    border-radius: var(--range-thumb-border-radius);
    box-shadow: var(--range-thumb-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-range-input::-webkit-slider-thumb {
      transition-timing-function: var(--range-thumb-transition-timing);
      transition-duration: var(--range-thumb-transition-duration);
      transition-property: var(--range-thumb-transition-property);
    }
  }
  .form-range-input::-webkit-slider-thumb:active {
    background-color: var(--range-thumb-active-bg);
    background-image: var(--gradient);
  }
  .form-range-input::-webkit-slider-thumb {
    margin-top: calc((var(--range-track-height) - var(--range-thumb-height)) * 0.5);
  }
  .form-range-input::-moz-range-thumb {
    width: var(--range-thumb-width);
    height: var(--range-thumb-height);
    appearance: none;
    background-color: var(--range-thumb-bg);
    background-image: var(--gradient);
    border: var(--range-thumb-border);
    border-radius: var(--range-thumb-border-radius);
    box-shadow: var(--range-thumb-box-shadow);
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-range-input::-moz-range-thumb {
      transition-timing-function: var(--range-thumb-transition-timing);
      transition-duration: var(--range-thumb-transition-duration);
      transition-property: var(--range-thumb-transition-property);
    }
  }
  .form-range-input::-moz-range-thumb:active {
    background-color: var(--range-thumb-active-bg);
    background-image: var(--gradient);
  }
  .form-range-input::-webkit-slider-runnable-track {
    width: var(--range-track-width);
    height: var(--range-track-height);
    color: transparent;
    cursor: var(--range-track-cursor);
    background-color: var(--range-track-bg);
    background-image:
      linear-gradient(
        to right,
        var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%),
        transparent calc(var(--range-fill, 0) * 100%));
    border-color: transparent;
    border-radius: var(--range-track-border-radius);
    box-shadow: var(--range-track-box-shadow);
  }
  .form-range-input::-moz-range-track {
    width: var(--range-track-width);
    height: var(--range-track-height);
    color: transparent;
    cursor: var(--range-track-cursor);
    background-color: var(--range-track-bg);
    background-image:
      linear-gradient(
        to right,
        var(--range-track-fill-bg) calc(var(--range-fill, 0) * 100%),
        transparent calc(var(--range-fill, 0) * 100%));
    border-color: transparent;
    border-radius: var(--range-track-border-radius);
    box-shadow: var(--range-track-box-shadow);
  }
  .form-range-input:disabled {
    pointer-events: none;
  }
  .form-range-input:disabled::-webkit-slider-thumb {
    background-color: var(--range-thumb-disabled-bg);
  }
  .form-range-input:disabled::-moz-range-thumb {
    background-color: var(--range-thumb-disabled-bg);
  }
  .form-range-input:disabled::-webkit-slider-runnable-track {
    --range-track-fill-bg: var(--range-track-disabled-bg);
  }
  .form-range-input:disabled::-moz-range-track {
    --range-track-fill-bg: var(--range-track-disabled-bg);
  }
  .form-range-bubble {
    position: absolute;
    bottom: 100%;
    left: calc(var(--range-thumb-width) * 0.5 + var(--range-fill, 0) * (100% - var(--range-thumb-width)));
    margin-bottom: var(--tooltip-arrow-height);
    pointer-events: none;
    transform: translateX(-50%);
  }
  .form-range-bubble .tooltip-arrow {
    position: absolute;
    bottom: calc(-1 * var(--tooltip-arrow-height));
    left: 50%;
    transform: translateX(-50%);
  }
  .form-range-ticks {
    display: grid;
    padding-inline: calc(var(--range-thumb-width) * 0.25);
  }
  .form-range-tick {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: start;
    width: 0;
  }
  .form-range-tick::before {
    width: var(--range-tick-width);
    height: var(--range-tick-height);
    content: "";
    background-color: var(--range-tick-bg);
  }
  .form-range-tick:first-child {
    align-items: flex-start;
  }
  .form-range-tick:last-child {
    align-items: flex-end;
  }
  .form-range-tick-label {
    margin-top: 0.125rem;
    font-size: var(--font-size-sm);
    color: var(--fg-2);
    white-space: nowrap;
  }
}
@layer forms {
  .form-floating {
    --form-floating-height: calc(3.75rem + var(--border-width) * 2);
    --form-floating-line-height: 1.25;
    --form-floating-padding-x: calc(var(--btn-input-padding-x) * 1.25);
    --form-floating-padding-y: 1rem;
    --form-floating-input-padding-t: 1.625rem;
    --form-floating-input-padding-b: 0.625rem;
    --form-floating-label-height: 1.5em;
    --form-floating-label-bg: var(--btn-input-bg);
    --form-floating-label-disabled-bg: var(--bg-2);
    --form-floating-label-opacity: 0.65;
    --form-floating-label-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    --form-floating-label-disabled-color: var(--fg-3);
    --form-floating-transition-property: opacity, transform;
    --form-floating-transition-duration: 0.1s;
    --form-floating-transition-timing: ease-in-out;
    position: relative;
  }
  .form-floating > label {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    max-width: 100%;
    height: 100%;
    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);
    overflow: hidden;
    color: color-mix(in oklch, var(--fg-body) var(--form-floating-label-opacity), transparent);
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--border-width) solid transparent;
    transform-origin: 0 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .form-floating > label {
      transition-timing-function: var(--form-floating-transition-timing);
      transition-duration: var(--form-floating-transition-duration);
      transition-property: var(--form-floating-transition-property);
    }
  }
  .form-floating > label:has(~ textarea) {
    align-items: flex-start;
  }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext {
    height: var(--form-floating-height);
    min-height: var(--form-floating-height);
    padding: var(--form-floating-padding-y) var(--form-floating-padding-x);
    line-height: var(--form-floating-line-height);
  }
  .form-floating > .form-control::placeholder,
  .form-floating > .form-control-plaintext::placeholder {
    color: transparent;
  }
  .form-floating > .form-control:focus::placeholder,
  .form-floating > .form-control-plaintext:focus::placeholder {
    color: var(--control-placeholder-color);
  }
  .form-floating > .form-control:focus,
  .form-floating > .form-control:not(:placeholder-shown),
  .form-floating > .form-control-plaintext:focus,
  .form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating > .form-control:-webkit-autofill,
  .form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating > .form-control[type=date],
  .form-floating > .form-control[type=month],
  .form-floating > .form-control[type=week],
  .form-floating > .form-control[type=time],
  .form-floating > .form-control[type=datetime-local],
  .form-floating > .form-control:is(select) {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating > label:has(~ .form-control:focus),
  .form-floating > label:has(~ .form-control:not(:placeholder-shown)),
  .form-floating > label:has(~ .form-control-plaintext),
  .form-floating > label:has(~ .form-control[type=date]),
  .form-floating > label:has(~ .form-control[type=month]),
  .form-floating > label:has(~ .form-control[type=week]),
  .form-floating > label:has(~ .form-control[type=time]),
  .form-floating > label:has(~ .form-control[type=datetime-local]),
  .form-floating > label:has(~ .form-control:is(select)) {
    transform: var(--form-floating-label-transform);
  }
  .form-floating > label:has(~ .form-control:-webkit-autofill) {
    transform: var(--form-floating-label-transform);
  }
  .form-floating > label:has(~ textarea:focus)::after,
  .form-floating > label:has(~ textarea:not(:placeholder-shown))::after {
    position: absolute;
    inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5);
    z-index: -1;
    height: var(--form-floating-label-height);
    content: "";
    background-color: var(--form-floating-label-bg);
    border-radius: var(--btn-input-border-radius);
  }
  .form-floating > label:has(~ textarea:disabled)::after {
    background-color: var(--form-floating-label-disabled-bg);
  }
  .form-floating > label:has(~ .form-control-plaintext) {
    border-width: var(--control-border-width) 0;
  }
  .form-floating > label:has(~ :disabled),
  .form-floating > label:has(~ .form-control:disabled) {
    color: var(--form-floating-label-disabled-color);
  }
  .form-floating-always.form-floating > .form-control,
  .form-floating-always .form-floating > .form-control {
    padding-top: var(--form-floating-input-padding-t);
    padding-bottom: var(--form-floating-input-padding-b);
  }
  .form-floating-always.form-floating > .form-control::placeholder,
  .form-floating-always.form-floating > .form-control:focus::placeholder,
  .form-floating-always .form-floating > .form-control::placeholder,
  .form-floating-always .form-floating > .form-control:focus::placeholder {
    color: var(--control-placeholder-color);
  }
  .form-floating-always.form-floating > label,
  .form-floating-always .form-floating > label {
    transform: var(--form-floating-label-transform);
  }
  .form-floating-always.form-floating > label:has(~ textarea)::after,
  .form-floating-always .form-floating > label:has(~ textarea)::after {
    position: absolute;
    inset: var(--form-floating-padding-y) calc(var(--form-floating-padding-x) * 0.5);
    z-index: -1;
    height: var(--form-floating-label-height);
    content: "";
    background-color: var(--form-floating-label-bg);
    border-radius: var(--btn-input-border-radius);
  }
  .form-floating-always.form-floating > label:has(~ textarea:disabled)::after,
  .form-floating-always .form-floating > label:has(~ textarea:disabled)::after {
    background-color: var(--form-floating-label-disabled-bg);
  }
}
@layer components {
  .input-group {
    --input-group-addon-padding-y: var(--btn-input-padding-y);
    --input-group-addon-padding-x: var(--btn-input-padding-x);
    --input-group-addon-font-size: var(--btn-input-font-size);
    --input-group-addon-line-height: var(--btn-input-line-height);
    --input-group-addon-color: var(--fg-body);
    --input-group-addon-bg: var(--bg-2);
    --input-group-addon-border-color: var(--border-color);
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .input-group > .form-control,
  .input-group > .form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
  }
  .input-group > .form-control:focus,
  .input-group > .form-floating:focus-within {
    z-index: 5;
  }
  .input-group > .input-group-btn {
    position: relative;
    z-index: 2;
  }
  .input-group > .input-group-btn:focus {
    z-index: 5;
  }
  .input-group-text {
    display: flex;
    align-items: center;
    padding: var(--input-group-addon-padding-y) var(--input-group-addon-padding-x);
    font-size: var(--input-group-addon-font-size);
    line-height: var(--input-group-addon-line-height);
    color: var(--input-group-addon-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--input-group-addon-bg);
    border: var(--border-width) solid var(--input-group-addon-border-color);
    border-radius: var(--btn-input-border-radius);
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-text,
  .input-group-sm > .btn {
    min-height: var(--btn-input-sm-min-height);
    padding: var(--btn-input-sm-padding-y) var(--btn-input-sm-padding-x);
    font-size: var(--btn-input-sm-font-size);
    border-radius: var(--btn-input-sm-border-radius);
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-text,
  .input-group-lg > .btn {
    min-height: var(--btn-input-lg-min-height);
    padding: var(--btn-input-lg-padding-y) var(--btn-input-lg-padding-x);
    font-size: var(--btn-input-lg-font-size);
    border-radius: var(--btn-input-lg-border-radius);
  }
  .input-group > :not(:last-child, .menu-toggle-split, .menu, .input-group-ignore, .form-floating, :has(+ :is(.menu, .input-group-ignore):last-child)),
  .input-group > .menu-toggle-split:nth-last-child(n+3),
  .input-group > .form-floating:not(:last-child) > .form-control {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .input-group > :not(:first-child, .menu, .input-group-ignore) {
    margin-inline-start: calc(-1 * var(--border-width));
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .input-group > :first-child:is(.input-group-ignore) + :not(.menu, .input-group-ignore) {
    border-start-start-radius: var(--btn-input-border-radius);
    border-end-start-radius: var(--btn-input-border-radius);
  }
  .input-group > .form-floating:not(:first-child) > .form-control {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
}
@layer forms {
  .strength {
    --strength-height: 0.375rem;
    --strength-gap: 0.25rem;
    --strength-margin-top: 0.25rem;
    --strength-border-radius: var(--radius-pill);
    --strength-bg: var(--bg-2);
    --strength-color: var(--bg-2);
    --strength-weak-color: var(--danger-bg);
    --strength-fair-color: var(--warning-bg);
    --strength-good-color: var(--info-bg);
    --strength-strong-color: var(--success-bg);
    display: flex;
    gap: var(--strength-gap);
    width: 100%;
    margin-top: var(--strength-margin-top);
  }
  .strength-segment {
    flex: 1;
    height: var(--strength-height);
    background-color: var(--strength-bg);
    border-radius: var(--strength-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-segment {
      transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
    }
  }
  .strength-segment.active {
    background-color: var(--strength-color);
  }
  .strength[data-bs-strength=weak] {
    --strength-color: var(--strength-weak-color);
  }
  .strength[data-bs-strength=fair] {
    --strength-color: var(--strength-fair-color);
  }
  .strength[data-bs-strength=good] {
    --strength-color: var(--strength-good-color);
  }
  .strength[data-bs-strength=strong] {
    --strength-color: var(--strength-strong-color);
  }
  .strength-text {
    display: block;
    margin-top: var(--strength-margin-top);
    font-size: var(--font-size-xs);
    color: var(--strength-color, var(--fg-3));
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-text {
      transition: color 0.2s ease-in-out;
    }
  }
  .strength-text:empty {
    display: none;
  }
  .strength-bar {
    --strength-height: 0.375rem;
    --strength-gap: 0.25rem;
    --strength-margin-top: 0.25rem;
    --strength-border-radius: var(--radius-pill);
    --strength-bg: var(--bg-2);
    --strength-color: var(--bg-2);
    --strength-weak-color: var(--danger-bg);
    --strength-fair-color: var(--warning-bg);
    --strength-good-color: var(--info-bg);
    --strength-strong-color: var(--success-bg);
    --strength-color: transparent;
    --strength-width: 0%;
    width: 100%;
    height: var(--strength-height);
    margin-top: var(--strength-margin-top);
    overflow: hidden;
    background-color: var(--strength-bg);
    border-radius: var(--strength-border-radius);
  }
  .strength-bar::after {
    display: block;
    width: var(--strength-width);
    height: 100%;
    content: "";
    background-color: var(--strength-color);
    border-radius: var(--strength-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .strength-bar::after {
      transition: background-color 0.2s ease-in-out, width 0.3s ease-in-out;
    }
  }
  .strength-bar[data-bs-strength=weak] {
    --strength-color: var(--strength-weak-color);
    --strength-width: 25%;
  }
  .strength-bar[data-bs-strength=fair] {
    --strength-color: var(--strength-fair-color);
    --strength-width: 50%;
  }
  .strength-bar[data-bs-strength=good] {
    --strength-color: var(--strength-good-color);
    --strength-width: 75%;
  }
  .strength-bar[data-bs-strength=strong] {
    --strength-color: var(--strength-strong-color);
    --strength-width: 100%;
  }
}
@layer components {
  .otp {
    --otp-size: var(--btn-input-lg-min-height);
    --otp-font-size: var(--btn-input-font-size);
    --otp-gap: 0.5rem;
    --otp-slot-fg: var(--btn-input-fg);
    --otp-slot-bg: var(--btn-input-bg);
    --otp-slot-border-width: var(--border-width);
    --otp-slot-border-color: var(--border-color);
    --otp-slot-border-radius: var(--radius-5);
    position: relative;
    display: flex;
  }
  .otp-rendered .otp-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    color: transparent;
    pointer-events: auto;
    cursor: default;
    caret-color: transparent;
    background-color: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
  }
  .otp-rendered .otp-input::selection {
    color: transparent;
    background-color: transparent;
  }
  .otp-slots {
    display: inline-flex;
    gap: var(--otp-gap);
    pointer-events: none;
  }
  .otp-slot {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--otp-size);
    min-height: var(--otp-size);
    font-size: var(--otp-font-size);
    font-weight: 500;
    line-height: 1;
    color: var(--otp-slot-fg);
    user-select: none;
    background-color: var(--otp-slot-bg);
    border: var(--otp-slot-border-width) solid var(--otp-slot-border-color);
    border-radius: var(--otp-slot-border-radius);
    box-shadow: var(--box-shadow-inset);
  }
  @media (prefers-reduced-motion: no-preference) {
    .otp-slot {
      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
  }
  .otp-slot-active {
    --focus-ring-offset: -1px;
    z-index: 1;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .otp-slot-active:not(.otp-slot-filled)::after {
    width: 1px;
    height: 50%;
    content: "";
    background-color: var(--otp-slot-fg);
    animation: otp-caret-blink 1s step-end infinite;
  }
  .otp-input:disabled ~ .otp-slots .otp-slot {
    background-color: var(--bg-2);
  }
  .otp-connected .otp-slots {
    gap: 0;
  }
  .otp-connected .otp-slot {
    border-radius: 0;
  }
  .otp-connected .otp-slot:not(:first-child) {
    margin-inline-start: calc(var(--otp-slot-border-width) * -1);
  }
  .otp-connected .otp-slot:first-child {
    border-start-start-radius: var(--otp-slot-border-radius);
    border-end-start-radius: var(--otp-slot-border-radius);
  }
  .otp-connected .otp-slot:last-child {
    border-start-end-radius: var(--otp-slot-border-radius);
    border-end-end-radius: var(--otp-slot-border-radius);
  }
  .otp-separator {
    display: flex;
    align-items: center;
    padding-inline: var(--otp-gap);
    font-size: var(--otp-font-size);
    color: var(--fg-4);
    user-select: none;
  }
  .otp-sm {
    --otp-size: var(--btn-input-sm-min-height);
    --otp-font-size: var(--btn-input-sm-font-size);
  }
  .otp-lg {
    --otp-size: var(--btn-input-lg-min-height);
    --otp-font-size: var(--btn-input-lg-font-size);
  }
}
@keyframes otp-caret-blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@layer forms {
  .form-adorn {
    --form-adorn-gap: 0.375rem;
    --form-adorn-icon-size: 1rem;
    --form-adorn-icon-color: var(--fg-2);
    gap: var(--form-adorn-gap);
    align-items: center;
    cursor: text;
  }
  .form-adorn:focus-visible {
    outline: 0;
  }
  .form-adorn > .form-ghost {
    flex: 1;
    min-width: 0;
  }
  .form-adorn.form-adorn-end > .form-ghost {
    order: -1;
  }
  .form-adorn-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: var(--form-adorn-icon-color);
    pointer-events: none;
  }
  .form-adorn-icon > svg {
    width: var(--form-adorn-icon-size);
    height: var(--form-adorn-icon-size);
  }
  .form-adorn-text {
    flex-shrink: 0;
    color: var(--form-adorn-icon-color);
    pointer-events: none;
    user-select: none;
  }
}
@layer forms {
  .chip-input {
    --chip-input-padding-y: 0.75rem;
    --chip-input-padding-x: 0.75rem;
    --chip-input-gap: 0.375rem;
    --chip-input-ghost-min-width: 5rem;
    --control-fg: var(--btn-input-fg);
    --control-bg: var(--btn-input-bg);
    --control-border-width: var(--border-width);
    --control-border-color: var(--border-color);
    --control-border-radius: var(--radius-5);
    display: flex;
    flex-wrap: wrap;
    gap: var(--chip-input-gap);
    align-items: center;
    padding: var(--chip-input-padding-y) var(--chip-input-padding-x);
    color: var(--control-fg);
    background-color: var(--control-bg);
    border: var(--control-border-width) solid var(--control-border-color);
    border-radius: var(--control-border-radius);
  }
  .chip-input:focus-within {
    --focus-ring-offset: -1px;
    border-color: var(--focus-ring-color);
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .chip-input > .form-ghost {
    flex: 1 1 0;
    min-width: var(--chip-input-ghost-min-width);
    min-height: 1.75rem;
  }
  .chip-input.disabled,
  .chip-input:has(.form-ghost:disabled) {
    cursor: not-allowed;
    background-color: var(--bg-2);
    opacity: 1;
  }
  .chip-input.disabled:focus-within,
  .chip-input:has(.form-ghost:disabled):focus-within {
    border-color: var(--control-border-color);
    outline: 0;
  }
  .chip-input.disabled > .chip,
  .chip-input:has(.form-ghost:disabled) > .chip {
    pointer-events: none;
    opacity: var(--control-disabled-opacity);
  }
}
@layer components {
  .combobox-toggle {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-inline-end: var(--control-padding-x);
    text-align: start;
    cursor: pointer;
  }
  .combobox-toggle.show {
    background-color: var(--bg-1);
  }
  .combobox-toggle:disabled,
  .combobox-toggle.disabled {
    cursor: not-allowed;
    opacity: 0.65;
  }
  .combobox-value {
    display: flex;
    flex: 1;
    gap: 0.5rem;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .combobox-placeholder {
    color: color-mix(in oklch, currentcolor 65%, transparent);
  }
  .combobox-caret {
    flex-shrink: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .combobox-caret {
      transition: transform 0.2s ease-in-out;
    }
  }
  .show > .combobox-caret {
    transform: rotate(180deg);
  }
  .combobox-toggle + .menu {
    --menu-max-height: 300px;
    --menu-overflow-y: auto;
  }
  .combobox-search {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: var(--menu-padding-x, 0.25rem);
    background-color: var(--menu-bg, var(--bg-body));
  }
  .combobox-search-input {
    width: 100%;
  }
  .combobox-no-results {
    padding: 1rem;
    font-size: var(--font-size-sm);
    color: var(--fg-3);
    text-align: center;
  }
}
@layer forms {
  .form-field {
    position: relative;
    display: grid;
    gap: 0.5rem;
  }
  .form-field > label,
  .form-field > .form-label {
    justify-self: start;
    margin-bottom: 0;
  }
  .form-field:has(> .check, > .radio, > .switch) {
    grid-template-columns: auto 1fr;
    column-gap: 0.5rem;
    align-items: start;
  }
  .form-field:has(> .check, > .radio, > .switch) > .check,
  .form-field:has(> .check, > .radio, > .switch) > .radio,
  .form-field:has(> .check, > .radio, > .switch) > .switch {
    grid-column: 1;
  }
  .form-field:has(> .check, > .radio, > .switch) > :not(.check, .radio, .switch) {
    grid-column: 2;
  }
  .form-field:has(> .check, > .radio, > .switch) > .form-label {
    grid-column: 1/-1;
  }
  .form-field-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .form-field-card {
    position: relative;
    padding: calc(var(--spacer) * 0.75);
    cursor: pointer;
    border: var(--border-width) solid transparent;
    border-radius: var(--radius-7);
  }
  .form-field-card:hover {
    background-color: var(--bg-1);
  }
  .form-field-card:has(:checked) {
    background-color: var(--bg-1);
    border-color: var(--border-color);
  }
  .form-field-card label::before {
    position: absolute;
    inset: 0;
    content: "";
  }
  .form-group {
    display: grid;
    gap: 0.5rem;
  }
  .form-group > label,
  .form-group > .form-label,
  .form-group > legend {
    justify-self: start;
    margin-bottom: 0;
  }
}
@layer components {
  .valid-feedback {
    display: none;
    width: 100%;
    font-size: var(--font-size-sm);
    color: var(--success-fg);
  }
  .tooltip.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    margin-top: 0.1rem;
    color: var(--success-contrast);
    text-align: center;
    background-color: var(--success-bg);
    opacity: 1;
    border-radius: var(--tooltip-border-radius);
  }
  .is-valid ~ .valid-feedback,
  .is-valid ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] :user-valid ~ .valid-feedback,
  [data-bs-validate~=valid] :user-valid ~ .valid-tooltip {
    display: block;
  }
  .form-control.is-valid {
    --control-border-color: var(--success-border);
  }
  .form-control.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-control:user-valid {
    --control-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-control:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--success-border);
  }
  .check.is-valid {
    --check-border-color: var(--success-border);
    --check-checked-bg: var(--success-bg);
    --check-checked-border-color: var(--success-bg);
  }
  .check.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .check:user-valid {
    --check-border-color: var(--success-border);
    --check-checked-bg: var(--success-bg);
    --check-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .check:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.check.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.check.is-valid) .valid-feedback,
  .form-field:has(.check.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.check:user-valid) .valid-tooltip {
    display: block;
  }
  .radio.is-valid {
    --radio-border-color: var(--success-border);
    --radio-checked-bg: var(--success-bg);
    --radio-checked-border-color: var(--success-bg);
  }
  .radio.is-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .radio:user-valid {
    --radio-border-color: var(--success-border);
    --radio-checked-bg: var(--success-bg);
    --radio-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .radio:user-valid:focus-visible {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.radio.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.radio.is-valid) .valid-feedback,
  .form-field:has(.radio.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.radio:user-valid) .valid-tooltip {
    display: block;
  }
  .switch:has(input.is-valid) {
    --switch-border-color: var(--success-border);
    --switch-checked-bg: var(--success-bg);
    --switch-checked-border-color: var(--success-bg);
  }
  .switch:has(input.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .switch:has(input:user-valid) {
    --switch-border-color: var(--success-border);
    --switch-checked-bg: var(--success-bg);
    --switch-checked-border-color: var(--success-bg);
  }
  [data-bs-validate~=valid] .switch:has(input:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.switch input.is-valid) label {
    color: var(--success-fg);
  }
  .form-field:has(.switch input.is-valid) .valid-feedback,
  .form-field:has(.switch input.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) label {
    color: var(--success-fg);
  }
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.switch input:user-valid) .valid-tooltip {
    display: block;
  }
  .chip-input:has(.form-ghost.is-valid) {
    border-color: var(--success-border);
  }
  .chip-input:has(.form-ghost.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  .chip-input:has(.form-ghost.is-valid) ~ .valid-feedback,
  .chip-input:has(.form-ghost.is-valid) ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) {
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-feedback,
  [data-bs-validate~=valid] .chip-input:has(.form-ghost:user-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-adorn:has(.form-ghost.is-valid) {
    border-color: var(--success-border);
  }
  .form-adorn:has(.form-ghost.is-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  .form-adorn:has(.form-ghost.is-valid) ~ .valid-feedback,
  .form-adorn:has(.form-ghost.is-valid) ~ .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) {
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid):focus-within {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-feedback,
  [data-bs-validate~=valid] .form-adorn:has(.form-ghost:user-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-range-input.is-valid::-webkit-slider-thumb {
    background: var(--success-bg);
  }
  .form-range-input.is-valid::-moz-range-thumb {
    background: var(--success-bg);
  }
  .form-range-input.is-valid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range-input.is-valid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid::-webkit-slider-thumb {
    background: var(--success-bg);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid::-moz-range-thumb {
    background: var(--success-bg);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .form-range-input:user-valid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range:has(.form-range-input.is-valid) ~ .valid-feedback,
  .form-range:has(.form-range-input.is-valid) ~ .valid-tooltip {
    display: block;
  }
  .form-field:has(.input-group .form-control.is-valid) .valid-feedback,
  .form-field:has(.input-group .form-control.is-valid) .valid-tooltip {
    display: block;
  }
  [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-feedback,
  [data-bs-validate~=valid] .form-field:has(.input-group .form-control:user-valid) .valid-tooltip {
    display: block;
  }
  .input-group > .form-control:not(:focus).is-valid,
  .input-group > .form-floating:not(:focus-within).is-valid {
    z-index: 3;
  }
  [data-bs-validate~=valid] .input-group > .form-control:not(:focus),
  .input-group > .form-floating:not(:focus-within):user-valid {
    z-index: 3;
  }
  .otp.is-valid .otp-slot {
    --otp-slot-border-color: var(--success-border);
  }
  .otp.is-valid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate~=valid] .otp:user-valid .otp-slot {
    --otp-slot-border-color: var(--success-border);
  }
  [data-bs-validate~=valid] .otp:user-valid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--success-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .invalid-feedback {
    display: none;
    width: 100%;
    font-size: var(--font-size-sm);
    color: var(--danger-fg);
  }
  .tooltip.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    margin-top: 0.1rem;
    color: var(--danger-contrast);
    text-align: center;
    background-color: var(--danger-bg);
    opacity: 1;
    border-radius: var(--tooltip-border-radius);
  }
  .is-invalid ~ .invalid-feedback,
  .is-invalid ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] :user-invalid ~ .invalid-feedback,
  [data-bs-validate] :user-invalid ~ .invalid-tooltip {
    display: block;
  }
  .form-control.is-invalid {
    --control-border-color: var(--danger-border);
  }
  .form-control.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--danger-border);
  }
  [data-bs-validate] .form-control:user-invalid {
    --control-border-color: var(--danger-border);
  }
  [data-bs-validate] .form-control:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    --control-border-color: var(--danger-border);
  }
  .check.is-invalid {
    --check-border-color: var(--danger-border);
    --check-checked-bg: var(--danger-bg);
    --check-checked-border-color: var(--danger-bg);
  }
  .check.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .check:user-invalid {
    --check-border-color: var(--danger-border);
    --check-checked-bg: var(--danger-bg);
    --check-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .check:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.check.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.check.is-invalid) .invalid-feedback,
  .form-field:has(.check.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.check:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.check:user-invalid) .invalid-tooltip {
    display: block;
  }
  .radio.is-invalid {
    --radio-border-color: var(--danger-border);
    --radio-checked-bg: var(--danger-bg);
    --radio-checked-border-color: var(--danger-bg);
  }
  .radio.is-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .radio:user-invalid {
    --radio-border-color: var(--danger-border);
    --radio-checked-bg: var(--danger-bg);
    --radio-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .radio:user-invalid:focus-visible {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.radio.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.radio.is-invalid) .invalid-feedback,
  .form-field:has(.radio.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.radio:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.radio:user-invalid) .invalid-tooltip {
    display: block;
  }
  .switch:has(input.is-invalid) {
    --switch-border-color: var(--danger-border);
    --switch-checked-bg: var(--danger-bg);
    --switch-checked-border-color: var(--danger-bg);
  }
  .switch:has(input.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .switch:has(input:user-invalid) {
    --switch-border-color: var(--danger-border);
    --switch-checked-bg: var(--danger-bg);
    --switch-checked-border-color: var(--danger-bg);
  }
  [data-bs-validate] .switch:has(input:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-field:has(.switch input.is-invalid) label {
    color: var(--danger-fg);
  }
  .form-field:has(.switch input.is-invalid) .invalid-feedback,
  .form-field:has(.switch input.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.switch input:user-invalid) label {
    color: var(--danger-fg);
  }
  [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.switch input:user-invalid) .invalid-tooltip {
    display: block;
  }
  .chip-input:has(.form-ghost.is-invalid) {
    border-color: var(--danger-border);
  }
  .chip-input:has(.form-ghost.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  .chip-input:has(.form-ghost.is-invalid) ~ .invalid-feedback,
  .chip-input:has(.form-ghost.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) {
    border-color: var(--danger-border);
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-feedback,
  [data-bs-validate] .chip-input:has(.form-ghost:user-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-adorn:has(.form-ghost.is-invalid) {
    border-color: var(--danger-border);
  }
  .form-adorn:has(.form-ghost.is-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-feedback,
  .form-adorn:has(.form-ghost.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) {
    border-color: var(--danger-border);
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid):focus-within {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
    border-color: var(--danger-border);
  }
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-feedback,
  [data-bs-validate] .form-adorn:has(.form-ghost:user-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-range-input.is-invalid::-webkit-slider-thumb {
    background: var(--danger-bg);
  }
  .form-range-input.is-invalid::-moz-range-thumb {
    background: var(--danger-bg);
  }
  .form-range-input.is-invalid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range-input.is-invalid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .form-range-input:user-invalid::-webkit-slider-thumb {
    background: var(--danger-bg);
  }
  [data-bs-validate] .form-range-input:user-invalid::-moz-range-thumb {
    background: var(--danger-bg);
  }
  [data-bs-validate] .form-range-input:user-invalid:focus-visible::-webkit-slider-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .form-range-input:user-invalid:focus-visible::-moz-range-thumb {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .form-range:has(.form-range-input.is-invalid) ~ .invalid-feedback,
  .form-range:has(.form-range-input.is-invalid) ~ .invalid-tooltip {
    display: block;
  }
  .form-field:has(.input-group .form-control.is-invalid) .invalid-feedback,
  .form-field:has(.input-group .form-control.is-invalid) .invalid-tooltip {
    display: block;
  }
  [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-feedback,
  [data-bs-validate] .form-field:has(.input-group .form-control:user-invalid) .invalid-tooltip {
    display: block;
  }
  .input-group > .form-control:not(:focus).is-invalid,
  .input-group > .form-floating:not(:focus-within).is-invalid {
    z-index: 4;
  }
  [data-bs-validate] .input-group > .form-control:not(:focus),
  .input-group > .form-floating:not(:focus-within):user-invalid {
    z-index: 4;
  }
  .otp.is-invalid .otp-slot {
    --otp-slot-border-color: var(--danger-border);
  }
  .otp.is-invalid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  [data-bs-validate] .otp:user-invalid .otp-slot {
    --otp-slot-border-color: var(--danger-border);
  }
  [data-bs-validate] .otp:user-invalid .otp-slot-active {
    outline: var(--focus-ring-width) solid var(--danger-focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
}
@layer components {
  .btn,
  .btn-link,
  .btn-icon,
  .btn-solid,
  .btn-outline,
  .btn-subtle,
  .btn-text {
    --btn-gap: var(--btn-input-gap);
    --btn-min-height: var(--btn-input-min-height);
    --btn-padding-x: var(--btn-input-padding-x);
    --btn-padding-y: var(--btn-input-padding-y);
    --btn-font-size: var(--btn-input-font-size);
    --btn-font-weight: var(--btn-input-font-weight);
    --btn-line-height: var(--btn-input-line-height);
    --btn-color: var(--fg-body);
    --btn-white-space: nowrap;
    --btn-border-width: var(--border-width);
    --btn-border-color: transparent;
    --btn-border-radius: var(--radius-5);
    --btn-hover-border-color: transparent;
    --btn-disabled-opacity: 0.65;
    --btn-transition-property:
      color,
      background-color,
      border-color,
      box-shadow;
    --btn-transition-duration: 0.15s;
    --btn-transition-timing: ease-in-out;
    display: inline-flex;
    gap: var(--btn-gap);
    align-items: center;
    justify-content: center;
    min-height: var(--btn-min-height);
    padding: var(--btn-padding-y) var(--btn-padding-x);
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    line-height: var(--btn-line-height);
    color: var(--btn-color);
    text-decoration: none;
    white-space: var(--btn-white-space);
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: var(--btn-bg, var(--bg-2));
    border: var(--btn-border-width) solid var(--btn-border-color);
    border-radius: var(--btn-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .btn,
    .btn-link,
    .btn-icon,
    .btn-solid,
    .btn-outline,
    .btn-subtle,
    .btn-text {
      transition-timing-function: var(--btn-transition-timing);
      transition-duration: var(--btn-transition-duration);
      transition-property: var(--btn-transition-property);
    }
  }
  .btn:hover,
  .btn-link:hover,
  .btn-icon:hover,
  .btn-solid:hover,
  .btn-outline:hover,
  .btn-subtle:hover,
  .btn-text:hover {
    color: var(--btn-hover-color);
    background-color: var(--btn-hover-bg, var(--bg-3));
    border-color: var(--btn-hover-border-color);
  }
  .btn:focus-visible,
  .btn-link:focus-visible,
  .btn-icon:focus-visible,
  .btn-solid:focus-visible,
  .btn-outline:focus-visible,
  .btn-subtle:focus-visible,
  .btn-text:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 1px;
  }
  .btn.active,
  .btn.show,
  .btn-link.active,
  .btn-link.show,
  .btn-icon.active,
  .btn-icon.show,
  .btn-solid.active,
  .btn-solid.show,
  .btn-outline.active,
  .btn-outline.show,
  .btn-subtle.active,
  .btn-subtle.show,
  .btn-text.active,
  .btn-text.show {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg, var(--bg-3));
    border-color: var(--btn-active-border-color);
  }
  .btn.active:focus-visible,
  .btn.show:focus-visible,
  .btn-link.active:focus-visible,
  .btn-link.show:focus-visible,
  .btn-icon.active:focus-visible,
  .btn-icon.show:focus-visible,
  .btn-solid.active:focus-visible,
  .btn-solid.show:focus-visible,
  .btn-outline.active:focus-visible,
  .btn-outline.show:focus-visible,
  .btn-subtle.active:focus-visible,
  .btn-subtle.show:focus-visible,
  .btn-text.active:focus-visible,
  .btn-text.show:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .btn:disabled,
  .btn.disabled,
  fieldset:disabled .btn,
  .btn-link:disabled,
  .btn-link.disabled,
  fieldset:disabled .btn-link,
  .btn-icon:disabled,
  .btn-icon.disabled,
  fieldset:disabled .btn-icon,
  .btn-solid:disabled,
  .btn-solid.disabled,
  fieldset:disabled .btn-solid,
  .btn-outline:disabled,
  .btn-outline.disabled,
  fieldset:disabled .btn-outline,
  .btn-subtle:disabled,
  .btn-subtle.disabled,
  fieldset:disabled .btn-subtle,
  .btn-text:disabled,
  .btn-text.disabled,
  fieldset:disabled .btn-text {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg, var(--bg-1));
    background-image: none;
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity);
  }
  .btn-solid {
    --btn-bg: var(--theme-bg);
    --btn-color: var(--theme-contrast);
    --btn-border-color: var(--theme-bg);
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: var(--theme-bg);
    --btn-disabled-color: var(--theme-contrast);
    --btn-disabled-border-color: var(--theme-bg);
  }
  .btn-solid:hover {
    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-solid:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-solid:active,
  .btn-solid.active,
  .btn-solid.btn-check:has(input:checked) {
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-solid:disabled,
  .btn-solid.disabled,
  .btn-solid.btn-check:has(input:disabled) {
    --btn-disabled-bg: var(--theme-bg);
    --btn-disabled-color: var(--theme-contrast);
    --btn-disabled-border-color: var(--theme-bg);
  }
  .btn-outline {
    --btn-bg: transparent;
    --btn-color: var(--theme-fg);
    --btn-border-color: var(--theme-border);
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: transparent;
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: var(--theme-border);
  }
  .btn-outline:hover {
    --btn-hover-bg: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-color: oklch(from var(--theme-contrast) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-border-color: oklch(from var(--theme-bg) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-outline:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-outline:active,
  .btn-outline.active,
  .btn-outline.btn-check:has(input:checked) {
    --btn-active-bg: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-color: oklch(from var(--theme-contrast) calc(l * .9) calc(c * 1.15) h);
    --btn-active-border-color: oklch(from var(--theme-bg) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-outline:disabled,
  .btn-outline.disabled,
  .btn-outline.btn-check:has(input:disabled) {
    --btn-disabled-bg: transparent;
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: var(--theme-border);
  }
  .btn-subtle {
    --btn-bg: var(--theme-bg-subtle);
    --btn-color: var(--theme-fg);
    --btn-border-color: transparent;
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h);
    --btn-disabled-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: transparent;
  }
  .btn-subtle:hover {
    --btn-hover-bg: color-mix(in oklch, var(--theme-bg-muted) 50%, var(--theme-bg-subtle));
    --btn-hover-color: oklch(from var(--theme-fg-emphasis) calc(l * .95) calc(c * 1.1) h);
  }
  .btn-subtle:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-subtle:active,
  .btn-subtle.active,
  .btn-subtle.btn-check:has(input:checked) {
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-active-color: oklch(from var(--theme-fg-emphasis) calc(l * .9) calc(c * 1.15) h);
  }
  .btn-subtle:disabled,
  .btn-subtle.disabled,
  .btn-subtle.btn-check:has(input:disabled) {
    --btn-disabled-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-border-color: transparent;
  }
  .btn-text {
    --btn-color: var(--theme-fg);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-bg: var(--theme-bg-subtle);
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: transparent;
  }
  .btn-text:hover {
    --btn-hover-color: oklch(from var(--theme-fg) calc(l * .95) calc(c * 1.1) h);
    --btn-hover-bg: var(--theme-bg-subtle);
  }
  .btn-text:focus-visible {
    outline-color: var(--theme-focus-ring);
  }
  .btn-text:active,
  .btn-text.active,
  .btn-text.btn-check:has(input:checked) {
    --btn-active-color: oklch(from var(--theme-fg) calc(l * .9) calc(c * 1.15) h);
    --btn-active-bg: var(--theme-bg-subtle);
  }
  .btn-text:disabled,
  .btn-text.disabled,
  .btn-text.btn-check:has(input:disabled) {
    --btn-disabled-color: var(--theme-fg);
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: transparent;
  }
  .btn-link {
    --btn-font-weight: var(--font-weight-normal);
    --btn-color: var(--link-color);
    --btn-bg: transparent;
    --btn-border-color: transparent;
    --btn-hover-color: var(--link-hover-color);
    --btn-hover-bg: transparent;
    --btn-hover-border-color: transparent;
    --btn-active-color: var(--link-hover-color);
    --btn-active-bg: transparent;
    --btn-active-border-color: transparent;
    --btn-disabled-color: var(--fg-3);
    --btn-disabled-border-color: transparent;
    color: var(--theme-fg, var(--btn-color));
    text-decoration: var(--link-decoration);
    background-image: none;
  }
  .btn-link:focus-visible {
    color: var(--theme-fg, var(--btn-color));
  }
  .btn-link:hover {
    color: var(--theme-fg-emphasis, var(--btn-hover-color));
  }
  .btn-xs,
  .btn-group-xs > [class*=btn-] {
    --btn-gap: var(--btn-input-xs-gap);
    --btn-min-height: var(--btn-input-xs-min-height);
    --btn-padding-y: var(--btn-input-xs-padding-y);
    --btn-padding-x: var(--btn-input-xs-padding-x);
    --btn-font-size: var(--btn-input-xs-font-size);
    --btn-line-height: var(--btn-input-xs-line-height);
    --btn-border-radius: var(--btn-input-xs-border-radius);
  }
  .btn-sm,
  .btn-group-sm > [class*=btn-] {
    --btn-gap: var(--btn-input-sm-gap);
    --btn-min-height: var(--btn-input-sm-min-height);
    --btn-padding-y: var(--btn-input-sm-padding-y);
    --btn-padding-x: var(--btn-input-sm-padding-x);
    --btn-font-size: var(--btn-input-sm-font-size);
    --btn-line-height: var(--btn-input-sm-line-height);
    --btn-border-radius: var(--btn-input-sm-border-radius);
  }
  .btn-lg,
  .btn-group-lg > [class*=btn-] {
    --btn-gap: var(--btn-input-lg-gap);
    --btn-min-height: var(--btn-input-lg-min-height);
    --btn-padding-y: var(--btn-input-lg-padding-y);
    --btn-padding-x: var(--btn-input-lg-padding-x);
    --btn-font-size: var(--btn-input-lg-font-size);
    --btn-line-height: var(--btn-input-lg-line-height);
    --btn-border-radius: var(--btn-input-lg-border-radius);
  }
  .btn-icon {
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    padding: 0;
  }
  .btn-check > input {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check:has(input:checked) {
    color: var(--btn-active-color);
    background-color: var(--btn-active-bg, var(--bg-3));
    background-image: none;
    border-color: var(--btn-active-border-color);
    box-shadow: var(--btn-active-shadow);
  }
  .btn-check:has(input:focus-visible) {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    --focus-ring-offset: 1px;
  }
  .btn-check:has(input:disabled) {
    color: var(--btn-disabled-color);
    pointer-events: none;
    background-color: var(--btn-disabled-bg, var(--bg-1));
    background-image: none;
    border-color: var(--btn-disabled-border-color);
    opacity: var(--btn-disabled-opacity);
    box-shadow: none;
  }
  .btn-styled {
    --btn-gradient-start: rgba(255, 255, 255, 0.125);
    --btn-gradient-end: rgba(0, 0, 0, 0.075);
    --btn-border-mix-color: #000;
    --btn-border-mix-amount: 10%;
    --btn-border-hover-mix-amount: 12.5%;
    --btn-border-active-mix-amount: 20%;
    --btn-shadow: 0 1px 2px rgb(0 0 0 / 15%), inset 0 1px 0 rgb(255 255 255 / 10%);
    --btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
    background-image:
      linear-gradient(
        to bottom,
        var(--btn-gradient-start),
        var(--btn-gradient-end));
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-mix-amount));
    box-shadow: var(--btn-shadow);
  }
  .btn-styled:hover {
    background-image:
      linear-gradient(
        to bottom,
        var(--btn-gradient-start),
        var(--btn-gradient-end));
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-hover-mix-amount));
  }
  .btn-styled:active,
  .btn-styled.active,
  .btn-styled.show {
    background-image: none;
    border-color: color-mix(in lab, var(--theme-bg), var(--btn-border-mix-color) var(--btn-border-active-mix-amount));
    box-shadow: var(--btn-active-shadow);
  }
  .btn-styled:disabled,
  .btn-styled.disabled {
    background-image: none;
    box-shadow: none;
  }
}
@layer components {
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
  .btn-group > [class*=btn-],
  .btn-group-vertical > [class*=btn-] {
    position: relative;
    flex: 1 1 auto;
  }
  .btn-group > [class*=btn-]:hover,
  .btn-group-vertical > [class*=btn-]:hover {
    z-index: 1;
  }
  .btn-group > .btn-check:has(input:checked),
  .btn-group > [class*=btn-]:active,
  .btn-group > [class*=btn-].active,
  .btn-group-vertical > .btn-check:has(input:checked),
  .btn-group-vertical > [class*=btn-]:active,
  .btn-group-vertical > [class*=btn-].active {
    z-index: 2;
  }
  .btn-group > .btn-check:has(input:focus),
  .btn-group > [class*=btn-]:focus,
  .btn-group-vertical > .btn-check:has(input:focus),
  .btn-group-vertical > [class*=btn-]:focus {
    z-index: 3;
  }
  .btn-group-divider > [class*=btn-] + [class*=btn-]::before {
    position: absolute;
    z-index: 3;
    content: "";
    background-color: var(--btn-color);
    opacity: 0.25;
  }
  .btn-group:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {
    inset-inline-start: calc(var(--btn-border-width) * -1);
    top: 25%;
    bottom: 25%;
    width: var(--btn-border-width);
  }
  .btn-group-vertical:where(.btn-group-divider) > [class*=btn-] + [class*=btn-]::before {
    top: calc(var(--btn-border-width) * -1);
    right: var(--btn-padding-x);
    left: var(--btn-padding-x);
    height: var(--btn-border-width);
  }
  .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
  }
  .btn-toolbar .input-group {
    width: auto;
  }
  .btn-group {
    border-radius: var(--btn-border-radius);
  }
  .btn-group > [class*=btn-]:not(:first-child),
  .btn-group > .btn-group:not(:first-child) {
    margin-inline-start: calc(-1 * var(--btn-border-width));
  }
  .btn-group > [class*=btn-]:not(:last-child, :has(+ .menu)),
  .btn-group > .btn-group:not(:last-child) > [class*=btn-] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .btn-group > [class*=btn-]:not(:first-child),
  .btn-group > .btn-group:not(:first-child) > [class*=btn-] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .btn-group-vertical > [class*=btn-],
  .btn-group-vertical > .btn-group {
    width: 100%;
  }
  .btn-group-vertical > [class*=btn-]:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: calc(-1 * var(--btn-border-width));
  }
  .btn-group-vertical > [class*=btn-]:not(:last-child, :has(+ .menu)),
  .btn-group-vertical > .btn-group:not(:last-child) > [class*=btn-] {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .btn-group-vertical > [class*=btn-]:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > [class*=btn-] {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
}
@layer components {
  .btn-close {
    --btn-close-size: 1.25rem;
    --btn-close-color: inherit;
    --btn-close-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M12 0a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4zm-.646 4.646a.5.5 0 0 0-.707 0L8 7.293 5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.647a.5.5 0 1 0 .708.707L8 8.707l2.647 2.646a.5.5 0 1 0 .707-.707L8.707 8l2.646-2.646a.5.5 0 0 0 0-.708z'/%3e%3c/svg%3e");
    --btn-close-opacity: 0.5;
    --btn-close-hover-opacity: 0.75;
    --btn-close-focus-opacity: 0.85;
    --btn-close-disabled-opacity: 0.25;
    box-sizing: content-box;
    min-width: var(--btn-close-size);
    min-height: var(--btn-close-size);
    padding: 0;
    color: var(--btn-close-color);
    background-color: currentcolor;
    border: 0;
    border-radius: var(--radius-4);
    opacity: var(--btn-close-opacity);
    mask-image: var(--btn-close-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .btn-close:hover {
    color: var(--btn-close-color);
    text-decoration: none;
    opacity: var(--btn-close-hover-opacity);
  }
  .btn-close:focus-visible {
    opacity: var(--btn-close-focus-opacity);
    outline: var(--focus-ring);
  }
  .btn-close:disabled,
  .btn-close.disabled {
    pointer-events: none;
    user-select: none;
    opacity: var(--btn-close-disabled-opacity);
  }
}
@layer components {
  .accordion {
    --accordion-padding-x: 1.25rem;
    --accordion-padding-y: 1rem;
    --accordion-color: var(--fg-body);
    --accordion-bg: var(--bg-body);
    --accordion-transition-property:
      color,
      background-color,
      border-radius;
    --accordion-transition-duration: 0.15s;
    --accordion-transition-timing: ease-in-out;
    --accordion-panel-transition-property: content-visibility, block-size;
    --accordion-panel-transition-duration: 0.2s;
    --accordion-panel-transition-timing: ease;
    --accordion-border-color: var(--border-color);
    --accordion-border-width: var(--border-width);
    --accordion-border-radius: var(--accordion-radius, var(--radius-7));
    --accordion-gap: 0;
    --accordion-btn-color: var(--fg-2);
    --accordion-btn-bg: var(--bg-body);
    --accordion-btn-icon-width: 1rem;
    --accordion-btn-icon-transform: rotate(-180deg);
    --accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --accordion-active-color: var(--fg-body);
    --accordion-active-bg: var(--bg-2);
  }
  .accordion-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--accordion-btn-padding-y, var(--accordion-padding-y)) var(--accordion-btn-padding-x, var(--accordion-padding-x));
    font-size: var(--accordion-font-size, var(--body-font-size));
    color: var(--accordion-btn-color);
    text-align: start;
    list-style: none;
    cursor: pointer;
    background-color: var(--accordion-btn-bg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-header {
      transition-timing-function: var(--accordion-transition-timing);
      transition-duration: var(--accordion-transition-duration);
      transition-property: var(--accordion-transition-property);
    }
  }
  .accordion-header::-webkit-details-marker {
    display: none;
  }
  .accordion-header .accordion-icon {
    flex-shrink: 0;
    width: var(--accordion-btn-icon-width);
    height: var(--accordion-btn-icon-width);
    margin-inline-start: auto;
    color: currentcolor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-header .accordion-icon {
      transition: var(--accordion-btn-icon-transition);
    }
  }
  .accordion-header:hover {
    z-index: 2;
  }
  .accordion-header:focus-visible {
    position: relative;
    z-index: 3;
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
    outline-offset: -1px;
  }
  .accordion-item {
    position: relative;
    color: var(--accordion-color);
    background-color: var(--accordion-bg);
    border: var(--accordion-border-width) solid var(--accordion-border-color);
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-item {
      interpolate-size: allow-keywords;
    }
  }
  .accordion-item::details-content {
    block-size: 0;
    overflow-y: clip;
  }
  @media (prefers-reduced-motion: no-preference) {
    .accordion-item::details-content {
      transition-timing-function: var(--accordion-panel-transition-timing);
      transition-duration: var(--accordion-panel-transition-duration);
      transition-property: var(--accordion-panel-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .accordion-item:first-of-type {
    border-start-start-radius: var(--accordion-border-radius);
    border-start-end-radius: var(--accordion-border-radius);
  }
  .accordion-item:first-of-type > .accordion-header {
    border-start-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
    border-start-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
  }
  .accordion-item:not(:first-of-type) {
    margin-block-start: calc(-1 * var(--accordion-border-width));
  }
  .accordion-item:last-of-type {
    border-end-start-radius: var(--accordion-border-radius);
    border-end-end-radius: var(--accordion-border-radius);
  }
  .accordion-item:last-of-type > .accordion-header {
    border-end-start-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
    border-end-end-radius: calc(var(--accordion-border-radius) - var(--accordion-border-width));
  }
  .accordion-item:last-of-type > .accordion-body {
    border-end-start-radius: var(--accordion-border-radius);
    border-end-end-radius: var(--accordion-border-radius);
  }
  .accordion-item[open] {
    z-index: 2;
    border-color: var(--theme-border, var(--accordion-border-color));
  }
  .accordion-item[open]::details-content {
    block-size: auto;
  }
  .accordion-item[open] > .accordion-header {
    color: var(--theme-fg, var(--accordion-active-color));
    background-color: var(--theme-bg-subtle, var(--accordion-active-bg));
    box-shadow: inset 0 calc(-1 * var(--accordion-border-width)) 0 var(--theme-border, var(--accordion-border-color));
  }
  .accordion-item[open] > .accordion-header .accordion-icon {
    transform: var(--accordion-btn-icon-transform);
  }
  .accordion-item[open]:last-of-type > .accordion-header {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .accordion-body {
    padding: var(--accordion-body-padding-y, var(--accordion-padding-y)) var(--accordion-body-padding-x, var(--accordion-padding-x));
    font-size: var(--accordion-font-size, var(--body-font-size));
  }
  .accordion-sm {
    --accordion-padding-x: .875rem;
    --accordion-padding-y: .625rem;
    --accordion-border-radius: var(--radius-5);
    --accordion-font-size: var(--font-size-sm);
  }
  .accordion-gap {
    --accordion-gap: var(--spacer-2);
    display: flex;
    flex-direction: column;
    gap: var(--accordion-gap);
  }
  .accordion-gap > .accordion-item {
    margin-block-start: 0;
    overflow: clip;
    border-radius: var(--accordion-border-radius);
  }
  .accordion-gap > .accordion-item > .accordion-header,
  .accordion-gap > .accordion-item > .accordion-body {
    border-radius: 0;
  }
  .accordion-flush > .accordion-item {
    border-inline: 0;
    border-radius: 0;
  }
  .accordion-flush > .accordion-item:first-child {
    border-block-start: 0;
  }
  .accordion-flush > .accordion-item:last-child {
    border-block-end: 0;
  }
  .accordion-flush > .accordion-item > .accordion-header,
  .accordion-flush > .accordion-item > .accordion-body {
    border-radius: 0;
  }
}
@layer components {
  .alert {
    --alert-gap: var(--spacer-3);
    --alert-bg: var(--bg-1);
    --alert-padding-x: var(--spacer);
    --alert-padding-y: var(--spacer);
    --alert-color: inherit;
    --alert-border-color: var(--border-color);
    --alert-border-radius: var(--radius-7);
    --alert-link-color: inherit;
    --alert-transition-property: opacity;
    --alert-transition-duration: 0.15s;
    --alert-transition-timing: linear;
    --hr-border-color: var(--theme-border, var(--alert-border-color));
    display: flex;
    gap: var(--alert-gap);
    align-items: start;
    padding: var(--alert-padding-y) var(--alert-padding-x);
    color: var(--theme-fg, var(--alert-color));
    background-color: var(--theme-bg-subtle, var(--alert-bg));
    border: var(--border-width) solid var(--theme-border, var(--alert-border-color));
    border-radius: var(--alert-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .alert:not(.alert-instant) {
      transition-timing-function: var(--alert-transition-timing);
      transition-duration: var(--alert-transition-duration);
      transition-property: var(--alert-transition-property);
    }
  }
  .alert.hiding {
    opacity: 0;
  }
  .alert > p {
    margin-bottom: 0;
  }
  .alert-heading {
    color: inherit;
  }
  .alert-link {
    font-weight: var(--font-weight-semibold);
    color: var(--alert-link-color);
  }
}
@layer components {
  .avatar {
    --avatar-size: 2.5rem;
    --avatar-border-radius: 50%;
    --avatar-border-width: 2px;
    --avatar-border-color: var(--bg-body);
    --avatar-bg: var(--bg-2);
    --avatar-color: var(--fg-body);
    --avatar-status-size: 0.75rem;
    --avatar-status-border-width: 2px;
    --avatar-status-border-color: var(--bg-body);
    --avatar-stack-spacing: -0.3;
    --avatar-stack-transition: transform .2s ease-in-out;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--avatar-size);
    height: var(--avatar-size);
    font-size: calc(var(--avatar-size) * 0.4);
    font-weight: var(--avatar-font-weight, var(--font-weight-medium));
    line-height: 1;
    color: var(--theme-contrast, var(--avatar-color));
    text-transform: uppercase;
    vertical-align: middle;
    background-color: var(--theme-bg, var(--avatar-bg));
    border-radius: var(--avatar-border-radius);
  }
  .avatar > .avatar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .avatar-subtle {
    color: var(--theme-fg, var(--avatar-color));
    background-color: var(--theme-bg-subtle, var(--avatar-bg));
  }
  .avatar-img {
    border-radius: var(--avatar-border-radius, 50%);
  }
  .avatar-status {
    position: absolute;
    right: calc(var(--avatar-status-border-width) * -1);
    bottom: calc(var(--avatar-status-border-width) * -1);
    width: var(--avatar-status-size);
    height: var(--avatar-status-size);
    background-color: var(--gray-400);
    border: var(--avatar-status-border-width) solid var(--avatar-status-border-color);
    border-radius: 50%;
  }
  .avatar-status.status-online {
    background-color: var(--green-500);
  }
  .avatar-status.status-offline {
    background-color: var(--gray-400);
    border-radius: 20%;
  }
  .avatar-status.status-busy {
    background-color: var(--red-500);
    border-radius: 20%;
  }
  .avatar-status.status-away {
    background-color: var(--yellow-500);
  }
  .avatar-stack {
    display: inline-flex;
    flex-direction: row-reverse;
  }
  .avatar-stack .avatar {
    margin-left: calc(var(--avatar-size) * var(--avatar-stack-spacing));
    border: var(--avatar-border-width) solid var(--avatar-border-color);
    mask-image: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .avatar-stack .avatar {
      transition: var(--avatar-stack-transition);
    }
  }
  .avatar-stack .avatar:last-child {
    margin-left: 0;
  }
  .avatar-stack .avatar:hover {
    z-index: 1;
    transform: translateY(-2px);
  }
  .avatar-xs,
  .avatar-stack-xs > .avatar {
    --avatar-size: 1.5rem;
    --avatar-status-size: 0.625rem;
  }
  .avatar-sm,
  .avatar-stack-sm > .avatar {
    --avatar-size: 2rem;
  }
  .avatar-lg,
  .avatar-stack-lg > .avatar {
    --avatar-size: 3rem;
    --avatar-status-size: 1rem;
    --avatar-border-width: 3px;
  }
  .avatar-xl,
  .avatar-stack-xl > .avatar {
    --avatar-size: 4rem;
    --avatar-status-size: 1.25rem;
    --avatar-border-width: 4px;
  }
}
@layer components {
  .badge {
    --badge-gap: 0.375em;
    --badge-padding-x: 0.625em;
    --badge-padding-y: 0.25em;
    --badge-font-size: clamp(12px, 0.75em, 0.75em);
    --badge-font-weight: var(--font-weight-semibold);
    --badge-color: inherit;
    --badge-bg: var(--bg-2);
    --badge-border-width: var(--border-width);
    --badge-border-color: transparent;
    --badge-border-radius: var(--radius-7);
    display: inline-flex;
    gap: var(--badge-gap);
    align-items: center;
    justify-content: center;
    min-height: 1.375rem;
    padding: var(--badge-padding-y) var(--badge-padding-x);
    font-size: var(--badge-font-size);
    font-weight: var(--badge-font-weight);
    line-height: 1;
    color: var(--theme-contrast, var(--badge-color));
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: var(--theme-bg, var(--badge-bg));
    border: var(--badge-border-width) solid var(--badge-border-color);
    border-radius: var(--badge-border-radius);
  }
  .badge:empty {
    display: none;
  }
  a.badge {
    text-decoration: none;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  .badge-subtle {
    --badge-color: var(--theme-fg);
    --badge-bg: var(--theme-bg-subtle);
    --badge-border-color: transparent;
    color: var(--badge-color);
    background-color: var(--badge-bg);
    border-color: var(--badge-border-color);
  }
  .badge-outline {
    --badge-color: var(--theme-fg);
    --badge-bg: transparent;
    --badge-border-color: var(--theme-border);
    color: var(--badge-color);
    background-color: var(--badge-bg);
    border-color: var(--badge-border-color);
  }
  .badge-lg {
    --badge-padding-x: 1rem;
    --badge-padding-y: .5rem;
  }
}
@layer components {
  .breadcrumb {
    --breadcrumb-font-size: inherit;
    --breadcrumb-bg: transparent;
    --breadcrumb-border-radius: var(--radius-5);
    --breadcrumb-divider-color: var(--fg-4);
    --breadcrumb-divider-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2 2l4 6-4 6'/%3e%3c/svg%3e");
    --breadcrumb-divider-width: 0.375rem;
    --breadcrumb-divider-height: 0.75rem;
    --breadcrumb-link-padding-x: 0.75rem;
    --breadcrumb-link-padding-y: 0.25rem;
    --breadcrumb-link-color: var(--fg-3);
    --breadcrumb-link-hover-color: var(--fg-2);
    --breadcrumb-link-hover-bg: var(--bg-1);
    --breadcrumb-link-active-color: var(--fg-1);
    --breadcrumb-link-border-radius: var(--radius-7);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: var(--breadcrumb-padding-y, 0) var(--breadcrumb-padding-x, 0);
    margin-bottom: 0;
    font-size: var(--breadcrumb-font-size);
    list-style-type: "";
    background-color: var(--breadcrumb-bg);
    border-radius: var(--breadcrumb-border-radius);
  }
  .breadcrumb-item {
    display: flex;
  }
  .breadcrumb-divider {
    margin-inline: calc(var(--breadcrumb-link-padding-x) / 4);
    color: var(--breadcrumb-divider-color);
  }
  .breadcrumb-divider:empty::before {
    display: block;
    width: var(--breadcrumb-divider-width);
    height: var(--breadcrumb-divider-height);
    content: "";
    background-color: currentcolor;
    mask-image: var(--breadcrumb-divider-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .breadcrumb-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: var(--breadcrumb-link-padding-y) var(--breadcrumb-link-padding-x);
    color: var(--breadcrumb-link-color);
    text-decoration: none;
    border-radius: var(--breadcrumb-link-border-radius);
  }
  @media (prefers-reduced-motion: no-preference) {
    .breadcrumb-link {
      transition: 0.1s text-decoration-color ease-in-out;
    }
  }
  .breadcrumb-link:hover {
    z-index: 2;
    color: var(--breadcrumb-link-hover-color);
    background-color: var(--breadcrumb-link-hover-bg);
  }
  .breadcrumb-link.active {
    color: var(--breadcrumb-link-active-color);
  }
}
@layer components {
  .chip {
    --chip-height: 1.75rem;
    --chip-padding-x: 0.625rem;
    --chip-gap: 0.3125rem;
    --chip-border-radius: var(--radius-pill);
    --chip-img-size: 1.25rem;
    --chip-icon-size: 1rem;
    --chip-dismiss-size: 1rem;
    --chip-dismiss-opacity: 0.65;
    --chip-dismiss-hover-opacity: 1;
    --chip-color: var(--theme-fg, var(--fg-body));
    --chip-bg: var(--theme-bg-subtle, var(--bg-2));
    --chip-border-color: transparent;
    --chip-selected-color: var(--theme-contrast, var(--primary-contrast));
    --chip-selected-bg: var(--theme-bg, var(--primary-bg));
    --chip-selected-border-color: var(--theme-bg, var(--primary-bg));
    display: inline-flex;
    gap: var(--chip-gap);
    align-items: center;
    height: var(--chip-height);
    padding-inline: var(--chip-padding-x);
    font-size: var(--chip-font-size, var(--font-size-sm));
    font-weight: var(--chip-font-weight, var(--font-weight-base));
    line-height: var(--chip-line-height, 1.25rem);
    color: var(--chip-color);
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: var(--chip-bg);
    border: var(--border-width) solid var(--chip-border-color);
    border-radius: var(--chip-border-radius);
  }
  .chip:hover {
    --chip-bg: var(--theme-bg-muted, var(--bg-3));
  }
  .chip:focus-visible {
    outline: 0;
  }
  .chip.active {
    --chip-color: var(--chip-selected-color);
    --chip-bg: var(--chip-selected-bg);
    --chip-border-color: var(--chip-selected-border-color);
  }
  .chip.active:hover {
    --chip-bg: var(--chip-selected-bg);
    opacity: 0.9;
  }
  .chip.disabled,
  .chip:disabled {
    pointer-events: none;
    opacity: 0.65;
  }
  .chip-img {
    width: var(--chip-img-size);
    height: var(--chip-img-size);
    border-radius: 50%;
  }
  .chip-img:first-child {
    margin-inline-start: -0.375rem;
  }
  .chip-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    margin-inline-start: calc(var(--chip-gap) * -0.25);
  }
  .chip-icon > svg {
    display: block;
    width: var(--chip-icon-size);
    height: var(--chip-icon-size);
  }
  .chip-icon > img {
    width: var(--chip-icon-size);
    height: var(--chip-icon-size);
    object-fit: cover;
    border-radius: 50%;
  }
  .chip-dismiss {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--chip-dismiss-size);
    height: var(--chip-dismiss-size);
    padding: 0;
    margin-inline-end: calc(var(--chip-padding-x) * -0.25);
    color: inherit;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: var(--chip-dismiss-opacity);
  }
  .chip-dismiss:hover {
    opacity: var(--chip-dismiss-hover-opacity);
  }
  .chip-dismiss:focus-visible {
    outline: 0;
    opacity: 1;
    outline: var(--focus-ring);
  }
  .chip-dismiss > svg {
    display: block;
    width: var(--chip-dismiss-size);
    height: var(--chip-dismiss-size);
  }
}
@layer components {
  .card {
    --card-spacer-y: var(--spacer-6);
    --card-spacer-x: var(--spacer-6);
    --card-subtitle-color: inherit;
    --card-border-width: var(--border-width);
    --card-border-color: var(--border-color);
    --card-border-radius: var(--radius-7);
    --card-box-shadow: none;
    --card-inner-border-radius: calc(var(--card-border-radius) - var(--border-width));
    --card-cap-padding-y: var(--spacer-3);
    --card-cap-padding-x: var(--spacer-5);
    --card-cap-bg: var(--bg-1);
    --card-cap-color: inherit;
    --card-height: auto;
    --card-color: inherit;
    --card-bg: var(--bg-body);
    --card-img-overlay-padding: var(--card-spacer-y);
    --card-group-margin: 0.75rem;
    --card-body-gap: calc(var(--card-spacer-y) * 0.5);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--card-height);
    color: var(--fg-body);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
    border-radius: var(--card-border-radius);
    box-shadow: var(--card-box-shadow);
  }
  .card > hr {
    margin-inline: 0;
  }
  .card > :is(.card-img-top, .card-img-bottom, .card-body, .list-group) + :is(.card-body, .card-img-bottom, .list-group) {
    border-block-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card > .list-group:first-child {
    border-start-start-radius: var(--card-inner-border-radius);
    border-start-end-radius: var(--card-inner-border-radius);
  }
  .card > .list-group:last-child {
    border-end-start-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--card-body-gap);
    align-items: stretch;
    padding: var(--card-spacer-y) var(--card-spacer-x);
    color: var(--card-color);
  }
  .card-body > * {
    margin-block: 0;
  }
  .card-body > [class*=btn-] {
    align-self: start;
  }
  .card-subtitle {
    margin-top: calc(var(--card-body-gap) * -0.5);
  }
  .card-header {
    display: flex;
    flex-direction: column;
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    margin-bottom: 0;
    color: var(--theme-contrast, var(--card-cap-color));
    background-color: var(--theme-bg, var(--card-cap-bg));
    border-bottom: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-header:first-child {
    border-radius: var(--card-inner-border-radius) var(--card-inner-border-radius) 0 0;
  }
  .card-footer {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    color: var(--card-cap-color);
    background-color: var(--theme-bg, var(--card-cap-bg));
    border-top: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-footer:last-child {
    border-radius: 0 0 var(--card-inner-border-radius) var(--card-inner-border-radius);
  }
  .card-translucent {
    background-color: color-mix(in oklch, var(--card-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .card-translucent .card-header,
  .card-translucent .card-footer {
    background-color: color-mix(in oklch, var(--card-cap-bg) 60%, transparent);
  }
  .card-subtle {
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle .card-header {
    color: var(--theme-fg-emphasis, currentcolor);
    background-color: var(--theme-bg-subtle, var(--card-cap-bg));
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle .card-footer {
    color: var(--theme-fg-emphasis, currentcolor);
    background-color: var(--theme-bg-subtle, var(--card-cap-bg));
    border-color: var(--theme-border, var(--card-border-color));
  }
  .card-subtle > :is(.card-body, .list-group) {
    border-color: var(--theme-border, var(--card-border-color));
  }
  .nav.card-header-tabs {
    margin-inline: calc(-0.5 * var(--card-cap-padding-x));
    margin-bottom: calc(-1 * var(--card-cap-padding-y) - var(--nav-tabs-border-width));
    border-block-end: 0;
  }
  .nav.card-header-tabs .nav-link.active {
    background-color: var(--card-bg);
    border-block-end-color: var(--card-bg);
  }
  .card-img-overlay {
    position: absolute;
    inset: 0;
    padding: var(--card-img-overlay-padding);
    border-radius: var(--card-inner-border-radius);
  }
  .card-img,
  .card-img-top,
  .card-img-bottom {
    width: 100%;
  }
  .card-img {
    border-radius: var(--radius-5);
    outline: var(--card-border-width) solid var(--card-border-color);
    outline-offset: calc(var(--card-border-width) * -1);
  }
  .card-img-top {
    border-start-start-radius: var(--card-inner-border-radius);
    border-start-end-radius: var(--card-inner-border-radius);
  }
  .card-img-bottom {
    border-end-start-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-row {
    flex-direction: row;
  }
  .card-row > :is(.card-img-start, .card-img-end, .card-body, .list-group) + :is(.card-body, .card-img-end, .list-group) {
    border-block-start: 0;
    border-inline-start: var(--card-border-width) solid var(--theme-bg, var(--card-border-color));
  }
  .card-row > .list-group:first-child {
    border-start-start-radius: var(--card-inner-border-radius);
    border-end-start-radius: var(--card-inner-border-radius);
  }
  .card-row > .list-group:last-child {
    border-start-end-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-img-start {
    border-start-start-radius: var(--card-inner-border-radius);
    border-end-start-radius: var(--card-inner-border-radius);
  }
  .card-img-end {
    border-start-end-radius: var(--card-inner-border-radius);
    border-end-end-radius: var(--card-inner-border-radius);
  }
  .card-group > .card {
    margin-bottom: var(--card-group-margin);
  }
  @container (width >= 576px) {
    .card-group {
      display: flex;
      flex-flow: row wrap;
    }
    .card-group > .card {
      flex: 1 0 0;
      margin-bottom: 0;
    }
    .card-group > .card + .card {
      border-inline-start-width: 0;
    }
    .card-group > .card:not(:last-child) {
      border-start-end-radius: 0;
      border-end-end-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-top,
    .card-group > .card:not(:last-child) > .card-header,
    .card-group > .card:not(:last-child) > .list-group {
      border-start-end-radius: 0;
    }
    .card-group > .card:not(:last-child) > .card-img-bottom,
    .card-group > .card:not(:last-child) > .card-footer,
    .card-group > .card:not(:last-child) > .list-group {
      border-end-end-radius: 0;
    }
    .card-group > .card:not(:first-child) {
      border-start-start-radius: 0;
      border-end-start-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-top,
    .card-group > .card:not(:first-child) > .card-header,
    .card-group > .card:not(:first-child) > .list-group {
      border-start-start-radius: 0;
    }
    .card-group > .card:not(:first-child) > .card-img-bottom,
    .card-group > .card:not(:first-child) > .card-footer,
    .card-group > .card:not(:first-child) > .list-group {
      border-end-start-radius: 0;
    }
  }
}
@layer components {
  .carousel {
    --carousel-gap: 0.75rem;
    --carousel-indicator-bg: var(--fg-3);
    --carousel-indicator-width: 0.75rem;
    --carousel-indicator-height: 0.75rem;
    --carousel-indicator-spacer: 0.25rem;
    --carousel-indicator-opacity-duration: 0.6s;
    --carousel-indicator-opacity-timing: ease;
    --carousel-indicator-width-duration: 0.3s;
    --carousel-indicator-width-timing: ease;
    --carousel-indicator-progress-bg: var(--carousel-indicator-bg);
    --carousel-control-icon-width: 1rem;
    --carousel-control-prev-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/></svg>");
    --carousel-control-next-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/></svg>");
    --carousel-control-pause-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5m5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5'/></svg>");
    --carousel-control-play-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z'/></svg>");
    --carousel-items: 1;
    --carousel-items-gap: 0px;
    --carousel-items-peek: 0px;
    --carousel-fade-duration: 0.6s;
    --carousel-fade-timing: ease;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--carousel-gap);
  }
  .carousel-inner {
    display: flex;
    gap: var(--carousel-items-gap);
    width: 100%;
    padding-inline: var(--carousel-items-peek);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--carousel-items-peek);
    scrollbar-width: none;
  }
  .carousel-inner::-webkit-scrollbar {
    display: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-inner {
      scroll-behavior: smooth;
    }
  }
  .carousel-item {
    flex: 0 0 calc((100% - (var(--carousel-items) - 1) * var(--carousel-items-gap)) / var(--carousel-items));
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .carousel-center .carousel-item {
    scroll-snap-align: center;
  }
  .carousel-auto .carousel-item {
    flex-basis: auto;
  }
  .carousel-fade .carousel-inner {
    display: grid;
    overflow: hidden;
    scroll-snap-type: none;
  }
  .carousel-fade .carousel-item {
    grid-area: 1/1;
    width: 100%;
    visibility: hidden;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-fade .carousel-item {
      transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing), visibility 0s linear var(--carousel-fade-duration);
    }
  }
  .carousel-fade .carousel-item.active {
    visibility: visible;
    opacity: 1;
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-fade .carousel-item.active {
      transition: opacity var(--carousel-fade-duration) var(--carousel-fade-timing);
    }
  }
  .carousel-icon-prev,
  .carousel-icon-next,
  .carousel-icon-pause,
  .carousel-icon-play {
    display: inline-block;
    width: var(--carousel-control-icon-width);
    height: var(--carousel-control-icon-width);
    background-color: currentcolor;
    mask-repeat: no-repeat;
    mask-position: 50%;
    mask-size: 100% 100%;
  }
  .carousel-icon-prev {
    mask-image: var(--carousel-control-prev-icon);
  }
  .carousel-icon-next {
    mask-image: var(--carousel-control-next-icon);
  }
  [dir=rtl] .carousel-icon-prev,
  [dir=rtl] .carousel-icon-next {
    transform: scaleX(-1);
  }
  .carousel-icon-pause {
    mask-image: var(--carousel-control-pause-icon);
  }
  .carousel-icon-play {
    mask-image: var(--carousel-control-play-icon);
  }
  .carousel-control-play-pause .carousel-icon-play {
    display: none;
  }
  .carousel-control-play-pause.paused .carousel-icon-pause {
    display: none;
  }
  .carousel-control-play-pause.paused .carousel-icon-play {
    display: inline-block;
  }
  .carousel-indicators {
    display: flex;
    gap: var(--carousel-indicator-spacer);
    justify-content: center;
  }
  .carousel-indicators [data-bs-target] {
    flex: 0 1 auto;
    width: var(--carousel-indicator-width);
    height: var(--carousel-indicator-height);
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--carousel-indicator-bg);
    border-radius: var(--carousel-indicator-width);
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-indicators [data-bs-target] {
      transition: opacity var(--carousel-indicator-opacity-duration) var(--carousel-indicator-opacity-timing), width var(--carousel-indicator-width-duration) var(--carousel-indicator-width-timing);
    }
  }
  .carousel-indicators .active {
    width: calc(var(--carousel-indicator-width) * 2.5);
    background-color: var(--carousel-indicator-bg);
    border-color: var(--carousel-indicator-bg);
  }
  @keyframes carousel-indicator-progress {
    from {
      inline-size: 0;
    }
    to {
      inline-size: 100%;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    .carousel-playing .carousel-indicators .active {
      position: relative;
      overflow: hidden;
      background-color: transparent;
    }
    .carousel-playing .carousel-indicators .active::after {
      position: absolute;
      inset-block: 0;
      inset-inline-start: 0;
      inline-size: 0;
      content: "";
      background-color: var(--carousel-indicator-progress-bg);
      animation: carousel-indicator-progress var(--carousel-interval, 5000ms) linear forwards;
    }
  }
  .carousel-overlay {
    --carousel-indicator-bg: light-dark(var(--white), var(--black));
  }
  .carousel-overlay .carousel-overlay-controls {
    position: absolute;
    inset-block-end: 1rem;
    inset-inline: 1rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@layer components {
  [data-vc=calendar] {
    --datepicker-padding: 1rem;
    --datepicker-bg: var(--bg-body);
    --datepicker-color: var(--fg-body);
    --datepicker-border-color: var(--border-color-translucent);
    --datepicker-border-width: var(--border-width);
    --datepicker-border-radius: var(--radius-7);
    --datepicker-box-shadow: var(--box-shadow);
    --datepicker-font-size: var(--font-size-sm);
    --datepicker-min-width: 280px;
    --datepicker-zindex: var(--z-menu);
    --datepicker-header-font-weight: 600;
    --datepicker-weekday-color: var(--fg-3);
    --datepicker-day-hover-bg: var(--bg-1);
    --datepicker-day-selected-bg: var(--primary-bg);
    --datepicker-day-selected-color: var(--primary-contrast);
    --datepicker-day-today-bg: var(--bg-2);
    --datepicker-day-today-color: var(--fg-1);
    --datepicker-day-disabled-color: var(--fg-4);
    position: absolute;
    z-index: var(--datepicker-zindex);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-width: var(--datepicker-min-width);
    padding: var(--datepicker-padding);
    font-family: var(--body-font-family);
    font-size: var(--datepicker-font-size);
    color: var(--datepicker-color);
    color-scheme: light dark;
    background-color: var(--datepicker-bg);
    border: var(--datepicker-border-width) solid var(--datepicker-border-color);
    box-shadow: var(--datepicker-box-shadow);
    opacity: 1;
    border-radius: var(--datepicker-border-radius);
  }
  [data-vc=calendar][data-bs-theme=light] {
    color-scheme: light;
  }
  [data-vc=calendar][data-bs-theme=dark] {
    color-scheme: dark;
  }
  [data-vc=calendar] button:focus-visible {
    position: relative;
    z-index: 1;
    outline: var(--focus-ring);
  }
  [data-vc-calendar-hidden] {
    pointer-events: none;
    opacity: 0;
  }
  [data-vc=calendar]:not([data-vc-input]) {
    position: relative;
    width: fit-content;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  [data-vc-position=bottom] {
    margin-block-start: 0.25rem;
  }
  [data-vc-position=top] {
    margin-block-end: -0.25rem;
  }
  [data-vc-arrow] {
    position: relative;
    display: block;
    width: 2rem;
    height: 2rem;
    color: var(--datepicker-color);
    pointer-events: auto;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-arrow]::before {
    position: absolute;
    inset: 0.25rem;
    content: "";
    background-color: var(--datepicker-color);
    mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 16c-.3 0-.5-.1-.7-.3l-6-6c-.4-.4-.4-1 0-1.4s1-.4 1.4 0l5.3 5.3 5.3-5.3c.4-.4 1-.4 1.4 0s.4 1 0 1.4l-6 6c-.2.2-.4.3-.7.3'/></svg>");
    mask-repeat: no-repeat;
    mask-position: center;
  }
  [data-vc-arrow]:hover {
    background-color: var(--datepicker-day-hover-bg);
  }
  [data-vc-arrow=prev]::before {
    transform: rotate(90deg);
  }
  [data-vc-arrow=next]::before {
    transform: rotate(-90deg);
  }
  [data-vc=controls] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    pointer-events: none;
  }
  [data-vc=grid] {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    gap: 1.75rem;
  }
  [data-vc=column] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-width: 240px;
  }
  [data-vc=header] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
  }
  [data-vc-header=content] {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    white-space: pre-wrap;
  }
  [data-vc=month],
  [data-vc=year] {
    padding: 0.25rem 0.5rem;
    margin-inline: -0.125rem;
    font-size: 1rem;
    font-weight: var(--datepicker-header-font-weight);
    color: var(--datepicker-color);
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc=month]:disabled,
  [data-vc=year]:disabled {
    color: var(--datepicker-day-disabled-color);
    pointer-events: none;
  }
  [data-vc=month]:hover:not(:disabled),
  [data-vc=year]:hover:not(:disabled) {
    background-color: var(--datepicker-day-hover-bg);
  }
  [data-vc=content] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
  [data-vc=months],
  [data-vc=years] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    row-gap: 1rem;
  }
  [data-vc-months=row],
  [data-vc-years=row] {
    display: grid;
    grid-template-columns: repeat(var(--vc-columns, 4), minmax(0, 1fr));
    column-gap: 0.25rem;
    align-items: center;
  }
  [data-vc=years] {
    --vc-columns: 5;
  }
  [data-vc-months=cell],
  [data-vc-years=cell] {
    display: flex;
  }
  [data-vc-months-month],
  [data-vc-years-year] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.5rem;
    padding: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    color: var(--datepicker-weekday-color);
    text-align: center;
    word-break: break-all;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-months-month]:disabled,
  [data-vc-years-year]:disabled {
    color: var(--datepicker-day-disabled-color);
    pointer-events: none;
  }
  [data-vc-months-month]:hover:not(:disabled),
  [data-vc-years-year]:hover:not(:disabled) {
    background-color: var(--datepicker-day-hover-bg);
  }
  [data-vc-months-month][data-vc-months-month-selected],
  [data-vc-months-month][data-vc-years-year-selected],
  [data-vc-years-year][data-vc-months-month-selected],
  [data-vc-years-year][data-vc-years-year-selected] {
    color: var(--datepicker-day-selected-color);
    background-color: var(--datepicker-day-selected-bg);
  }
  [data-vc-months-month][data-vc-months-month-selected]:hover,
  [data-vc-months-month][data-vc-years-year-selected]:hover,
  [data-vc-years-year][data-vc-months-month-selected]:hover,
  [data-vc-years-year][data-vc-years-year-selected]:hover {
    color: var(--datepicker-day-selected-color);
    background-color: var(--datepicker-day-selected-bg);
  }
  [data-vc=week] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-items: center;
    margin-bottom: 0.5rem;
  }
  [data-vc-week-day] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 1.875rem;
    padding: 0;
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    color: var(--datepicker-weekday-color);
    background-color: transparent;
    border: 0;
  }
  button[data-vc-week-day] {
    cursor: pointer;
  }
  [data-vc=dates] {
    pointer-events: none;
  }
  [data-vc-dates=row] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    justify-items: center;
    width: 100%;
  }
  [data-vc-date] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    pointer-events: auto;
  }
  [data-vc-date]:not(:has([data-vc-date-btn])),
  [data-vc-date][data-vc-date-disabled],
  [data-vc-date][data-vc-date-disabled] [data-vc-date-btn] {
    pointer-events: none;
  }
  [data-vc-date-btn] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 1.875rem;
    height: 100%;
    min-height: 1.875rem;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: var(--datepicker-color);
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--radius-5);
  }
  [data-vc-date-btn]:hover {
    background-color: var(--datepicker-day-hover-bg);
  }
  [data-vc-date-today] [data-vc-date-btn] {
    font-weight: 600;
    color: var(--datepicker-day-today-color);
    background-color: var(--datepicker-day-today-bg);
  }
  [data-vc-date-month=next] [data-vc-date-btn],
  [data-vc-date-month=prev] [data-vc-date-btn] {
    opacity: 0.5;
  }
  [data-vc-date-disabled] [data-vc-date-btn] {
    color: var(--datepicker-day-disabled-color);
  }
  [data-vc-date-hover] [data-vc-date-btn] {
    background-color: var(--datepicker-day-hover-bg);
    border-radius: 0;
  }
  [data-vc-date-hover=first] [data-vc-date-btn] {
    border-start-start-radius: var(--radius-5);
    border-end-start-radius: var(--radius-5);
  }
  [data-vc-date-hover=last] [data-vc-date-btn] {
    border-start-end-radius: var(--radius-5);
    border-end-end-radius: var(--radius-5);
  }
  [data-vc-date-hover=first-and-last] [data-vc-date-btn] {
    border-radius: var(--radius-5);
  }
  [data-vc-date-selected=middle] [data-vc-date-btn] {
    border-radius: 0;
    opacity: 0.8;
  }
  [data-vc-date-selected] [data-vc-date-btn] {
    color: var(--datepicker-day-selected-color);
    background-color: var(--datepicker-day-selected-bg);
  }
  [data-vc-date-selected=first] [data-vc-date-btn] {
    border-top-left-radius: var(--radius-5);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--radius-5);
  }
  [data-vc-date-selected=last] [data-vc-date-btn] {
    border-top-left-radius: 0;
    border-top-right-radius: var(--radius-5);
    border-bottom-right-radius: var(--radius-5);
    border-bottom-left-radius: 0;
  }
  [data-vc-date-selected=first-and-last] [data-vc-date-btn] {
    border-radius: var(--radius-5);
  }
}
@layer components {
  :root.dialog-open {
    overflow: hidden;
  }
  .dialog {
    --dialog-padding: 1rem;
    --dialog-width: 500px;
    --dialog-margin: 1.75rem;
    --dialog-color: var(--fg-body);
    --dialog-bg: var(--bg-body);
    --dialog-border-color: var(--border-color-translucent);
    --dialog-border-width: var(--border-width);
    --dialog-border-radius: var(--radius-7);
    --dialog-box-shadow: var(--box-shadow-xl);
    --dialog-transition-property:
      opacity,
      transform,
      visibility;
    --dialog-transition-duration: 0.3s;
    --dialog-transition-timing: var(--transition-timing-overlay);
    --dialog-backdrop-bg: light-dark(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65));
    --dialog-backdrop-blur: 8px;
    --dialog-header-padding: 1rem;
    --dialog-header-border-color: var(--border-color-translucent);
    --dialog-header-border-width: var(--border-width);
    --dialog-footer-padding: 1rem;
    --dialog-footer-border-color: var(--border-color-translucent);
    --dialog-footer-border-width: var(--border-width);
    --dialog-footer-gap: 0.5rem;
    display: flex;
    flex-direction: column;
    width: var(--dialog-width);
    max-width: calc(100% - var(--dialog-margin) * 2);
    max-height: calc(100% - var(--dialog-margin) * 2);
    padding: 0;
    margin: auto;
    overflow: visible;
    color: var(--dialog-color);
    visibility: hidden;
    background-color: var(--dialog-bg);
    background-clip: padding-box;
    border: var(--dialog-border-width) solid var(--dialog-border-color);
    border-radius: var(--dialog-border-radius);
    box-shadow: var(--dialog-box-shadow);
  }
  .dialog:not(.dialog-instant) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .dialog:not(.dialog-instant) {
      transition-timing-function: var(--dialog-transition-timing);
      transition-duration: var(--dialog-transition-duration);
      transition-property: var(--dialog-transition-property);
    }
  }
  .dialog:not(.dialog-instant).dialog-slide-down {
    transform: translateY(-3rem);
  }
  .dialog:not(.dialog-instant).dialog-slide-up {
    transform: translateY(3rem);
  }
  .dialog:not(.dialog-instant)[open]:not(.hiding) {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .dialog:not(.dialog-instant)[open].dialog-static:not(.hiding) {
    transform: scale(1.02);
  }
  .dialog:not(.dialog-instant)::backdrop {
    background-color: var(--dialog-backdrop-bg);
    backdrop-filter: blur(var(--dialog-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .dialog:not(.dialog-instant)::backdrop {
      transition:
        background-color var(--dialog-transition-duration) var(--dialog-transition-timing),
        backdrop-filter var(--dialog-transition-duration) var(--dialog-transition-timing),
        display var(--dialog-transition-duration) allow-discrete,
        overlay var(--dialog-transition-duration) allow-discrete;
    }
  }
  .dialog:not(.dialog-instant).hiding::backdrop {
    background-color: transparent;
    backdrop-filter: blur(0);
  }
  .dialog.dialog-instant::backdrop {
    background-color: var(--dialog-backdrop-bg);
    backdrop-filter: blur(var(--dialog-backdrop-blur));
  }
  .dialog[open]:not(.hiding) {
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: none;
  }
  .dialog.dialog-nonmodal {
    position: fixed;
    inset: 0;
    z-index: var(--z-dialog);
    height: fit-content;
  }
  .dialog.dialog-scrollable[open] {
    max-height: calc(100% - var(--dialog-margin) * 2);
  }
  .dialog.dialog-scrollable[open] .dialog-body {
    overflow-y: auto;
  }
  @starting-style {
    .dialog:not(.dialog-instant)::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .dialog.dialog-swap-in:not(.dialog-instant)::backdrop {
      background-color: var(--dialog-backdrop-bg);
      backdrop-filter: blur(var(--dialog-backdrop-blur));
    }
  }
  .dialog-sm {
    --dialog-width: 280px;
  }
  .dialog-lg {
    --dialog-width: 800px;
  }
  .dialog-xl {
    --dialog-width: 1140px;
  }
  .dialog-fullscreen {
    --dialog-width: 100vw;
    --dialog-margin: 0;
    --dialog-border-radius: 0;
    --dialog-border-width: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
  }
  @media (width < 576px) {
    .sm-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 768px) {
    .md-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1024px) {
    .lg-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1280px) {
    .xl-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  @media (width < 1536px) {
    .\32xl-down\:dialog-fullscreen {
      --dialog-width: 100vw;
      --dialog-margin: 0;
      --dialog-border-radius: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      max-height: none;
    }
  }
  .dialog-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--dialog-header-padding);
    border-block-end: var(--dialog-header-border-width) solid var(--dialog-header-border-color);
  }
  .dialog-header .btn-close {
    margin-inline-start: auto;
  }
  .dialog-title {
    margin-bottom: 0;
    line-height: 1.25;
    font-size: var(--font-size-md);
  }
  .dialog-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--dialog-padding);
  }
  .dialog-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: var(--dialog-footer-gap);
    align-items: center;
    justify-content: flex-end;
    padding: var(--dialog-footer-padding);
    border-block-start: var(--dialog-footer-border-width) solid var(--dialog-footer-border-color);
  }
}
@layer components {
  .menu {
    --menu-zindex: var(--z-menu);
    --menu-gap: 0.125rem;
    --menu-min-width: 10rem;
    --menu-padding-x: 0.25rem;
    --menu-padding-y: 0.25rem;
    --menu-spacer: 0.125rem;
    --menu-font-size: var(--font-size-sm);
    --menu-color: var(--fg-body);
    --menu-bg: var(--bg-body);
    --menu-box-shadow: var(--box-shadow-lg);
    --menu-divider-bg: var(--border-color-translucent);
    --menu-divider-margin-y: 0.125rem;
    --menu-divider-margin-x: 0.25rem;
    --menu-item-color: var(--menu-color, var(--fg-body));
    --menu-item-hover-color: var(--menu-color, var(--fg-body));
    --menu-item-hover-bg: var(--bg-1);
    --menu-item-active-color: var(--primary-contrast);
    --menu-item-active-bg: var(--primary-bg);
    --menu-item-disabled-color: var(--fg-3);
    --menu-item-gap: 0.5rem;
    --menu-item-padding-x: 0.75rem;
    --menu-item-padding-y: 0.25rem;
    --menu-item-border-radius: var(--radius-5);
    --menu-icon-size: 1rem;
    --menu-description-font-size: var(--font-size-xs);
    --menu-check-color: currentcolor;
    --menu-header-color: var(--fg-3);
    --menu-header-padding-x: 0.75rem;
    --menu-header-padding-y: 0.25rem;
    --menu-transition-property:
      opacity,
      transform,
      display;
    --menu-transition-duration: 0.15s;
    --menu-transition-timing: var(--transition-timing-overlay);
    position: absolute;
    z-index: var(--menu-zindex);
    display: none;
    flex-direction: column;
    gap: var(--menu-gap);
    min-width: var(--menu-min-width);
    max-height: var(--menu-max-height, none);
    padding: var(--menu-padding-y) var(--menu-padding-x);
    margin: 0;
    overflow-y: var(--menu-overflow-y, initial);
    overscroll-behavior: contain;
    font-size: var(--menu-font-size);
    color: var(--menu-color);
    text-align: start;
    list-style-type: "";
    background-color: var(--menu-bg);
    background-clip: padding-box;
    border: var(--menu-border-width, var(--border-width)) solid var(--menu-border-color, var(--border-color-translucent));
    border-radius: var(--menu-border-radius, var(--radius-7));
    box-shadow: var(--menu-box-shadow);
    opacity: 0;
    transform: scale(0.95);
    transform-origin: top start;
  }
  .menu[data-bs-placement^=top] {
    transform-origin: bottom start;
  }
  .menu[data-bs-placement=bottom-end] {
    transform-origin: top end;
  }
  .menu[data-bs-placement=top-end] {
    transform-origin: bottom end;
  }
  .menu[data-bs-placement^=left] {
    transform-origin: top end;
  }
  @media (prefers-reduced-motion: no-preference) {
    .menu {
      transition-timing-function: var(--menu-transition-timing);
      transition-duration: var(--menu-transition-duration);
      transition-property: var(--menu-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .menu.show {
    display: flex;
    opacity: 1;
    transform: none;
  }
  @starting-style {
    .menu.show {
      opacity: 0;
      transform: scale(0.95);
    }
  }
  .menu-scrollable {
    --menu-max-height: 80dvh;
    --menu-overflow-y: auto;
  }
  .menu-translucent {
    --menu-item-hover-bg-light: color-mix(in oklch, var(--bg-1) 90%, transparent);
    --menu-item-hover-bg-dark: color-mix(in oklch, var(--bg-1) 80%, transparent);
    --menu-item-active-bg-light: color-mix(in oklch, var(--primary-bg) 80%, transparent);
    --menu-item-active-bg-dark: color-mix(in oklch, var(--primary-bg) 70%, transparent);
    --menu-item-active-bg: light-dark(var(--menu-item-active-bg-light), var(--menu-item-active-bg-dark));
    --menu-item-hover-bg: light-dark(var(--menu-item-hover-bg-light), var(--menu-item-hover-bg-dark));
    background-color: color-mix(in oklch, var(--menu-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .menu-divider {
    height: 0;
    margin: var(--menu-divider-margin-y) var(--menu-divider-margin-x);
    overflow: hidden;
    border-block-start: 1px solid var(--menu-divider-bg);
    opacity: 1;
  }
  .menu-item {
    display: flex;
    gap: var(--menu-item-gap);
    align-items: center;
    width: 100%;
    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
    font-weight: var(--menu-item-font-weight, var(--font-weight-normal));
    color: var(--theme-fg, var(--menu-item-color));
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    border-radius: var(--menu-item-border-radius, 0);
  }
  .menu-item:hover,
  .menu-item:focus {
    color: var(--theme-fg-emphasis, var(--menu-item-hover-color));
    background-color: var(--theme-bg-subtle, var(--menu-item-hover-bg));
  }
  .menu-item.active,
  .menu-item:active {
    color: var(--theme-contrast, var(--menu-item-active-color));
    background-color: var(--theme-bg, var(--menu-item-active-bg));
  }
  .menu-item.active .menu-item-icon,
  .menu-item:active .menu-item-icon {
    color: inherit !important;
  }
  .menu-item.selected {
    font-weight: var(--font-weight-semibold);
  }
  .menu-item.disabled,
  .menu-item:disabled {
    color: var(--menu-item-disabled-color);
    pointer-events: none;
    background-color: transparent;
    background-image: none;
  }
  .menu-item-icon {
    flex-shrink: 0;
    align-self: flex-start;
    width: var(--menu-icon-size);
    height: auto;
    margin-top: 0.125rem;
  }
  .menu-item-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: fit-content;
  }
  .menu-item-description {
    font-size: var(--menu-description-font-size);
    font-weight: var(--font-weight-normal);
    color: color-mix(in oklch, currentcolor 65%, transparent);
  }
  .menu-item-check {
    flex-shrink: 0;
    align-self: flex-start;
    margin-block-start: 0.125rem;
    margin-inline-start: auto;
    color: var(--menu-check-color);
    visibility: hidden;
  }
  .selected > .menu-item-check {
    visibility: visible;
  }
  .menu-header {
    display: block;
    padding: var(--menu-header-padding-y) var(--menu-header-padding-x);
    margin-bottom: 0;
    font-size: var(--font-size-sm);
    color: var(--menu-header-color);
    white-space: nowrap;
  }
  .menu-text {
    display: block;
    padding: var(--menu-item-padding-y) var(--menu-item-padding-x);
    color: var(--fg-2);
  }
  .submenu {
    position: relative;
  }
  .submenu > .menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .submenu > .menu-item::after {
    display: inline-block;
    flex-shrink: 0;
    width: 0.375em;
    height: 0.375em;
    margin-inline-start: auto;
    content: "";
    border-color: currentcolor;
    border-style: solid;
    border-width: 0 0.125em 0.125em 0;
    transform: rotate(-45deg);
  }
  [dir=rtl] .submenu > .menu-item::after {
    transform: rotate(135deg);
  }
  .submenu > .menu {
    top: 0;
    margin-top: calc(-1 * var(--menu-padding-y));
  }
  .submenu:hover > .menu-item,
  .submenu:focus-within > .menu-item {
    color: var(--menu-item-hover-color);
    background-color: var(--menu-item-hover-bg);
  }
  .submenu.show > .menu-item {
    color: var(--menu-item-hover-color);
    background-color: var(--menu-item-hover-bg);
  }
}
@layer components {
  .list-group {
    --list-group-color: var(--fg-body);
    --list-group-bg: var(--bg-body);
    --list-group-border-color: var(--border-color);
    --list-group-border-width: var(--border-width);
    --list-group-border-radius: var(--radius-5);
    --list-group-item-padding-x: var(--spacer);
    --list-group-item-padding-y: var(--spacer-2);
    --list-group-action-color: var(--fg-2);
    --list-group-action-hover-color: var(--fg-1);
    --list-group-action-hover-bg: var(--bg-1);
    --list-group-action-active-color: var(--fg-body);
    --list-group-action-active-bg: var(--bg-2);
    --list-group-disabled-color: var(--fg-3);
    --list-group-disabled-bg: var(--bg-body);
    --list-group-active-color: var(--primary-contrast);
    --list-group-active-bg: var(--primary-bg);
    --list-group-active-border-color: var(--primary-bg);
    display: flex;
    flex-direction: column;
    padding-inline-start: 0;
    margin-bottom: 0;
    border-radius: var(--list-group-border-radius);
  }
  .list-group-numbered {
    list-style-type: none;
    counter-reset: section;
  }
  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section;
  }
  .list-group-item {
    position: relative;
    display: block;
    padding: var(--list-group-item-padding-y) var(--list-group-item-padding-x);
    color: var(--theme-fg, var(--list-group-color));
    text-decoration: none;
    background-color: var(--theme-bg-subtle, var(--list-group-bg));
    border: var(--list-group-border-width) solid var(--theme-border, var(--list-group-border-color));
  }
  .list-group-item:first-child {
    border-start-start-radius: inherit;
    border-start-end-radius: inherit;
  }
  .list-group-item:last-child {
    border-end-start-radius: inherit;
    border-end-end-radius: inherit;
  }
  .list-group-item.disabled,
  .list-group-item:disabled {
    color: var(--list-group-disabled-color);
    pointer-events: none;
    background-color: var(--list-group-disabled-bg);
  }
  .list-group-item.active {
    z-index: 2;
    color: var(--list-group-active-color);
    background-color: var(--list-group-active-bg);
    border-color: var(--list-group-active-border-color);
  }
  .list-group-item + .list-group-item {
    border-block-start-width: 0;
  }
  .list-group-item + .list-group-item.active {
    margin-top: calc(-1 * var(--list-group-border-width));
    border-block-start-width: var(--list-group-border-width);
  }
  .list-group-item-action {
    width: 100%;
    color: var(--theme-fg, var(--list-group-action-color));
    text-align: inherit;
    text-decoration: none;
  }
  .list-group-item-action:not(.active):hover,
  .list-group-item-action:not(.active):focus {
    z-index: 1;
    color: var(--theme-fg-emphasis, var(--list-group-action-hover-color));
    text-decoration: none;
    background-color: var(--theme-bg-muted, var(--list-group-action-hover-bg));
  }
  .list-group-item-action:not(.active):active {
    color: var(--theme-fg-emphasis, var(--list-group-action-active-color));
    background-color: var(--theme-bg-muted, var(--list-group-action-active-bg));
  }
  .list-group-horizontal {
    flex-direction: row;
  }
  .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-end-start-radius: var(--list-group-border-radius);
    border-start-end-radius: 0;
  }
  .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-start-end-radius: var(--list-group-border-radius);
    border-end-start-radius: 0;
  }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-block-start-width: var(--list-group-border-width);
    border-inline-start-width: 0;
  }
  .list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-inline-start: calc(-1 * var(--list-group-border-width));
    border-inline-start-width: var(--list-group-border-width);
  }
  @container (width >= 576px) {
    .sm\:list-group-horizontal {
      flex-direction: row;
    }
    .sm\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .sm\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .sm\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .sm\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .sm\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 768px) {
    .md\:list-group-horizontal {
      flex-direction: row;
    }
    .md\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .md\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .md\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .md\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .md\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1024px) {
    .lg\:list-group-horizontal {
      flex-direction: row;
    }
    .lg\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .lg\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .lg\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .lg\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .lg\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1280px) {
    .xl\:list-group-horizontal {
      flex-direction: row;
    }
    .xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .xl\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .xl\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .xl\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  @container (width >= 1536px) {
    .\32xl\:list-group-horizontal {
      flex-direction: row;
    }
    .\32xl\:list-group-horizontal > .list-group-item:first-child:not(:last-child) {
      border-end-start-radius: var(--list-group-border-radius);
      border-start-end-radius: 0;
    }
    .\32xl\:list-group-horizontal > .list-group-item:last-child:not(:first-child) {
      border-start-end-radius: var(--list-group-border-radius);
      border-end-start-radius: 0;
    }
    .\32xl\:list-group-horizontal > .list-group-item.active {
      margin-top: 0;
    }
    .\32xl\:list-group-horizontal > .list-group-item + .list-group-item {
      border-block-start-width: var(--list-group-border-width);
      border-inline-start-width: 0;
    }
    .\32xl\:list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-inline-start: calc(-1 * var(--list-group-border-width));
      border-inline-start-width: var(--list-group-border-width);
    }
  }
  .list-group-flush {
    border-radius: 0;
  }
  .list-group-flush > .list-group-item {
    border-width: 0 0 var(--list-group-border-width);
  }
  .list-group-flush > .list-group-item:last-child {
    border-block-end-width: 0;
  }
}
@layer components {
  .nav {
    --nav-gap: 0.125rem;
    --nav-link-gap: 0.5rem;
    --nav-link-align: center;
    --nav-link-justify: center;
    --nav-link-padding-x: 0.75rem;
    --nav-link-padding-y: 0.375rem;
    --nav-link-color: var(--fg-2);
    --nav-link-hover-color: var(--fg-1);
    --nav-link-hover-bg: var(--bg-1);
    --nav-link-active-color: var(--fg-body);
    --nav-link-active-bg: var(--bg-2);
    --nav-link-disabled-color: var(--fg-4);
    --nav-link-border-width: var(--border-width);
    --nav-link-transition-property:
      color,
      background-color,
      border-color;
    --nav-link-transition-duration: 0.15s;
    --nav-link-transition-timing: ease-in-out;
    display: flex;
    flex-wrap: wrap;
    gap: var(--nav-gap);
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style-type: "";
  }
  .nav-item {
    display: flex;
  }
  .nav-link {
    display: flex;
    gap: var(--nav-link-gap);
    align-items: var(--nav-link-align);
    justify-content: var(--nav-link-justify);
    padding: var(--nav-link-padding-y) var(--nav-link-padding-x);
    font-weight: var(--nav-link-font-weight);
    color: var(--theme-fg, var(--nav-link-color));
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border: var(--nav-link-border-width) solid transparent;
    border-radius: var(--radius-5);
  }
  @media (prefers-reduced-motion: no-preference) {
    .nav-link {
      transition-timing-function: var(--nav-link-transition-timing);
      transition-duration: var(--nav-link-transition-duration);
      transition-property: var(--nav-link-transition-property);
    }
  }
  .nav-link:hover,
  .nav-link:focus {
    color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
    background-color: var(--theme-bg-muted, var(--nav-link-hover-bg));
  }
  .nav-link:focus-visible {
    --focus-ring-offset: 1px;
    color: var(--theme-fg-emphasis, var(--nav-link-hover-color));
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
  }
  .nav-link.active,
  .nav-link:active {
    color: var(--theme-fg, var(--nav-link-active-color));
    background-color: var(--theme-bg-subtle, var(--nav-link-active-bg));
  }
  .nav-link.disabled,
  .nav-link:disabled {
    color: var(--nav-link-disabled-color);
    pointer-events: none;
    cursor: default;
  }
  .nav-tabs {
    --nav-tabs-border-width: var(--border-width);
    --nav-tabs-border-color: var(--border-color);
    --nav-tabs-border-radius: var(--radius-5);
    --nav-tabs-link-hover-border-color: var(--border-subtle);
    --nav-tabs-link-active-color: var(--fg-body);
    --nav-tabs-link-active-bg: var(--bg-body);
    --nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--bg-body);
    box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color);
  }
  .nav-tabs .nav-link {
    border: var(--nav-tabs-border-width) solid transparent;
    border-bottom-color: var(--nav-tabs-border-color);
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--nav-tabs-link-hover-border-color);
    border-bottom-color: var(--nav-tabs-border-color);
  }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: var(--nav-tabs-link-active-color);
    background-color: var(--nav-tabs-link-active-bg);
    border-color: var(--nav-tabs-link-active-border-color);
    border-bottom-color: var(--nav-tabs-link-active-bg);
  }
  .nav-tabs .menu {
    margin-top: calc(-1 * var(--nav-tabs-border-width));
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
  .nav-pills {
    --nav-pills-bg: var(--bg-1);
    --nav-pills-padding: 0.25rem;
    --nav-pills-border-radius: 3rem;
    --nav-pills-link-active-color: var(--primary-contrast);
    --nav-pills-link-active-bg: var(--primary-bg);
    --nav-pills-link-border-radius: 3rem;
    display: inline-flex;
    padding: var(--nav-pills-padding);
    background-color: var(--nav-pills-bg);
    border-radius: var(--nav-pills-border-radius);
  }
  .nav-pills .nav-link {
    border-radius: var(--nav-pills-link-border-radius);
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    color: var(--theme-contrast, var(--nav-pills-link-active-color));
    background-color: var(--theme-bg, var(--nav-pills-link-active-bg));
    background-image: var(--gradient);
  }
  .nav-pills-vertical {
    flex-direction: column;
    align-items: stretch;
  }
  .nav-pills-vertical .nav-item,
  .nav-pills-vertical .nav-link {
    width: 100%;
  }
  .nav-underline {
    --nav-gap: 1rem;
    --nav-link-active-bg: transparent;
    --nav-underline-border-width: 0.125rem;
    --nav-underline-link-active-color: var(--fg-body);
  }
  .nav-underline .nav-link {
    padding-inline: 0;
    border: 0;
    border-block-end: var(--nav-underline-border-width) solid transparent;
    border-radius: 0;
  }
  .nav-underline .nav-link:hover,
  .nav-underline .nav-link:focus {
    border-block-end-color: currentcolor;
  }
  .nav-underline .nav-link.active,
  .nav-underline .show > .nav-link {
    font-weight: var(--font-weight-bold);
    color: var(--nav-underline-link-active-color);
    border-block-end-color: currentcolor;
  }
  .nav-fill > .nav-link,
  .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
  }
  .nav-justified > .nav-link,
  .nav-justified .nav-item {
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
  }
  .nav-fill .nav-item .nav-link,
  .nav-justified .nav-item .nav-link {
    width: 100%;
  }
  .tab-content > .tab-pane {
    --tab-pane-transition-property: opacity;
    --tab-pane-transition-duration: 0.15s;
    --tab-pane-transition-timing: linear;
    display: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .tab-content > .tab-pane:not(.tab-pane-instant) {
      transition-timing-function: var(--tab-pane-transition-timing);
      transition-duration: var(--tab-pane-transition-duration);
      transition-property: var(--tab-pane-transition-property);
    }
  }
  .tab-content > .active {
    display: block;
  }
  @starting-style {
    .tab-content > .tab-pane:not(.tab-pane-instant).active {
      opacity: 0;
    }
  }
}
@layer components {
  .nav-overflow {
    container-type: inline-size;
    flex: 1 1 0;
    min-width: 0;
  }
  .nav-overflow:not(.nav-overflow-initialized) {
    overflow: clip;
  }
  .nav-overflow:not(.nav-overflow-initialized) > .nav {
    visibility: hidden;
  }
  .nav-overflow > .nav {
    display: flex;
    flex-wrap: nowrap;
    min-width: 0;
  }
  .nav-overflow > .nav > .nav-item {
    flex-shrink: 0;
  }
  .nav-overflow-item {
    margin-inline-start: auto;
  }
  .nav-overflow-icon {
    display: flex;
  }
  .nav-overflow [data-bs-nav-overflow=true] {
    display: none;
  }
}
@layer components {
  .navbar {
    --navbar-padding-x: 0;
    --navbar-padding-y: 0.5rem;
    --navbar-min-height: 3.5rem;
    --navbar-color: var(--fg-2);
    --navbar-hover-color: var(--fg-1);
    --navbar-disabled-color: var(--fg-3);
    --navbar-active-color: var(--fg-body);
    --navbar-brand-padding-y: 0.375rem;
    --navbar-brand-margin-end: 1rem;
    --navbar-brand-font-size: var(--font-size-md);
    --navbar-brand-font-weight: var(--font-weight-medium);
    --navbar-brand-color: var(--fg-body);
    --navbar-brand-hover-color: var(--fg-body);
    --navbar-nav-link-padding-x: 0.75rem;
    --navbar-toggler-width: 2rem;
    --navbar-toggler-padding-y: 0.25rem;
    --navbar-toggler-padding-x: 0.75rem;
    --navbar-toggler-font-size: var(--font-size-lg);
    --navbar-toggler-border-color: color-mix(in oklch, var(--fg-body) 15%, transparent);
    --navbar-toggler-border-radius: var(--radius-5);
    --navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    --navbar-toggler-icon-size: 1.25rem;
    --navbar-toggler-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='black' stroke-linecap='round' stroke-width='1' d='M1 3.5h14M1 8h14M1 12.5h14'/%3e%3c/svg%3e");
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: var(--navbar-min-height);
    padding: var(--navbar-padding-y) var(--navbar-padding-x);
    container-type: inline-size;
    color: var(--navbar-color, var(--fg-body));
    background-color: var(--navbar-bg, var(--bg-body));
  }
  .navbar > .\32xl\:container,
  .navbar > .xl\:container,
  .navbar > .lg\:container,
  .navbar > .md\:container,
  .navbar > .sm\:container,
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
  }
  .navbar-brand {
    padding-top: var(--navbar-brand-padding-y);
    padding-bottom: var(--navbar-brand-padding-y);
    margin-inline-end: var(--navbar-brand-margin-end);
    font-size: var(--navbar-brand-font-size);
    font-weight: var(--navbar-brand-font-weight);
    color: var(--theme-fg, var(--navbar-brand-color));
    text-decoration: none;
    white-space: nowrap;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    color: var(--theme-fg-emphasis, var(--navbar-brand-hover-color));
  }
  .navbar-nav {
    --nav-gap: 0.25rem;
    --nav-link-gap: 0.5rem;
    --nav-link-padding-x: 0.5rem;
    --nav-link-padding-y: 0.375rem;
    --nav-link-color: var(--navbar-color);
    --nav-link-border-width: var(--border-width);
    --nav-link-hover-color: var(--navbar-hover-color);
    --nav-link-hover-bg: transparent;
    --nav-link-active-color: var(--navbar-active-color);
    --nav-link-active-bg: transparent;
    --nav-link-disabled-color: var(--navbar-disabled-color);
    display: flex;
    flex-direction: column;
    gap: var(--nav-gap);
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style-type: "";
  }
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: var(--theme-fg, var(--navbar-active-color));
    border: var(--nav-link-border-width) solid var(--nav-link-border-color, transparent);
  }
  .navbar-text {
    padding-top: var(--navbar-brand-padding-y);
    padding-bottom: var(--navbar-brand-padding-y);
    color: var(--navbar-color);
  }
  .navbar-text a,
  .navbar-text a:hover,
  .navbar-text a:focus {
    color: var(--theme-fg, var(--navbar-active-color));
  }
  .navbar-toggler {
    --btn-bg: transparent;
    --btn-hover-bg: var(--bg-2);
  }
  @media (prefers-reduced-motion: no-preference) {
    .navbar-toggler {
      transition: var(--navbar-toggler-transition);
    }
  }
  .navbar-toggler-icon {
    display: inline-block;
    width: var(--navbar-toggler-icon-size);
    height: var(--navbar-toggler-icon-size);
    background-color: currentcolor;
    mask-image: var(--navbar-toggler-icon);
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
  }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand .navbar-nav {
    --nav-link-padding-x: var(--navbar-nav-link-padding-x);
    flex-direction: row;
  }
  .navbar-expand .navbar-toggler {
    display: none !important;
  }
  .navbar-expand [class*=drawer] {
    position: static !important;
    inset: auto !important;
    z-index: auto;
    display: flex !important;
    flex-grow: 1;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    padding: 0;
    margin: 0;
    overflow: visible !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    box-shadow: none;
    transition: none;
  }
  .navbar-expand [class*=drawer] .drawer-header {
    display: none !important;
  }
  .navbar-expand [class*=drawer] .drawer-body {
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    padding: 0;
    overflow-y: visible;
  }
  .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  @container (width >= 576px) {
    .sm\:navbar-expand > .container,
    .sm\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .sm\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .sm\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .sm\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .sm\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .sm\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 768px) {
    .md\:navbar-expand > .container,
    .md\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .md\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .md\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .md\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .md\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .md\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1024px) {
    .lg\:navbar-expand > .container,
    .lg\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .lg\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .lg\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .lg\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .lg\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .lg\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1280px) {
    .xl\:navbar-expand > .container,
    .xl\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .xl\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .xl\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .xl\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .xl\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .xl\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  @container (width >= 1536px) {
    .\32xl\:navbar-expand > .container,
    .\32xl\:navbar-expand > .container-fluid {
      flex-wrap: nowrap;
      justify-content: flex-start;
    }
    .\32xl\:navbar-expand .navbar-nav {
      --nav-link-padding-x: var(--navbar-nav-link-padding-x);
      flex-direction: row;
    }
    .\32xl\:navbar-expand .navbar-toggler {
      display: none !important;
    }
    .\32xl\:navbar-expand [class*=drawer] {
      position: static !important;
      inset: auto !important;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none !important;
      height: auto !important;
      max-height: none !important;
      padding: 0;
      margin: 0;
      overflow: visible !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      box-shadow: none;
      transition: none;
    }
    .\32xl\:navbar-expand [class*=drawer] .drawer-header {
      display: none !important;
    }
    .\32xl\:navbar-expand [class*=drawer] .drawer-body {
      display: flex;
      flex-grow: 1;
      flex-direction: row;
      align-items: center;
      padding: 0;
      overflow-y: visible;
    }
  }
  .navbar [class*=drawer]:not([open], .hiding) {
    transition: none !important;
  }
  .navbar-translucent {
    position: relative;
    background-color: transparent;
  }
  .navbar-translucent::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background-color: color-mix(in oklch, var(--navbar-bg, var(--bg-body)) 80%, transparent);
    background-image: none;
    backdrop-filter: blur(5px) saturate(180%);
  }
  .navbar[data-bs-theme=dark] {
    --navbar-color: color-mix(in oklch, var(--white) 55%, transparent);
    --navbar-hover-color: color-mix(in oklch, var(--white) 75%, transparent);
    --navbar-disabled-color: color-mix(in oklch, var(--white) 25%, transparent);
    --navbar-active-color: var(--white);
    --navbar-brand-color: var(--white);
    --navbar-brand-hover-color: var(--white);
    --navbar-toggler-border-color: color-mix(in oklch, var(--white) 10%, transparent);
  }
}
.drawer,
.\32xl\:drawer,
.xl\:drawer,
.lg\:drawer,
.md\:drawer,
.sm\:drawer {
  --drawer-inset: var(--spacer);
  --drawer-zindex: var(--z-drawer);
  --drawer-width: 400px;
  --drawer-height: 30vh;
  --drawer-padding-x: var(--spacer);
  --drawer-padding-y: var(--spacer);
  --drawer-color: var(--fg-body);
  --drawer-bg: var(--bg-body);
  --drawer-border-width: var(--border-width);
  --drawer-border-color: var(--border-color-translucent);
  --drawer-border-radius: var(--radius-7);
  --drawer-box-shadow: var(--box-shadow-xl);
  --drawer-transition-property: transform, visibility;
  --drawer-transition-duration: 0.3s;
  --drawer-transition-timing: var(--transition-timing-overlay);
  --drawer-title-line-height: 1.5;
  --drawer-backdrop-bg: color-mix(in oklch, var(--bg-body) 25%, transparent);
  --drawer-backdrop-blur: 8px;
}
@layer components {
  @media (width < 576px) {
    .sm\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .sm\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .sm\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .sm\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .sm\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .sm\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 576px) and (prefers-reduced-motion: no-preference) {
    .sm\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 576px) {
    .sm\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .sm\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .sm\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .sm\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 576px) {
    .sm\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .sm\:drawer .drawer-header {
      display: none;
    }
    .sm\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .sm\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 768px) {
    .md\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .md\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .md\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .md\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .md\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .md\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 768px) and (prefers-reduced-motion: no-preference) {
    .md\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 768px) {
    .md\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .md\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .md\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .md\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 768px) {
    .md\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .md\:drawer .drawer-header {
      display: none;
    }
    .md\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .md\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1024px) {
    .lg\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .lg\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .lg\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .lg\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .lg\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .lg\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1024px) and (prefers-reduced-motion: no-preference) {
    .lg\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1024px) {
    .lg\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .lg\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .lg\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .lg\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1024px) {
    .lg\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .lg\:drawer .drawer-header {
      display: none;
    }
    .lg\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .lg\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1280px) {
    .xl\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .xl\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .xl\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .xl\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .xl\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .xl\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1280px) and (prefers-reduced-motion: no-preference) {
    .xl\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1280px) {
    .xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .xl\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .xl\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1280px) {
    .xl\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .xl\:drawer .drawer-header {
      display: none;
    }
    .xl\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .xl\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  @media (width < 1536px) {
    .\32xl\:drawer {
      position: fixed;
      inset: auto;
      z-index: var(--drawer-zindex);
      display: flex;
      flex-direction: column;
      width: auto;
      max-width: calc(100% - var(--drawer-inset) * 2);
      height: auto;
      max-height: calc(100% - var(--drawer-inset) * 2);
      padding: 0;
      margin: 0;
      overflow: hidden;
      color: var(--drawer-color);
      visibility: hidden;
      background-color: var(--drawer-bg);
      background-clip: padding-box;
      border: var(--drawer-border-width) solid var(--drawer-border-color);
      outline: 0;
      border-radius: var(--drawer-border-radius);
      box-shadow: var(--drawer-box-shadow);
    }
    .\32xl\:drawer:where(.drawer-start) {
      inset-block: var(--drawer-inset);
      inset-inline-start: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .\32xl\:drawer:where(.drawer-end) {
      inset-block: var(--drawer-inset);
      inset-inline-end: var(--drawer-inset);
      width: var(--drawer-width);
    }
    .\32xl\:drawer:where(.drawer-top) {
      inset: var(--drawer-inset) var(--drawer-inset) auto;
      height: var(--drawer-height);
    }
    .\32xl\:drawer:where(.drawer-bottom) {
      inset: auto var(--drawer-inset) var(--drawer-inset);
      height: var(--drawer-height);
    }
    .\32xl\:drawer:where(.drawer-fullscreen) {
      inset: var(--drawer-inset);
      width: auto;
      max-width: none;
      height: auto;
      max-height: none;
    }
  }
  @media (width < 1536px) and (prefers-reduced-motion: no-preference) {
    .\32xl\:drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  @media (width < 1536px) {
    .\32xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    :root:dir(rtl) .\32xl\:drawer:not(.drawer-instant):where(.drawer-start) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    .\32xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(100% + var(--drawer-inset)));
    }
    :root:dir(rtl) .\32xl\:drawer:not(.drawer-instant):where(.drawer-end) {
      transform: translateX(calc(-100% - var(--drawer-inset)));
    }
    .\32xl\:drawer:not(.drawer-instant):where(.drawer-top) {
      transform: translateY(calc(-100% - var(--drawer-inset)));
    }
    .\32xl\:drawer:not(.drawer-instant):where(.drawer-bottom) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .\32xl\:drawer:not(.drawer-instant):where(.drawer-fullscreen) {
      transform: translateY(calc(100% + var(--drawer-inset)));
    }
    .\32xl\:drawer:not(.drawer-instant)[open] {
      visibility: visible;
      transform: none;
    }
    .\32xl\:drawer[open] {
      visibility: visible;
      transform: none;
    }
  }
  @media (width >= 1536px) {
    .\32xl\:drawer {
      --drawer-height: auto;
      --drawer-border-width: 0;
      position: static !important;
      inset: auto;
      z-index: auto;
      display: flex !important;
      flex-grow: 1;
      width: auto !important;
      max-width: none;
      height: auto !important;
      max-height: none;
      padding: 0;
      margin: 0;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none !important;
    }
    .\32xl\:drawer .drawer-header {
      display: none;
    }
    .\32xl\:drawer .drawer-body {
      display: flex;
      flex-grow: 0;
      flex-direction: row;
      width: 100%;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important;
    }
    .\32xl\:drawer {
      border-radius: 0;
      box-shadow: none;
    }
  }
  .drawer {
    position: fixed;
    inset: auto;
    z-index: var(--drawer-zindex);
    display: flex;
    flex-direction: column;
    width: auto;
    max-width: calc(100% - var(--drawer-inset) * 2);
    height: auto;
    max-height: calc(100% - var(--drawer-inset) * 2);
    padding: 0;
    margin: 0;
    overflow: hidden;
    color: var(--drawer-color);
    visibility: hidden;
    background-color: var(--drawer-bg);
    background-clip: padding-box;
    border: var(--drawer-border-width) solid var(--drawer-border-color);
    outline: 0;
    border-radius: var(--drawer-border-radius);
    box-shadow: var(--drawer-box-shadow);
  }
  .drawer:where(.drawer-start) {
    inset-block: var(--drawer-inset);
    inset-inline-start: var(--drawer-inset);
    width: var(--drawer-width);
  }
  .drawer:where(.drawer-end) {
    inset-block: var(--drawer-inset);
    inset-inline-end: var(--drawer-inset);
    width: var(--drawer-width);
  }
  .drawer:where(.drawer-top) {
    inset: var(--drawer-inset) var(--drawer-inset) auto;
    height: var(--drawer-height);
  }
  .drawer:where(.drawer-bottom) {
    inset: auto var(--drawer-inset) var(--drawer-inset);
    height: var(--drawer-height);
  }
  .drawer:where(.drawer-fullscreen) {
    inset: var(--drawer-inset);
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
  }
  @media (prefers-reduced-motion: no-preference) {
    .drawer:not(.drawer-instant) {
      transition-timing-function: var(--drawer-transition-timing);
      transition-duration: var(--drawer-transition-duration);
      transition-property: var(--drawer-transition-property);
    }
  }
  .drawer:not(.drawer-instant):where(.drawer-start) {
    transform: translateX(calc(-100% - var(--drawer-inset)));
  }
  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-start) {
    transform: translateX(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-end) {
    transform: translateX(calc(100% + var(--drawer-inset)));
  }
  :root:dir(rtl) .drawer:not(.drawer-instant):where(.drawer-end) {
    transform: translateX(calc(-100% - var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-top) {
    transform: translateY(calc(-100% - var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-bottom) {
    transform: translateY(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant):where(.drawer-fullscreen) {
    transform: translateY(calc(100% + var(--drawer-inset)));
  }
  .drawer:not(.drawer-instant)[open] {
    visibility: visible;
    transform: none;
  }
  .drawer[open] {
    visibility: visible;
    transform: none;
  }
  .sm\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .sm\:drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .md\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .md\:drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .lg\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .lg\:drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .xl\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .xl\:drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .\32xl\:drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .\32xl\:drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  .drawer::backdrop {
    background-color: var(--drawer-backdrop-bg);
    backdrop-filter: blur(var(--drawer-backdrop-blur));
  }
  @media (prefers-reduced-motion: no-preference) {
    .drawer::backdrop {
      transition:
        background-color var(--drawer-transition-duration) var(--drawer-transition-timing),
        backdrop-filter var(--drawer-transition-duration) var(--drawer-transition-timing),
        display var(--drawer-transition-duration) allow-discrete,
        overlay var(--drawer-transition-duration) allow-discrete;
    }
  }
  @starting-style {
    .sm\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .md\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .lg\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .xl\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .\32xl\:drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
    .drawer::backdrop {
      background-color: transparent;
      backdrop-filter: blur(0);
    }
  }
  .drawer-static {
    transform: scale(1.02);
  }
  .drawer-translucent {
    background-color: color-mix(in oklch, var(--drawer-bg) 80%, transparent);
    backdrop-filter: blur(5px) saturate(180%);
  }
  .drawer-sheet {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    margin-inline: auto;
    margin-bottom: calc(-1 * var(--drawer-border-width));
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  @media (width >= 1024px) {
    .drawer-sheet {
      max-width: var(--drawer-sheet-width, 760px);
    }
  }
  .drawer-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
  }
  .drawer-header .btn-close {
    margin-block: calc(-0.5 * var(--drawer-padding-y));
    margin-inline-start: auto;
  }
  .drawer-title {
    margin-bottom: 0;
    line-height: var(--drawer-title-line-height);
  }
  .drawer-body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--drawer-padding-y);
    flex: 1 1 auto;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
    min-height: 0;
    overflow-y: auto;
  }
  .drawer-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    padding: var(--drawer-padding-y) var(--drawer-padding-x);
    border-block-start: var(--drawer-border-width) solid var(--drawer-border-color);
  }
  .drawer-fit-content {
    inset-block-end: auto;
  }
}
@layer components {
  .pagination {
    --pagination-min-height: var(--btn-input-min-height);
    --pagination-padding-x: var(--btn-input-padding-x);
    --pagination-padding-y: var(--btn-input-padding-y);
    --pagination-font-size: var(--btn-input-font-size);
    --pagination-color: var(--link-color);
    --pagination-bg: var(--bg-body);
    --pagination-border-width: var(--border-width);
    --pagination-border-color: var(--border-color);
    --pagination-border-radius: var(--btn-input-border-radius);
    --pagination-hover-color: var(--link-hover-color);
    --pagination-hover-bg: var(--bg-1);
    --pagination-hover-border-color: var(--border-color);
    --pagination-active-color: var(--theme-contrast, var(--primary-contrast));
    --pagination-active-bg: var(--theme-bg, var(--primary-bg));
    --pagination-active-border-color: var(--theme-bg, var(--primary-bg));
    --pagination-disabled-color: var(--fg-3);
    --pagination-disabled-bg: var(--bg-2);
    --pagination-disabled-border-color: var(--border-color);
    display: flex;
    padding-inline-start: 0;
    list-style-type: "";
  }
  .page-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--pagination-min-height);
    padding: var(--pagination-padding-y) var(--pagination-padding-x);
    font-size: var(--pagination-font-size);
    color: var(--theme-fg, var(--pagination-color));
    text-decoration: none;
    background-color: var(--pagination-bg);
    border: var(--pagination-border-width) solid var(--pagination-border-color);
  }
  @media (prefers-reduced-motion: no-preference) {
    .page-link {
      transition:
        color 0.15s ease-in-out,
        background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
    }
  }
  .page-link:hover {
    z-index: 2;
    color: var(--theme-fg-emphasis, var(--pagination-hover-color));
    background-color: var(--theme-bg-subtle, var(--pagination-hover-bg));
    border-color: var(--theme-border, var(--pagination-hover-border-color));
  }
  .page-link:focus-visible {
    z-index: 3;
    outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color));
    outline-offset: var(--focus-ring-offset);
  }
  .page-link.active,
  .active > .page-link {
    z-index: 3;
    color: var(--theme-contrast, var(--pagination-active-color));
    background-color: var(--theme-bg, var(--pagination-active-bg));
    border-color: var(--theme-bg, var(--pagination-active-border-color));
  }
  .page-link.disabled,
  .disabled > .page-link {
    color: var(--pagination-disabled-color);
    pointer-events: none;
    background-color: var(--pagination-disabled-bg);
    border-color: var(--pagination-disabled-border-color);
  }
  .page-item:not(:first-child) .page-link {
    margin-inline-start: calc(-1 * var(--pagination-border-width));
  }
  .page-item:first-child .page-link {
    border-start-start-radius: var(--pagination-border-radius);
    border-end-start-radius: var(--pagination-border-radius);
  }
  .page-item:last-child .page-link {
    border-start-end-radius: var(--pagination-border-radius);
    border-end-end-radius: var(--pagination-border-radius);
  }
  .pagination-sm {
    --pagination-min-height: var(--btn-input-sm-min-height);
    --pagination-padding-y: var(--btn-input-sm-padding-y);
    --pagination-padding-x: var(--btn-input-sm-padding-x);
    --pagination-font-size: var(--btn-input-sm-font-size);
    --pagination-border-radius: var(--btn-input-sm-border-radius);
  }
  .pagination-lg {
    --pagination-min-height: var(--btn-input-lg-min-height);
    --pagination-padding-y: var(--btn-input-lg-padding-y);
    --pagination-padding-x: var(--btn-input-lg-padding-x);
    --pagination-font-size: var(--btn-input-lg-font-size);
    --pagination-border-radius: var(--btn-input-lg-border-radius);
  }
}
@layer components {
  .placeholder {
    --placeholder-opacity-max: 0.18;
    --placeholder-opacity-min: 0.1;
    display: inline-block;
    min-height: 1.25em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    border-radius: var(--radius-3);
    opacity: var(--placeholder-opacity-max);
  }
  .placeholder.btn::before {
    display: inline-block;
    content: "";
  }
  .placeholder-xs {
    min-height: 0.75em;
  }
  .placeholder-sm {
    min-height: 1em;
  }
  .placeholder-lg {
    min-height: 1.75em;
  }
  .placeholder-pulse .placeholder,
  .placeholder-glow .placeholder {
    animation: placeholder-pulse 2s ease-in-out infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .placeholder-pulse .placeholder,
    .placeholder-glow .placeholder {
      animation: none;
    }
  }
  @keyframes placeholder-pulse {
    50% {
      opacity: var(--placeholder-opacity-min);
    }
  }
  .placeholder-wave {
    --placeholder-wave-opacity-max: 1;
    --placeholder-wave-opacity-min: 0.4;
    mask-image:
      linear-gradient(
        110deg,
        rgb(0, 0, 0, var(--placeholder-wave-opacity-min)) 35%,
        rgb(0, 0, 0, var(--placeholder-wave-opacity-max)) 50%,
        rgb(0, 0, 0, var(--placeholder-wave-opacity-min)) 65%);
    mask-repeat: no-repeat;
    mask-position: 100% 0%;
    mask-size: 250% 100%;
    animation: placeholder-wave 1.6s linear infinite;
  }
  @media (prefers-reduced-motion: reduce) {
    .placeholder-wave {
      mask-image: none;
      animation: none;
    }
  }
  @keyframes placeholder-wave {
    100% {
      mask-position: 0% 0%;
    }
  }
}
@layer components {
  .popover {
    --popover-zindex: var(--z-popover);
    --popover-max-width: 280px;
    --popover-font-size: var(--font-size-sm);
    --popover-bg: var(--bg-body);
    --popover-border-width: var(--border-width);
    --popover-border-color: var(--border-color-translucent);
    --popover-border-radius: var(--radius-7);
    --popover-inner-border-radius: calc(var(--radius-7) - var(--border-width));
    --popover-box-shadow: var(--box-shadow);
    --popover-header-padding-x: var(--spacer);
    --popover-header-padding-y: var(--spacer-3);
    --popover-header-font-size: var(--font-size-sm);
    --popover-header-color: inherit;
    --popover-header-bg: var(--bg-1);
    --popover-body-padding-x: var(--spacer);
    --popover-body-padding-y: var(--spacer-3);
    --popover-body-color: var(--fg-body);
    --popover-arrow-width: 1rem;
    --popover-arrow-height: 0.5rem;
    --popover-arrow-border: var(--popover-border-color);
    --popover-transition-property: opacity;
    --popover-transition-duration: 0.15s;
    --popover-transition-timing: linear;
    z-index: var(--popover-zindex);
    display: block;
    max-width: var(--popover-max-width);
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--popover-font-size);
    word-wrap: break-word;
    background-color: var(--popover-bg);
    background-clip: padding-box;
    border: var(--popover-border-width) solid var(--popover-border-color);
    border-radius: var(--popover-border-radius);
    box-shadow: var(--popover-box-shadow);
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .popover:not(.popover-instant) {
      transition-timing-function: var(--popover-transition-timing);
      transition-duration: var(--popover-transition-duration);
      transition-property: var(--popover-transition-property);
    }
  }
  .popover.show {
    opacity: 1;
  }
  .popover .popover-arrow {
    display: block;
    width: var(--popover-arrow-width);
    height: var(--popover-arrow-height);
  }
  .popover .popover-arrow::before,
  .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0;
  }
  @starting-style {
    .popover:not(.popover-instant).show {
      opacity: 0;
    }
  }
  .bs-popover-top > .popover-arrow,
  .bs-popover-auto[data-bs-placement^=top] > .popover-arrow {
    bottom: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
  }
  .bs-popover-top > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before,
  .bs-popover-top > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {
    border-width: var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
  }
  .bs-popover-top > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::before {
    bottom: 0;
    border-block-start-color: var(--popover-arrow-border);
  }
  .bs-popover-top > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=top] > .popover-arrow::after {
    bottom: var(--popover-border-width);
    border-block-start-color: var(--popover-bg);
  }
  .bs-popover-end > .popover-arrow,
  .bs-popover-auto[data-bs-placement^=right] > .popover-arrow {
    left: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width);
  }
  .bs-popover-end > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before,
  .bs-popover-end > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {
    border-width: calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height) calc(var(--popover-arrow-width) * 0.5) 0;
  }
  .bs-popover-end > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::before {
    left: 0;
    border-inline-end-color: var(--popover-arrow-border);
  }
  .bs-popover-end > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=right] > .popover-arrow::after {
    left: var(--popover-border-width);
    border-inline-end-color: var(--popover-bg);
  }
  .bs-popover-bottom > .popover-arrow,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow {
    top: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
  }
  .bs-popover-bottom > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before,
  .bs-popover-bottom > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {
    border-width: 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
  }
  .bs-popover-bottom > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::before {
    top: 0;
    border-block-end-color: var(--popover-arrow-border);
  }
  .bs-popover-bottom > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow::after {
    top: var(--popover-border-width);
    border-block-end-color: var(--popover-bg);
  }
  .bs-popover-bottom > .popover-arrow:has(+ .popover-header)::after,
  .bs-popover-auto[data-bs-placement^=bottom] > .popover-arrow:has(+ .popover-header)::after {
    border-block-end-color: var(--popover-header-bg);
  }
  .bs-popover-bottom .popover-header::before,
  .bs-popover-auto[data-bs-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--popover-arrow-width);
    margin-inline-start: calc(-0.5 * var(--popover-arrow-width));
    content: "";
    border-block-end: var(--popover-border-width) solid var(--popover-header-bg);
  }
  .bs-popover-start > .popover-arrow,
  .bs-popover-auto[data-bs-placement^=left] > .popover-arrow {
    right: calc(-1 * (var(--popover-arrow-height)) - var(--popover-border-width));
    width: var(--popover-arrow-height);
    height: var(--popover-arrow-width);
  }
  .bs-popover-start > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before,
  .bs-popover-start > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {
    border-width: calc(var(--popover-arrow-width) * 0.5) 0 calc(var(--popover-arrow-width) * 0.5) var(--popover-arrow-height);
  }
  .bs-popover-start > .popover-arrow::before,
  .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::before {
    right: 0;
    border-inline-start-color: var(--popover-arrow-border);
  }
  .bs-popover-start > .popover-arrow::after,
  .bs-popover-auto[data-bs-placement^=left] > .popover-arrow::after {
    right: var(--popover-border-width);
    border-inline-start-color: var(--popover-bg);
  }
  .popover-header {
    padding: var(--popover-header-padding-y) var(--popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--popover-header-font-size);
    color: var(--popover-header-color);
    background-color: var(--popover-header-bg);
    border-block-end: var(--popover-border-width) solid var(--popover-border-color);
    border-start-start-radius: var(--popover-inner-border-radius);
    border-start-end-radius: var(--popover-inner-border-radius);
  }
  .popover-header:empty {
    display: none;
  }
  .popover-body {
    padding: var(--popover-body-padding-y) var(--popover-body-padding-x);
    color: var(--popover-body-color);
  }
}
@layer components {
  @keyframes progress-bar-stripes {
    0% {
      background-position-x: var(--progress-height);
    }
  }
  .progress,
  .progress-stacked {
    --progress-height: 1rem;
    --progress-font-size: var(--font-size-sm);
    --progress-bg: var(--bg-2);
    --progress-border-radius: var(--radius-5);
    --progress-box-shadow: var(--box-shadow-inset);
    --progress-bar-color: var(--white);
    --progress-bar-bg: var(--primary-bg);
    --progress-bar-transition: width 0.6s ease;
    --progress-bar-animation: progress-bar-stripes 1s linear infinite;
    display: flex;
    height: var(--progress-height);
    overflow: hidden;
    font-size: var(--progress-font-size);
    background-color: var(--progress-bg);
    border-radius: var(--progress-border-radius);
    box-shadow: var(--progress-box-shadow);
  }
  .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--theme-contrast, var(--progress-bar-color));
    text-align: center;
    white-space: nowrap;
    background-color: var(--theme-bg, var(--progress-bar-bg));
  }
  @media (prefers-reduced-motion: no-preference) {
    .progress-bar {
      transition: var(--progress-bar-transition);
    }
  }
  .progress-bar-striped {
    background-image:
      linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent);
    background-size: var(--progress-height) var(--progress-height);
  }
  .progress-stacked > .progress {
    overflow: visible;
  }
  .progress-stacked > .progress > .progress-bar {
    width: 100%;
  }
  .progress-bar-animated {
    animation: var(--progress-bar-animation);
  }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none;
    }
  }
}
@layer components {
  .spinner-grow,
  .spinner-border {
    display: inline-flex;
    flex-shrink: 0;
    width: var(--spinner-width);
    height: var(--spinner-height);
    border-radius: 50%;
    animation: var(--spinner-animation-speed) var(--spinner-animation-timing-function) infinite var(--spinner-animation-name);
  }
  @keyframes spinner-border {
    to {
      transform: rotate(360deg);
    }
  }
  .spinner-border {
    --spinner-width: 1em;
    --spinner-height: 1em;
    --spinner-border-width: 0.125em;
    --spinner-animation-speed: 1s;
    --spinner-animation-timing-function: linear;
    --spinner-animation-name: spinner-border;
    border: var(--spinner-border-width) solid currentcolor;
    border-inline-end-color: transparent;
  }
  .spinner-sm {
    --spinner-width: .75em;
    --spinner-height: .75em;
  }
  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
  .spinner-grow {
    --spinner-width: 1em;
    --spinner-height: 1em;
    --spinner-animation-speed: 1s;
    --spinner-animation-timing-function: ease-in-out;
    --spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
  }
  .spinner-rotate {
    animation: 1s linear infinite spinner-border;
  }
  @media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
      --spinner-animation-speed: 1.5s;
    }
  }
}
@layer components {
  .stepper {
    --stepper-size: 2rem;
    --stepper-gap: 1rem;
    --stepper-font-size: var(--font-size-sm);
    --stepper-text-gap: 0.5rem;
    --stepper-track-size: 0.125rem;
    --stepper-bg: var(--bg-2);
    --stepper-active-color: var(--primary-contrast);
    --stepper-active-bg: var(--primary-bg);
    display: grid;
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
    gap: var(--stepper-gap);
    padding-inline-start: 0;
    list-style-type: "";
    counter-reset: stepper;
  }
  .stepper-item {
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: var(--stepper-size) auto;
    gap: var(--stepper-text-gap);
    align-items: var(--stepper-align-items, center);
    text-decoration: none;
  }
  .stepper-item::before {
    position: relative;
    z-index: 1;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: var(--stepper-size);
    height: var(--stepper-size);
    padding: 0.5rem;
    font-size: var(--stepper-font-size);
    font-weight: 600;
    line-height: 1;
    text-align: center;
    content: counter(stepper);
    counter-increment: stepper;
    background-color: var(--stepper-bg);
    border-radius: 50%;
  }
  .stepper-item::after {
    position: absolute;
    inset-block-start: 50%;
    inset-block-end: 100%;
    inset-inline-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
    width: var(--stepper-track-size);
    height: calc(100% + var(--stepper-gap));
    content: "";
    background-color: var(--stepper-bg);
  }
  .stepper-item:last-child::after {
    display: none;
  }
  .stepper-item.active::before,
  .stepper-item.active::after {
    color: var(--theme-contrast, var(--stepper-active-color));
    background-color: var(--theme-bg, var(--stepper-active-bg));
  }
  .stepper-item.active:not(:has(+ .stepper-item.active))::after {
    background-color: var(--stepper-bg);
  }
  .stepper-horizontal {
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
  .stepper-horizontal .stepper-item {
    grid-template-rows: var(--stepper-size) auto;
    grid-template-columns: auto;
    align-items: start;
    justify-items: center;
    text-align: center;
  }
  .stepper-horizontal .stepper-item::after {
    inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
    inset-block-end: auto;
    inset-inline-start: 50%;
    inset-inline-end: 100%;
    width: calc(100% + var(--stepper-gap));
    height: var(--stepper-track-size);
  }
  .stepper-horizontal .stepper-item:last-child::after {
    right: 100%;
  }
  @container (width >= 576px) {
    .sm\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .sm\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .sm\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .sm\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 768px) {
    .md\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .md\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .md\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .md\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1024px) {
    .lg\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .lg\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .lg\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .lg\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1280px) {
    .xl\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .xl\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .xl\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .xl\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  @container (width >= 1536px) {
    .\32xl\:stepper-horizontal {
      display: inline-grid;
      grid-auto-columns: 1fr;
      grid-auto-flow: column;
    }
    .\32xl\:stepper-horizontal .stepper-item {
      grid-template-rows: var(--stepper-size) auto;
      grid-template-columns: auto;
      align-items: start;
      justify-items: center;
      text-align: center;
    }
    .\32xl\:stepper-horizontal .stepper-item::after {
      inset-block-start: calc(var(--stepper-size) * 0.5 - var(--stepper-track-size) * 0.5);
      inset-block-end: auto;
      inset-inline-start: 50%;
      inset-inline-end: 100%;
      width: calc(100% + var(--stepper-gap));
      height: var(--stepper-track-size);
    }
    .\32xl\:stepper-horizontal .stepper-item:last-child::after {
      right: 100%;
    }
  }
  .stepper-overflow {
    container-type: inline-size;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .stepper-overflow > .stepper {
    width: max-content;
    min-width: 100%;
  }
}
@layer components {
  .toast {
    --toast-zindex: var(--z-toast);
    --toast-padding-x: 1rem;
    --toast-padding-y: 0.75rem;
    --toast-spacing: 1.5rem;
    --toast-max-width: 350px;
    --toast-font-size: var(--font-size-sm);
    --toast-bg: var(--bg-body);
    --toast-border-width: var(--border-width);
    --toast-border-color: var(--border-color-translucent);
    --toast-box-shadow: var(--box-shadow);
    --toast-header-color: var(--fg-3);
    --toast-header-bg: var(--bg-1);
    --toast-header-border-color: var(--border-color-translucent);
    --toast-transition-property: opacity, display;
    --toast-transition-duration: 0.15s;
    --toast-transition-timing: linear;
    display: none;
    flex-direction: column;
    width: var(--toast-max-width);
    max-width: 100%;
    overflow: hidden;
    font-size: var(--toast-font-size);
    color: var(--toast-color, var(--fg-body));
    pointer-events: auto;
    background-color: var(--toast-bg);
    background-clip: padding-box;
    border: var(--toast-border-width) solid var(--theme-border, var(--toast-border-color));
    box-shadow: var(--toast-box-shadow);
    border-radius: var(--toast-border-radius, var(--radius-7));
  }
  .toast:not(.toast-instant) {
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .toast:not(.toast-instant) {
      transition-timing-function: var(--toast-transition-timing);
      transition-duration: var(--toast-transition-duration);
      transition-property: var(--toast-transition-property);
      transition-behavior: allow-discrete;
    }
  }
  .toast.show {
    display: flex;
    opacity: 1;
  }
  @starting-style {
    .toast:not(.toast-instant).show {
      opacity: 0;
    }
  }
  .toast-container {
    --toast-zindex: var(--z-toast);
    position: absolute;
    z-index: var(--toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none;
  }
  .toast-container > :not(:last-child) {
    margin-bottom: var(--toast-spacing);
  }
  .toast-header {
    display: flex;
    align-items: center;
    padding: var(--toast-padding-y) var(--toast-padding-x);
    color: var(--theme-fg-emphasis, var(--toast-header-color));
    background-color: var(--theme-bg-subtle, var(--toast-header-bg));
    border-block-end: var(--toast-border-width, var(--border-width)) solid var(--theme-border, var(--toast-header-border-color, var(--border-color-translucent)));
  }
  .toast-header .btn-close {
    margin-inline-start: calc(0.5 * var(--toast-padding-x));
    margin-inline-end: calc(-0.25 * var(--toast-padding-x));
    color: inherit;
  }
  .toast-translucent {
    backdrop-filter: blur(5px) saturate(180%);
  }
  .toast-body {
    padding: var(--toast-padding-x);
    word-wrap: break-word;
  }
}
@layer components {
  .tooltip {
    --tooltip-zindex: var(--z-tooltip);
    --tooltip-max-width: 200px;
    --tooltip-padding-x: var(--spacer-3);
    --tooltip-padding-y: calc(var(--spacer) * 0.375);
    --tooltip-font-size: var(--font-size-sm);
    --tooltip-color: var(--bg-body);
    --tooltip-bg: var(--fg-body);
    --tooltip-border-radius: var(--radius-5);
    --tooltip-opacity: 0.95;
    --tooltip-arrow-width: 0.8rem;
    --tooltip-arrow-height: 0.4rem;
    --tooltip-transition-property: opacity;
    --tooltip-transition-duration: 0.15s;
    --tooltip-transition-timing: linear;
    z-index: var(--tooltip-zindex);
    display: block;
    font-family: var(--body-font-family);
    font-style: normal;
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--tooltip-font-size);
    word-wrap: break-word;
    opacity: 0;
  }
  @media (prefers-reduced-motion: no-preference) {
    .tooltip:not(.tooltip-instant) {
      transition-timing-function: var(--tooltip-transition-timing);
      transition-duration: var(--tooltip-transition-duration);
      transition-property: var(--tooltip-transition-property);
    }
  }
  .tooltip.show {
    opacity: var(--tooltip-opacity);
  }
  .tooltip .tooltip-arrow {
    display: block;
    width: var(--tooltip-arrow-width);
    height: var(--tooltip-arrow-height);
  }
  .tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  @starting-style {
    .tooltip:not(.tooltip-instant).show {
      opacity: 0;
    }
  }
  .bs-tooltip-top .tooltip-arrow,
  .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow {
    bottom: calc(-1 * var(--tooltip-arrow-height));
  }
  .bs-tooltip-top .tooltip-arrow::before,
  .bs-tooltip-auto[data-bs-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
    border-block-start-color: var(--tooltip-bg);
  }
  .bs-tooltip-end .tooltip-arrow,
  .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow {
    left: calc(-1 * var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width);
  }
  .bs-tooltip-end .tooltip-arrow::before,
  .bs-tooltip-auto[data-bs-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height) calc(var(--tooltip-arrow-width) * 0.5) 0;
    border-inline-end-color: var(--tooltip-bg);
  }
  .bs-tooltip-bottom .tooltip-arrow,
  .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow {
    top: calc(-1 * var(--tooltip-arrow-height));
  }
  .bs-tooltip-bottom .tooltip-arrow::before,
  .bs-tooltip-auto[data-bs-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
    border-block-end-color: var(--tooltip-bg);
  }
  .bs-tooltip-start .tooltip-arrow,
  .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow {
    right: calc(-1 * var(--tooltip-arrow-height));
    width: var(--tooltip-arrow-height);
    height: var(--tooltip-arrow-width);
  }
  .bs-tooltip-start .tooltip-arrow::before,
  .bs-tooltip-auto[data-bs-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--tooltip-arrow-width) * 0.5) 0 calc(var(--tooltip-arrow-width) * 0.5) var(--tooltip-arrow-height);
    border-inline-start-color: var(--tooltip-bg);
  }
  .tooltip-inner {
    max-width: var(--tooltip-max-width);
    padding: var(--tooltip-padding-y) var(--tooltip-padding-x);
    color: var(--tooltip-color);
    text-align: center;
    background-color: var(--tooltip-bg);
    border-radius: var(--tooltip-border-radius);
  }
}
.fade {
  --transition-fade-duration: 0.15s;
  --transition-fade-timing: linear;
}
@media (prefers-reduced-motion: no-preference) {
  .fade {
    transition: opacity var(--transition-fade-duration) var(--transition-fade-timing);
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse {
  --transition-collapse-property: block-size, display;
  --transition-collapse-duration: 0.35s;
  --transition-collapse-timing: ease;
  overflow-y: clip;
}
@media (prefers-reduced-motion: no-preference) {
  .collapse {
    transition-timing-function: var(--transition-collapse-timing);
    transition-duration: var(--transition-collapse-duration);
    transition-property: var(--transition-collapse-property);
    transition-behavior: allow-discrete;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .collapse {
    interpolate-size: allow-keywords;
  }
}
.collapse:not(.show) {
  display: none;
  block-size: 0;
}
@starting-style {
  .collapse.show {
    block-size: 0;
  }
}
.collapse.collapse-horizontal {
  --transition-collapse-property: inline-size, display;
  inline-size: fit-content;
  overflow-x: clip;
  overflow-y: visible;
}
.collapse.collapse-horizontal:not(.show) {
  inline-size: 0;
  block-size: auto;
}
@starting-style {
  .collapse.collapse-horizontal.show {
    inline-size: 0;
  }
}
@layer helpers {
  .focus-ring:focus-visible {
    outline: var(--focus-ring-width) solid var(--theme-focus-ring, var(--focus-ring-color));
  }
}
@layer helpers {
  .hover-lift {
    --hover-lift-transition-duration: 0.2s;
    --hover-lift-transition-timing: ease;
    --hover-lift-transform: translateY(-0.25rem);
    --hover-lift-box-shadow: var(--box-shadow-lg);
  }
  @media (prefers-reduced-motion: no-preference) {
    .hover-lift {
      transition: transform var(--hover-lift-transition-duration) var(--hover-lift-transition-timing), box-shadow var(--hover-lift-transition-duration) var(--hover-lift-transition-timing);
    }
  }
  .hover-lift:hover,
  .hover-lift:focus-visible {
    transform: var(--hover-lift-transform);
    box-shadow: var(--hover-lift-box-shadow);
  }
}
@layer helpers {
  .icon-link {
    --icon-link-gap: 0.375rem;
    --icon-link-underline-offset: 0.25em;
    --icon-link-icon-size: 1em;
    --icon-link-icon-transition: 0.2s ease-in-out transform;
    --icon-link-icon-transform: translate3d(0.25em, 0, 0);
    display: inline-flex;
    gap: var(--icon-link-gap);
    align-items: center;
    text-decoration-color: color-mix(in oklch, var(--link-color) 50%, transparent);
    text-underline-offset: var(--icon-link-underline-offset);
    backface-visibility: hidden;
  }
  .icon-link > .bi {
    flex-shrink: 0;
    width: var(--icon-link-icon-size);
    height: var(--icon-link-icon-size);
    fill: currentcolor;
  }
  @media (prefers-reduced-motion: no-preference) {
    .icon-link > .bi {
      transition: var(--icon-link-icon-transition);
    }
  }
  .icon-link-hover:hover > .bi,
  .icon-link-hover:focus-visible > .bi {
    transform: var(--icon-link-transform, var(--icon-link-icon-transform));
  }
}
@layer helpers {
  .fixed-top {
    position: fixed;
    inset: 0 0 auto;
    z-index: var(--z-fixed);
  }
  .fixed-bottom {
    position: fixed;
    inset: auto 0 0;
    z-index: var(--z-fixed);
  }
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
  }
  .sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: var(--z-sticky);
  }
  @media (width >= 576px) {
    .sm\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .sm\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 768px) {
    .md\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .md\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1024px) {
    .lg\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .lg\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1280px) {
    .xl\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .xl\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
  @media (width >= 1536px) {
    .\32xl\:sticky-top {
      position: sticky;
      top: 0;
      z-index: var(--z-sticky);
    }
    .\32xl\:sticky-bottom {
      position: sticky;
      bottom: 0;
      z-index: var(--z-sticky);
    }
  }
}
@layer helpers {
  .stack-container {
    container-type: inline-size;
  }
  [class*=hstack],
  [class*=vstack] {
    display: flex;
    flex: var(--stack-flex, 1 1 auto);
    flex-direction: var(--stack-direction, row);
    align-items: var(--stack-align-items, center);
    align-self: var(--stack-align-self, stretch);
  }
  .vstack {
    --stack-direction: column;
    --stack-align-items: stretch;
  }
  .hstack {
    --stack-direction: row;
    --stack-align-items: flex-start;
  }
  @container (width >= 576px) {
    .sm\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 576px) {
    .sm\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 768px) {
    .md\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 768px) {
    .md\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1024px) {
    .lg\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1024px) {
    .lg\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1280px) {
    .xl\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1280px) {
    .xl\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
  @container (width >= 1536px) {
    .\32xl\:vstack {
      --stack-direction: column;
      --stack-align-items: stretch;
    }
  }
  @container (width >= 1536px) {
    .\32xl\:hstack {
      --stack-direction: row;
      --stack-align-items: flex-start;
    }
  }
}
@layer helpers {
  .theme-primary {
    --theme-base: var(--primary-base);
    --theme-fg: var(--primary-fg);
    --theme-fg-emphasis: var(--primary-fg-emphasis);
    --theme-bg: var(--primary-bg);
    --theme-bg-subtle: var(--primary-bg-subtle);
    --theme-bg-muted: var(--primary-bg-muted);
    --theme-border: var(--primary-border);
    --theme-focus-ring: var(--primary-focus-ring);
    --theme-contrast: var(--primary-contrast);
  }
  .theme-accent {
    --theme-base: var(--accent-base);
    --theme-fg: var(--accent-fg);
    --theme-fg-emphasis: var(--accent-fg-emphasis);
    --theme-bg: var(--accent-bg);
    --theme-bg-subtle: var(--accent-bg-subtle);
    --theme-bg-muted: var(--accent-bg-muted);
    --theme-border: var(--accent-border);
    --theme-focus-ring: var(--accent-focus-ring);
    --theme-contrast: var(--accent-contrast);
  }
  .theme-success {
    --theme-base: var(--success-base);
    --theme-fg: var(--success-fg);
    --theme-fg-emphasis: var(--success-fg-emphasis);
    --theme-bg: var(--success-bg);
    --theme-bg-subtle: var(--success-bg-subtle);
    --theme-bg-muted: var(--success-bg-muted);
    --theme-border: var(--success-border);
    --theme-focus-ring: var(--success-focus-ring);
    --theme-contrast: var(--success-contrast);
  }
  .theme-danger {
    --theme-base: var(--danger-base);
    --theme-fg: var(--danger-fg);
    --theme-fg-emphasis: var(--danger-fg-emphasis);
    --theme-bg: var(--danger-bg);
    --theme-bg-subtle: var(--danger-bg-subtle);
    --theme-bg-muted: var(--danger-bg-muted);
    --theme-border: var(--danger-border);
    --theme-focus-ring: var(--danger-focus-ring);
    --theme-contrast: var(--danger-contrast);
  }
  .theme-warning {
    --theme-base: var(--warning-base);
    --theme-fg: var(--warning-fg);
    --theme-fg-emphasis: var(--warning-fg-emphasis);
    --theme-bg: var(--warning-bg);
    --theme-bg-subtle: var(--warning-bg-subtle);
    --theme-bg-muted: var(--warning-bg-muted);
    --theme-border: var(--warning-border);
    --theme-focus-ring: var(--warning-focus-ring);
    --theme-contrast: var(--warning-contrast);
  }
  .theme-info {
    --theme-base: var(--info-base);
    --theme-fg: var(--info-fg);
    --theme-fg-emphasis: var(--info-fg-emphasis);
    --theme-bg: var(--info-bg);
    --theme-bg-subtle: var(--info-bg-subtle);
    --theme-bg-muted: var(--info-bg-muted);
    --theme-border: var(--info-border);
    --theme-focus-ring: var(--info-focus-ring);
    --theme-contrast: var(--info-contrast);
  }
  .theme-inverse {
    --theme-base: var(--inverse-base);
    --theme-fg: var(--inverse-fg);
    --theme-fg-emphasis: var(--inverse-fg-emphasis);
    --theme-bg: var(--inverse-bg);
    --theme-bg-subtle: var(--inverse-bg-subtle);
    --theme-bg-muted: var(--inverse-bg-muted);
    --theme-border: var(--inverse-border);
    --theme-focus-ring: var(--inverse-focus-ring);
    --theme-contrast: var(--inverse-contrast);
  }
  .theme-secondary {
    --theme-base: var(--secondary-base);
    --theme-fg: var(--secondary-fg);
    --theme-fg-emphasis: var(--secondary-fg-emphasis);
    --theme-bg: var(--secondary-bg);
    --theme-bg-subtle: var(--secondary-bg-subtle);
    --theme-bg-muted: var(--secondary-bg-muted);
    --theme-border: var(--secondary-border);
    --theme-focus-ring: var(--secondary-focus-ring);
    --theme-contrast: var(--secondary-contrast);
  }
  .theme-reset {
    --theme-base: initial;
    --theme-fg: initial;
    --theme-fg-emphasis: initial;
    --theme-bg: initial;
    --theme-bg-subtle: initial;
    --theme-bg-muted: initial;
    --theme-border: initial;
    --theme-focus-ring: initial;
    --theme-contrast: initial;
  }
  .theme-contrast {
    --theme-fg: var(--theme-contrast);
    --theme-fg-emphasis: var(--theme-contrast);
  }
  .theme-muted {
    --theme-fg: var(--theme-fg-emphasis);
  }
}
@layer helpers {
  .visually-hidden,
  .visually-hidden-focusable:not(:focus, :focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .visually-hidden:not(caption),
  .visually-hidden-focusable:not(:focus, :focus-within):not(caption) {
    position: absolute !important;
  }
  .visually-hidden *,
  .visually-hidden-focusable:not(:focus, :focus-within) * {
    overflow: hidden !important;
  }
}
@layer helpers {
  .stretched-link {
    --stretched-link-z-index: 1;
  }
  .stretched-link::after {
    position: absolute;
    inset: 0;
    z-index: var(--stretched-link-z-index);
    content: "";
  }
}
@layer helpers {
  .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@layer helpers {
  .vr {
    display: inline-block;
    align-self: stretch;
    width: var(--vr-border-width, var(--border-width));
    min-height: 1em;
    background-color: var(--border-color);
  }
}
@property --ratio { syntax: "*"; inherits: false; }
@property --sc { syntax: "*"; inherits: false; }
@property --so { syntax: "*"; inherits: false; }
@property --bc { syntax: "*"; inherits: false; }
@property --fg { syntax: "*"; inherits: false; }
@property --underline-color { syntax: "*"; inherits: false; }
@property --bg { syntax: "*"; inherits: false; }
@property --rounded-size { syntax: "*"; inherits: false; }
@layer utilities {
  .align-baseline {
    vertical-align: baseline;
  }
  .align-top {
    vertical-align: top;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  [class*=ratio-] {
    aspect-ratio: var(--ratio);
  }
  .ratio-auto {
    --ratio: auto;
  }
  .ratio-1x1 {
    --ratio: 1 / 1;
  }
  .ratio-4x3 {
    --ratio: 4 / 3;
  }
  .ratio-16x9 {
    --ratio: 16 / 9;
  }
  .ratio-21x9 {
    --ratio: 21 / 9;
  }
  .float-start {
    float: inline-start;
  }
  .float-end {
    float: inline-end;
  }
  .float-none {
    float: none;
  }
  .object-fit-contain {
    object-fit: contain;
  }
  .object-fit-cover {
    object-fit: cover;
  }
  .object-fit-fill {
    object-fit: fill;
  }
  .object-fit-scale {
    object-fit: scale-down;
  }
  .object-fit-none {
    object-fit: none;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-25 {
    opacity: 0.25;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-75 {
    opacity: 0.75;
  }
  .opacity-100 {
    opacity: 1;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .contains-inline {
    container-type: inline-size;
  }
  .contains-size {
    container-type: size;
  }
  .d-inline {
    display: inline;
  }
  .d-inline-block {
    display: inline-block;
  }
  .d-block {
    display: block;
  }
  .d-grid {
    display: grid;
  }
  .d-inline-grid {
    display: inline-grid;
  }
  .d-table {
    display: table;
  }
  .d-table-row {
    display: table-row;
  }
  .d-table-cell {
    display: table-cell;
  }
  .d-flex {
    display: flex;
  }
  .d-inline-flex {
    display: inline-flex;
  }
  .d-contents {
    display: contents;
  }
  .d-flow-root {
    display: flow-root;
  }
  .d-none {
    display: none;
  }
  .shadow {
    box-shadow:
      0 .125rem .25rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))),
      0 .375rem .75rem -.125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
      0 .75rem 1.5rem -.25rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-xs {
    box-shadow: 0 0.0625rem 0.125rem oklch(from var(--sc, var(--shadow-color)) l c h/calc(0.04 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-sm {
    box-shadow: 0 .0625rem .125rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.04 * var(--shadow-strength) * var(--so, 1))), 0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-lg {
    box-shadow:
      0 .125rem .375rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
      0 .375rem 1rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))),
      0 .75rem 2rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))),
      0 1.5rem 3.5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.08 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-xl {
    box-shadow:
      0 .1875rem .5rem -.0625rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.05 * var(--shadow-strength) * var(--so, 1))),
      0 .5rem 1.25rem -.1875rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.06 * var(--shadow-strength) * var(--so, 1))),
      0 1rem 2.5rem -.375rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.07 * var(--shadow-strength) * var(--so, 1))),
      0 2rem 5rem -.75rem oklch(from var(--sc, var(--shadow-color)) l c h / calc(.09 * var(--shadow-strength) * var(--so, 1)));
  }
  .shadow-none {
    box-shadow: none;
  }
  .shadow-primary {
    --sc: var(--primary-base);
  }
  .shadow-accent {
    --sc: var(--accent-base);
  }
  .shadow-success {
    --sc: var(--success-base);
  }
  .shadow-danger {
    --sc: var(--danger-base);
  }
  .shadow-warning {
    --sc: var(--warning-base);
  }
  .shadow-info {
    --sc: var(--info-base);
  }
  .shadow-inverse {
    --sc: var(--inverse-base);
  }
  .shadow-secondary {
    --sc: var(--secondary-base);
  }
  .shadow-current {
    --sc: currentcolor;
  }
  .shadow-black {
    --sc: var(--black);
  }
  .shadow-white {
    --sc: var(--white);
  }
  .shadow-opacity-10 {
    --so: 0.2;
  }
  .shadow-opacity-20 {
    --so: 0.4;
  }
  .shadow-opacity-30 {
    --so: 0.6;
  }
  .shadow-opacity-40 {
    --so: 0.8;
  }
  .shadow-opacity-50 {
    --so: 1;
  }
  .shadow-opacity-60 {
    --so: 1.2;
  }
  .shadow-opacity-70 {
    --so: 1.4;
  }
  .shadow-opacity-80 {
    --so: 1.6;
  }
  .shadow-opacity-90 {
    --so: 1.8;
  }
  .shadow-opacity-100 {
    --so: 2;
  }
  .position-static {
    position: static;
  }
  .position-relative {
    position: relative;
  }
  .position-absolute {
    position: absolute;
  }
  .position-fixed {
    position: fixed;
  }
  .position-sticky {
    position: sticky;
  }
  .top-0 {
    top: 0;
  }
  .top-50 {
    top: 50%;
  }
  .top-100 {
    top: 100%;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-50 {
    bottom: 50%;
  }
  .bottom-100 {
    bottom: 100%;
  }
  .start-0 {
    inset-inline-start: 0;
  }
  .start-50 {
    inset-inline-start: 50%;
  }
  .start-100 {
    inset-inline-start: 100%;
  }
  .end-0 {
    inset-inline-end: 0;
  }
  .end-50 {
    inset-inline-end: 50%;
  }
  .end-100 {
    inset-inline-end: 100%;
  }
  .translate-middle {
    transform: translate(-50%, -50%);
  }
  .translate-middle-x {
    transform: translateX(-50%);
  }
  .translate-middle-y {
    transform: translateY(-50%);
  }
  .border {
    border: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-0 {
    border: 0;
  }
  .border-top {
    border-block-start: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-top-0 {
    border-block-start: 0;
  }
  .border-end {
    border-inline-end: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-end-0 {
    border-inline-end: 0;
  }
  .border-bottom {
    border-block-end: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-bottom-0 {
    border-block-end: 0;
  }
  .border-start {
    border-inline-start: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-start-0 {
    border-inline-start: 0;
  }
  .border-y {
    border-block: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-y-0 {
    border-block: 0;
  }
  .border-x {
    border-inline: var(--border-width) var(--border-style) var(--border-color);
  }
  .border-x-0 {
    border-inline: 0;
  }
  .border-primary {
    --bc: var(--primary-bg);
    border-color: var(--bc);
  }
  .border-accent {
    --bc: var(--accent-bg);
    border-color: var(--bc);
  }
  .border-success {
    --bc: var(--success-bg);
    border-color: var(--bc);
  }
  .border-danger {
    --bc: var(--danger-bg);
    border-color: var(--bc);
  }
  .border-warning {
    --bc: var(--warning-bg);
    border-color: var(--bc);
  }
  .border-info {
    --bc: var(--info-bg);
    border-color: var(--bc);
  }
  .border-inverse {
    --bc: var(--inverse-bg);
    border-color: var(--bc);
  }
  .border-secondary {
    --bc: var(--secondary-bg);
    border-color: var(--bc);
  }
  .border-bg {
    --bc: var(--border-bg);
    border-color: var(--bc);
  }
  .border-body {
    --bc: var(--border-body);
    border-color: var(--bc);
  }
  .border-muted {
    --bc: var(--border-muted);
    border-color: var(--bc);
  }
  .border-subtle {
    --bc: var(--border-subtle);
    border-color: var(--bc);
  }
  .border-emphasized {
    --bc: var(--border-emphasized);
    border-color: var(--bc);
  }
  .border-white {
    --bc: var(--border-white);
    border-color: var(--bc);
  }
  .border-black {
    --bc: var(--border-black);
    border-color: var(--bc);
  }
  .border-subtle-primary {
    --bc: var(--primary-border);
    border-color: var(--bc);
  }
  .border-subtle-accent {
    --bc: var(--accent-border);
    border-color: var(--bc);
  }
  .border-subtle-success {
    --bc: var(--success-border);
    border-color: var(--bc);
  }
  .border-subtle-danger {
    --bc: var(--danger-border);
    border-color: var(--bc);
  }
  .border-subtle-warning {
    --bc: var(--warning-border);
    border-color: var(--bc);
  }
  .border-subtle-info {
    --bc: var(--info-border);
    border-color: var(--bc);
  }
  .border-subtle-inverse {
    --bc: var(--inverse-border);
    border-color: var(--bc);
  }
  .border-subtle-secondary {
    --bc: var(--secondary-border);
    border-color: var(--bc);
  }
  .border-keyline {
    border-width: var(--border-width-keyline);
  }
  .border-1 {
    border-width: 1px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-3 {
    border-width: 3px;
  }
  .border-4 {
    border-width: 4px;
  }
  .border-5 {
    border-width: 5px;
  }
  .border-10 {
    border-color: color-mix(in oklch, var(--bc) 10%, transparent);
  }
  .border-20 {
    border-color: color-mix(in oklch, var(--bc) 20%, transparent);
  }
  .border-30 {
    border-color: color-mix(in oklch, var(--bc) 30%, transparent);
  }
  .border-40 {
    border-color: color-mix(in oklch, var(--bc) 40%, transparent);
  }
  .border-50 {
    border-color: color-mix(in oklch, var(--bc) 50%, transparent);
  }
  .border-60 {
    border-color: color-mix(in oklch, var(--bc) 60%, transparent);
  }
  .border-70 {
    border-color: color-mix(in oklch, var(--bc) 70%, transparent);
  }
  .border-80 {
    border-color: color-mix(in oklch, var(--bc) 80%, transparent);
  }
  .border-90 {
    border-color: color-mix(in oklch, var(--bc) 90%, transparent);
  }
  .border-100 {
    border-color: var(--bc);
  }
  .w-1 {
    width: 1rem;
  }
  .w-2 {
    width: 2rem;
  }
  .w-3 {
    width: 3rem;
  }
  .w-4 {
    width: 4rem;
  }
  .w-5 {
    width: 5rem;
  }
  .w-6 {
    width: 6rem;
  }
  .w-7 {
    width: 7rem;
  }
  .w-8 {
    width: 8rem;
  }
  .w-9 {
    width: 9rem;
  }
  .w-10 {
    width: 10rem;
  }
  .w-11 {
    width: 11rem;
  }
  .w-12 {
    width: 12rem;
  }
  .w-25 {
    width: 25%;
  }
  .w-50 {
    width: 50%;
  }
  .w-75 {
    width: 75%;
  }
  .w-100 {
    width: 100%;
  }
  .w-auto {
    width: auto;
  }
  .w-min {
    width: min-content;
  }
  .w-max {
    width: max-content;
  }
  .w-fit {
    width: fit-content;
  }
  .max-w-100 {
    max-width: 100%;
  }
  .min-w-0 {
    min-width: 0;
  }
  .min-w-100 {
    min-width: 100%;
  }
  .vw-100 {
    width: 100vw;
  }
  .min-vw-100 {
    min-width: 100vw;
  }
  .dvw-100 {
    width: 100dvw;
  }
  .min-dvw-100 {
    min-width: 100dvw;
  }
  .h-25 {
    height: 25%;
  }
  .h-50 {
    height: 50%;
  }
  .h-75 {
    height: 75%;
  }
  .h-100 {
    height: 100%;
  }
  .h-auto {
    height: auto;
  }
  .h-min {
    height: min-content;
  }
  .h-max {
    height: max-content;
  }
  .h-fit {
    height: fit-content;
  }
  .max-h-100 {
    max-height: 100%;
  }
  .min-h-0 {
    min-height: 0;
  }
  .min-h-100 {
    min-height: 100%;
  }
  .vh-100 {
    height: 100vh;
  }
  .min-vh-100 {
    min-height: 100vh;
  }
  .dvh-100 {
    height: 100dvh;
  }
  .min-dvh-100 {
    min-height: 100dvh;
  }
  .flex-fill {
    flex: 1 1 auto;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-column {
    flex-direction: column;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-grow-1 {
    flex-grow: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink-1 {
    flex-shrink: 1;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .justify-content-start {
    justify-content: flex-start;
  }
  .justify-content-end {
    justify-content: flex-end;
  }
  .justify-content-center {
    justify-content: center;
  }
  .justify-content-between {
    justify-content: space-between;
  }
  .justify-content-around {
    justify-content: space-around;
  }
  .justify-content-evenly {
    justify-content: space-evenly;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .justify-self-start {
    justify-self: start;
  }
  .justify-self-end {
    justify-self: end;
  }
  .justify-self-center {
    justify-self: center;
  }
  .align-items-start {
    align-items: flex-start;
  }
  .align-items-end {
    align-items: flex-end;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-baseline {
    align-items: baseline;
  }
  .align-items-stretch {
    align-items: stretch;
  }
  .align-content-start {
    align-content: flex-start;
  }
  .align-content-end {
    align-content: flex-end;
  }
  .align-content-center {
    align-content: center;
  }
  .align-content-between {
    align-content: space-between;
  }
  .align-content-around {
    align-content: space-around;
  }
  .align-content-stretch {
    align-content: stretch;
  }
  .align-self-auto {
    align-self: auto;
  }
  .align-self-start {
    align-self: flex-start;
  }
  .align-self-end {
    align-self: flex-end;
  }
  .align-self-center {
    align-self: center;
  }
  .align-self-baseline {
    align-self: baseline;
  }
  .align-self-stretch {
    align-self: stretch;
  }
  .place-items-start {
    place-items: start;
  }
  .place-items-end {
    place-items: end;
  }
  .place-items-center {
    place-items: center;
  }
  .place-items-stretch {
    place-items: stretch;
  }
  .grid-cols-1 {
    grid-template-columns: 1fr;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-cols-fill {
    grid-column: 1 / -1;
  }
  .grid-auto-flow-row {
    grid-auto-flow: row;
  }
  .grid-auto-flow-column {
    grid-auto-flow: column;
  }
  .grid-auto-flow-dense {
    grid-auto-flow: dense;
  }
  .order-first {
    order: -1;
  }
  .order-0 {
    order: 0;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .order-4 {
    order: 4;
  }
  .order-5 {
    order: 5;
  }
  .order-last {
    order: 6;
  }
  .m-0 {
    margin: 0;
  }
  .m-1 {
    margin: 0.25rem;
  }
  .m-2 {
    margin: 0.375rem;
  }
  .m-3 {
    margin: 0.5rem;
  }
  .m-4 {
    margin: 0.75rem;
  }
  .m-5 {
    margin: 1rem;
  }
  .m-6 {
    margin: 1.25rem;
  }
  .m-7 {
    margin: 1.5rem;
  }
  .m-8 {
    margin: 1.75rem;
  }
  .m-9 {
    margin: 2rem;
  }
  .m-10 {
    margin: 2.25rem;
  }
  .m-11 {
    margin: 2.5rem;
  }
  .m-12 {
    margin: 3rem;
  }
  .m-auto {
    margin: auto;
  }
  .mx-0 {
    margin-inline: 0;
  }
  .mx-1 {
    margin-inline: 0.25rem;
  }
  .mx-2 {
    margin-inline: 0.375rem;
  }
  .mx-3 {
    margin-inline: 0.5rem;
  }
  .mx-4 {
    margin-inline: 0.75rem;
  }
  .mx-5 {
    margin-inline: 1rem;
  }
  .mx-6 {
    margin-inline: 1.25rem;
  }
  .mx-7 {
    margin-inline: 1.5rem;
  }
  .mx-8 {
    margin-inline: 1.75rem;
  }
  .mx-9 {
    margin-inline: 2rem;
  }
  .mx-10 {
    margin-inline: 2.25rem;
  }
  .mx-11 {
    margin-inline: 2.5rem;
  }
  .mx-12 {
    margin-inline: 3rem;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: 0;
  }
  .my-1 {
    margin-block: 0.25rem;
  }
  .my-2 {
    margin-block: 0.375rem;
  }
  .my-3 {
    margin-block: 0.5rem;
  }
  .my-4 {
    margin-block: 0.75rem;
  }
  .my-5 {
    margin-block: 1rem;
  }
  .my-6 {
    margin-block: 1.25rem;
  }
  .my-7 {
    margin-block: 1.5rem;
  }
  .my-8 {
    margin-block: 1.75rem;
  }
  .my-9 {
    margin-block: 2rem;
  }
  .my-10 {
    margin-block: 2.25rem;
  }
  .my-11 {
    margin-block: 2.5rem;
  }
  .my-12 {
    margin-block: 3rem;
  }
  .my-auto {
    margin-block: auto;
  }
  .mt-0 {
    margin-block-start: 0;
  }
  .mt-1 {
    margin-block-start: 0.25rem;
  }
  .mt-2 {
    margin-block-start: 0.375rem;
  }
  .mt-3 {
    margin-block-start: 0.5rem;
  }
  .mt-4 {
    margin-block-start: 0.75rem;
  }
  .mt-5 {
    margin-block-start: 1rem;
  }
  .mt-6 {
    margin-block-start: 1.25rem;
  }
  .mt-7 {
    margin-block-start: 1.5rem;
  }
  .mt-8 {
    margin-block-start: 1.75rem;
  }
  .mt-9 {
    margin-block-start: 2rem;
  }
  .mt-10 {
    margin-block-start: 2.25rem;
  }
  .mt-11 {
    margin-block-start: 2.5rem;
  }
  .mt-12 {
    margin-block-start: 3rem;
  }
  .mt-auto {
    margin-block-start: auto;
  }
  .me-0 {
    margin-inline-end: 0;
  }
  .me-1 {
    margin-inline-end: 0.25rem;
  }
  .me-2 {
    margin-inline-end: 0.375rem;
  }
  .me-3 {
    margin-inline-end: 0.5rem;
  }
  .me-4 {
    margin-inline-end: 0.75rem;
  }
  .me-5 {
    margin-inline-end: 1rem;
  }
  .me-6 {
    margin-inline-end: 1.25rem;
  }
  .me-7 {
    margin-inline-end: 1.5rem;
  }
  .me-8 {
    margin-inline-end: 1.75rem;
  }
  .me-9 {
    margin-inline-end: 2rem;
  }
  .me-10 {
    margin-inline-end: 2.25rem;
  }
  .me-11 {
    margin-inline-end: 2.5rem;
  }
  .me-12 {
    margin-inline-end: 3rem;
  }
  .me--1 {
    margin-inline-end: -0.25rem;
  }
  .me--2 {
    margin-inline-end: -0.5rem;
  }
  .me-auto {
    margin-inline-end: auto;
  }
  .mb-0 {
    margin-block-end: 0;
  }
  .mb-1 {
    margin-block-end: 0.25rem;
  }
  .mb-2 {
    margin-block-end: 0.375rem;
  }
  .mb-3 {
    margin-block-end: 0.5rem;
  }
  .mb-4 {
    margin-block-end: 0.75rem;
  }
  .mb-5 {
    margin-block-end: 1rem;
  }
  .mb-6 {
    margin-block-end: 1.25rem;
  }
  .mb-7 {
    margin-block-end: 1.5rem;
  }
  .mb-8 {
    margin-block-end: 1.75rem;
  }
  .mb-9 {
    margin-block-end: 2rem;
  }
  .mb-10 {
    margin-block-end: 2.25rem;
  }
  .mb-11 {
    margin-block-end: 2.5rem;
  }
  .mb-12 {
    margin-block-end: 3rem;
  }
  .mb-auto {
    margin-block-end: auto;
  }
  .ms-0 {
    margin-inline-start: 0;
  }
  .ms-1 {
    margin-inline-start: 0.25rem;
  }
  .ms-2 {
    margin-inline-start: 0.375rem;
  }
  .ms-3 {
    margin-inline-start: 0.5rem;
  }
  .ms-4 {
    margin-inline-start: 0.75rem;
  }
  .ms-5 {
    margin-inline-start: 1rem;
  }
  .ms-6 {
    margin-inline-start: 1.25rem;
  }
  .ms-7 {
    margin-inline-start: 1.5rem;
  }
  .ms-8 {
    margin-inline-start: 1.75rem;
  }
  .ms-9 {
    margin-inline-start: 2rem;
  }
  .ms-10 {
    margin-inline-start: 2.25rem;
  }
  .ms-11 {
    margin-inline-start: 2.5rem;
  }
  .ms-12 {
    margin-inline-start: 3rem;
  }
  .ms--1 {
    margin-inline-start: -0.25rem;
  }
  .ms--2 {
    margin-inline-start: -0.5rem;
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .p-0 {
    padding: 0;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-2 {
    padding: 0.375rem;
  }
  .p-3 {
    padding: 0.5rem;
  }
  .p-4 {
    padding: 0.75rem;
  }
  .p-5 {
    padding: 1rem;
  }
  .p-6 {
    padding: 1.25rem;
  }
  .p-7 {
    padding: 1.5rem;
  }
  .p-8 {
    padding: 1.75rem;
  }
  .p-9 {
    padding: 2rem;
  }
  .p-10 {
    padding: 2.25rem;
  }
  .p-11 {
    padding: 2.5rem;
  }
  .p-12 {
    padding: 3rem;
  }
  .px-0 {
    padding-inline: 0;
  }
  .px-1 {
    padding-inline: 0.25rem;
  }
  .px-2 {
    padding-inline: 0.375rem;
  }
  .px-3 {
    padding-inline: 0.5rem;
  }
  .px-4 {
    padding-inline: 0.75rem;
  }
  .px-5 {
    padding-inline: 1rem;
  }
  .px-6 {
    padding-inline: 1.25rem;
  }
  .px-7 {
    padding-inline: 1.5rem;
  }
  .px-8 {
    padding-inline: 1.75rem;
  }
  .px-9 {
    padding-inline: 2rem;
  }
  .px-10 {
    padding-inline: 2.25rem;
  }
  .px-11 {
    padding-inline: 2.5rem;
  }
  .px-12 {
    padding-inline: 3rem;
  }
  .py-0 {
    padding-block: 0;
  }
  .py-1 {
    padding-block: 0.25rem;
  }
  .py-2 {
    padding-block: 0.375rem;
  }
  .py-3 {
    padding-block: 0.5rem;
  }
  .py-4 {
    padding-block: 0.75rem;
  }
  .py-5 {
    padding-block: 1rem;
  }
  .py-6 {
    padding-block: 1.25rem;
  }
  .py-7 {
    padding-block: 1.5rem;
  }
  .py-8 {
    padding-block: 1.75rem;
  }
  .py-9 {
    padding-block: 2rem;
  }
  .py-10 {
    padding-block: 2.25rem;
  }
  .py-11 {
    padding-block: 2.5rem;
  }
  .py-12 {
    padding-block: 3rem;
  }
  .pt-0 {
    padding-block-start: 0;
  }
  .pt-1 {
    padding-block-start: 0.25rem;
  }
  .pt-2 {
    padding-block-start: 0.375rem;
  }
  .pt-3 {
    padding-block-start: 0.5rem;
  }
  .pt-4 {
    padding-block-start: 0.75rem;
  }
  .pt-5 {
    padding-block-start: 1rem;
  }
  .pt-6 {
    padding-block-start: 1.25rem;
  }
  .pt-7 {
    padding-block-start: 1.5rem;
  }
  .pt-8 {
    padding-block-start: 1.75rem;
  }
  .pt-9 {
    padding-block-start: 2rem;
  }
  .pt-10 {
    padding-block-start: 2.25rem;
  }
  .pt-11 {
    padding-block-start: 2.5rem;
  }
  .pt-12 {
    padding-block-start: 3rem;
  }
  .pe-0 {
    padding-inline-end: 0;
  }
  .pe-1 {
    padding-inline-end: 0.25rem;
  }
  .pe-2 {
    padding-inline-end: 0.375rem;
  }
  .pe-3 {
    padding-inline-end: 0.5rem;
  }
  .pe-4 {
    padding-inline-end: 0.75rem;
  }
  .pe-5 {
    padding-inline-end: 1rem;
  }
  .pe-6 {
    padding-inline-end: 1.25rem;
  }
  .pe-7 {
    padding-inline-end: 1.5rem;
  }
  .pe-8 {
    padding-inline-end: 1.75rem;
  }
  .pe-9 {
    padding-inline-end: 2rem;
  }
  .pe-10 {
    padding-inline-end: 2.25rem;
  }
  .pe-11 {
    padding-inline-end: 2.5rem;
  }
  .pe-12 {
    padding-inline-end: 3rem;
  }
  .pb-0 {
    padding-block-end: 0;
  }
  .pb-1 {
    padding-block-end: 0.25rem;
  }
  .pb-2 {
    padding-block-end: 0.375rem;
  }
  .pb-3 {
    padding-block-end: 0.5rem;
  }
  .pb-4 {
    padding-block-end: 0.75rem;
  }
  .pb-5 {
    padding-block-end: 1rem;
  }
  .pb-6 {
    padding-block-end: 1.25rem;
  }
  .pb-7 {
    padding-block-end: 1.5rem;
  }
  .pb-8 {
    padding-block-end: 1.75rem;
  }
  .pb-9 {
    padding-block-end: 2rem;
  }
  .pb-10 {
    padding-block-end: 2.25rem;
  }
  .pb-11 {
    padding-block-end: 2.5rem;
  }
  .pb-12 {
    padding-block-end: 3rem;
  }
  .ps-0 {
    padding-inline-start: 0;
  }
  .ps-1 {
    padding-inline-start: 0.25rem;
  }
  .ps-2 {
    padding-inline-start: 0.375rem;
  }
  .ps-3 {
    padding-inline-start: 0.5rem;
  }
  .ps-4 {
    padding-inline-start: 0.75rem;
  }
  .ps-5 {
    padding-inline-start: 1rem;
  }
  .ps-6 {
    padding-inline-start: 1.25rem;
  }
  .ps-7 {
    padding-inline-start: 1.5rem;
  }
  .ps-8 {
    padding-inline-start: 1.75rem;
  }
  .ps-9 {
    padding-inline-start: 2rem;
  }
  .ps-10 {
    padding-inline-start: 2.25rem;
  }
  .ps-11 {
    padding-inline-start: 2.5rem;
  }
  .ps-12 {
    padding-inline-start: 3rem;
  }
  .gap-0 {
    gap: 0;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-2 {
    gap: 0.375rem;
  }
  .gap-3 {
    gap: 0.5rem;
  }
  .gap-4 {
    gap: 0.75rem;
  }
  .gap-5 {
    gap: 1rem;
  }
  .gap-6 {
    gap: 1.25rem;
  }
  .gap-7 {
    gap: 1.5rem;
  }
  .gap-8 {
    gap: 1.75rem;
  }
  .gap-9 {
    gap: 2rem;
  }
  .gap-10 {
    gap: 2.25rem;
  }
  .gap-11 {
    gap: 2.5rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .row-gap-0 {
    row-gap: 0;
  }
  .row-gap-1 {
    row-gap: 0.25rem;
  }
  .row-gap-2 {
    row-gap: 0.375rem;
  }
  .row-gap-3 {
    row-gap: 0.5rem;
  }
  .row-gap-4 {
    row-gap: 0.75rem;
  }
  .row-gap-5 {
    row-gap: 1rem;
  }
  .row-gap-6 {
    row-gap: 1.25rem;
  }
  .row-gap-7 {
    row-gap: 1.5rem;
  }
  .row-gap-8 {
    row-gap: 1.75rem;
  }
  .row-gap-9 {
    row-gap: 2rem;
  }
  .row-gap-10 {
    row-gap: 2.25rem;
  }
  .row-gap-11 {
    row-gap: 2.5rem;
  }
  .row-gap-12 {
    row-gap: 3rem;
  }
  .column-gap-0 {
    column-gap: 0;
  }
  .column-gap-1 {
    column-gap: 0.25rem;
  }
  .column-gap-2 {
    column-gap: 0.375rem;
  }
  .column-gap-3 {
    column-gap: 0.5rem;
  }
  .column-gap-4 {
    column-gap: 0.75rem;
  }
  .column-gap-5 {
    column-gap: 1rem;
  }
  .column-gap-6 {
    column-gap: 1.25rem;
  }
  .column-gap-7 {
    column-gap: 1.5rem;
  }
  .column-gap-8 {
    column-gap: 1.75rem;
  }
  .column-gap-9 {
    column-gap: 2rem;
  }
  .column-gap-10 {
    column-gap: 2.25rem;
  }
  .column-gap-11 {
    column-gap: 2.5rem;
  }
  .column-gap-12 {
    column-gap: 3rem;
  }
  :where(.space-x-0 > :not(:last-child)) {
    margin-inline-end: 0;
  }
  :where(.space-x-1 > :not(:last-child)) {
    margin-inline-end: 0.25rem;
  }
  :where(.space-x-2 > :not(:last-child)) {
    margin-inline-end: 0.375rem;
  }
  :where(.space-x-3 > :not(:last-child)) {
    margin-inline-end: 0.5rem;
  }
  :where(.space-x-4 > :not(:last-child)) {
    margin-inline-end: 0.75rem;
  }
  :where(.space-x-5 > :not(:last-child)) {
    margin-inline-end: 1rem;
  }
  :where(.space-x-6 > :not(:last-child)) {
    margin-inline-end: 1.25rem;
  }
  :where(.space-x-7 > :not(:last-child)) {
    margin-inline-end: 1.5rem;
  }
  :where(.space-x-8 > :not(:last-child)) {
    margin-inline-end: 1.75rem;
  }
  :where(.space-x-9 > :not(:last-child)) {
    margin-inline-end: 2rem;
  }
  :where(.space-x-10 > :not(:last-child)) {
    margin-inline-end: 2.25rem;
  }
  :where(.space-x-11 > :not(:last-child)) {
    margin-inline-end: 2.5rem;
  }
  :where(.space-x-12 > :not(:last-child)) {
    margin-inline-end: 3rem;
  }
  :where(.space-y-0 > :not(:last-child)) {
    margin-block-end: 0;
  }
  :where(.space-y-1 > :not(:last-child)) {
    margin-block-end: 0.25rem;
  }
  :where(.space-y-2 > :not(:last-child)) {
    margin-block-end: 0.375rem;
  }
  :where(.space-y-3 > :not(:last-child)) {
    margin-block-end: 0.5rem;
  }
  :where(.space-y-4 > :not(:last-child)) {
    margin-block-end: 0.75rem;
  }
  :where(.space-y-5 > :not(:last-child)) {
    margin-block-end: 1rem;
  }
  :where(.space-y-6 > :not(:last-child)) {
    margin-block-end: 1.25rem;
  }
  :where(.space-y-7 > :not(:last-child)) {
    margin-block-end: 1.5rem;
  }
  :where(.space-y-8 > :not(:last-child)) {
    margin-block-end: 1.75rem;
  }
  :where(.space-y-9 > :not(:last-child)) {
    margin-block-end: 2rem;
  }
  :where(.space-y-10 > :not(:last-child)) {
    margin-block-end: 2.25rem;
  }
  :where(.space-y-11 > :not(:last-child)) {
    margin-block-end: 2.5rem;
  }
  :where(.space-y-12 > :not(:last-child)) {
    margin-block-end: 3rem;
  }
  :where(.divide-x > :not(:first-child)) {
    border-inline-start: var(--border-width) var(--border-style) var(--border-color);
  }
  :where(.divide-x-0 > :not(:first-child)) {
    border-inline-start: 0;
  }
  :where(.divide-y > :not(:first-child)) {
    border-block-start: var(--border-width) var(--border-style) var(--border-color);
  }
  :where(.divide-y-0 > :not(:first-child)) {
    border-block-start: 0;
  }
  .font-monospace {
    font-family: var(--font-mono);
  }
  .font-body {
    font-family: var(--body-font-family);
  }
  .fs-xs {
    font-size: 0.75rem;
  }
  .fs-sm {
    font-size: 0.875rem;
  }
  .fs-md {
    font-size: 1rem;
  }
  .fs-lg {
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  }
  .fs-xl {
    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
  }
  .fs-2xl {
    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);
  }
  .fs-3xl {
    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
  }
  .fs-4xl {
    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
  }
  .fs-5xl {
    font-size: clamp(3rem, 2rem + 5vw, 4rem);
  }
  .fs-6xl {
    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1.25;
  }
  .text-sm {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  .text-md {
    font-size: 1rem;
    line-height: 1.5;
  }
  .text-lg {
    font-size: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
    line-height: 1.5;
  }
  .text-xl {
    font-size: clamp(1.5rem, 1.1rem + 0.75vw, 1.75rem);
    line-height: 1.4285714286;
  }
  .text-2xl {
    font-size: clamp(1.75rem, 1.3rem + 1vw, 2rem);
    line-height: 1.3333333333;
  }
  .text-3xl {
    font-size: clamp(2rem, 1.5rem + 1.875vw, 2.5rem);
    line-height: 1.2;
  }
  .text-4xl {
    font-size: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);
    line-height: 1.1;
  }
  .text-5xl {
    font-size: clamp(3rem, 2rem + 5vw, 4rem);
    line-height: 1.1;
  }
  .text-6xl {
    font-size: clamp(3.75rem, 2.5rem + 6.25vw, 5rem);
    line-height: 1;
  }
  .fst-italic {
    font-style: italic;
  }
  .fst-normal {
    font-style: normal;
  }
  .fw-lighter {
    font-weight: lighter;
  }
  .fw-light {
    font-weight: 300;
  }
  .fw-normal {
    font-weight: 400;
  }
  .fw-medium {
    font-weight: 500;
  }
  .fw-semibold {
    font-weight: 600;
  }
  .fw-bold {
    font-weight: 700;
  }
  .fw-bolder {
    font-weight: bolder;
  }
  .lh-1 {
    line-height: 1;
  }
  .lh-sm {
    line-height: var(--line-height-sm);
  }
  .lh-md {
    line-height: var(--line-height-md);
  }
  .lh-lg {
    line-height: var(--line-height-lg);
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .text-center {
    text-align: center;
  }
  .text-decoration-none {
    text-decoration: none;
  }
  .text-decoration-underline {
    text-decoration: underline;
  }
  .text-decoration-line-through {
    text-decoration: line-through;
  }
  .text-lowercase {
    text-transform: lowercase;
  }
  .text-uppercase {
    text-transform: uppercase;
  }
  .text-capitalize {
    text-transform: capitalize;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
  .fg-primary {
    --fg: var(--primary-fg);
    color: var(--fg);
  }
  .fg-accent {
    --fg: var(--accent-fg);
    color: var(--fg);
  }
  .fg-success {
    --fg: var(--success-fg);
    color: var(--fg);
  }
  .fg-danger {
    --fg: var(--danger-fg);
    color: var(--fg);
  }
  .fg-warning {
    --fg: var(--warning-fg);
    color: var(--fg);
  }
  .fg-info {
    --fg: var(--info-fg);
    color: var(--fg);
  }
  .fg-inverse {
    --fg: var(--inverse-fg);
    color: var(--fg);
  }
  .fg-secondary {
    --fg: var(--secondary-fg);
    color: var(--fg);
  }
  .fg-body {
    --fg: var(--fg-body);
    color: var(--fg);
  }
  .fg-1 {
    --fg: var(--fg-1);
    color: var(--fg);
  }
  .fg-2 {
    --fg: var(--fg-2);
    color: var(--fg);
  }
  .fg-3 {
    --fg: var(--fg-3);
    color: var(--fg);
  }
  .fg-4 {
    --fg: var(--fg-4);
    color: var(--fg);
  }
  .fg-bg {
    --fg: var(--fg-bg);
    color: var(--fg);
  }
  .fg-white {
    --fg: var(--fg-white);
    color: var(--fg);
  }
  .fg-black {
    --fg: var(--fg-black);
    color: var(--fg);
  }
  .fg-reset {
    --fg: inherit;
    color: var(--fg);
  }
  .fg-emphasis-primary {
    --fg: var(--primary-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-accent {
    --fg: var(--accent-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-success {
    --fg: var(--success-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-danger {
    --fg: var(--danger-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-warning {
    --fg: var(--warning-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-info {
    --fg: var(--info-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-inverse {
    --fg: var(--inverse-fg-emphasis);
    color: var(--fg);
  }
  .fg-emphasis-secondary {
    --fg: var(--secondary-fg-emphasis);
    color: var(--fg);
  }
  .fg-contrast-primary {
    --fg: var(--primary-contrast);
    color: var(--fg);
  }
  .fg-contrast-accent {
    --fg: var(--accent-contrast);
    color: var(--fg);
  }
  .fg-contrast-success {
    --fg: var(--success-contrast);
    color: var(--fg);
  }
  .fg-contrast-danger {
    --fg: var(--danger-contrast);
    color: var(--fg);
  }
  .fg-contrast-warning {
    --fg: var(--warning-contrast);
    color: var(--fg);
  }
  .fg-contrast-info {
    --fg: var(--info-contrast);
    color: var(--fg);
  }
  .fg-contrast-inverse {
    --fg: var(--inverse-contrast);
    color: var(--fg);
  }
  .fg-contrast-secondary {
    --fg: var(--secondary-contrast);
    color: var(--fg);
  }
  .fg-10 {
    color: color-mix(in oklch, var(--fg) 10%, transparent);
  }
  .fg-20 {
    color: color-mix(in oklch, var(--fg) 20%, transparent);
  }
  .fg-30 {
    color: color-mix(in oklch, var(--fg) 30%, transparent);
  }
  .fg-40 {
    color: color-mix(in oklch, var(--fg) 40%, transparent);
  }
  .fg-50 {
    color: color-mix(in oklch, var(--fg) 50%, transparent);
  }
  .fg-60 {
    color: color-mix(in oklch, var(--fg) 60%, transparent);
  }
  .fg-70 {
    color: color-mix(in oklch, var(--fg) 70%, transparent);
  }
  .fg-80 {
    color: color-mix(in oklch, var(--fg) 80%, transparent);
  }
  .fg-90 {
    color: color-mix(in oklch, var(--fg) 90%, transparent);
  }
  .fg-100 {
    color: var(--fg);
  }
  .link-10 {
    color: color-mix(in oklch, var(--link-color) 10%, transparent);
  }
  .hover\:link-10:hover {
    color: color-mix(in oklch, var(--link-color) 10%, transparent);
  }
  .link-20 {
    color: color-mix(in oklch, var(--link-color) 20%, transparent);
  }
  .hover\:link-20:hover {
    color: color-mix(in oklch, var(--link-color) 20%, transparent);
  }
  .link-30 {
    color: color-mix(in oklch, var(--link-color) 30%, transparent);
  }
  .hover\:link-30:hover {
    color: color-mix(in oklch, var(--link-color) 30%, transparent);
  }
  .link-40 {
    color: color-mix(in oklch, var(--link-color) 40%, transparent);
  }
  .hover\:link-40:hover {
    color: color-mix(in oklch, var(--link-color) 40%, transparent);
  }
  .link-50 {
    color: color-mix(in oklch, var(--link-color) 50%, transparent);
  }
  .hover\:link-50:hover {
    color: color-mix(in oklch, var(--link-color) 50%, transparent);
  }
  .link-60 {
    color: color-mix(in oklch, var(--link-color) 60%, transparent);
  }
  .hover\:link-60:hover {
    color: color-mix(in oklch, var(--link-color) 60%, transparent);
  }
  .link-70 {
    color: color-mix(in oklch, var(--link-color) 70%, transparent);
  }
  .hover\:link-70:hover {
    color: color-mix(in oklch, var(--link-color) 70%, transparent);
  }
  .link-80 {
    color: color-mix(in oklch, var(--link-color) 80%, transparent);
  }
  .hover\:link-80:hover {
    color: color-mix(in oklch, var(--link-color) 80%, transparent);
  }
  .link-90 {
    color: color-mix(in oklch, var(--link-color) 90%, transparent);
  }
  .hover\:link-90:hover {
    color: color-mix(in oklch, var(--link-color) 90%, transparent);
  }
  .link-100 {
    color: var(--link-color);
  }
  .hover\:link-100:hover {
    color: var(--link-color);
  }
  .underline-offset-1 {
    text-underline-offset: 0.125em;
  }
  .hover\:underline-offset-1:hover {
    text-underline-offset: 0.125em;
  }
  .underline-offset-2 {
    text-underline-offset: 0.25em;
  }
  .hover\:underline-offset-2:hover {
    text-underline-offset: 0.25em;
  }
  .underline-offset-3 {
    text-underline-offset: 0.375em;
  }
  .hover\:underline-offset-3:hover {
    text-underline-offset: 0.375em;
  }
  .underline-primary {
    --underline-color: light-dark(var(--blue-600), var(--blue-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-accent {
    --underline-color: light-dark(var(--indigo-600), color-mix(in oklch, var(--indigo-400), var(--indigo-300)));
    text-decoration-color: var(--underline-color);
  }
  .underline-success {
    --underline-color: light-dark(var(--green-600), var(--green-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-danger {
    --underline-color: light-dark(var(--red-600), var(--red-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-warning {
    --underline-color: light-dark(var(--yellow-700), var(--yellow-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-info {
    --underline-color: light-dark(var(--cyan-600), var(--cyan-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-inverse {
    --underline-color: light-dark(var(--gray-900), var(--gray-200));
    text-decoration-color: var(--underline-color);
  }
  .underline-secondary {
    --underline-color: light-dark(var(--gray-600), var(--gray-400));
    text-decoration-color: var(--underline-color);
  }
  .underline-10 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent);
  }
  .hover\:underline-10:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 10%, transparent);
  }
  .underline-20 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent);
  }
  .hover\:underline-20:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 20%, transparent);
  }
  .underline-30 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent);
  }
  .hover\:underline-30:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 30%, transparent);
  }
  .underline-40 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent);
  }
  .hover\:underline-40:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 40%, transparent);
  }
  .underline-50 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent);
  }
  .hover\:underline-50:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 50%, transparent);
  }
  .underline-60 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent);
  }
  .hover\:underline-60:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 60%, transparent);
  }
  .underline-70 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent);
  }
  .hover\:underline-70:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 70%, transparent);
  }
  .underline-80 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent);
  }
  .hover\:underline-80:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 80%, transparent);
  }
  .underline-90 {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent);
  }
  .hover\:underline-90:hover {
    text-decoration-color: color-mix(in oklch, var(--underline-color, currentcolor) 90%, transparent);
  }
  .underline-100 {
    text-decoration-color: var(--underline-color, currentcolor);
  }
  .hover\:underline-100:hover {
    text-decoration-color: var(--underline-color, currentcolor);
  }
  .underline-thickness-1 {
    text-decoration-thickness: 1px;
  }
  .hover\:underline-thickness-1:hover {
    text-decoration-thickness: 1px;
  }
  .underline-thickness-2 {
    text-decoration-thickness: 2px;
  }
  .hover\:underline-thickness-2:hover {
    text-decoration-thickness: 2px;
  }
  .underline-thickness-3 {
    text-decoration-thickness: 3px;
  }
  .hover\:underline-thickness-3:hover {
    text-decoration-thickness: 3px;
  }
  .underline-thickness-4 {
    text-decoration-thickness: 4px;
  }
  .hover\:underline-thickness-4:hover {
    text-decoration-thickness: 4px;
  }
  .underline-thickness-5 {
    text-decoration-thickness: 5px;
  }
  .hover\:underline-thickness-5:hover {
    text-decoration-thickness: 5px;
  }
  .bg-primary {
    --bg: var(--primary-bg);
    background-color: var(--bg);
  }
  .bg-accent {
    --bg: var(--accent-bg);
    background-color: var(--bg);
  }
  .bg-success {
    --bg: var(--success-bg);
    background-color: var(--bg);
  }
  .bg-danger {
    --bg: var(--danger-bg);
    background-color: var(--bg);
  }
  .bg-warning {
    --bg: var(--warning-bg);
    background-color: var(--bg);
  }
  .bg-info {
    --bg: var(--info-bg);
    background-color: var(--bg);
  }
  .bg-inverse {
    --bg: var(--inverse-bg);
    background-color: var(--bg);
  }
  .bg-secondary {
    --bg: var(--secondary-bg);
    background-color: var(--bg);
  }
  .bg-body {
    --bg: var(--bg-body);
    background-color: var(--bg);
  }
  .bg-1 {
    --bg: var(--bg-1);
    background-color: var(--bg);
  }
  .bg-2 {
    --bg: var(--bg-2);
    background-color: var(--bg);
  }
  .bg-3 {
    --bg: var(--bg-3);
    background-color: var(--bg);
  }
  .bg-4 {
    --bg: var(--bg-4);
    background-color: var(--bg);
  }
  .bg-fg {
    --bg: var(--bg-fg);
    background-color: var(--bg);
  }
  .bg-white {
    --bg: var(--bg-white);
    background-color: var(--bg);
  }
  .bg-black {
    --bg: var(--bg-black);
    background-color: var(--bg);
  }
  .bg-transparent {
    --bg: var(--bg-transparent);
    background-color: var(--bg);
  }
  .bg-subtle-primary {
    --bg: var(--primary-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-accent {
    --bg: var(--accent-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-success {
    --bg: var(--success-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-danger {
    --bg: var(--danger-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-warning {
    --bg: var(--warning-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-info {
    --bg: var(--info-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-inverse {
    --bg: var(--inverse-bg-subtle);
    background-color: var(--bg);
  }
  .bg-subtle-secondary {
    --bg: var(--secondary-bg-subtle);
    background-color: var(--bg);
  }
  .bg-muted-primary {
    --bg: var(--primary-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-accent {
    --bg: var(--accent-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-success {
    --bg: var(--success-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-danger {
    --bg: var(--danger-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-warning {
    --bg: var(--warning-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-info {
    --bg: var(--info-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-inverse {
    --bg: var(--inverse-bg-muted);
    background-color: var(--bg);
  }
  .bg-muted-secondary {
    --bg: var(--secondary-bg-muted);
    background-color: var(--bg);
  }
  .bg-10 {
    background-color: color-mix(in oklch, var(--bg) 10%, transparent);
  }
  .bg-20 {
    background-color: color-mix(in oklch, var(--bg) 20%, transparent);
  }
  .bg-30 {
    background-color: color-mix(in oklch, var(--bg) 30%, transparent);
  }
  .bg-40 {
    background-color: color-mix(in oklch, var(--bg) 40%, transparent);
  }
  .bg-50 {
    background-color: color-mix(in oklch, var(--bg) 50%, transparent);
  }
  .bg-60 {
    background-color: color-mix(in oklch, var(--bg) 60%, transparent);
  }
  .bg-70 {
    background-color: color-mix(in oklch, var(--bg) 70%, transparent);
  }
  .bg-80 {
    background-color: color-mix(in oklch, var(--bg) 80%, transparent);
  }
  .bg-90 {
    background-color: color-mix(in oklch, var(--bg) 90%, transparent);
  }
  .bg-100 {
    background-color: var(--bg);
  }
  .theme-contrast {
    background-color: var(--theme-bg);
    color: var(--theme-contrast);
  }
  .theme-subtle {
    background-color: var(--theme-bg-subtle);
    color: var(--theme-fg);
  }
  .theme-muted {
    background-color: var(--theme-bg-muted);
    color: var(--theme-fg-emphasis);
  }
  .theme-border {
    border: var(--border-width) solid var(--theme-border);
  }
  .bg-gradient {
    background-image: var(--gradient);
  }
  .color-scheme-light {
    color-scheme: light;
  }
  .color-scheme-dark {
    color-scheme: dark;
  }
  .color-scheme-auto {
    color-scheme: light dark;
  }
  .user-select-all {
    user-select: all;
  }
  .user-select-auto {
    user-select: auto;
  }
  .user-select-text {
    user-select: text;
  }
  .user-select-none {
    user-select: none;
  }
  .pe-none {
    pointer-events: none;
  }
  .pe-auto {
    pointer-events: auto;
  }
  .rounded-0 {
    --rounded-size: 0;
    border-radius: var(--rounded-size);
  }
  .rounded-1 {
    --rounded-size: 0.125rem;
    border-radius: var(--rounded-size);
  }
  .rounded-2 {
    --rounded-size: 0.1875rem;
    border-radius: var(--rounded-size);
  }
  .rounded-3 {
    --rounded-size: 0.25rem;
    border-radius: var(--rounded-size);
  }
  .rounded-4 {
    --rounded-size: 0.375rem;
    border-radius: var(--rounded-size);
  }
  .rounded-5 {
    --rounded-size: 0.5rem;
    border-radius: var(--rounded-size);
  }
  .rounded-6 {
    --rounded-size: 0.625rem;
    border-radius: var(--rounded-size);
  }
  .rounded-7 {
    --rounded-size: 0.75rem;
    border-radius: var(--rounded-size);
  }
  .rounded-8 {
    --rounded-size: 0.875rem;
    border-radius: var(--rounded-size);
  }
  .rounded-9 {
    --rounded-size: 1rem;
    border-radius: var(--rounded-size);
  }
  .rounded {
    --rounded-size: 0.5rem;
    border-radius: var(--rounded-size);
  }
  .rounded-circle {
    --rounded-size: 50%;
    border-radius: var(--rounded-size);
  }
  .rounded-pill {
    --rounded-size: var(--radius-pill);
    border-radius: var(--rounded-size);
  }
  .rounded-size-0 {
    --rounded-size: 0;
  }
  .rounded-size-1 {
    --rounded-size: 0.125rem;
  }
  .rounded-size-2 {
    --rounded-size: 0.1875rem;
  }
  .rounded-size-3 {
    --rounded-size: 0.25rem;
  }
  .rounded-size-4 {
    --rounded-size: 0.375rem;
  }
  .rounded-size-5 {
    --rounded-size: 0.5rem;
  }
  .rounded-size-6 {
    --rounded-size: 0.625rem;
  }
  .rounded-size-7 {
    --rounded-size: 0.75rem;
  }
  .rounded-size-8 {
    --rounded-size: 0.875rem;
  }
  .rounded-size-9 {
    --rounded-size: 1rem;
  }
  .rounded-size {
    --rounded-size: 0.5rem;
  }
  .rounded-size-circle {
    --rounded-size: 50%;
  }
  .rounded-size-pill {
    --rounded-size: var(--radius-pill);
  }
  .rounded-top-0 {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
  }
  .rounded-top-1 {
    border-start-start-radius: 0.125rem;
    border-start-end-radius: 0.125rem;
  }
  .rounded-top-2 {
    border-start-start-radius: 0.1875rem;
    border-start-end-radius: 0.1875rem;
  }
  .rounded-top-3 {
    border-start-start-radius: 0.25rem;
    border-start-end-radius: 0.25rem;
  }
  .rounded-top-4 {
    border-start-start-radius: 0.375rem;
    border-start-end-radius: 0.375rem;
  }
  .rounded-top-5 {
    border-start-start-radius: 0.5rem;
    border-start-end-radius: 0.5rem;
  }
  .rounded-top-6 {
    border-start-start-radius: 0.625rem;
    border-start-end-radius: 0.625rem;
  }
  .rounded-top-7 {
    border-start-start-radius: 0.75rem;
    border-start-end-radius: 0.75rem;
  }
  .rounded-top-8 {
    border-start-start-radius: 0.875rem;
    border-start-end-radius: 0.875rem;
  }
  .rounded-top-9 {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
  }
  .rounded-top {
    border-start-start-radius: var(--rounded-size, var(--radius-5));
    border-start-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-top-circle {
    border-start-start-radius: 50%;
    border-start-end-radius: 50%;
  }
  .rounded-top-pill {
    border-start-start-radius: var(--radius-pill);
    border-start-end-radius: var(--radius-pill);
  }
  .rounded-end-0 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-end-1 {
    border-start-end-radius: 0.125rem;
    border-end-end-radius: 0.125rem;
  }
  .rounded-end-2 {
    border-start-end-radius: 0.1875rem;
    border-end-end-radius: 0.1875rem;
  }
  .rounded-end-3 {
    border-start-end-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-end-4 {
    border-start-end-radius: 0.375rem;
    border-end-end-radius: 0.375rem;
  }
  .rounded-end-5 {
    border-start-end-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
  }
  .rounded-end-6 {
    border-start-end-radius: 0.625rem;
    border-end-end-radius: 0.625rem;
  }
  .rounded-end-7 {
    border-start-end-radius: 0.75rem;
    border-end-end-radius: 0.75rem;
  }
  .rounded-end-8 {
    border-start-end-radius: 0.875rem;
    border-end-end-radius: 0.875rem;
  }
  .rounded-end-9 {
    border-start-end-radius: 1rem;
    border-end-end-radius: 1rem;
  }
  .rounded-end {
    border-start-end-radius: var(--rounded-size, var(--radius-5));
    border-end-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-end-circle {
    border-start-end-radius: 50%;
    border-end-end-radius: 50%;
  }
  .rounded-end-pill {
    border-start-end-radius: var(--radius-pill);
    border-end-end-radius: var(--radius-pill);
  }
  .rounded-bottom-0 {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }
  .rounded-bottom-1 {
    border-end-start-radius: 0.125rem;
    border-end-end-radius: 0.125rem;
  }
  .rounded-bottom-2 {
    border-end-start-radius: 0.1875rem;
    border-end-end-radius: 0.1875rem;
  }
  .rounded-bottom-3 {
    border-end-start-radius: 0.25rem;
    border-end-end-radius: 0.25rem;
  }
  .rounded-bottom-4 {
    border-end-start-radius: 0.375rem;
    border-end-end-radius: 0.375rem;
  }
  .rounded-bottom-5 {
    border-end-start-radius: 0.5rem;
    border-end-end-radius: 0.5rem;
  }
  .rounded-bottom-6 {
    border-end-start-radius: 0.625rem;
    border-end-end-radius: 0.625rem;
  }
  .rounded-bottom-7 {
    border-end-start-radius: 0.75rem;
    border-end-end-radius: 0.75rem;
  }
  .rounded-bottom-8 {
    border-end-start-radius: 0.875rem;
    border-end-end-radius: 0.875rem;
  }
  .rounded-bottom-9 {
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
  }
  .rounded-bottom {
    border-end-start-radius: var(--rounded-size, var(--radius-5));
    border-end-end-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-bottom-circle {
    border-end-start-radius: 50%;
    border-end-end-radius: 50%;
  }
  .rounded-bottom-pill {
    border-end-start-radius: var(--radius-pill);
    border-end-end-radius: var(--radius-pill);
  }
  .rounded-start-0 {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .rounded-start-1 {
    border-start-start-radius: 0.125rem;
    border-end-start-radius: 0.125rem;
  }
  .rounded-start-2 {
    border-start-start-radius: 0.1875rem;
    border-end-start-radius: 0.1875rem;
  }
  .rounded-start-3 {
    border-start-start-radius: 0.25rem;
    border-end-start-radius: 0.25rem;
  }
  .rounded-start-4 {
    border-start-start-radius: 0.375rem;
    border-end-start-radius: 0.375rem;
  }
  .rounded-start-5 {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
  }
  .rounded-start-6 {
    border-start-start-radius: 0.625rem;
    border-end-start-radius: 0.625rem;
  }
  .rounded-start-7 {
    border-start-start-radius: 0.75rem;
    border-end-start-radius: 0.75rem;
  }
  .rounded-start-8 {
    border-start-start-radius: 0.875rem;
    border-end-start-radius: 0.875rem;
  }
  .rounded-start-9 {
    border-start-start-radius: 1rem;
    border-end-start-radius: 1rem;
  }
  .rounded-start {
    border-start-start-radius: var(--rounded-size, var(--radius-5));
    border-end-start-radius: var(--rounded-size, var(--radius-5));
  }
  .rounded-start-circle {
    border-start-start-radius: 50%;
    border-end-start-radius: 50%;
  }
  .rounded-start-pill {
    border-start-start-radius: var(--radius-pill);
    border-end-start-radius: var(--radius-pill);
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .z-n1 {
    z-index: -1;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-menu {
    z-index: 1000;
  }
  .z-sticky {
    z-index: 1010;
  }
  .z-fixed {
    z-index: 1020;
  }
  .z-drawer {
    z-index: 1030;
  }
  .z-dialog {
    z-index: 1040;
  }
  .z-popover {
    z-index: 1050;
  }
  .z-tooltip {
    z-index: 1060;
  }
  .z-toast {
    z-index: 1070;
  }
  .transition-none {
    transition: none;
  }
  .animation-none {
    animation: none;
  }
  .animation-shake {
    animation: animation-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }
  .animation-pop {
    animation: animation-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
  }
  @media (width >= 576px) {
    .sm\:float-start {
      float: inline-start;
    }
    .sm\:float-end {
      float: inline-end;
    }
    .sm\:float-none {
      float: none;
    }
    .sm\:object-fit-contain {
      object-fit: contain;
    }
    .sm\:object-fit-cover {
      object-fit: cover;
    }
    .sm\:object-fit-fill {
      object-fit: fill;
    }
    .sm\:object-fit-scale {
      object-fit: scale-down;
    }
    .sm\:object-fit-none {
      object-fit: none;
    }
    .sm\:d-inline {
      display: inline;
    }
    .sm\:d-inline-block {
      display: inline-block;
    }
    .sm\:d-block {
      display: block;
    }
    .sm\:d-grid {
      display: grid;
    }
    .sm\:d-inline-grid {
      display: inline-grid;
    }
    .sm\:d-table {
      display: table;
    }
    .sm\:d-table-row {
      display: table-row;
    }
    .sm\:d-table-cell {
      display: table-cell;
    }
    .sm\:d-flex {
      display: flex;
    }
    .sm\:d-inline-flex {
      display: inline-flex;
    }
    .sm\:d-contents {
      display: contents;
    }
    .sm\:d-flow-root {
      display: flow-root;
    }
    .sm\:d-none {
      display: none;
    }
    .sm\:flex-fill {
      flex: 1 1 auto;
    }
    .sm\:flex-row {
      flex-direction: row;
    }
    .sm\:flex-column {
      flex-direction: column;
    }
    .sm\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .sm\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .sm\:flex-grow-0 {
      flex-grow: 0;
    }
    .sm\:flex-grow-1 {
      flex-grow: 1;
    }
    .sm\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .sm\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .sm\:flex-wrap {
      flex-wrap: wrap;
    }
    .sm\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .sm\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .sm\:justify-content-start {
      justify-content: flex-start;
    }
    .sm\:justify-content-end {
      justify-content: flex-end;
    }
    .sm\:justify-content-center {
      justify-content: center;
    }
    .sm\:justify-content-between {
      justify-content: space-between;
    }
    .sm\:justify-content-around {
      justify-content: space-around;
    }
    .sm\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .sm\:justify-items-start {
      justify-items: start;
    }
    .sm\:justify-items-end {
      justify-items: end;
    }
    .sm\:justify-items-center {
      justify-items: center;
    }
    .sm\:justify-items-stretch {
      justify-items: stretch;
    }
    .sm\:justify-self-start {
      justify-self: start;
    }
    .sm\:justify-self-end {
      justify-self: end;
    }
    .sm\:justify-self-center {
      justify-self: center;
    }
    .sm\:align-items-start {
      align-items: flex-start;
    }
    .sm\:align-items-end {
      align-items: flex-end;
    }
    .sm\:align-items-center {
      align-items: center;
    }
    .sm\:align-items-baseline {
      align-items: baseline;
    }
    .sm\:align-items-stretch {
      align-items: stretch;
    }
    .sm\:align-content-start {
      align-content: flex-start;
    }
    .sm\:align-content-end {
      align-content: flex-end;
    }
    .sm\:align-content-center {
      align-content: center;
    }
    .sm\:align-content-between {
      align-content: space-between;
    }
    .sm\:align-content-around {
      align-content: space-around;
    }
    .sm\:align-content-stretch {
      align-content: stretch;
    }
    .sm\:align-self-auto {
      align-self: auto;
    }
    .sm\:align-self-start {
      align-self: flex-start;
    }
    .sm\:align-self-end {
      align-self: flex-end;
    }
    .sm\:align-self-center {
      align-self: center;
    }
    .sm\:align-self-baseline {
      align-self: baseline;
    }
    .sm\:align-self-stretch {
      align-self: stretch;
    }
    .sm\:place-items-start {
      place-items: start;
    }
    .sm\:place-items-end {
      place-items: end;
    }
    .sm\:place-items-center {
      place-items: center;
    }
    .sm\:place-items-stretch {
      place-items: stretch;
    }
    .sm\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .sm\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .sm\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .sm\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .sm\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .sm\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .sm\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .sm\:order-first {
      order: -1;
    }
    .sm\:order-0 {
      order: 0;
    }
    .sm\:order-1 {
      order: 1;
    }
    .sm\:order-2 {
      order: 2;
    }
    .sm\:order-3 {
      order: 3;
    }
    .sm\:order-4 {
      order: 4;
    }
    .sm\:order-5 {
      order: 5;
    }
    .sm\:order-last {
      order: 6;
    }
    .sm\:m-0 {
      margin: 0;
    }
    .sm\:m-1 {
      margin: 0.25rem;
    }
    .sm\:m-2 {
      margin: 0.375rem;
    }
    .sm\:m-3 {
      margin: 0.5rem;
    }
    .sm\:m-4 {
      margin: 0.75rem;
    }
    .sm\:m-5 {
      margin: 1rem;
    }
    .sm\:m-6 {
      margin: 1.25rem;
    }
    .sm\:m-7 {
      margin: 1.5rem;
    }
    .sm\:m-8 {
      margin: 1.75rem;
    }
    .sm\:m-9 {
      margin: 2rem;
    }
    .sm\:m-10 {
      margin: 2.25rem;
    }
    .sm\:m-11 {
      margin: 2.5rem;
    }
    .sm\:m-12 {
      margin: 3rem;
    }
    .sm\:m-auto {
      margin: auto;
    }
    .sm\:mx-0 {
      margin-inline: 0;
    }
    .sm\:mx-1 {
      margin-inline: 0.25rem;
    }
    .sm\:mx-2 {
      margin-inline: 0.375rem;
    }
    .sm\:mx-3 {
      margin-inline: 0.5rem;
    }
    .sm\:mx-4 {
      margin-inline: 0.75rem;
    }
    .sm\:mx-5 {
      margin-inline: 1rem;
    }
    .sm\:mx-6 {
      margin-inline: 1.25rem;
    }
    .sm\:mx-7 {
      margin-inline: 1.5rem;
    }
    .sm\:mx-8 {
      margin-inline: 1.75rem;
    }
    .sm\:mx-9 {
      margin-inline: 2rem;
    }
    .sm\:mx-10 {
      margin-inline: 2.25rem;
    }
    .sm\:mx-11 {
      margin-inline: 2.5rem;
    }
    .sm\:mx-12 {
      margin-inline: 3rem;
    }
    .sm\:mx-auto {
      margin-inline: auto;
    }
    .sm\:my-0 {
      margin-block: 0;
    }
    .sm\:my-1 {
      margin-block: 0.25rem;
    }
    .sm\:my-2 {
      margin-block: 0.375rem;
    }
    .sm\:my-3 {
      margin-block: 0.5rem;
    }
    .sm\:my-4 {
      margin-block: 0.75rem;
    }
    .sm\:my-5 {
      margin-block: 1rem;
    }
    .sm\:my-6 {
      margin-block: 1.25rem;
    }
    .sm\:my-7 {
      margin-block: 1.5rem;
    }
    .sm\:my-8 {
      margin-block: 1.75rem;
    }
    .sm\:my-9 {
      margin-block: 2rem;
    }
    .sm\:my-10 {
      margin-block: 2.25rem;
    }
    .sm\:my-11 {
      margin-block: 2.5rem;
    }
    .sm\:my-12 {
      margin-block: 3rem;
    }
    .sm\:my-auto {
      margin-block: auto;
    }
    .sm\:mt-0 {
      margin-block-start: 0;
    }
    .sm\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .sm\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .sm\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .sm\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .sm\:mt-5 {
      margin-block-start: 1rem;
    }
    .sm\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .sm\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .sm\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .sm\:mt-9 {
      margin-block-start: 2rem;
    }
    .sm\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .sm\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .sm\:mt-12 {
      margin-block-start: 3rem;
    }
    .sm\:mt-auto {
      margin-block-start: auto;
    }
    .sm\:me-0 {
      margin-inline-end: 0;
    }
    .sm\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .sm\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .sm\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .sm\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .sm\:me-5 {
      margin-inline-end: 1rem;
    }
    .sm\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .sm\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .sm\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .sm\:me-9 {
      margin-inline-end: 2rem;
    }
    .sm\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .sm\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .sm\:me-12 {
      margin-inline-end: 3rem;
    }
    .sm\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .sm\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .sm\:me-auto {
      margin-inline-end: auto;
    }
    .sm\:mb-0 {
      margin-block-end: 0;
    }
    .sm\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .sm\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .sm\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .sm\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .sm\:mb-5 {
      margin-block-end: 1rem;
    }
    .sm\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .sm\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .sm\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .sm\:mb-9 {
      margin-block-end: 2rem;
    }
    .sm\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .sm\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .sm\:mb-12 {
      margin-block-end: 3rem;
    }
    .sm\:mb-auto {
      margin-block-end: auto;
    }
    .sm\:ms-0 {
      margin-inline-start: 0;
    }
    .sm\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .sm\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .sm\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .sm\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .sm\:ms-5 {
      margin-inline-start: 1rem;
    }
    .sm\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .sm\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .sm\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .sm\:ms-9 {
      margin-inline-start: 2rem;
    }
    .sm\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .sm\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .sm\:ms-12 {
      margin-inline-start: 3rem;
    }
    .sm\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .sm\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .sm\:ms-auto {
      margin-inline-start: auto;
    }
    .sm\:p-0 {
      padding: 0;
    }
    .sm\:p-1 {
      padding: 0.25rem;
    }
    .sm\:p-2 {
      padding: 0.375rem;
    }
    .sm\:p-3 {
      padding: 0.5rem;
    }
    .sm\:p-4 {
      padding: 0.75rem;
    }
    .sm\:p-5 {
      padding: 1rem;
    }
    .sm\:p-6 {
      padding: 1.25rem;
    }
    .sm\:p-7 {
      padding: 1.5rem;
    }
    .sm\:p-8 {
      padding: 1.75rem;
    }
    .sm\:p-9 {
      padding: 2rem;
    }
    .sm\:p-10 {
      padding: 2.25rem;
    }
    .sm\:p-11 {
      padding: 2.5rem;
    }
    .sm\:p-12 {
      padding: 3rem;
    }
    .sm\:px-0 {
      padding-inline: 0;
    }
    .sm\:px-1 {
      padding-inline: 0.25rem;
    }
    .sm\:px-2 {
      padding-inline: 0.375rem;
    }
    .sm\:px-3 {
      padding-inline: 0.5rem;
    }
    .sm\:px-4 {
      padding-inline: 0.75rem;
    }
    .sm\:px-5 {
      padding-inline: 1rem;
    }
    .sm\:px-6 {
      padding-inline: 1.25rem;
    }
    .sm\:px-7 {
      padding-inline: 1.5rem;
    }
    .sm\:px-8 {
      padding-inline: 1.75rem;
    }
    .sm\:px-9 {
      padding-inline: 2rem;
    }
    .sm\:px-10 {
      padding-inline: 2.25rem;
    }
    .sm\:px-11 {
      padding-inline: 2.5rem;
    }
    .sm\:px-12 {
      padding-inline: 3rem;
    }
    .sm\:py-0 {
      padding-block: 0;
    }
    .sm\:py-1 {
      padding-block: 0.25rem;
    }
    .sm\:py-2 {
      padding-block: 0.375rem;
    }
    .sm\:py-3 {
      padding-block: 0.5rem;
    }
    .sm\:py-4 {
      padding-block: 0.75rem;
    }
    .sm\:py-5 {
      padding-block: 1rem;
    }
    .sm\:py-6 {
      padding-block: 1.25rem;
    }
    .sm\:py-7 {
      padding-block: 1.5rem;
    }
    .sm\:py-8 {
      padding-block: 1.75rem;
    }
    .sm\:py-9 {
      padding-block: 2rem;
    }
    .sm\:py-10 {
      padding-block: 2.25rem;
    }
    .sm\:py-11 {
      padding-block: 2.5rem;
    }
    .sm\:py-12 {
      padding-block: 3rem;
    }
    .sm\:pt-0 {
      padding-block-start: 0;
    }
    .sm\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .sm\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .sm\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .sm\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .sm\:pt-5 {
      padding-block-start: 1rem;
    }
    .sm\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .sm\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .sm\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .sm\:pt-9 {
      padding-block-start: 2rem;
    }
    .sm\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .sm\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .sm\:pt-12 {
      padding-block-start: 3rem;
    }
    .sm\:pe-0 {
      padding-inline-end: 0;
    }
    .sm\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .sm\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .sm\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .sm\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .sm\:pe-5 {
      padding-inline-end: 1rem;
    }
    .sm\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .sm\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .sm\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .sm\:pe-9 {
      padding-inline-end: 2rem;
    }
    .sm\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .sm\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .sm\:pe-12 {
      padding-inline-end: 3rem;
    }
    .sm\:pb-0 {
      padding-block-end: 0;
    }
    .sm\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .sm\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .sm\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .sm\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .sm\:pb-5 {
      padding-block-end: 1rem;
    }
    .sm\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .sm\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .sm\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .sm\:pb-9 {
      padding-block-end: 2rem;
    }
    .sm\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .sm\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .sm\:pb-12 {
      padding-block-end: 3rem;
    }
    .sm\:ps-0 {
      padding-inline-start: 0;
    }
    .sm\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .sm\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .sm\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .sm\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .sm\:ps-5 {
      padding-inline-start: 1rem;
    }
    .sm\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .sm\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .sm\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .sm\:ps-9 {
      padding-inline-start: 2rem;
    }
    .sm\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .sm\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .sm\:ps-12 {
      padding-inline-start: 3rem;
    }
    .sm\:gap-0 {
      gap: 0;
    }
    .sm\:gap-1 {
      gap: 0.25rem;
    }
    .sm\:gap-2 {
      gap: 0.375rem;
    }
    .sm\:gap-3 {
      gap: 0.5rem;
    }
    .sm\:gap-4 {
      gap: 0.75rem;
    }
    .sm\:gap-5 {
      gap: 1rem;
    }
    .sm\:gap-6 {
      gap: 1.25rem;
    }
    .sm\:gap-7 {
      gap: 1.5rem;
    }
    .sm\:gap-8 {
      gap: 1.75rem;
    }
    .sm\:gap-9 {
      gap: 2rem;
    }
    .sm\:gap-10 {
      gap: 2.25rem;
    }
    .sm\:gap-11 {
      gap: 2.5rem;
    }
    .sm\:gap-12 {
      gap: 3rem;
    }
    .sm\:row-gap-0 {
      row-gap: 0;
    }
    .sm\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .sm\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .sm\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .sm\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .sm\:row-gap-5 {
      row-gap: 1rem;
    }
    .sm\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .sm\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .sm\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .sm\:row-gap-9 {
      row-gap: 2rem;
    }
    .sm\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .sm\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .sm\:row-gap-12 {
      row-gap: 3rem;
    }
    .sm\:column-gap-0 {
      column-gap: 0;
    }
    .sm\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .sm\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .sm\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .sm\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .sm\:column-gap-5 {
      column-gap: 1rem;
    }
    .sm\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .sm\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .sm\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .sm\:column-gap-9 {
      column-gap: 2rem;
    }
    .sm\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .sm\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .sm\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.sm\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.sm\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.sm\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.sm\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.sm\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.sm\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.sm\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.sm\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.sm\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.sm\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.sm\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.sm\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.sm\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.sm\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.sm\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.sm\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.sm\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.sm\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.sm\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.sm\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.sm\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.sm\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.sm\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.sm\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.sm\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.sm\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.sm\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.sm\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.sm\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.sm\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .sm\:text-start {
      text-align: start;
    }
    .sm\:text-end {
      text-align: end;
    }
    .sm\:text-center {
      text-align: center;
    }
  }
  @media (width >= 768px) {
    .md\:float-start {
      float: inline-start;
    }
    .md\:float-end {
      float: inline-end;
    }
    .md\:float-none {
      float: none;
    }
    .md\:object-fit-contain {
      object-fit: contain;
    }
    .md\:object-fit-cover {
      object-fit: cover;
    }
    .md\:object-fit-fill {
      object-fit: fill;
    }
    .md\:object-fit-scale {
      object-fit: scale-down;
    }
    .md\:object-fit-none {
      object-fit: none;
    }
    .md\:d-inline {
      display: inline;
    }
    .md\:d-inline-block {
      display: inline-block;
    }
    .md\:d-block {
      display: block;
    }
    .md\:d-grid {
      display: grid;
    }
    .md\:d-inline-grid {
      display: inline-grid;
    }
    .md\:d-table {
      display: table;
    }
    .md\:d-table-row {
      display: table-row;
    }
    .md\:d-table-cell {
      display: table-cell;
    }
    .md\:d-flex {
      display: flex;
    }
    .md\:d-inline-flex {
      display: inline-flex;
    }
    .md\:d-contents {
      display: contents;
    }
    .md\:d-flow-root {
      display: flow-root;
    }
    .md\:d-none {
      display: none;
    }
    .md\:flex-fill {
      flex: 1 1 auto;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-column {
      flex-direction: column;
    }
    .md\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .md\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .md\:flex-grow-0 {
      flex-grow: 0;
    }
    .md\:flex-grow-1 {
      flex-grow: 1;
    }
    .md\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .md\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .md\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .md\:justify-content-start {
      justify-content: flex-start;
    }
    .md\:justify-content-end {
      justify-content: flex-end;
    }
    .md\:justify-content-center {
      justify-content: center;
    }
    .md\:justify-content-between {
      justify-content: space-between;
    }
    .md\:justify-content-around {
      justify-content: space-around;
    }
    .md\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .md\:justify-items-start {
      justify-items: start;
    }
    .md\:justify-items-end {
      justify-items: end;
    }
    .md\:justify-items-center {
      justify-items: center;
    }
    .md\:justify-items-stretch {
      justify-items: stretch;
    }
    .md\:justify-self-start {
      justify-self: start;
    }
    .md\:justify-self-end {
      justify-self: end;
    }
    .md\:justify-self-center {
      justify-self: center;
    }
    .md\:align-items-start {
      align-items: flex-start;
    }
    .md\:align-items-end {
      align-items: flex-end;
    }
    .md\:align-items-center {
      align-items: center;
    }
    .md\:align-items-baseline {
      align-items: baseline;
    }
    .md\:align-items-stretch {
      align-items: stretch;
    }
    .md\:align-content-start {
      align-content: flex-start;
    }
    .md\:align-content-end {
      align-content: flex-end;
    }
    .md\:align-content-center {
      align-content: center;
    }
    .md\:align-content-between {
      align-content: space-between;
    }
    .md\:align-content-around {
      align-content: space-around;
    }
    .md\:align-content-stretch {
      align-content: stretch;
    }
    .md\:align-self-auto {
      align-self: auto;
    }
    .md\:align-self-start {
      align-self: flex-start;
    }
    .md\:align-self-end {
      align-self: flex-end;
    }
    .md\:align-self-center {
      align-self: center;
    }
    .md\:align-self-baseline {
      align-self: baseline;
    }
    .md\:align-self-stretch {
      align-self: stretch;
    }
    .md\:place-items-start {
      place-items: start;
    }
    .md\:place-items-end {
      place-items: end;
    }
    .md\:place-items-center {
      place-items: center;
    }
    .md\:place-items-stretch {
      place-items: stretch;
    }
    .md\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .md\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .md\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .md\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .md\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .md\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .md\:order-first {
      order: -1;
    }
    .md\:order-0 {
      order: 0;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:order-3 {
      order: 3;
    }
    .md\:order-4 {
      order: 4;
    }
    .md\:order-5 {
      order: 5;
    }
    .md\:order-last {
      order: 6;
    }
    .md\:m-0 {
      margin: 0;
    }
    .md\:m-1 {
      margin: 0.25rem;
    }
    .md\:m-2 {
      margin: 0.375rem;
    }
    .md\:m-3 {
      margin: 0.5rem;
    }
    .md\:m-4 {
      margin: 0.75rem;
    }
    .md\:m-5 {
      margin: 1rem;
    }
    .md\:m-6 {
      margin: 1.25rem;
    }
    .md\:m-7 {
      margin: 1.5rem;
    }
    .md\:m-8 {
      margin: 1.75rem;
    }
    .md\:m-9 {
      margin: 2rem;
    }
    .md\:m-10 {
      margin: 2.25rem;
    }
    .md\:m-11 {
      margin: 2.5rem;
    }
    .md\:m-12 {
      margin: 3rem;
    }
    .md\:m-auto {
      margin: auto;
    }
    .md\:mx-0 {
      margin-inline: 0;
    }
    .md\:mx-1 {
      margin-inline: 0.25rem;
    }
    .md\:mx-2 {
      margin-inline: 0.375rem;
    }
    .md\:mx-3 {
      margin-inline: 0.5rem;
    }
    .md\:mx-4 {
      margin-inline: 0.75rem;
    }
    .md\:mx-5 {
      margin-inline: 1rem;
    }
    .md\:mx-6 {
      margin-inline: 1.25rem;
    }
    .md\:mx-7 {
      margin-inline: 1.5rem;
    }
    .md\:mx-8 {
      margin-inline: 1.75rem;
    }
    .md\:mx-9 {
      margin-inline: 2rem;
    }
    .md\:mx-10 {
      margin-inline: 2.25rem;
    }
    .md\:mx-11 {
      margin-inline: 2.5rem;
    }
    .md\:mx-12 {
      margin-inline: 3rem;
    }
    .md\:mx-auto {
      margin-inline: auto;
    }
    .md\:my-0 {
      margin-block: 0;
    }
    .md\:my-1 {
      margin-block: 0.25rem;
    }
    .md\:my-2 {
      margin-block: 0.375rem;
    }
    .md\:my-3 {
      margin-block: 0.5rem;
    }
    .md\:my-4 {
      margin-block: 0.75rem;
    }
    .md\:my-5 {
      margin-block: 1rem;
    }
    .md\:my-6 {
      margin-block: 1.25rem;
    }
    .md\:my-7 {
      margin-block: 1.5rem;
    }
    .md\:my-8 {
      margin-block: 1.75rem;
    }
    .md\:my-9 {
      margin-block: 2rem;
    }
    .md\:my-10 {
      margin-block: 2.25rem;
    }
    .md\:my-11 {
      margin-block: 2.5rem;
    }
    .md\:my-12 {
      margin-block: 3rem;
    }
    .md\:my-auto {
      margin-block: auto;
    }
    .md\:mt-0 {
      margin-block-start: 0;
    }
    .md\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .md\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .md\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .md\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .md\:mt-5 {
      margin-block-start: 1rem;
    }
    .md\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .md\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .md\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .md\:mt-9 {
      margin-block-start: 2rem;
    }
    .md\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .md\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .md\:mt-12 {
      margin-block-start: 3rem;
    }
    .md\:mt-auto {
      margin-block-start: auto;
    }
    .md\:me-0 {
      margin-inline-end: 0;
    }
    .md\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .md\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .md\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .md\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .md\:me-5 {
      margin-inline-end: 1rem;
    }
    .md\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .md\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .md\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .md\:me-9 {
      margin-inline-end: 2rem;
    }
    .md\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .md\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .md\:me-12 {
      margin-inline-end: 3rem;
    }
    .md\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .md\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .md\:me-auto {
      margin-inline-end: auto;
    }
    .md\:mb-0 {
      margin-block-end: 0;
    }
    .md\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .md\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .md\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .md\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .md\:mb-5 {
      margin-block-end: 1rem;
    }
    .md\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .md\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .md\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .md\:mb-9 {
      margin-block-end: 2rem;
    }
    .md\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .md\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .md\:mb-12 {
      margin-block-end: 3rem;
    }
    .md\:mb-auto {
      margin-block-end: auto;
    }
    .md\:ms-0 {
      margin-inline-start: 0;
    }
    .md\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .md\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .md\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .md\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .md\:ms-5 {
      margin-inline-start: 1rem;
    }
    .md\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .md\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .md\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .md\:ms-9 {
      margin-inline-start: 2rem;
    }
    .md\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .md\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .md\:ms-12 {
      margin-inline-start: 3rem;
    }
    .md\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .md\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .md\:ms-auto {
      margin-inline-start: auto;
    }
    .md\:p-0 {
      padding: 0;
    }
    .md\:p-1 {
      padding: 0.25rem;
    }
    .md\:p-2 {
      padding: 0.375rem;
    }
    .md\:p-3 {
      padding: 0.5rem;
    }
    .md\:p-4 {
      padding: 0.75rem;
    }
    .md\:p-5 {
      padding: 1rem;
    }
    .md\:p-6 {
      padding: 1.25rem;
    }
    .md\:p-7 {
      padding: 1.5rem;
    }
    .md\:p-8 {
      padding: 1.75rem;
    }
    .md\:p-9 {
      padding: 2rem;
    }
    .md\:p-10 {
      padding: 2.25rem;
    }
    .md\:p-11 {
      padding: 2.5rem;
    }
    .md\:p-12 {
      padding: 3rem;
    }
    .md\:px-0 {
      padding-inline: 0;
    }
    .md\:px-1 {
      padding-inline: 0.25rem;
    }
    .md\:px-2 {
      padding-inline: 0.375rem;
    }
    .md\:px-3 {
      padding-inline: 0.5rem;
    }
    .md\:px-4 {
      padding-inline: 0.75rem;
    }
    .md\:px-5 {
      padding-inline: 1rem;
    }
    .md\:px-6 {
      padding-inline: 1.25rem;
    }
    .md\:px-7 {
      padding-inline: 1.5rem;
    }
    .md\:px-8 {
      padding-inline: 1.75rem;
    }
    .md\:px-9 {
      padding-inline: 2rem;
    }
    .md\:px-10 {
      padding-inline: 2.25rem;
    }
    .md\:px-11 {
      padding-inline: 2.5rem;
    }
    .md\:px-12 {
      padding-inline: 3rem;
    }
    .md\:py-0 {
      padding-block: 0;
    }
    .md\:py-1 {
      padding-block: 0.25rem;
    }
    .md\:py-2 {
      padding-block: 0.375rem;
    }
    .md\:py-3 {
      padding-block: 0.5rem;
    }
    .md\:py-4 {
      padding-block: 0.75rem;
    }
    .md\:py-5 {
      padding-block: 1rem;
    }
    .md\:py-6 {
      padding-block: 1.25rem;
    }
    .md\:py-7 {
      padding-block: 1.5rem;
    }
    .md\:py-8 {
      padding-block: 1.75rem;
    }
    .md\:py-9 {
      padding-block: 2rem;
    }
    .md\:py-10 {
      padding-block: 2.25rem;
    }
    .md\:py-11 {
      padding-block: 2.5rem;
    }
    .md\:py-12 {
      padding-block: 3rem;
    }
    .md\:pt-0 {
      padding-block-start: 0;
    }
    .md\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .md\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .md\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .md\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .md\:pt-5 {
      padding-block-start: 1rem;
    }
    .md\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .md\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .md\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .md\:pt-9 {
      padding-block-start: 2rem;
    }
    .md\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .md\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .md\:pt-12 {
      padding-block-start: 3rem;
    }
    .md\:pe-0 {
      padding-inline-end: 0;
    }
    .md\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .md\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .md\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .md\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .md\:pe-5 {
      padding-inline-end: 1rem;
    }
    .md\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .md\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .md\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .md\:pe-9 {
      padding-inline-end: 2rem;
    }
    .md\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .md\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .md\:pe-12 {
      padding-inline-end: 3rem;
    }
    .md\:pb-0 {
      padding-block-end: 0;
    }
    .md\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .md\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .md\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .md\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .md\:pb-5 {
      padding-block-end: 1rem;
    }
    .md\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .md\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .md\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .md\:pb-9 {
      padding-block-end: 2rem;
    }
    .md\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .md\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .md\:pb-12 {
      padding-block-end: 3rem;
    }
    .md\:ps-0 {
      padding-inline-start: 0;
    }
    .md\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .md\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .md\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .md\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .md\:ps-5 {
      padding-inline-start: 1rem;
    }
    .md\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .md\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .md\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .md\:ps-9 {
      padding-inline-start: 2rem;
    }
    .md\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .md\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .md\:ps-12 {
      padding-inline-start: 3rem;
    }
    .md\:gap-0 {
      gap: 0;
    }
    .md\:gap-1 {
      gap: 0.25rem;
    }
    .md\:gap-2 {
      gap: 0.375rem;
    }
    .md\:gap-3 {
      gap: 0.5rem;
    }
    .md\:gap-4 {
      gap: 0.75rem;
    }
    .md\:gap-5 {
      gap: 1rem;
    }
    .md\:gap-6 {
      gap: 1.25rem;
    }
    .md\:gap-7 {
      gap: 1.5rem;
    }
    .md\:gap-8 {
      gap: 1.75rem;
    }
    .md\:gap-9 {
      gap: 2rem;
    }
    .md\:gap-10 {
      gap: 2.25rem;
    }
    .md\:gap-11 {
      gap: 2.5rem;
    }
    .md\:gap-12 {
      gap: 3rem;
    }
    .md\:row-gap-0 {
      row-gap: 0;
    }
    .md\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .md\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .md\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .md\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .md\:row-gap-5 {
      row-gap: 1rem;
    }
    .md\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .md\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .md\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .md\:row-gap-9 {
      row-gap: 2rem;
    }
    .md\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .md\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .md\:row-gap-12 {
      row-gap: 3rem;
    }
    .md\:column-gap-0 {
      column-gap: 0;
    }
    .md\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .md\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .md\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .md\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .md\:column-gap-5 {
      column-gap: 1rem;
    }
    .md\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .md\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .md\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .md\:column-gap-9 {
      column-gap: 2rem;
    }
    .md\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .md\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .md\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.md\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.md\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.md\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.md\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.md\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.md\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.md\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.md\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.md\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.md\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.md\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.md\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.md\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.md\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.md\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.md\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.md\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.md\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.md\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.md\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.md\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.md\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.md\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.md\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.md\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.md\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.md\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.md\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.md\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.md\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .md\:text-start {
      text-align: start;
    }
    .md\:text-end {
      text-align: end;
    }
    .md\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1024px) {
    .lg\:float-start {
      float: inline-start;
    }
    .lg\:float-end {
      float: inline-end;
    }
    .lg\:float-none {
      float: none;
    }
    .lg\:object-fit-contain {
      object-fit: contain;
    }
    .lg\:object-fit-cover {
      object-fit: cover;
    }
    .lg\:object-fit-fill {
      object-fit: fill;
    }
    .lg\:object-fit-scale {
      object-fit: scale-down;
    }
    .lg\:object-fit-none {
      object-fit: none;
    }
    .lg\:d-inline {
      display: inline;
    }
    .lg\:d-inline-block {
      display: inline-block;
    }
    .lg\:d-block {
      display: block;
    }
    .lg\:d-grid {
      display: grid;
    }
    .lg\:d-inline-grid {
      display: inline-grid;
    }
    .lg\:d-table {
      display: table;
    }
    .lg\:d-table-row {
      display: table-row;
    }
    .lg\:d-table-cell {
      display: table-cell;
    }
    .lg\:d-flex {
      display: flex;
    }
    .lg\:d-inline-flex {
      display: inline-flex;
    }
    .lg\:d-contents {
      display: contents;
    }
    .lg\:d-flow-root {
      display: flow-root;
    }
    .lg\:d-none {
      display: none;
    }
    .lg\:flex-fill {
      flex: 1 1 auto;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-column {
      flex-direction: column;
    }
    .lg\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .lg\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .lg\:flex-grow-0 {
      flex-grow: 0;
    }
    .lg\:flex-grow-1 {
      flex-grow: 1;
    }
    .lg\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .lg\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .lg\:justify-content-start {
      justify-content: flex-start;
    }
    .lg\:justify-content-end {
      justify-content: flex-end;
    }
    .lg\:justify-content-center {
      justify-content: center;
    }
    .lg\:justify-content-between {
      justify-content: space-between;
    }
    .lg\:justify-content-around {
      justify-content: space-around;
    }
    .lg\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .lg\:justify-items-start {
      justify-items: start;
    }
    .lg\:justify-items-end {
      justify-items: end;
    }
    .lg\:justify-items-center {
      justify-items: center;
    }
    .lg\:justify-items-stretch {
      justify-items: stretch;
    }
    .lg\:justify-self-start {
      justify-self: start;
    }
    .lg\:justify-self-end {
      justify-self: end;
    }
    .lg\:justify-self-center {
      justify-self: center;
    }
    .lg\:align-items-start {
      align-items: flex-start;
    }
    .lg\:align-items-end {
      align-items: flex-end;
    }
    .lg\:align-items-center {
      align-items: center;
    }
    .lg\:align-items-baseline {
      align-items: baseline;
    }
    .lg\:align-items-stretch {
      align-items: stretch;
    }
    .lg\:align-content-start {
      align-content: flex-start;
    }
    .lg\:align-content-end {
      align-content: flex-end;
    }
    .lg\:align-content-center {
      align-content: center;
    }
    .lg\:align-content-between {
      align-content: space-between;
    }
    .lg\:align-content-around {
      align-content: space-around;
    }
    .lg\:align-content-stretch {
      align-content: stretch;
    }
    .lg\:align-self-auto {
      align-self: auto;
    }
    .lg\:align-self-start {
      align-self: flex-start;
    }
    .lg\:align-self-end {
      align-self: flex-end;
    }
    .lg\:align-self-center {
      align-self: center;
    }
    .lg\:align-self-baseline {
      align-self: baseline;
    }
    .lg\:align-self-stretch {
      align-self: stretch;
    }
    .lg\:place-items-start {
      place-items: start;
    }
    .lg\:place-items-end {
      place-items: end;
    }
    .lg\:place-items-center {
      place-items: center;
    }
    .lg\:place-items-stretch {
      place-items: stretch;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .lg\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .lg\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .lg\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .lg\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .lg\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .lg\:order-first {
      order: -1;
    }
    .lg\:order-0 {
      order: 0;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:order-3 {
      order: 3;
    }
    .lg\:order-4 {
      order: 4;
    }
    .lg\:order-5 {
      order: 5;
    }
    .lg\:order-last {
      order: 6;
    }
    .lg\:m-0 {
      margin: 0;
    }
    .lg\:m-1 {
      margin: 0.25rem;
    }
    .lg\:m-2 {
      margin: 0.375rem;
    }
    .lg\:m-3 {
      margin: 0.5rem;
    }
    .lg\:m-4 {
      margin: 0.75rem;
    }
    .lg\:m-5 {
      margin: 1rem;
    }
    .lg\:m-6 {
      margin: 1.25rem;
    }
    .lg\:m-7 {
      margin: 1.5rem;
    }
    .lg\:m-8 {
      margin: 1.75rem;
    }
    .lg\:m-9 {
      margin: 2rem;
    }
    .lg\:m-10 {
      margin: 2.25rem;
    }
    .lg\:m-11 {
      margin: 2.5rem;
    }
    .lg\:m-12 {
      margin: 3rem;
    }
    .lg\:m-auto {
      margin: auto;
    }
    .lg\:mx-0 {
      margin-inline: 0;
    }
    .lg\:mx-1 {
      margin-inline: 0.25rem;
    }
    .lg\:mx-2 {
      margin-inline: 0.375rem;
    }
    .lg\:mx-3 {
      margin-inline: 0.5rem;
    }
    .lg\:mx-4 {
      margin-inline: 0.75rem;
    }
    .lg\:mx-5 {
      margin-inline: 1rem;
    }
    .lg\:mx-6 {
      margin-inline: 1.25rem;
    }
    .lg\:mx-7 {
      margin-inline: 1.5rem;
    }
    .lg\:mx-8 {
      margin-inline: 1.75rem;
    }
    .lg\:mx-9 {
      margin-inline: 2rem;
    }
    .lg\:mx-10 {
      margin-inline: 2.25rem;
    }
    .lg\:mx-11 {
      margin-inline: 2.5rem;
    }
    .lg\:mx-12 {
      margin-inline: 3rem;
    }
    .lg\:mx-auto {
      margin-inline: auto;
    }
    .lg\:my-0 {
      margin-block: 0;
    }
    .lg\:my-1 {
      margin-block: 0.25rem;
    }
    .lg\:my-2 {
      margin-block: 0.375rem;
    }
    .lg\:my-3 {
      margin-block: 0.5rem;
    }
    .lg\:my-4 {
      margin-block: 0.75rem;
    }
    .lg\:my-5 {
      margin-block: 1rem;
    }
    .lg\:my-6 {
      margin-block: 1.25rem;
    }
    .lg\:my-7 {
      margin-block: 1.5rem;
    }
    .lg\:my-8 {
      margin-block: 1.75rem;
    }
    .lg\:my-9 {
      margin-block: 2rem;
    }
    .lg\:my-10 {
      margin-block: 2.25rem;
    }
    .lg\:my-11 {
      margin-block: 2.5rem;
    }
    .lg\:my-12 {
      margin-block: 3rem;
    }
    .lg\:my-auto {
      margin-block: auto;
    }
    .lg\:mt-0 {
      margin-block-start: 0;
    }
    .lg\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .lg\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .lg\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .lg\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .lg\:mt-5 {
      margin-block-start: 1rem;
    }
    .lg\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .lg\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .lg\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .lg\:mt-9 {
      margin-block-start: 2rem;
    }
    .lg\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .lg\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .lg\:mt-12 {
      margin-block-start: 3rem;
    }
    .lg\:mt-auto {
      margin-block-start: auto;
    }
    .lg\:me-0 {
      margin-inline-end: 0;
    }
    .lg\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .lg\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .lg\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .lg\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .lg\:me-5 {
      margin-inline-end: 1rem;
    }
    .lg\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .lg\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .lg\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .lg\:me-9 {
      margin-inline-end: 2rem;
    }
    .lg\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .lg\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .lg\:me-12 {
      margin-inline-end: 3rem;
    }
    .lg\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .lg\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .lg\:me-auto {
      margin-inline-end: auto;
    }
    .lg\:mb-0 {
      margin-block-end: 0;
    }
    .lg\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .lg\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .lg\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .lg\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .lg\:mb-5 {
      margin-block-end: 1rem;
    }
    .lg\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .lg\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .lg\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .lg\:mb-9 {
      margin-block-end: 2rem;
    }
    .lg\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .lg\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .lg\:mb-12 {
      margin-block-end: 3rem;
    }
    .lg\:mb-auto {
      margin-block-end: auto;
    }
    .lg\:ms-0 {
      margin-inline-start: 0;
    }
    .lg\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .lg\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .lg\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .lg\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .lg\:ms-5 {
      margin-inline-start: 1rem;
    }
    .lg\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .lg\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .lg\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .lg\:ms-9 {
      margin-inline-start: 2rem;
    }
    .lg\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .lg\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .lg\:ms-12 {
      margin-inline-start: 3rem;
    }
    .lg\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .lg\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
    .lg\:p-0 {
      padding: 0;
    }
    .lg\:p-1 {
      padding: 0.25rem;
    }
    .lg\:p-2 {
      padding: 0.375rem;
    }
    .lg\:p-3 {
      padding: 0.5rem;
    }
    .lg\:p-4 {
      padding: 0.75rem;
    }
    .lg\:p-5 {
      padding: 1rem;
    }
    .lg\:p-6 {
      padding: 1.25rem;
    }
    .lg\:p-7 {
      padding: 1.5rem;
    }
    .lg\:p-8 {
      padding: 1.75rem;
    }
    .lg\:p-9 {
      padding: 2rem;
    }
    .lg\:p-10 {
      padding: 2.25rem;
    }
    .lg\:p-11 {
      padding: 2.5rem;
    }
    .lg\:p-12 {
      padding: 3rem;
    }
    .lg\:px-0 {
      padding-inline: 0;
    }
    .lg\:px-1 {
      padding-inline: 0.25rem;
    }
    .lg\:px-2 {
      padding-inline: 0.375rem;
    }
    .lg\:px-3 {
      padding-inline: 0.5rem;
    }
    .lg\:px-4 {
      padding-inline: 0.75rem;
    }
    .lg\:px-5 {
      padding-inline: 1rem;
    }
    .lg\:px-6 {
      padding-inline: 1.25rem;
    }
    .lg\:px-7 {
      padding-inline: 1.5rem;
    }
    .lg\:px-8 {
      padding-inline: 1.75rem;
    }
    .lg\:px-9 {
      padding-inline: 2rem;
    }
    .lg\:px-10 {
      padding-inline: 2.25rem;
    }
    .lg\:px-11 {
      padding-inline: 2.5rem;
    }
    .lg\:px-12 {
      padding-inline: 3rem;
    }
    .lg\:py-0 {
      padding-block: 0;
    }
    .lg\:py-1 {
      padding-block: 0.25rem;
    }
    .lg\:py-2 {
      padding-block: 0.375rem;
    }
    .lg\:py-3 {
      padding-block: 0.5rem;
    }
    .lg\:py-4 {
      padding-block: 0.75rem;
    }
    .lg\:py-5 {
      padding-block: 1rem;
    }
    .lg\:py-6 {
      padding-block: 1.25rem;
    }
    .lg\:py-7 {
      padding-block: 1.5rem;
    }
    .lg\:py-8 {
      padding-block: 1.75rem;
    }
    .lg\:py-9 {
      padding-block: 2rem;
    }
    .lg\:py-10 {
      padding-block: 2.25rem;
    }
    .lg\:py-11 {
      padding-block: 2.5rem;
    }
    .lg\:py-12 {
      padding-block: 3rem;
    }
    .lg\:pt-0 {
      padding-block-start: 0;
    }
    .lg\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .lg\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .lg\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .lg\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .lg\:pt-5 {
      padding-block-start: 1rem;
    }
    .lg\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .lg\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .lg\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .lg\:pt-9 {
      padding-block-start: 2rem;
    }
    .lg\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .lg\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .lg\:pt-12 {
      padding-block-start: 3rem;
    }
    .lg\:pe-0 {
      padding-inline-end: 0;
    }
    .lg\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .lg\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .lg\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .lg\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .lg\:pe-5 {
      padding-inline-end: 1rem;
    }
    .lg\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .lg\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .lg\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .lg\:pe-9 {
      padding-inline-end: 2rem;
    }
    .lg\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .lg\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .lg\:pe-12 {
      padding-inline-end: 3rem;
    }
    .lg\:pb-0 {
      padding-block-end: 0;
    }
    .lg\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .lg\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .lg\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .lg\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .lg\:pb-5 {
      padding-block-end: 1rem;
    }
    .lg\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .lg\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .lg\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .lg\:pb-9 {
      padding-block-end: 2rem;
    }
    .lg\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .lg\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .lg\:pb-12 {
      padding-block-end: 3rem;
    }
    .lg\:ps-0 {
      padding-inline-start: 0;
    }
    .lg\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .lg\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .lg\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .lg\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .lg\:ps-5 {
      padding-inline-start: 1rem;
    }
    .lg\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .lg\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .lg\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .lg\:ps-9 {
      padding-inline-start: 2rem;
    }
    .lg\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .lg\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .lg\:ps-12 {
      padding-inline-start: 3rem;
    }
    .lg\:gap-0 {
      gap: 0;
    }
    .lg\:gap-1 {
      gap: 0.25rem;
    }
    .lg\:gap-2 {
      gap: 0.375rem;
    }
    .lg\:gap-3 {
      gap: 0.5rem;
    }
    .lg\:gap-4 {
      gap: 0.75rem;
    }
    .lg\:gap-5 {
      gap: 1rem;
    }
    .lg\:gap-6 {
      gap: 1.25rem;
    }
    .lg\:gap-7 {
      gap: 1.5rem;
    }
    .lg\:gap-8 {
      gap: 1.75rem;
    }
    .lg\:gap-9 {
      gap: 2rem;
    }
    .lg\:gap-10 {
      gap: 2.25rem;
    }
    .lg\:gap-11 {
      gap: 2.5rem;
    }
    .lg\:gap-12 {
      gap: 3rem;
    }
    .lg\:row-gap-0 {
      row-gap: 0;
    }
    .lg\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .lg\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .lg\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .lg\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .lg\:row-gap-5 {
      row-gap: 1rem;
    }
    .lg\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .lg\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .lg\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .lg\:row-gap-9 {
      row-gap: 2rem;
    }
    .lg\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .lg\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .lg\:row-gap-12 {
      row-gap: 3rem;
    }
    .lg\:column-gap-0 {
      column-gap: 0;
    }
    .lg\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .lg\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .lg\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .lg\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .lg\:column-gap-5 {
      column-gap: 1rem;
    }
    .lg\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .lg\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .lg\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .lg\:column-gap-9 {
      column-gap: 2rem;
    }
    .lg\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .lg\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .lg\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.lg\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.lg\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.lg\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.lg\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.lg\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.lg\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.lg\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.lg\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.lg\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.lg\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.lg\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.lg\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.lg\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.lg\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.lg\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.lg\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.lg\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.lg\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.lg\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.lg\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.lg\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.lg\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.lg\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.lg\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.lg\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.lg\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.lg\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.lg\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.lg\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.lg\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .lg\:text-start {
      text-align: start;
    }
    .lg\:text-end {
      text-align: end;
    }
    .lg\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1280px) {
    .xl\:float-start {
      float: inline-start;
    }
    .xl\:float-end {
      float: inline-end;
    }
    .xl\:float-none {
      float: none;
    }
    .xl\:object-fit-contain {
      object-fit: contain;
    }
    .xl\:object-fit-cover {
      object-fit: cover;
    }
    .xl\:object-fit-fill {
      object-fit: fill;
    }
    .xl\:object-fit-scale {
      object-fit: scale-down;
    }
    .xl\:object-fit-none {
      object-fit: none;
    }
    .xl\:d-inline {
      display: inline;
    }
    .xl\:d-inline-block {
      display: inline-block;
    }
    .xl\:d-block {
      display: block;
    }
    .xl\:d-grid {
      display: grid;
    }
    .xl\:d-inline-grid {
      display: inline-grid;
    }
    .xl\:d-table {
      display: table;
    }
    .xl\:d-table-row {
      display: table-row;
    }
    .xl\:d-table-cell {
      display: table-cell;
    }
    .xl\:d-flex {
      display: flex;
    }
    .xl\:d-inline-flex {
      display: inline-flex;
    }
    .xl\:d-contents {
      display: contents;
    }
    .xl\:d-flow-root {
      display: flow-root;
    }
    .xl\:d-none {
      display: none;
    }
    .xl\:flex-fill {
      flex: 1 1 auto;
    }
    .xl\:flex-row {
      flex-direction: row;
    }
    .xl\:flex-column {
      flex-direction: column;
    }
    .xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .xl\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .xl\:flex-grow-0 {
      flex-grow: 0;
    }
    .xl\:flex-grow-1 {
      flex-grow: 1;
    }
    .xl\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .xl\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .xl\:flex-wrap {
      flex-wrap: wrap;
    }
    .xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .xl\:justify-content-start {
      justify-content: flex-start;
    }
    .xl\:justify-content-end {
      justify-content: flex-end;
    }
    .xl\:justify-content-center {
      justify-content: center;
    }
    .xl\:justify-content-between {
      justify-content: space-between;
    }
    .xl\:justify-content-around {
      justify-content: space-around;
    }
    .xl\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .xl\:justify-items-start {
      justify-items: start;
    }
    .xl\:justify-items-end {
      justify-items: end;
    }
    .xl\:justify-items-center {
      justify-items: center;
    }
    .xl\:justify-items-stretch {
      justify-items: stretch;
    }
    .xl\:justify-self-start {
      justify-self: start;
    }
    .xl\:justify-self-end {
      justify-self: end;
    }
    .xl\:justify-self-center {
      justify-self: center;
    }
    .xl\:align-items-start {
      align-items: flex-start;
    }
    .xl\:align-items-end {
      align-items: flex-end;
    }
    .xl\:align-items-center {
      align-items: center;
    }
    .xl\:align-items-baseline {
      align-items: baseline;
    }
    .xl\:align-items-stretch {
      align-items: stretch;
    }
    .xl\:align-content-start {
      align-content: flex-start;
    }
    .xl\:align-content-end {
      align-content: flex-end;
    }
    .xl\:align-content-center {
      align-content: center;
    }
    .xl\:align-content-between {
      align-content: space-between;
    }
    .xl\:align-content-around {
      align-content: space-around;
    }
    .xl\:align-content-stretch {
      align-content: stretch;
    }
    .xl\:align-self-auto {
      align-self: auto;
    }
    .xl\:align-self-start {
      align-self: flex-start;
    }
    .xl\:align-self-end {
      align-self: flex-end;
    }
    .xl\:align-self-center {
      align-self: center;
    }
    .xl\:align-self-baseline {
      align-self: baseline;
    }
    .xl\:align-self-stretch {
      align-self: stretch;
    }
    .xl\:place-items-start {
      place-items: start;
    }
    .xl\:place-items-end {
      place-items: end;
    }
    .xl\:place-items-center {
      place-items: center;
    }
    .xl\:place-items-stretch {
      place-items: stretch;
    }
    .xl\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .xl\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .xl\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .xl\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .xl\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .xl\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .xl\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .xl\:order-first {
      order: -1;
    }
    .xl\:order-0 {
      order: 0;
    }
    .xl\:order-1 {
      order: 1;
    }
    .xl\:order-2 {
      order: 2;
    }
    .xl\:order-3 {
      order: 3;
    }
    .xl\:order-4 {
      order: 4;
    }
    .xl\:order-5 {
      order: 5;
    }
    .xl\:order-last {
      order: 6;
    }
    .xl\:m-0 {
      margin: 0;
    }
    .xl\:m-1 {
      margin: 0.25rem;
    }
    .xl\:m-2 {
      margin: 0.375rem;
    }
    .xl\:m-3 {
      margin: 0.5rem;
    }
    .xl\:m-4 {
      margin: 0.75rem;
    }
    .xl\:m-5 {
      margin: 1rem;
    }
    .xl\:m-6 {
      margin: 1.25rem;
    }
    .xl\:m-7 {
      margin: 1.5rem;
    }
    .xl\:m-8 {
      margin: 1.75rem;
    }
    .xl\:m-9 {
      margin: 2rem;
    }
    .xl\:m-10 {
      margin: 2.25rem;
    }
    .xl\:m-11 {
      margin: 2.5rem;
    }
    .xl\:m-12 {
      margin: 3rem;
    }
    .xl\:m-auto {
      margin: auto;
    }
    .xl\:mx-0 {
      margin-inline: 0;
    }
    .xl\:mx-1 {
      margin-inline: 0.25rem;
    }
    .xl\:mx-2 {
      margin-inline: 0.375rem;
    }
    .xl\:mx-3 {
      margin-inline: 0.5rem;
    }
    .xl\:mx-4 {
      margin-inline: 0.75rem;
    }
    .xl\:mx-5 {
      margin-inline: 1rem;
    }
    .xl\:mx-6 {
      margin-inline: 1.25rem;
    }
    .xl\:mx-7 {
      margin-inline: 1.5rem;
    }
    .xl\:mx-8 {
      margin-inline: 1.75rem;
    }
    .xl\:mx-9 {
      margin-inline: 2rem;
    }
    .xl\:mx-10 {
      margin-inline: 2.25rem;
    }
    .xl\:mx-11 {
      margin-inline: 2.5rem;
    }
    .xl\:mx-12 {
      margin-inline: 3rem;
    }
    .xl\:mx-auto {
      margin-inline: auto;
    }
    .xl\:my-0 {
      margin-block: 0;
    }
    .xl\:my-1 {
      margin-block: 0.25rem;
    }
    .xl\:my-2 {
      margin-block: 0.375rem;
    }
    .xl\:my-3 {
      margin-block: 0.5rem;
    }
    .xl\:my-4 {
      margin-block: 0.75rem;
    }
    .xl\:my-5 {
      margin-block: 1rem;
    }
    .xl\:my-6 {
      margin-block: 1.25rem;
    }
    .xl\:my-7 {
      margin-block: 1.5rem;
    }
    .xl\:my-8 {
      margin-block: 1.75rem;
    }
    .xl\:my-9 {
      margin-block: 2rem;
    }
    .xl\:my-10 {
      margin-block: 2.25rem;
    }
    .xl\:my-11 {
      margin-block: 2.5rem;
    }
    .xl\:my-12 {
      margin-block: 3rem;
    }
    .xl\:my-auto {
      margin-block: auto;
    }
    .xl\:mt-0 {
      margin-block-start: 0;
    }
    .xl\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .xl\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .xl\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .xl\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .xl\:mt-5 {
      margin-block-start: 1rem;
    }
    .xl\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .xl\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .xl\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .xl\:mt-9 {
      margin-block-start: 2rem;
    }
    .xl\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .xl\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .xl\:mt-12 {
      margin-block-start: 3rem;
    }
    .xl\:mt-auto {
      margin-block-start: auto;
    }
    .xl\:me-0 {
      margin-inline-end: 0;
    }
    .xl\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .xl\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .xl\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .xl\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .xl\:me-5 {
      margin-inline-end: 1rem;
    }
    .xl\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .xl\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .xl\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .xl\:me-9 {
      margin-inline-end: 2rem;
    }
    .xl\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .xl\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .xl\:me-12 {
      margin-inline-end: 3rem;
    }
    .xl\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .xl\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .xl\:me-auto {
      margin-inline-end: auto;
    }
    .xl\:mb-0 {
      margin-block-end: 0;
    }
    .xl\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .xl\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .xl\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .xl\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .xl\:mb-5 {
      margin-block-end: 1rem;
    }
    .xl\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .xl\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .xl\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .xl\:mb-9 {
      margin-block-end: 2rem;
    }
    .xl\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .xl\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .xl\:mb-12 {
      margin-block-end: 3rem;
    }
    .xl\:mb-auto {
      margin-block-end: auto;
    }
    .xl\:ms-0 {
      margin-inline-start: 0;
    }
    .xl\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .xl\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .xl\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .xl\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .xl\:ms-5 {
      margin-inline-start: 1rem;
    }
    .xl\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .xl\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .xl\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .xl\:ms-9 {
      margin-inline-start: 2rem;
    }
    .xl\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .xl\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .xl\:ms-12 {
      margin-inline-start: 3rem;
    }
    .xl\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .xl\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .xl\:ms-auto {
      margin-inline-start: auto;
    }
    .xl\:p-0 {
      padding: 0;
    }
    .xl\:p-1 {
      padding: 0.25rem;
    }
    .xl\:p-2 {
      padding: 0.375rem;
    }
    .xl\:p-3 {
      padding: 0.5rem;
    }
    .xl\:p-4 {
      padding: 0.75rem;
    }
    .xl\:p-5 {
      padding: 1rem;
    }
    .xl\:p-6 {
      padding: 1.25rem;
    }
    .xl\:p-7 {
      padding: 1.5rem;
    }
    .xl\:p-8 {
      padding: 1.75rem;
    }
    .xl\:p-9 {
      padding: 2rem;
    }
    .xl\:p-10 {
      padding: 2.25rem;
    }
    .xl\:p-11 {
      padding: 2.5rem;
    }
    .xl\:p-12 {
      padding: 3rem;
    }
    .xl\:px-0 {
      padding-inline: 0;
    }
    .xl\:px-1 {
      padding-inline: 0.25rem;
    }
    .xl\:px-2 {
      padding-inline: 0.375rem;
    }
    .xl\:px-3 {
      padding-inline: 0.5rem;
    }
    .xl\:px-4 {
      padding-inline: 0.75rem;
    }
    .xl\:px-5 {
      padding-inline: 1rem;
    }
    .xl\:px-6 {
      padding-inline: 1.25rem;
    }
    .xl\:px-7 {
      padding-inline: 1.5rem;
    }
    .xl\:px-8 {
      padding-inline: 1.75rem;
    }
    .xl\:px-9 {
      padding-inline: 2rem;
    }
    .xl\:px-10 {
      padding-inline: 2.25rem;
    }
    .xl\:px-11 {
      padding-inline: 2.5rem;
    }
    .xl\:px-12 {
      padding-inline: 3rem;
    }
    .xl\:py-0 {
      padding-block: 0;
    }
    .xl\:py-1 {
      padding-block: 0.25rem;
    }
    .xl\:py-2 {
      padding-block: 0.375rem;
    }
    .xl\:py-3 {
      padding-block: 0.5rem;
    }
    .xl\:py-4 {
      padding-block: 0.75rem;
    }
    .xl\:py-5 {
      padding-block: 1rem;
    }
    .xl\:py-6 {
      padding-block: 1.25rem;
    }
    .xl\:py-7 {
      padding-block: 1.5rem;
    }
    .xl\:py-8 {
      padding-block: 1.75rem;
    }
    .xl\:py-9 {
      padding-block: 2rem;
    }
    .xl\:py-10 {
      padding-block: 2.25rem;
    }
    .xl\:py-11 {
      padding-block: 2.5rem;
    }
    .xl\:py-12 {
      padding-block: 3rem;
    }
    .xl\:pt-0 {
      padding-block-start: 0;
    }
    .xl\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .xl\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .xl\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .xl\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .xl\:pt-5 {
      padding-block-start: 1rem;
    }
    .xl\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .xl\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .xl\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .xl\:pt-9 {
      padding-block-start: 2rem;
    }
    .xl\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .xl\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .xl\:pt-12 {
      padding-block-start: 3rem;
    }
    .xl\:pe-0 {
      padding-inline-end: 0;
    }
    .xl\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .xl\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .xl\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .xl\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .xl\:pe-5 {
      padding-inline-end: 1rem;
    }
    .xl\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .xl\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .xl\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .xl\:pe-9 {
      padding-inline-end: 2rem;
    }
    .xl\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .xl\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .xl\:pe-12 {
      padding-inline-end: 3rem;
    }
    .xl\:pb-0 {
      padding-block-end: 0;
    }
    .xl\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .xl\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .xl\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .xl\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .xl\:pb-5 {
      padding-block-end: 1rem;
    }
    .xl\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .xl\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .xl\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .xl\:pb-9 {
      padding-block-end: 2rem;
    }
    .xl\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .xl\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .xl\:pb-12 {
      padding-block-end: 3rem;
    }
    .xl\:ps-0 {
      padding-inline-start: 0;
    }
    .xl\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .xl\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .xl\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .xl\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .xl\:ps-5 {
      padding-inline-start: 1rem;
    }
    .xl\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .xl\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .xl\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .xl\:ps-9 {
      padding-inline-start: 2rem;
    }
    .xl\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .xl\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .xl\:ps-12 {
      padding-inline-start: 3rem;
    }
    .xl\:gap-0 {
      gap: 0;
    }
    .xl\:gap-1 {
      gap: 0.25rem;
    }
    .xl\:gap-2 {
      gap: 0.375rem;
    }
    .xl\:gap-3 {
      gap: 0.5rem;
    }
    .xl\:gap-4 {
      gap: 0.75rem;
    }
    .xl\:gap-5 {
      gap: 1rem;
    }
    .xl\:gap-6 {
      gap: 1.25rem;
    }
    .xl\:gap-7 {
      gap: 1.5rem;
    }
    .xl\:gap-8 {
      gap: 1.75rem;
    }
    .xl\:gap-9 {
      gap: 2rem;
    }
    .xl\:gap-10 {
      gap: 2.25rem;
    }
    .xl\:gap-11 {
      gap: 2.5rem;
    }
    .xl\:gap-12 {
      gap: 3rem;
    }
    .xl\:row-gap-0 {
      row-gap: 0;
    }
    .xl\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .xl\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .xl\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .xl\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .xl\:row-gap-5 {
      row-gap: 1rem;
    }
    .xl\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .xl\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .xl\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .xl\:row-gap-9 {
      row-gap: 2rem;
    }
    .xl\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .xl\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .xl\:row-gap-12 {
      row-gap: 3rem;
    }
    .xl\:column-gap-0 {
      column-gap: 0;
    }
    .xl\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .xl\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .xl\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .xl\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .xl\:column-gap-5 {
      column-gap: 1rem;
    }
    .xl\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .xl\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .xl\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .xl\:column-gap-9 {
      column-gap: 2rem;
    }
    .xl\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .xl\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .xl\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.xl\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.xl\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.xl\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.xl\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.xl\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.xl\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.xl\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.xl\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.xl\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.xl\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.xl\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.xl\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.xl\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.xl\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.xl\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.xl\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.xl\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.xl\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.xl\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.xl\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.xl\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.xl\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.xl\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.xl\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.xl\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.xl\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.xl\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.xl\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.xl\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.xl\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .xl\:text-start {
      text-align: start;
    }
    .xl\:text-end {
      text-align: end;
    }
    .xl\:text-center {
      text-align: center;
    }
  }
  @media (width >= 1536px) {
    .\32xl\:float-start {
      float: inline-start;
    }
    .\32xl\:float-end {
      float: inline-end;
    }
    .\32xl\:float-none {
      float: none;
    }
    .\32xl\:object-fit-contain {
      object-fit: contain;
    }
    .\32xl\:object-fit-cover {
      object-fit: cover;
    }
    .\32xl\:object-fit-fill {
      object-fit: fill;
    }
    .\32xl\:object-fit-scale {
      object-fit: scale-down;
    }
    .\32xl\:object-fit-none {
      object-fit: none;
    }
    .\32xl\:d-inline {
      display: inline;
    }
    .\32xl\:d-inline-block {
      display: inline-block;
    }
    .\32xl\:d-block {
      display: block;
    }
    .\32xl\:d-grid {
      display: grid;
    }
    .\32xl\:d-inline-grid {
      display: inline-grid;
    }
    .\32xl\:d-table {
      display: table;
    }
    .\32xl\:d-table-row {
      display: table-row;
    }
    .\32xl\:d-table-cell {
      display: table-cell;
    }
    .\32xl\:d-flex {
      display: flex;
    }
    .\32xl\:d-inline-flex {
      display: inline-flex;
    }
    .\32xl\:d-contents {
      display: contents;
    }
    .\32xl\:d-flow-root {
      display: flow-root;
    }
    .\32xl\:d-none {
      display: none;
    }
    .\32xl\:flex-fill {
      flex: 1 1 auto;
    }
    .\32xl\:flex-row {
      flex-direction: row;
    }
    .\32xl\:flex-column {
      flex-direction: column;
    }
    .\32xl\:flex-row-reverse {
      flex-direction: row-reverse;
    }
    .\32xl\:flex-column-reverse {
      flex-direction: column-reverse;
    }
    .\32xl\:flex-grow-0 {
      flex-grow: 0;
    }
    .\32xl\:flex-grow-1 {
      flex-grow: 1;
    }
    .\32xl\:flex-shrink-0 {
      flex-shrink: 0;
    }
    .\32xl\:flex-shrink-1 {
      flex-shrink: 1;
    }
    .\32xl\:flex-wrap {
      flex-wrap: wrap;
    }
    .\32xl\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .\32xl\:flex-wrap-reverse {
      flex-wrap: wrap-reverse;
    }
    .\32xl\:justify-content-start {
      justify-content: flex-start;
    }
    .\32xl\:justify-content-end {
      justify-content: flex-end;
    }
    .\32xl\:justify-content-center {
      justify-content: center;
    }
    .\32xl\:justify-content-between {
      justify-content: space-between;
    }
    .\32xl\:justify-content-around {
      justify-content: space-around;
    }
    .\32xl\:justify-content-evenly {
      justify-content: space-evenly;
    }
    .\32xl\:justify-items-start {
      justify-items: start;
    }
    .\32xl\:justify-items-end {
      justify-items: end;
    }
    .\32xl\:justify-items-center {
      justify-items: center;
    }
    .\32xl\:justify-items-stretch {
      justify-items: stretch;
    }
    .\32xl\:justify-self-start {
      justify-self: start;
    }
    .\32xl\:justify-self-end {
      justify-self: end;
    }
    .\32xl\:justify-self-center {
      justify-self: center;
    }
    .\32xl\:align-items-start {
      align-items: flex-start;
    }
    .\32xl\:align-items-end {
      align-items: flex-end;
    }
    .\32xl\:align-items-center {
      align-items: center;
    }
    .\32xl\:align-items-baseline {
      align-items: baseline;
    }
    .\32xl\:align-items-stretch {
      align-items: stretch;
    }
    .\32xl\:align-content-start {
      align-content: flex-start;
    }
    .\32xl\:align-content-end {
      align-content: flex-end;
    }
    .\32xl\:align-content-center {
      align-content: center;
    }
    .\32xl\:align-content-between {
      align-content: space-between;
    }
    .\32xl\:align-content-around {
      align-content: space-around;
    }
    .\32xl\:align-content-stretch {
      align-content: stretch;
    }
    .\32xl\:align-self-auto {
      align-self: auto;
    }
    .\32xl\:align-self-start {
      align-self: flex-start;
    }
    .\32xl\:align-self-end {
      align-self: flex-end;
    }
    .\32xl\:align-self-center {
      align-self: center;
    }
    .\32xl\:align-self-baseline {
      align-self: baseline;
    }
    .\32xl\:align-self-stretch {
      align-self: stretch;
    }
    .\32xl\:place-items-start {
      place-items: start;
    }
    .\32xl\:place-items-end {
      place-items: end;
    }
    .\32xl\:place-items-center {
      place-items: center;
    }
    .\32xl\:place-items-stretch {
      place-items: stretch;
    }
    .\32xl\:grid-cols-1 {
      grid-template-columns: 1fr;
    }
    .\32xl\:grid-cols-2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .\32xl\:grid-cols-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    .\32xl\:grid-cols-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    .\32xl\:grid-cols-6 {
      grid-template-columns: repeat(6, 1fr);
    }
    .\32xl\:grid-cols-subgrid {
      grid-template-columns: subgrid;
    }
    .\32xl\:grid-cols-fill {
      grid-column: 1 / -1;
    }
    .\32xl\:grid-auto-flow-row {
      grid-auto-flow: row;
    }
    .\32xl\:grid-auto-flow-column {
      grid-auto-flow: column;
    }
    .\32xl\:grid-auto-flow-dense {
      grid-auto-flow: dense;
    }
    .\32xl\:order-first {
      order: -1;
    }
    .\32xl\:order-0 {
      order: 0;
    }
    .\32xl\:order-1 {
      order: 1;
    }
    .\32xl\:order-2 {
      order: 2;
    }
    .\32xl\:order-3 {
      order: 3;
    }
    .\32xl\:order-4 {
      order: 4;
    }
    .\32xl\:order-5 {
      order: 5;
    }
    .\32xl\:order-last {
      order: 6;
    }
    .\32xl\:m-0 {
      margin: 0;
    }
    .\32xl\:m-1 {
      margin: 0.25rem;
    }
    .\32xl\:m-2 {
      margin: 0.375rem;
    }
    .\32xl\:m-3 {
      margin: 0.5rem;
    }
    .\32xl\:m-4 {
      margin: 0.75rem;
    }
    .\32xl\:m-5 {
      margin: 1rem;
    }
    .\32xl\:m-6 {
      margin: 1.25rem;
    }
    .\32xl\:m-7 {
      margin: 1.5rem;
    }
    .\32xl\:m-8 {
      margin: 1.75rem;
    }
    .\32xl\:m-9 {
      margin: 2rem;
    }
    .\32xl\:m-10 {
      margin: 2.25rem;
    }
    .\32xl\:m-11 {
      margin: 2.5rem;
    }
    .\32xl\:m-12 {
      margin: 3rem;
    }
    .\32xl\:m-auto {
      margin: auto;
    }
    .\32xl\:mx-0 {
      margin-inline: 0;
    }
    .\32xl\:mx-1 {
      margin-inline: 0.25rem;
    }
    .\32xl\:mx-2 {
      margin-inline: 0.375rem;
    }
    .\32xl\:mx-3 {
      margin-inline: 0.5rem;
    }
    .\32xl\:mx-4 {
      margin-inline: 0.75rem;
    }
    .\32xl\:mx-5 {
      margin-inline: 1rem;
    }
    .\32xl\:mx-6 {
      margin-inline: 1.25rem;
    }
    .\32xl\:mx-7 {
      margin-inline: 1.5rem;
    }
    .\32xl\:mx-8 {
      margin-inline: 1.75rem;
    }
    .\32xl\:mx-9 {
      margin-inline: 2rem;
    }
    .\32xl\:mx-10 {
      margin-inline: 2.25rem;
    }
    .\32xl\:mx-11 {
      margin-inline: 2.5rem;
    }
    .\32xl\:mx-12 {
      margin-inline: 3rem;
    }
    .\32xl\:mx-auto {
      margin-inline: auto;
    }
    .\32xl\:my-0 {
      margin-block: 0;
    }
    .\32xl\:my-1 {
      margin-block: 0.25rem;
    }
    .\32xl\:my-2 {
      margin-block: 0.375rem;
    }
    .\32xl\:my-3 {
      margin-block: 0.5rem;
    }
    .\32xl\:my-4 {
      margin-block: 0.75rem;
    }
    .\32xl\:my-5 {
      margin-block: 1rem;
    }
    .\32xl\:my-6 {
      margin-block: 1.25rem;
    }
    .\32xl\:my-7 {
      margin-block: 1.5rem;
    }
    .\32xl\:my-8 {
      margin-block: 1.75rem;
    }
    .\32xl\:my-9 {
      margin-block: 2rem;
    }
    .\32xl\:my-10 {
      margin-block: 2.25rem;
    }
    .\32xl\:my-11 {
      margin-block: 2.5rem;
    }
    .\32xl\:my-12 {
      margin-block: 3rem;
    }
    .\32xl\:my-auto {
      margin-block: auto;
    }
    .\32xl\:mt-0 {
      margin-block-start: 0;
    }
    .\32xl\:mt-1 {
      margin-block-start: 0.25rem;
    }
    .\32xl\:mt-2 {
      margin-block-start: 0.375rem;
    }
    .\32xl\:mt-3 {
      margin-block-start: 0.5rem;
    }
    .\32xl\:mt-4 {
      margin-block-start: 0.75rem;
    }
    .\32xl\:mt-5 {
      margin-block-start: 1rem;
    }
    .\32xl\:mt-6 {
      margin-block-start: 1.25rem;
    }
    .\32xl\:mt-7 {
      margin-block-start: 1.5rem;
    }
    .\32xl\:mt-8 {
      margin-block-start: 1.75rem;
    }
    .\32xl\:mt-9 {
      margin-block-start: 2rem;
    }
    .\32xl\:mt-10 {
      margin-block-start: 2.25rem;
    }
    .\32xl\:mt-11 {
      margin-block-start: 2.5rem;
    }
    .\32xl\:mt-12 {
      margin-block-start: 3rem;
    }
    .\32xl\:mt-auto {
      margin-block-start: auto;
    }
    .\32xl\:me-0 {
      margin-inline-end: 0;
    }
    .\32xl\:me-1 {
      margin-inline-end: 0.25rem;
    }
    .\32xl\:me-2 {
      margin-inline-end: 0.375rem;
    }
    .\32xl\:me-3 {
      margin-inline-end: 0.5rem;
    }
    .\32xl\:me-4 {
      margin-inline-end: 0.75rem;
    }
    .\32xl\:me-5 {
      margin-inline-end: 1rem;
    }
    .\32xl\:me-6 {
      margin-inline-end: 1.25rem;
    }
    .\32xl\:me-7 {
      margin-inline-end: 1.5rem;
    }
    .\32xl\:me-8 {
      margin-inline-end: 1.75rem;
    }
    .\32xl\:me-9 {
      margin-inline-end: 2rem;
    }
    .\32xl\:me-10 {
      margin-inline-end: 2.25rem;
    }
    .\32xl\:me-11 {
      margin-inline-end: 2.5rem;
    }
    .\32xl\:me-12 {
      margin-inline-end: 3rem;
    }
    .\32xl\:me--1 {
      margin-inline-end: -0.25rem;
    }
    .\32xl\:me--2 {
      margin-inline-end: -0.5rem;
    }
    .\32xl\:me-auto {
      margin-inline-end: auto;
    }
    .\32xl\:mb-0 {
      margin-block-end: 0;
    }
    .\32xl\:mb-1 {
      margin-block-end: 0.25rem;
    }
    .\32xl\:mb-2 {
      margin-block-end: 0.375rem;
    }
    .\32xl\:mb-3 {
      margin-block-end: 0.5rem;
    }
    .\32xl\:mb-4 {
      margin-block-end: 0.75rem;
    }
    .\32xl\:mb-5 {
      margin-block-end: 1rem;
    }
    .\32xl\:mb-6 {
      margin-block-end: 1.25rem;
    }
    .\32xl\:mb-7 {
      margin-block-end: 1.5rem;
    }
    .\32xl\:mb-8 {
      margin-block-end: 1.75rem;
    }
    .\32xl\:mb-9 {
      margin-block-end: 2rem;
    }
    .\32xl\:mb-10 {
      margin-block-end: 2.25rem;
    }
    .\32xl\:mb-11 {
      margin-block-end: 2.5rem;
    }
    .\32xl\:mb-12 {
      margin-block-end: 3rem;
    }
    .\32xl\:mb-auto {
      margin-block-end: auto;
    }
    .\32xl\:ms-0 {
      margin-inline-start: 0;
    }
    .\32xl\:ms-1 {
      margin-inline-start: 0.25rem;
    }
    .\32xl\:ms-2 {
      margin-inline-start: 0.375rem;
    }
    .\32xl\:ms-3 {
      margin-inline-start: 0.5rem;
    }
    .\32xl\:ms-4 {
      margin-inline-start: 0.75rem;
    }
    .\32xl\:ms-5 {
      margin-inline-start: 1rem;
    }
    .\32xl\:ms-6 {
      margin-inline-start: 1.25rem;
    }
    .\32xl\:ms-7 {
      margin-inline-start: 1.5rem;
    }
    .\32xl\:ms-8 {
      margin-inline-start: 1.75rem;
    }
    .\32xl\:ms-9 {
      margin-inline-start: 2rem;
    }
    .\32xl\:ms-10 {
      margin-inline-start: 2.25rem;
    }
    .\32xl\:ms-11 {
      margin-inline-start: 2.5rem;
    }
    .\32xl\:ms-12 {
      margin-inline-start: 3rem;
    }
    .\32xl\:ms--1 {
      margin-inline-start: -0.25rem;
    }
    .\32xl\:ms--2 {
      margin-inline-start: -0.5rem;
    }
    .\32xl\:ms-auto {
      margin-inline-start: auto;
    }
    .\32xl\:p-0 {
      padding: 0;
    }
    .\32xl\:p-1 {
      padding: 0.25rem;
    }
    .\32xl\:p-2 {
      padding: 0.375rem;
    }
    .\32xl\:p-3 {
      padding: 0.5rem;
    }
    .\32xl\:p-4 {
      padding: 0.75rem;
    }
    .\32xl\:p-5 {
      padding: 1rem;
    }
    .\32xl\:p-6 {
      padding: 1.25rem;
    }
    .\32xl\:p-7 {
      padding: 1.5rem;
    }
    .\32xl\:p-8 {
      padding: 1.75rem;
    }
    .\32xl\:p-9 {
      padding: 2rem;
    }
    .\32xl\:p-10 {
      padding: 2.25rem;
    }
    .\32xl\:p-11 {
      padding: 2.5rem;
    }
    .\32xl\:p-12 {
      padding: 3rem;
    }
    .\32xl\:px-0 {
      padding-inline: 0;
    }
    .\32xl\:px-1 {
      padding-inline: 0.25rem;
    }
    .\32xl\:px-2 {
      padding-inline: 0.375rem;
    }
    .\32xl\:px-3 {
      padding-inline: 0.5rem;
    }
    .\32xl\:px-4 {
      padding-inline: 0.75rem;
    }
    .\32xl\:px-5 {
      padding-inline: 1rem;
    }
    .\32xl\:px-6 {
      padding-inline: 1.25rem;
    }
    .\32xl\:px-7 {
      padding-inline: 1.5rem;
    }
    .\32xl\:px-8 {
      padding-inline: 1.75rem;
    }
    .\32xl\:px-9 {
      padding-inline: 2rem;
    }
    .\32xl\:px-10 {
      padding-inline: 2.25rem;
    }
    .\32xl\:px-11 {
      padding-inline: 2.5rem;
    }
    .\32xl\:px-12 {
      padding-inline: 3rem;
    }
    .\32xl\:py-0 {
      padding-block: 0;
    }
    .\32xl\:py-1 {
      padding-block: 0.25rem;
    }
    .\32xl\:py-2 {
      padding-block: 0.375rem;
    }
    .\32xl\:py-3 {
      padding-block: 0.5rem;
    }
    .\32xl\:py-4 {
      padding-block: 0.75rem;
    }
    .\32xl\:py-5 {
      padding-block: 1rem;
    }
    .\32xl\:py-6 {
      padding-block: 1.25rem;
    }
    .\32xl\:py-7 {
      padding-block: 1.5rem;
    }
    .\32xl\:py-8 {
      padding-block: 1.75rem;
    }
    .\32xl\:py-9 {
      padding-block: 2rem;
    }
    .\32xl\:py-10 {
      padding-block: 2.25rem;
    }
    .\32xl\:py-11 {
      padding-block: 2.5rem;
    }
    .\32xl\:py-12 {
      padding-block: 3rem;
    }
    .\32xl\:pt-0 {
      padding-block-start: 0;
    }
    .\32xl\:pt-1 {
      padding-block-start: 0.25rem;
    }
    .\32xl\:pt-2 {
      padding-block-start: 0.375rem;
    }
    .\32xl\:pt-3 {
      padding-block-start: 0.5rem;
    }
    .\32xl\:pt-4 {
      padding-block-start: 0.75rem;
    }
    .\32xl\:pt-5 {
      padding-block-start: 1rem;
    }
    .\32xl\:pt-6 {
      padding-block-start: 1.25rem;
    }
    .\32xl\:pt-7 {
      padding-block-start: 1.5rem;
    }
    .\32xl\:pt-8 {
      padding-block-start: 1.75rem;
    }
    .\32xl\:pt-9 {
      padding-block-start: 2rem;
    }
    .\32xl\:pt-10 {
      padding-block-start: 2.25rem;
    }
    .\32xl\:pt-11 {
      padding-block-start: 2.5rem;
    }
    .\32xl\:pt-12 {
      padding-block-start: 3rem;
    }
    .\32xl\:pe-0 {
      padding-inline-end: 0;
    }
    .\32xl\:pe-1 {
      padding-inline-end: 0.25rem;
    }
    .\32xl\:pe-2 {
      padding-inline-end: 0.375rem;
    }
    .\32xl\:pe-3 {
      padding-inline-end: 0.5rem;
    }
    .\32xl\:pe-4 {
      padding-inline-end: 0.75rem;
    }
    .\32xl\:pe-5 {
      padding-inline-end: 1rem;
    }
    .\32xl\:pe-6 {
      padding-inline-end: 1.25rem;
    }
    .\32xl\:pe-7 {
      padding-inline-end: 1.5rem;
    }
    .\32xl\:pe-8 {
      padding-inline-end: 1.75rem;
    }
    .\32xl\:pe-9 {
      padding-inline-end: 2rem;
    }
    .\32xl\:pe-10 {
      padding-inline-end: 2.25rem;
    }
    .\32xl\:pe-11 {
      padding-inline-end: 2.5rem;
    }
    .\32xl\:pe-12 {
      padding-inline-end: 3rem;
    }
    .\32xl\:pb-0 {
      padding-block-end: 0;
    }
    .\32xl\:pb-1 {
      padding-block-end: 0.25rem;
    }
    .\32xl\:pb-2 {
      padding-block-end: 0.375rem;
    }
    .\32xl\:pb-3 {
      padding-block-end: 0.5rem;
    }
    .\32xl\:pb-4 {
      padding-block-end: 0.75rem;
    }
    .\32xl\:pb-5 {
      padding-block-end: 1rem;
    }
    .\32xl\:pb-6 {
      padding-block-end: 1.25rem;
    }
    .\32xl\:pb-7 {
      padding-block-end: 1.5rem;
    }
    .\32xl\:pb-8 {
      padding-block-end: 1.75rem;
    }
    .\32xl\:pb-9 {
      padding-block-end: 2rem;
    }
    .\32xl\:pb-10 {
      padding-block-end: 2.25rem;
    }
    .\32xl\:pb-11 {
      padding-block-end: 2.5rem;
    }
    .\32xl\:pb-12 {
      padding-block-end: 3rem;
    }
    .\32xl\:ps-0 {
      padding-inline-start: 0;
    }
    .\32xl\:ps-1 {
      padding-inline-start: 0.25rem;
    }
    .\32xl\:ps-2 {
      padding-inline-start: 0.375rem;
    }
    .\32xl\:ps-3 {
      padding-inline-start: 0.5rem;
    }
    .\32xl\:ps-4 {
      padding-inline-start: 0.75rem;
    }
    .\32xl\:ps-5 {
      padding-inline-start: 1rem;
    }
    .\32xl\:ps-6 {
      padding-inline-start: 1.25rem;
    }
    .\32xl\:ps-7 {
      padding-inline-start: 1.5rem;
    }
    .\32xl\:ps-8 {
      padding-inline-start: 1.75rem;
    }
    .\32xl\:ps-9 {
      padding-inline-start: 2rem;
    }
    .\32xl\:ps-10 {
      padding-inline-start: 2.25rem;
    }
    .\32xl\:ps-11 {
      padding-inline-start: 2.5rem;
    }
    .\32xl\:ps-12 {
      padding-inline-start: 3rem;
    }
    .\32xl\:gap-0 {
      gap: 0;
    }
    .\32xl\:gap-1 {
      gap: 0.25rem;
    }
    .\32xl\:gap-2 {
      gap: 0.375rem;
    }
    .\32xl\:gap-3 {
      gap: 0.5rem;
    }
    .\32xl\:gap-4 {
      gap: 0.75rem;
    }
    .\32xl\:gap-5 {
      gap: 1rem;
    }
    .\32xl\:gap-6 {
      gap: 1.25rem;
    }
    .\32xl\:gap-7 {
      gap: 1.5rem;
    }
    .\32xl\:gap-8 {
      gap: 1.75rem;
    }
    .\32xl\:gap-9 {
      gap: 2rem;
    }
    .\32xl\:gap-10 {
      gap: 2.25rem;
    }
    .\32xl\:gap-11 {
      gap: 2.5rem;
    }
    .\32xl\:gap-12 {
      gap: 3rem;
    }
    .\32xl\:row-gap-0 {
      row-gap: 0;
    }
    .\32xl\:row-gap-1 {
      row-gap: 0.25rem;
    }
    .\32xl\:row-gap-2 {
      row-gap: 0.375rem;
    }
    .\32xl\:row-gap-3 {
      row-gap: 0.5rem;
    }
    .\32xl\:row-gap-4 {
      row-gap: 0.75rem;
    }
    .\32xl\:row-gap-5 {
      row-gap: 1rem;
    }
    .\32xl\:row-gap-6 {
      row-gap: 1.25rem;
    }
    .\32xl\:row-gap-7 {
      row-gap: 1.5rem;
    }
    .\32xl\:row-gap-8 {
      row-gap: 1.75rem;
    }
    .\32xl\:row-gap-9 {
      row-gap: 2rem;
    }
    .\32xl\:row-gap-10 {
      row-gap: 2.25rem;
    }
    .\32xl\:row-gap-11 {
      row-gap: 2.5rem;
    }
    .\32xl\:row-gap-12 {
      row-gap: 3rem;
    }
    .\32xl\:column-gap-0 {
      column-gap: 0;
    }
    .\32xl\:column-gap-1 {
      column-gap: 0.25rem;
    }
    .\32xl\:column-gap-2 {
      column-gap: 0.375rem;
    }
    .\32xl\:column-gap-3 {
      column-gap: 0.5rem;
    }
    .\32xl\:column-gap-4 {
      column-gap: 0.75rem;
    }
    .\32xl\:column-gap-5 {
      column-gap: 1rem;
    }
    .\32xl\:column-gap-6 {
      column-gap: 1.25rem;
    }
    .\32xl\:column-gap-7 {
      column-gap: 1.5rem;
    }
    .\32xl\:column-gap-8 {
      column-gap: 1.75rem;
    }
    .\32xl\:column-gap-9 {
      column-gap: 2rem;
    }
    .\32xl\:column-gap-10 {
      column-gap: 2.25rem;
    }
    .\32xl\:column-gap-11 {
      column-gap: 2.5rem;
    }
    .\32xl\:column-gap-12 {
      column-gap: 3rem;
    }
    :where(.\32xl\:space-x-0 > :not(:last-child)) {
      margin-inline-end: 0;
    }
    :where(.\32xl\:space-x-1 > :not(:last-child)) {
      margin-inline-end: 0.25rem;
    }
    :where(.\32xl\:space-x-2 > :not(:last-child)) {
      margin-inline-end: 0.375rem;
    }
    :where(.\32xl\:space-x-3 > :not(:last-child)) {
      margin-inline-end: 0.5rem;
    }
    :where(.\32xl\:space-x-4 > :not(:last-child)) {
      margin-inline-end: 0.75rem;
    }
    :where(.\32xl\:space-x-5 > :not(:last-child)) {
      margin-inline-end: 1rem;
    }
    :where(.\32xl\:space-x-6 > :not(:last-child)) {
      margin-inline-end: 1.25rem;
    }
    :where(.\32xl\:space-x-7 > :not(:last-child)) {
      margin-inline-end: 1.5rem;
    }
    :where(.\32xl\:space-x-8 > :not(:last-child)) {
      margin-inline-end: 1.75rem;
    }
    :where(.\32xl\:space-x-9 > :not(:last-child)) {
      margin-inline-end: 2rem;
    }
    :where(.\32xl\:space-x-10 > :not(:last-child)) {
      margin-inline-end: 2.25rem;
    }
    :where(.\32xl\:space-x-11 > :not(:last-child)) {
      margin-inline-end: 2.5rem;
    }
    :where(.\32xl\:space-x-12 > :not(:last-child)) {
      margin-inline-end: 3rem;
    }
    :where(.\32xl\:space-y-0 > :not(:last-child)) {
      margin-block-end: 0;
    }
    :where(.\32xl\:space-y-1 > :not(:last-child)) {
      margin-block-end: 0.25rem;
    }
    :where(.\32xl\:space-y-2 > :not(:last-child)) {
      margin-block-end: 0.375rem;
    }
    :where(.\32xl\:space-y-3 > :not(:last-child)) {
      margin-block-end: 0.5rem;
    }
    :where(.\32xl\:space-y-4 > :not(:last-child)) {
      margin-block-end: 0.75rem;
    }
    :where(.\32xl\:space-y-5 > :not(:last-child)) {
      margin-block-end: 1rem;
    }
    :where(.\32xl\:space-y-6 > :not(:last-child)) {
      margin-block-end: 1.25rem;
    }
    :where(.\32xl\:space-y-7 > :not(:last-child)) {
      margin-block-end: 1.5rem;
    }
    :where(.\32xl\:space-y-8 > :not(:last-child)) {
      margin-block-end: 1.75rem;
    }
    :where(.\32xl\:space-y-9 > :not(:last-child)) {
      margin-block-end: 2rem;
    }
    :where(.\32xl\:space-y-10 > :not(:last-child)) {
      margin-block-end: 2.25rem;
    }
    :where(.\32xl\:space-y-11 > :not(:last-child)) {
      margin-block-end: 2.5rem;
    }
    :where(.\32xl\:space-y-12 > :not(:last-child)) {
      margin-block-end: 3rem;
    }
    :where(.\32xl\:divide-x > :not(:first-child)) {
      border-inline-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.\32xl\:divide-x-0 > :not(:first-child)) {
      border-inline-start: 0;
    }
    :where(.\32xl\:divide-y > :not(:first-child)) {
      border-block-start: var(--border-width) var(--border-style) var(--border-color);
    }
    :where(.\32xl\:divide-y-0 > :not(:first-child)) {
      border-block-start: 0;
    }
    .\32xl\:text-start {
      text-align: start;
    }
    .\32xl\:text-end {
      text-align: end;
    }
    .\32xl\:text-center {
      text-align: center;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .animation-shake,
    .animation-pop {
      animation: none;
    }
  }
}
@keyframes animation-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes animation-pop {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* node_modules/.pnpm/grapesjs-component-code-editor@1.0.20/node_modules/grapesjs-component-code-editor/dist/grapesjs-component-code-editor.min.css */
.code-panel {
  text-align: left;
  font-size: 1rem;
  height: 100%;
  overflow: hidden;
}
.code-panel section {
  flex: 1;
  height: 50%;
}
.code-panel section .codepanel-separator {
  display: flex;
  justify-content: space-between;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.code-panel section .codepanel-label {
  margin-top: 5px;
  line-height: 20px;
  font-size: 13px;
  color: #aaa;
  user-select: none;
  text-transform: uppercase;
}
.cp-btn-container {
  display: flex;
  justify-content: space-evenly;
}
.cp-btn-container .gjs-btn-prim {
  margin: 2.5px;
}
.gutter {
  cursor: ns-resize;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
}
.gutter:after {
  content: "";
  display: block;
  height: 8px;
  width: 100%;
  position: absolute;
  top: -3px;
  z-index: 150;
}
.code-panel .CodeMirror {
  height: 100%;
}
.cp-delete-css {
  margin-left: 70%;
}
.gjs-pn-views {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
.gjs-pn-views-container {
  box-shadow: initial;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  top: 40px;
  padding-top: 0;
  height: calc(100% - 40px);
}
.gjs-pn-views-container,
.gjs-cv-canvas {
  transition: width 0.3s ease-in-out;
}
/*! Bundled license information:

bootstrap-icons/font/bootstrap-icons.min.css:
  (*!
   * Bootstrap Icons v1.13.2 (https://icons.getbootstrap.com/)
   * Copyright 2019-2024 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
   *)

bootstrap/scss/bootstrap.scss:
  (*!
    * Bootstrap  v6.0.0-alpha.1 (https://getbootstrap.com/)
    * Copyright 2011-2026 The Bootstrap Authors
    * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
    *)
*/